{"title":"Secretos del skincare coreano (K-Beauty)","description":"\u003ch2\u003eSecretos de la piel coreana | Secretos del skincare coreano\u003c\/h2\u003e\n\u003cp\u003eDescubre el mundo del skincare coreano auténtico de las mejores marcas internacionales con envío internacional y devoluciones fáciles! 🌸\u003c\/p\u003e\n\u003ch3\u003e✨ Marcas distintivas en nuestra colección Premium de Marcas K-Beauty\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCOSRX\u003c\/strong\u003e - Suero Snail 96, cremas hidratantes y productos peptídicos\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSOME BY MI\u003c\/strong\u003e - Tónico milagroso AHA-BHA-PHA, suero intensivo de retinol\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBeauty of Joseon\u003c\/strong\u003e - Protección solar a base de agua, suero con propóleos y niacinamida\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSKIN1004\u003c\/strong\u003e - Suero Centella Madagascar, viales probióticos\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eANUA\u003c\/strong\u003e - Suero de niacinamida 10% para iluminar la piel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMary \u0026amp; May\u003c\/strong\u003e - Productos vegetales naturales\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDR. ALTHEA\u003c\/strong\u003e - Cuidado profesional de la piel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e🎯 Beneficios de los productos para la piel coreanos | Beneficios del skincare coreano\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e✅ \u003cstrong\u003eHidratación profunda e intensa\u003c\/strong\u003e - Deep Hydration \u0026amp; Moisture Lock\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eAclarar y unificar el tono de la piel\u003c\/strong\u003e - Brightening \u0026amp; Even Skin Tone\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eAntiedad y envejecimiento\u003c\/strong\u003e - Anti-Aging \u0026amp; Wrinkle Correction\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eTratamiento del acné y manchas oscuras\u003c\/strong\u003e - Acne Treatment \u0026amp; Dark Spot Removal\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eExfoliación delicada y rejuvenecimiento de la piel\u003c\/strong\u003e - Gentle Exfoliation \u0026amp; Skin Renewal\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eProtección solar SPF 50+\u003c\/strong\u003e - Sun Protection\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e💎 Ingredientes activos | Ingredientes activos\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSnail Mucin 96%\u003c\/strong\u003e | \u003cstrong\u003eRetinol\u003c\/strong\u003e | \u003cstrong\u003eNiacinamide 10%\u003c\/strong\u003e | \u003cstrong\u003eCentella Asiatica\u003c\/strong\u003e | \u003cstrong\u003eAHA-BHA-PHA\u003c\/strong\u003e | \u003cstrong\u003ePropolis\u003c\/strong\u003e | \u003cstrong\u003ePeptides\u003c\/strong\u003e | \u003cstrong\u003eVitamin C\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch3\u003e🚚 Envío internacional y política de devolución | Envíos y devoluciones internacionales\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e✈️ Envío internacional rápido a todos los países árabes y en el mundo\u003c\/li\u003e\n\u003cli\u003e📦 Embalaje seguro y profesional garantiza que los productos lleguen en excelentes condiciones\u003c\/li\u003e\n\u003cli\u003e🔄 Devolución fácil dentro de 14 días - política de devolución flexible\u003c\/li\u003e\n\u003cli\u003e✔️ 100% Auténtico Garantizado con garantía de calidad\u003c\/li\u003e\n\u003cli\u003e💳 Pago seguro de todas las formas\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e❓ Preguntas frecuentes | FAQ sobre el skincare coreano\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e¿Cuáles son los mejores productos de belleza coreanos para principiantes?\u003c\/strong\u003e\u003cbr\/\u003eA: Recomendamos empezar con el tónico SOME BY MI AHA-BHA-PHA, el suero regenerador de baba de caracol regeneradora regeneradora COSRX y la crema solar Beauty of Joseon.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eQ: What makes Korean skincare products special?\u003c\/strong\u003e\u003cbr\/\u003eA: Korean skincare focuses on prevention, hydration, and using innovative natural ingredients like snail mucin, centella, and fermented extracts.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eD: ¿Los productos son adecuados para pieles sensibles?\u003c\/strong\u003e\u003cbr\/\u003eA: ¡Sí! La mayoría de los productos coreanos están pensados para pieles sensibles y no contienen ingredientes agresivos.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eP: ¿Cuánto tiempo tarda el envío?\u003c\/strong\u003e\u003cbr\/\u003eA: El envío tarda de 7 a 14 días laborables dependiendo de tu ubicación geográfica.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eQ: Are products authentic and original?\u003c\/strong\u003e\u003cbr\/\u003eA: Yes! All our Korean skincare products are 100% authentic, sourced directly from authorized distributors.\u003c\/p\u003e\n\u003ch3\u003e🛍️ Compra ahora | Compra ahora\u003c\/h3\u003e\n\u003cp\u003e¡Ordena productos originales de skincare coreanos de Instachiq y obtén una piel luminosa y sana! Productos COSRX, SOME BY MI, Beauty of Joseon, SKIN1004 están disponibles con envío y devoluciones internacionales gratis.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e🏷️ Keywords:\u003c\/strong\u003e skincare coreano, K-beauty, COSRX baba de caracol regeneradora regeneradora regeneradora, SOME BY MI AHA BHA PHA, Beauty of Joseon crema solar, productos de belleza coreanos, envío internacional, cosméticos coreanos auténticos, productos coreanos auténticos, skincare coreano\u003c\/p\u003e","products":[{"product_id":"somebymi-aha-bha-pha-miracle-toner","title":"Some By Mi AHA-BHA-PHA 30 Days Miracle Toner 150ml","description":"\u003cdiv class=\"sbm30-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n        \/* Styles *\/\n        .sbm30-wrapper {\n            --sbm30-bg-dark: #0a110d; \/* Styles *\/\n            --sbm30-bg-card: rgba(20, 35, 25, 0.6); \/* Styles *\/\n            --sbm30-green-main: #2e8b57; \/* Styles *\/\n            --sbm30-green-light: #66cdaa; \/* Styles *\/\n            --sbm30-gold-main: #d4af37; \/* Styles *\/\n            --sbm30-gold-light: #f3e5ab; \/* Styles *\/\n            --sbm30-glow-green: rgba(46, 139, 87, 0.3);\n            --sbm30-glow-gold: rgba(212, 175, 55, 0.25);\n            --sbm30-text-main: #f0fdf4;\n            --sbm30-text-muted: #b0c4b1;\n            --sbm30-border: rgba(46, 139, 87, 0.3);\n            --sbm30-border-hover: rgba(102, 205, 170, 0.6);\n            \n            background-color: var(--sbm30-bg-dark);\n            color: var(--sbm30-text-main);\n            font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            line-height: 1.7;\n            overflow: hidden;\n            position: relative;\n            padding: 40px 0;\n            border-radius: 20px;\n            box-shadow: 0 0 80px rgba(46, 139, 87, 0.05) inset;\n        }\n\n        .sbm30-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .sbm30-wrapper img {\n            max-width: 100%;\n            height: auto;\n            border-radius: 16px;\n            display: block;\n            margin: 0 auto;\n            box-shadow: 0 15px 40px rgba(0,0,0,0.6);\n        }\n\n        .sbm30-container {\n            max-width: 900px;\n            margin: 0 auto;\n            padding: 0 20px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* Styles *\/\n        .sbm30-ambient-particles {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 1;\n            pointer-events: none;\n            overflow: hidden;\n        }\n\n        .sbm30-particle {\n            position: absolute;\n            background: radial-gradient(circle, var(--sbm30-glow-green) 0%, transparent 70%);\n            border-radius: 50%;\n            bottom: -100px;\n            border: 1px solid rgba(102, 205, 170, 0.2);\n            animation: floatUpMint 15s infinite ease-in-out;\n            filter: blur(4px);\n        }\n\n        @keyframes floatUpMint {\n            0% { transform: translateY(0) scale(0.8) translateX(0); opacity: 0; }\n            20% { opacity: 0.6; }\n            80% { opacity: 0.3; }\n            100% { transform: translateY(-1600px) scale(1.5) translateX(-40px); opacity: 0; }\n        }\n\n        \/* Styles *\/\n        .sbm30-title-glow {\n            display: block;\n            width: 100%;\n            font-size: clamp(26px, 4.5vw, 42px);\n            font-weight: 900;\n            text-align: center;\n            margin-bottom: 25px;\n            line-height: 1.4;\n            background: linear-gradient(135deg, #ffffff 0%, var(--sbm30-green-light) 60%, var(--sbm30-gold-main) 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            text-shadow: 0 0 30px var(--sbm30-glow-green);\n        }\n\n        .sbm30-section-title {\n            display: block;\n            width: 100%;\n            font-size: clamp(24px, 4vw, 32px);\n            font-weight: 800;\n            color: var(--sbm30-gold-main);\n            text-align: center;\n            margin: 60px auto 30px;\n            position: relative;\n            line-height: 1.5;\n        }\n\n        .sbm30-section-title::after {\n            content: '';\n            position: absolute;\n            bottom: -12px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: clamp(80px, 30%, 150px);\n            height: 3px;\n            background: linear-gradient(90deg, transparent, var(--sbm30-green-light), transparent);\n            border-radius: 10px;\n            box-shadow: 0 0 10px var(--sbm30-green-main);\n        }\n\n        \/* Styles *\/\n        .sbm30-hero {\n            text-align: center;\n            padding: 20px 0 40px;\n        }\n\n        .sbm30-badge {\n            display: inline-block;\n            background: rgba(46, 139, 87, 0.15);\n            border: 1px solid var(--sbm30-green-main);\n            color: var(--sbm30-green-light);\n            padding: 8px 25px;\n            border-radius: 30px;\n            font-size: 0.95rem;\n            font-weight: bold;\n            margin-bottom: 25px;\n            box-shadow: 0 0 20px var(--sbm30-glow-green);\n        }\n        \n        .sbm30-hero-subtitle {\n            font-size: 1.15rem;\n            color: var(--sbm30-text-muted);\n            max-width: 800px;\n            margin: 0 auto 30px;\n            font-weight: 500;\n            line-height: 1.8;\n            border-right: 3px solid var(--sbm30-green-main);\n            padding-right: 15px;\n            background: linear-gradient(90deg, transparent, rgba(46, 139, 87, 0.05));\n            border-radius: 8px 0 0 8px;\n        }\n\n        \/* Styles *\/\n        .sbm30-glass-box {\n            background: var(--sbm30-bg-card);\n            backdrop-filter: blur(15px);\n            -webkit-backdrop-filter: blur(15px);\n            border: 1px solid var(--sbm30-border);\n            border-radius: 20px;\n            padding: 35px;\n            margin: 40px 0;\n            box-shadow: 0 20px 50px rgba(0,0,0,0.6);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .sbm30-glass-box::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            right: 0;\n            width: 4px;\n            height: 100%;\n            background: linear-gradient(180deg, var(--sbm30-green-light), var(--sbm30-gold-main), transparent);\n        }\n\n        \/* Styles *\/\n        .sbm30-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 20px;\n            margin: 30px 0;\n        }\n\n        .sbm30-card {\n            background: linear-gradient(145deg, rgba(20, 35, 25, 0.7), rgba(10, 15, 12, 0.9));\n            border: 1px solid var(--sbm30-border);\n            border-radius: 16px;\n            padding: 30px 25px;\n            transition: all 0.4s ease;\n            position: relative;\n            overflow: hidden;\n            z-index: 1;\n        }\n\n        .sbm30-card::after {\n            content: '';\n            position: absolute;\n            bottom: -50%;\n            right: -50%;\n            width: 100%;\n            height: 100%;\n            background: radial-gradient(circle, rgba(212, 175, 55, 0.1) 0%, transparent 70%);\n            z-index: -1;\n            transition: all 0.5s;\n        }\n\n        .sbm30-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--sbm30-gold-main);\n            box-shadow: 0 15px 30px var(--sbm30-glow-green);\n            background: rgba(25, 45, 30, 0.8);\n        }\n\n        .sbm30-card:hover::after { bottom: -10%; right: -10%; }\n\n        .sbm30-icon {\n            width: 60px; height: 60px; background: rgba(46, 139, 87, 0.1);\n            border: 1px solid rgba(102, 205, 170, 0.3); border-radius: 14px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 20px; color: var(--sbm30-green-light); font-size: 28px;\n            transition: transform 0.3s ease; box-shadow: 0 0 15px rgba(46, 139, 87, 0.2);\n        }\n        \n        .sbm30-card:hover .sbm30-icon {\n            transform: scale(1.1) rotate(-5deg); background: linear-gradient(135deg, var(--sbm30-green-main), var(--sbm30-gold-main));\n            color: #111; border-color: transparent; box-shadow: 0 0 25px var(--sbm30-gold-main);\n        }\n\n        .sbm30-card h3 { font-size: 1.25rem; color: #fff; margin-bottom: 12px; line-height: 1.4; }\n        .sbm30-card p { color: var(--sbm30-text-muted); font-size: 0.95rem; line-height: 1.6; }\n\n        \/* Styles *\/\n        .sbm30-table-container {\n            overflow-x: auto; margin: 30px 0; border-radius: 16px; border: 1px solid var(--sbm30-border);\n            box-shadow: 0 10px 30px rgba(0,0,0,0.5); background: rgba(10, 15, 12, 0.6);\n        }\n\n        .sbm30-table { width: 100%; border-collapse: collapse; text-align: left; min-width: 500px; }\n        .sbm30-table th, .sbm30-table td { padding: 15px 20px; border-bottom: 1px solid rgba(255,255,255,0.05); }\n        .sbm30-table th { background: rgba(46, 139, 87, 0.2); color: var(--sbm30-gold-light); font-weight: 800; font-size: 1.1rem; }\n        .sbm30-table td strong { color: var(--sbm30-text-main); }\n        .sbm30-table td.sbm30-highlight { background: rgba(46, 139, 87, 0.08); color: var(--sbm30-green-light); font-weight: bold; font-size: 1.05rem; }\n        .sbm30-table tr:last-child td { border-bottom: none; }\n\n        \/* Styles *\/\n        .sbm30-steps-wrap { display: flex; flex-direction: column; gap: 15px; margin-top: 30px; }\n        .sbm30-step-item {\n            display: flex; align-items: center; background: rgba(255,255,255,0.02);\n            border: 1px solid var(--sbm30-border); padding: 20px; border-radius: 12px; transition: all 0.3s;\n        }\n        .sbm30-step-item:hover { border-color: var(--sbm30-gold-main); background: rgba(212, 175, 55, 0.05); transform: translateX(-5px); }\n        .sbm30-step-num {\n            font-size: 2rem; font-weight: 900; color: rgba(212, 175, 55, 0.2); -webkit-text-stroke: 1px var(--sbm30-gold-main);\n            margin-left: 20px; min-width: 45px; text-align: center; text-shadow: 0 0 10px var(--sbm30-glow-gold);\n        }\n\n        \/* === Animations === *\/\n        .sbm30-reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n        .sbm30-reveal.sbm30-active { opacity: 1; transform: translateY(0); }\n        .sbm30-delay-1 { transition-delay: 0.1s; }\n        .sbm30-delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .sbm30-hero { padding: 10px 0 20px; }\n            .sbm30-step-item { flex-direction: column; text-align: center; }\n            .sbm30-step-num { margin-left: 0; margin-bottom: 15px; }\n        }\n    \u003c\/style\u003e\n\n\u003cdiv class=\"sbm30-ambient-particles\" id=\"sbm30-particles\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sbm30-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"sbm30-hero sbm30-reveal sbm30-active\"\u003e\n\u003cdiv class=\"sbm30-badge\"\u003eEl tónico milagroso coreano más vendido en todo el mundo\u003c\/div\u003e\n\u003ch1 class=\"sbm30-title-glow\"\u003e¡Los secretos de la piel cristalina residen en las gotas de este tónico!\u003c\/h1\u003e\n\u003cp class=\"sbm30-hero-subtitle\"\u003e\n                “La acumulación de piel muerta no solo crea una falsa impresión, sino que obstruye los poros e impide que cualquier crema costosa penetre en la piel.” \u003cbr\/\u003e\n                Transforma tu piel a su estado más claro y puro en solo 30 días con un tónico \u003cstrong\u003eSome By Mi Miracle\u003c\/strong\u003e Desarrollador.\n            \u003c\/p\u003e\n\u003cimg alt=\"Some By Mi Miracle Toner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_miracle_toner_aha_bha_pha_peeling_toner_4.jpg?v=1730725686\" style=\"margin: 0 auto 30px;\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- 2. The Problem \/ Main Solution --\u003e\n\u003cdiv class=\"sbm30-glass-box sbm30-reveal\"\u003e\n\u003ch2 style=\"color: #fff; font-size: 1.6rem; text-align: center; margin-bottom: 15px;\"\u003e¿Sufres de piel opaca, poros dilatados y granos sin fin?\u003c\/h2\u003e\n\u003cp style=\"text-align: center; color: var(--sbm30-text-muted); line-height: 1.8; font-size: 1.1rem; margin-bottom: 20px;\"\u003e\n                La principal causa de la mayoría de los problemas de la piel es el fracaso del ciclo natural de renovación. Cuando las células muertas y los aceites oxidados se acumulan, la piel se sofoca y comienza a inflamarse.\n            \u003c\/p\u003e\n\u003cdiv style=\"background: rgba(212, 175, 55, 0.1); border: 1px dashed var(--sbm30-gold-main); padding: 20px; border-radius: 12px; text-align: center;\"\u003e\n\u003cp style=\"color: var(--sbm30-gold-light); font-size: 1.25rem; font-weight: bold; margin-bottom: 10px;\"\u003eTriple Ácidos (AHA, BHA, PHA)\u003c\/p\u003e\n\u003cp style=\"color: #fff; font-size: 1.05rem;\"\u003e\n                    Este tónico no es solo un “agua perfumada”. Funciona eficazmente a nivel microquímico para eliminar las células muertas y disolver puntos negros y blancos. Gracias a la presencia de AHA, elimina las escamas de la superficie, mientras que el BHA penetra en los poros para disolver las grasas más arraigadas, y el PHA mantiene la hidratación de la piel y previene irritaciones.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. Miracle Ingredients (Tea Tree) --\u003e\n\u003ch2 class=\"sbm30-section-title sbm30-reveal\"\u003eEl poder del árbol de té que ha cambiado el destino de la medicina cosmética\u003c\/h2\u003e\n\u003cimg alt=\"El poder del árbol de té\" class=\"sbm30-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_toner_3.webp?v=1745762837\" style=\"margin: 0 auto 30px;\"\/\u003e\n\u003cp class=\"sbm30-reveal\" style=\"text-align: center; color: var(--sbm30-text-muted); font-size: 1.1rem; max-width: 800px; margin: 0 auto 40px; line-height: 1.8;\"\u003e\n            Gracias a los procesos avanzados de purificación y extracción coreanos, este tónico está enriquecido con la máxima concentración de verdadero extracto de hojas de árbol de té \u003cstrong style=\"color: var(--sbm30-gold-light);\"\u003e(10.000 ppm)\u003c\/strong\u003e. Este ingrediente mágico es el mayor milagro para la piel grasa y propensa al acné. Mata las bacterias que causan el acné, apaga instantáneamente la inflamación y el enrojecimiento, ¡y equilibra increíblemente bien la producción excesiva de sebo!\n        \u003c\/p\u003e\n\u003c!-- 4. Triple Action Benefits Grid --\u003e\n\u003ch2 class=\"sbm30-section-title sbm30-reveal\"\u003eBeneficios 3D para una piel perfecta de vidrio\u003c\/h2\u003e\n\u003cdiv class=\"sbm30-grid\"\u003e\n\u003cdiv class=\"sbm30-card sbm30-reveal\"\u003e\n\u003cdiv class=\"sbm30-icon\"\u003e🕳️\u003c\/div\u003e\n\u003ch3\u003eLa solución definitiva para los poros dilatados\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e¡Buena suerte tratando de ver tus poros después de hoy!\u003c\/strong\u003e El tónico limpia profundamente los poros y luego reduce su tamaño gracias a la Niacinamida incorporada en la fórmula.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm30-card sbm30-reveal sbm30-delay-1\"\u003e\n\u003cdiv class=\"sbm30-icon\"\u003e⚖️\u003c\/div\u003e\n\u003ch3\u003eequilibrio del pH (pH 5,5)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eEl exfoliante más delicado para pieles sensibles.\u003c\/strong\u003e ¡Hay una línea sutil entre exfoliación e irritación! El tónico está diseñado para adaptarse al pH natural de la piel para exfoliar profundamente y con \"cero\" irritación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm30-card sbm30-reveal sbm30-delay-2\"\u003e\n\u003cdiv class=\"sbm30-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eResplandor instantáneo y rejuvenecimiento\u003c\/h3\u003e\n\u003cp\u003eContiene extractos de papaya y hamamelis para acelerar la eliminación de las células muertas de la piel, además de extracto de loto y adenosina para reafirmar la piel y combatir las arrugas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Beneficios del tónico\" class=\"sbm30-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_toner_2.webp?v=1745763008\" style=\"margin: 40px auto; box-shadow: 0 20px 50px rgba(0,0,0,0.8);\"\/\u003e\n\u003c!-- 5. Comparison Table --\u003e\n\u003ch2 class=\"sbm30-section-title sbm30-reveal\"\u003e¿Por qué el tónico Some By Mi es superior a los tónicos tradicionales?\u003c\/h2\u003e\n\u003cdiv class=\"sbm30-table-container sbm30-reveal\"\u003e\n\u003ctable class=\"sbm30-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eComparación\u003c\/th\u003e\n\u003cth\u003eTónicos exfoliantes regulares\u003c\/th\u003e\n\u003cth style=\"background: rgba(212, 175, 55, 0.15); color: #fff;\"\u003eTónico Milagroso (Some By Mi)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eSistema peeling\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eSolo un tipo (generalmente AHA)\u003c\/td\u003e\n\u003ctd class=\"sbm30-highlight\"\u003eSistema 3D (AHA\/BHA\/PHA)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eEfecto hidratante\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eProvoca evidente sequedad y descamación\u003c\/td\u003e\n\u003ctd class=\"sbm30-highlight\"\u003eHidratación profunda gracias a las moléculas de PHA\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eProcesamiento del trigo\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003ePuede irritar granos activos\u003c\/td\u003e\n\u003ctd class=\"sbm30-highlight\"\u003eApaga la inflamación y mata las bacterias (gracias al árbol de té)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eBalance ácido\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eAlcalinos o ácidos agresivos\u003c\/td\u003e\n\u003ctd class=\"sbm30-highlight\"\u003ePH 5,5 está perfectamente equilibrado para proteger la barrera hidrolipídica\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003ePiel sensible\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eNo apto ya que contiene alcohol\u003c\/td\u003e\n\u003ctd class=\"sbm30-highlight\"\u003eMuy segura y probada médicamente como (No Comedogénica)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Usage Instructions --\u003e\n\u003ch2 class=\"sbm30-section-title sbm30-reveal\"\u003eCómo usar para obtener resultados rápidos\u003c\/h2\u003e\n\u003cdiv class=\"sbm30-steps-wrap sbm30-reveal\"\u003e\n\u003cdiv class=\"sbm30-step-item\"\u003e\n\u003cdiv class=\"sbm30-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 5px; font-size: 1.15rem;\"\u003eLimpieza profunda\u003c\/h4\u003e\n\u003cp style=\"color: var(--sbm30-text-muted);\"\u003eLávate bien la cara con tu limpiador favorito y sécala delicadamente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm30-step-item\"\u003e\n\u003cdiv class=\"sbm30-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 5px; font-size: 1.15rem;\"\u003eLimpieza con algodón\u003c\/h4\u003e\n\u003cp style=\"color: var(--sbm30-text-muted);\"\u003eAplicar una cantidad apropiada de tónico sobre un trozo de algodón limpio y limpiar delicadamente el rostro, siguiendo la textura de la piel (de adentro hacia afuera).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm30-step-item\"\u003e\n\u003cdiv class=\"sbm30-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 5px; font-size: 1.15rem;\"\u003eDar golpecitos para absorber\u003c\/h4\u003e\n\u003cp style=\"color: var(--sbm30-text-muted);\"\u003eDa golpecitos suavemente en el rostro con la punta de los dedos para ayudar a que la piel absorba todos los nutrientes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm30-step-item\"\u003e\n\u003cdiv class=\"sbm30-step-num\"\u003e4\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 5px; font-size: 1.15rem;\"\u003eProtección obligatoria\u003c\/h4\u003e\n\u003cp style=\"color: var(--sbm30-text-muted);\"\u003eSigue con un suero y un hidratante. Y por la mañana, \u003cstrong\u003eLa crema solar (SPF) es un paso obligatorio\u003c\/strong\u003e Por qué los ácidos hacen que la piel sea sensible al sol.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. Social Proof (Reviews) --\u003e\n\u003ch2 class=\"sbm30-section-title sbm30-reveal\"\u003eExperiencias reales: ¿Por qué se ha definido como un “milagro”?\u003c\/h2\u003e\n\u003cdiv class=\"sbm30-glass-box sbm30-reveal\" style=\"text-align: left; padding: 25px;\"\u003e\n\u003cul style=\"list-style: none;\"\u003e\n\u003cli style=\"margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed rgba(255,255,255,0.1);\"\u003e\n\u003cstrong style=\"color: #fff; font-size: 1.1rem;\"\u003eEl lado positivo (pro):\u003c\/strong\u003e\n\u003cp style=\"color: var(--sbm30-text-muted); margin-top: 5px;\"\u003eLa mayoría de los usuarios ha elogiado la rápida capacidad del tónico de secar los granos activos y reducir la inflamación y el enrojecimiento en pocos días. También han notado una mejora significativa en la textura y suavidad de la piel y una reducción evidente en la apariencia de los poros gracias a la exfoliación delicada y profunda que no causa ninguna irritación.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed rgba(255,255,255,0.1);\"\u003e\n\u003cstrong style=\"color: #fff; font-size: 1.1rem;\"\u003ePunto a notar:\u003c\/strong\u003e\n\u003cp style=\"color: var(--sbm30-text-muted); margin-top: 5px;\"\u003eAlgunos han indicado que quien tiene la piel muy seca podría necesitar introducir gradualmente el tónico en su rutina (día tras día al principio) para evitar cualquier efecto de tirantez de la piel, con la necesidad de seguir el paso de exfoliación con un hidratante fuerte y adecuado para obtener los mejores resultados sin sequedad.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #fff; font-size: 1.1rem;\"\u003eConclusión:\u003c\/strong\u003e\n\u003cp style=\"color: var(--sbm30-text-muted); margin-top: 5px;\"\u003eEste tónico es un verdadero “salvador” para pieles grasas, mixtas y propensas al acné. Una inversión excelente que proporciona una exfoliación diaria segura y resultados comparables a sesiones de limpieza profesional al eliminar células muertas, purificar los poros y restaurar la luminosidad natural del rostro.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- 8. Final CTA --\u003e\n\u003cdiv class=\"sbm30-reveal\" style=\"text-align: center; margin-top: 60px; padding: 50px 20px; background: linear-gradient(180deg, transparent, rgba(212, 175, 55, 0.15)); border-radius: 20px; border: 1px solid var(--sbm30-border);\"\u003e\n\u003ch2 class=\"sbm30-title-glow\" style=\"font-size: clamp(24px, 4vw, 36px);\"\u003e¡Piel nueva y luminosa en solo 30 días!\u003c\/h2\u003e\n\u003cimg alt=\"Aplicación del tónico\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_toner_1.webp?v=1745762879\" style=\"margin: 30px auto; border-radius: 16px; box-shadow: 0 15px 40px rgba(0,0,0,0.6);\"\/\u003e\n\u003cp style=\"font-size: 1.15rem; color: #fff; max-width: 750px; margin: 0 auto 20px; line-height: 1.8;\"\u003e\n                Deja de ocultar granos y problemas bajo capas gruesas de maquillaje. \u003cstrong\u003eSome By Mi Miracle Toner\u003c\/strong\u003e Actuará como un “Botón de Reinicio” para tu piel, eliminando las células muertas y el sebo, dejándote una superficie clara y sana a través de la cual tu piel puede respirar.\n            \u003c\/p\u003e\n\u003cp style=\"color: var(--sbm30-gold-main); font-size: 1.5rem; font-weight: bold; margin-bottom: 20px; text-shadow: 0 0 15px var(--sbm30-glow-gold);\"\u003e\n                Ordénalo ahora y consigue tu piel de cristal!\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 9. Ingredients Footer --\u003e\n\u003cdiv class=\"sbm30-reveal\" style=\"background: rgba(0,0,0,0.5); border: 1px dashed var(--sbm30-border); border-radius: 12px; padding: 25px; font-size: 0.85rem; color: #888; margin-top: 50px; text-align: left; direction: ltr;\"\u003e\n\u003ch3 style=\"color: var(--sbm30-gold-main); margin-bottom: 15px; font-size: 1.1rem; text-align: left; direction: ltr;\"\u003eLista completa de ingredientes (INCI)\u003c\/h3\u003e\n\u003cp\u003eWater, Butylene Glycol, Dipropylene Glycol, Glycerin, \u003cstrong\u003eNiacinamide\u003c\/strong\u003e, \u003cstrong\u003eMelaleuca Alternifolia (Tea Tree) Leaf Extract (10,000ppm)\u003c\/strong\u003e, Polyglyceryl-4 Caprate, Carica Papaya (Papaya) Fruit Extract, Lens Esculenta (Lentil) Seed Extract, Hamamelis Virginiana (Witch Hazel) Extract, Nelumbo Nucifera Flower Extract, Swiftlet Nest Extract, Sodium Hyaluronate, Fructan, Allantoin, \u003cstrong\u003eAdenosine\u003c\/strong\u003e, Hydroxyethyl Urea, Xylitol, \u003cstrong\u003eSalicylic Acid (100ppm)\u003c\/strong\u003e, \u003cstrong\u003eLactobionic Acid (100ppm)\u003c\/strong\u003e, \u003cstrong\u003eCitric Acid (500ppm)\u003c\/strong\u003e, Sodium Citrate, 1,2-Hexanediol, Benzyl Glycol, Ethylhexylglycerin, Raspberry Ketone, Mentha Piperita (Peppermint) Oil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            \/\/ Scroll Reveal Animation Logic\n            var reveals = document.querySelectorAll('.sbm30-reveal');\n            var revealObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('sbm30-active');\n                        observer.unobserve(entry.target); \n                    }\n                });\n            }, {\n                root: null,\n                threshold: 0.1,\n                rootMargin: \"0px 0px -50px 0px\"\n            });\n\n            reveals.forEach(function(reveal) {\n                reveal.classList.remove('sbm30-active');\n                revealObserver.observe(reveal);\n            });\n\n            \/\/ Generate Ambient Mint Bubbles\n            var ambientContainer = document.getElementById('sbm30-particles');\n            var particleCount = 20; \n            \n            for (var i = 0; i \u003c particleCount; i++) {\n                var particle = document.createElement('div');\n                particle.classList.add('sbm30-particle');\n                \n                var size = Math.random() * 40 + 10; \n                var left = Math.random() * 100; \n                var duration = Math.random() * 15 + 12; \n                var delay = Math.random() * 10; \n                \n                particle.style.width = size + 'px';\n                particle.style.height = size + 'px';\n                particle.style.left = left + '%';\n                particle.style.animationDuration = duration + 's';\n                particle.style.animationDelay = delay + 's';\n                \n                ambientContainer.appendChild(particle);\n            }\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":44138531717317,"sku":"","price":1100.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/AHA_BHA_PHA_30_Days_Miracle_Toner_1024x1024_a3e227c7-30b0-46c2-b0b1-9e3745390366.png?v=1728733675"},{"product_id":"somebymi-retinol-triple-action-eye-cream","title":"SOME BY MI Retinol Intense Advanced Triple Action Eye Cream, 30Ml","description":"\u003cdiv class=\"sbmeye-premium-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n        \/* === Core Variables (Twilight Purple \u0026 Gold Theme) === *\/\n        .sbmeye-premium-wrapper {\n            --sbmeye-bg-deep: #0d0514; \/* Deep midnight purple\/black *\/\n            --sbmeye-bg-card: rgba(30, 15, 45, 0.6); \/* Translucent dark purple *\/\n            --sbmeye-gold-main: #d4af37; \/* Premium Gold *\/\n            --sbmeye-gold-light: #f9e596; \/* Luminous soft gold *\/\n            --sbmeye-purple-accent: #9c27b0; \/* Bright purple for accents *\/\n            --sbmeye-purple-light: #e1bee7; \/* Soft pastel purple *\/\n            --sbmeye-glow-gold: rgba(212, 175, 55, 0.25);\n            --sbmeye-glow-purple: rgba(156, 39, 176, 0.3);\n            --sbmeye-text-main: #fdfbf7;\n            --sbmeye-text-muted: #c4b5c7;\n            --sbmeye-border: rgba(212, 175, 55, 0.2);\n            --sbmeye-border-hover: rgba(249, 229, 150, 0.6);\n            --sbmeye-alert: #ff5252;\n            \n            background-color: var(--sbmeye-bg-deep);\n            color: var(--sbmeye-text-main);\n            font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            line-height: 1.7;\n            overflow: hidden;\n            position: relative;\n            padding: 40px 0;\n            border-radius: 20px;\n            box-shadow: 0 0 80px rgba(156, 39, 176, 0.05) inset;\n        }\n\n        .sbmeye-premium-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .sbmeye-premium-wrapper img {\n            max-width: 100%;\n            height: auto;\n            border-radius: 16px;\n            display: block;\n            margin: 0 auto;\n            box-shadow: 0 15px 40px rgba(0,0,0,0.6);\n            border: 1px solid rgba(255,255,255,0.05);\n        }\n\n        .sbmeye-container {\n            max-width: 900px;\n            margin: 0 auto;\n            padding: 0 20px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* === Ambient Starry Night Background === *\/\n        .sbmeye-ambient-particles {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 1;\n            pointer-events: none;\n            overflow: hidden;\n            background: radial-gradient(circle at 15% 30%, rgba(156, 39, 176, 0.08), transparent 50%),\n                        radial-gradient(circle at 85% 70%, rgba(212, 175, 55, 0.05), transparent 50%);\n        }\n\n        .sbmeye-particle {\n            position: absolute;\n            background: radial-gradient(circle, var(--sbmeye-glow-gold) 0%, transparent 70%);\n            border-radius: 50%;\n            bottom: -100px;\n            animation: floatUpEye 18s infinite ease-in-out;\n            filter: blur(5px);\n        }\n\n        @keyframes floatUpEye {\n            0% { transform: translateY(0) scale(0.5) translateX(0); opacity: 0; }\n            20% { opacity: 0.7; }\n            80% { opacity: 0.3; }\n            100% { transform: translateY(-1600px) scale(1.5) translateX(-40px); opacity: 0; }\n        }\n\n        \/* === Typography \u0026 Headers === *\/\n        .sbmeye-title-glow {\n            display: block;\n            width: 100%;\n            font-size: clamp(26px, 4.5vw, 42px);\n            font-weight: 900;\n            text-align: center;\n            margin-bottom: 25px;\n            line-height: 1.4;\n            color: #fff;\n            text-shadow: 0 5px 25px rgba(0,0,0,0.8);\n        }\n\n        .sbmeye-title-glow span {\n            background: linear-gradient(135deg, var(--sbmeye-gold-light) 0%, var(--sbmeye-gold-main) 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            text-shadow: 0 0 20px var(--sbmeye-glow-gold);\n        }\n\n        .sbmeye-section-title {\n            display: block;\n            width: 100%;\n            font-size: clamp(24px, 4vw, 32px);\n            font-weight: 800;\n            color: var(--sbmeye-gold-light);\n            text-align: center;\n            margin: 60px auto 30px;\n            position: relative;\n            line-height: 1.5;\n        }\n\n        .sbmeye-section-title::after {\n            content: '';\n            position: absolute;\n            bottom: -15px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: clamp(80px, 30%, 150px);\n            height: 3px;\n            background: linear-gradient(90deg, transparent, var(--sbmeye-gold-main), transparent);\n            border-radius: 10px;\n            box-shadow: 0 0 10px var(--sbmeye-gold-main);\n        }\n\n        \/* === Hero Section === *\/\n        .sbmeye-hero {\n            text-align: center;\n            padding: 20px 0 40px;\n        }\n\n        .sbmeye-badge {\n            display: inline-block;\n            background: rgba(212, 175, 55, 0.1);\n            border: 1px solid var(--sbmeye-gold-main);\n            color: var(--sbmeye-gold-light);\n            padding: 8px 25px;\n            border-radius: 30px;\n            font-size: 0.95rem;\n            font-weight: bold;\n            margin-bottom: 25px;\n            box-shadow: 0 0 20px var(--sbmeye-glow-gold);\n        }\n        \n        .sbmeye-hero-subtitle {\n            font-size: 1.15rem;\n            color: var(--sbmeye-text-muted);\n            max-width: 800px;\n            margin: 0 auto 30px;\n            font-weight: 500;\n            line-height: 1.8;\n        }\n\n        \/* === Glassmorphism Cards === *\/\n        .sbmeye-glass-box {\n            background: var(--sbmeye-bg-card);\n            backdrop-filter: blur(15px);\n            -webkit-backdrop-filter: blur(15px);\n            border: 1px solid var(--sbmeye-border);\n            border-radius: 20px;\n            padding: 40px;\n            margin: 40px 0;\n            box-shadow: 0 20px 50px rgba(0,0,0,0.8);\n            position: relative;\n            overflow: hidden;\n            text-align: center;\n        }\n\n        .sbmeye-glass-box::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            right: 0;\n            width: 4px;\n            height: 100%;\n            background: linear-gradient(180deg, var(--sbmeye-gold-light), var(--sbmeye-purple-accent), transparent);\n            box-shadow: 0 0 15px var(--sbmeye-gold-main);\n        }\n\n        \/* === Benefits Grid === *\/\n        .sbmeye-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 25px;\n            margin: 40px 0;\n        }\n\n        .sbmeye-card {\n            background: linear-gradient(145deg, rgba(25, 10, 35, 0.7), rgba(10, 5, 15, 0.9));\n            border: 1px solid rgba(212, 175, 55, 0.15);\n            border-radius: 16px;\n            padding: 30px 25px;\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            position: relative;\n            overflow: hidden;\n            text-align: left;\n            z-index: 1;\n        }\n\n        .sbmeye-card::after {\n            content: '';\n            position: absolute;\n            bottom: -50%;\n            right: -50%;\n            width: 100%;\n            height: 100%;\n            background: radial-gradient(circle, rgba(156, 39, 176, 0.1) 0%, transparent 70%);\n            z-index: -1;\n            transition: all 0.5s;\n        }\n\n        .sbmeye-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--sbmeye-gold-main);\n            box-shadow: 0 15px 30px rgba(212, 175, 55, 0.15);\n            background: rgba(35, 15, 45, 0.8);\n        }\n\n        .sbmeye-card:hover::after {\n            bottom: -10%;\n            right: -10%;\n        }\n\n        .sbmeye-icon {\n            width: 55px;\n            height: 55px;\n            background: rgba(212, 175, 55, 0.1);\n            border: 1px solid rgba(212, 175, 55, 0.3);\n            border-radius: 14px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 20px;\n            color: var(--sbmeye-gold-light);\n            font-size: 26px;\n            transition: all 0.3s ease;\n            position: relative;\n            z-index: 1;\n        }\n        \n        .sbmeye-card:hover .sbmeye-icon {\n            background: linear-gradient(135deg, var(--sbmeye-gold-main), var(--sbmeye-gold-light));\n            color: #000;\n            transform: scale(1.1) rotate(5deg);\n            box-shadow: 0 0 20px var(--sbmeye-glow-gold);\n            border-color: transparent;\n        }\n\n        .sbmeye-card h3 {\n            font-size: 1.25rem;\n            color: #fff;\n            margin-bottom: 12px;\n            line-height: 1.4;\n        }\n\n        .sbmeye-card p {\n            color: var(--sbmeye-text-muted);\n            font-size: 0.95rem;\n            line-height: 1.6;\n        }\n\n        \/* === Scientific Triad (The 3 Pillars) === *\/\n        .sbmeye-triad {\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n            margin: 40px 0;\n        }\n\n        @media (min-width: 768px) {\n            .sbmeye-triad {\n                flex-direction: row;\n                justify-content: center;\n            }\n            .sbmeye-triad-item {\n                flex: 1;\n            }\n        }\n\n        .sbmeye-triad-item {\n            background: rgba(0,0,0,0.5);\n            border: 1px dashed var(--sbmeye-gold-main);\n            padding: 30px 20px;\n            border-radius: 16px;\n            text-align: center;\n            transition: all 0.3s;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .sbmeye-triad-item:hover {\n            transform: translateY(-5px);\n            background: rgba(212, 175, 55, 0.05);\n            box-shadow: 0 10px 25px var(--sbmeye-glow-gold);\n        }\n\n        .sbmeye-triad-num {\n            font-size: 3.5rem;\n            font-weight: 900;\n            color: rgba(212, 175, 55, 0.15);\n            line-height: 1;\n            position: absolute;\n            top: 10px;\n            right: 20px;\n            z-index: 0;\n        }\n\n        .sbmeye-triad-item h4 {\n            color: var(--sbmeye-gold-light);\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            position: relative;\n            z-index: 1;\n        }\n\n        .sbmeye-triad-item p {\n            color: #fff;\n            font-size: 0.95rem;\n            line-height: 1.6;\n            position: relative;\n            z-index: 1;\n        }\n\n        \/* === Usage Steps List === *\/\n        .sbmeye-step-list {\n            list-style: none;\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 15px;\n        }\n\n        .sbmeye-step-item {\n            display: flex;\n            align-items: center;\n            gap: 20px;\n            background: rgba(255,255,255,0.02);\n            border: 1px solid var(--sbmeye-border);\n            padding: 20px;\n            border-radius: 16px;\n            transition: all 0.3s;\n        }\n\n        .sbmeye-step-item:hover {\n            border-color: var(--sbmeye-gold-light);\n            background: rgba(212, 175, 55, 0.05);\n            transform: translateX(-5px);\n        }\n\n        .sbmeye-step-num {\n            width: 45px;\n            height: 45px;\n            min-width: 45px;\n            background: var(--sbmeye-bg-deep);\n            border: 2px solid var(--sbmeye-gold-main);\n            color: var(--sbmeye-gold-light);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.2rem;\n            font-weight: bold;\n            box-shadow: 0 0 15px var(--sbmeye-glow-gold);\n        }\n\n        \/* === Warning Box === *\/\n        .sbmeye-warning-box {\n            background: linear-gradient(145deg, rgba(255, 82, 82, 0.1), rgba(0,0,0,0.8));\n            border: 1px solid rgba(255, 82, 82, 0.3);\n            border-right: 4px solid var(--sbmeye-alert);\n            padding: 25px;\n            border-radius: 12px;\n            margin: 30px 0;\n            text-align: left;\n        }\n\n        .sbmeye-warning-box h3 {\n            color: var(--sbmeye-alert);\n            font-size: 1.25rem;\n            margin-bottom: 10px;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        \/* === Animations === *\/\n        .sbmeye-reveal {\n            opacity: 0;\n            transform: translateY(40px);\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        .sbmeye-reveal.sbmeye-active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .sbmeye-delay-1 { transition-delay: 0.1s; }\n        .sbmeye-delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .sbmeye-hero { padding: 10px 0 20px; }\n            .sbmeye-step-item { flex-direction: column; text-align: center; }\n            .sbmeye-step-num { margin-left: 0; margin-bottom: 15px; }\n        }\n    \u003c\/style\u003e\n\u003c!-- Ambient Starry Particles --\u003e\n\u003cdiv class=\"sbmeye-ambient-particles\" id=\"sbmeye-particles-ar\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sbmeye-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"sbmeye-hero sbmeye-reveal sbmeye-active\"\u003e\n\u003cdiv class=\"sbmeye-badge\"\u003eLa solución radical de triple acción\u003c\/div\u003e\n\u003ch1 class=\"sbmeye-title-glow\"\u003eDespierta la juventud de tus ojos: \u003cspan\u003eAdiós a las ojeras y a las arrugas profundas!\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"sbmeye-hero-subtitle\"\u003e\n                Ojeras, arrugas finas y flacidez revelan cansancio y edad. La piel alrededor de los ojos es muy delgada y necesita cuidados excepcionales que las cremas ordinarias no proporcionan.\n            \u003c\/p\u003e\n\u003cimg alt=\"Some By Mi Retinol Intense Eye Cream Application\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_eye_cream.jpg?v=1745762288\" style=\"margin: 0 auto 30px;\"\/\u003e\n\u003ch2 class=\"sbmeye-section-title\" style=\"margin-top: 0; margin-bottom: 15px; font-size: 1.6rem; color: #fff;\"\u003eSome By Mi Retinol Intense Advanced Triple Action Eye Cream\u003c\/h2\u003e\n\u003cp style=\"color: var(--sbmeye-text-muted); max-width: 800px; margin: 0 auto; line-height: 1.8;\"\u003e\n                Descubre el poder \u003cstrong\u003e\"efecto triple\"\u003c\/strong\u003e Con esta crema fascinante. Una fórmula médica avanzada diseñada a nivel molecular para penetrar en la piel delicada con total seguridad. Elimina poderosamente las arrugas \u003cstrong\u003eRetinol\u003c\/strong\u003eDestruye la pigmentación oscura con \u003cstrong\u003eNiacinamida y ácido tranexámico\u003c\/strong\u003eRellena los espacios con hidratación intensa.\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 2. The UVP \/ Science (Triple Action) --\u003e\n\u003cdiv class=\"sbmeye-glass-box sbmeye-reveal\"\u003e\n\u003ch2 style=\"color: #fff; font-size: 1.6rem; margin-bottom: 15px;\"\u003e¿En qué sobresale esta crema? (El Misterio de la Santa Trinidad)\u003c\/h2\u003e\n\u003cp style=\"color: var(--sbmeye-text-muted); font-size: 1.1rem; line-height: 1.8; margin-bottom: 30px;\"\u003e\n                En los productos para el tratamiento contorno de ojos, hay una línea muy delgada entre “eficacia” e “irritación.” Esta piel delicada se daña rápidamente. Pero Some By Mi alcanza la fórmula imposible: máxima eficacia con máxima delicadeza y compatibilidad.\n            \u003c\/p\u003e\n\u003cdiv class=\"sbmeye-triad\"\u003e\n\u003cdiv class=\"sbmeye-triad-item\"\u003e\n\u003cdiv class=\"sbmeye-triad-num\"\u003e01\u003c\/div\u003e\n\u003ch4\u003eRetinol y retinal (anti-envejecimiento)\u003c\/h4\u003e\n\u003cp\u003eUna concentración ideal y segura (0,1%) que acelera la regeneración celular, estimula la producción de colágeno y alisa las líneas finas (patas de gallo) sin causar enrojecimiento ni molesta descamación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbmeye-triad-item\"\u003e\n\u003cdiv class=\"sbmeye-triad-num\"\u003e02\u003c\/div\u003e\n\u003ch4\u003eNiacinamida + Tranexámico (aclaramiento de ojeras)\u003c\/h4\u003e\n\u003cp\u003eEl equipo está especializado en la demolición del pigmento de melanina. El ácido tranexámico detiene la pigmentación en la raíz, mientras que la niacinamida uniforma el tono de la piel para eliminar la aparición de cansancio negro o marrón.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbmeye-triad-item\"\u003e\n\u003cdiv class=\"sbmeye-triad-num\"\u003e03\u003c\/div\u003e\n\u003ch4\u003eTRUECICA™ + Pantenol (repara y protege)\u003c\/h4\u003e\n\u003cp\u003eTecnología exclusiva de Cica para calmar instantáneamente la piel delicada, respaldada por ácido hialurónico y pantenol para retener la hidratación en profundidad y dar a los ojos un aspecto lleno y firme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. New Images Showcase --\u003e\n\u003cdiv class=\"sbmeye-reveal\" style=\"display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; margin: 50px 0;\"\u003e\n\u003cimg alt=\"Retinol Eye Cream Texture\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_eye_cream_114076e1-651f-4297-8dfb-d4ac3b01407e.webp?v=1788019150\" style=\"flex: 1; min-width: 300px; max-width: 400px; border-radius: 16px; object-fit: cover;\"\/\u003e\n\u003cimg alt=\"Retinol Eye Cream Details\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_intense_advanced_triple_action_eye_cream_1.webp?v=1788019150\" style=\"flex: 1; min-width: 300px; max-width: 400px; border-radius: 16px; object-fit: cover;\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- 4. Benefits Grid --\u003e\n\u003ch2 class=\"sbmeye-section-title sbmeye-reveal\"\u003e¿Qué hará este elixir por tus ojos?\u003c\/h2\u003e\n\u003cdiv class=\"sbmeye-grid\"\u003e\n\u003cdiv class=\"sbmeye-card sbmeye-reveal\"\u003e\n\u003cdiv class=\"sbmeye-icon\"\u003e👁️\u003c\/div\u003e\n\u003ch3\u003eElasticidad de las ojeras\u003c\/h3\u003e\n\u003cp\u003eFunciona doblemente para aclarar los contornos oscuros de los ojos y unificar el tono de la piel, dándote un aspecto despierto y enérgico incluso sin maquillaje.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbmeye-card sbmeye-reveal sbmeye-delay-1\"\u003e\n\u003cdiv class=\"sbmeye-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eAlisa arrugas y líneas\u003c\/h3\u003e\n\u003cp\u003eEl poder del retinol delicado que apunta a las líneas de expresión y a las arrugas de la sonrisa, reafirmando la piel flácida y restaurando la elasticidad perdida.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbmeye-card sbmeye-reveal sbmeye-delay-2\"\u003e\n\u003cdiv class=\"sbmeye-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003eHidráulica\u003c\/h3\u003e\n\u003cp\u003eLa hidratación intensa penetra profundamente en las capas gracias al ácido hialurónico, llenando los espacios hundidos y evitando que la piel se seque y se agriete.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbmeye-card sbmeye-reveal\"\u003e\n\u003cdiv class=\"sbmeye-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eEscudo hipoalergénico\u003c\/h3\u003e\n\u003cp\u003eDiseñado específicamente para adaptarse a la piel muy sensible alrededor de los ojos, gracias al complejo Truecica que previene enrojecimientos o irritaciones típicas del retinol.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. Warning \/ Retinol Rule --\u003e\n\u003cdiv class=\"sbmeye-alert-box sbmeye-reveal\"\u003e\n\u003ch3\u003e⚠️ Advertencia importante: ¡La fuerza requiere un uso gradual!\u003c\/h3\u003e\n\u003cp style=\"color: var(--sbmeye-text-muted); line-height: 1.8;\"\u003e\n                Porque este producto contiene retinol activo, es importante acostumbrar gradualmente tu piel para evitar sequedad o irritación. \u003cbr\/\u003e\n\u003cstrong style=\"color: #fff;\"\u003eSemana 1 y 2:\u003c\/strong\u003e Úsalo solo dos o tres veces a la semana, por la noche \u003cstrong\u003eSolo\u003c\/strong\u003e. \u003cbr\/\u003e\n\u003cstrong style=\"color: #fff;\"\u003eSemana 3 y más:\u003c\/strong\u003e Puedes usarlo todos los días o en días alternos según la tolerancia de tu piel. \u003cbr\/\u003e\n\u003cstrong style=\"color: var(--sbmeye-alert); display: block; margin-top: 10px;\"\u003eMuy necesaria: debes usar protección solar (SPF) a la mañana siguiente, porque el retinol aumenta la sensibilidad de la piel al sol.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Usage Guide --\u003e\n\u003ch2 class=\"sbmeye-section-title sbmeye-reveal\"\u003eGuía del usuario profesional\u003c\/h2\u003e\n\u003cul class=\"sbmeye-step-list sbmeye-reveal\"\u003e\n\u003cli class=\"sbmeye-step-item\"\u003e\n\u003cdiv class=\"sbmeye-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; font-size: 1.15rem; margin-bottom: 5px;\"\u003ePreparación\u003c\/h4\u003e\n\u003cp style=\"color: var(--sbmeye-text-muted); font-size: 0.95rem;\"\u003eLimpia bien el rostro antes de ir a dormir y seca completamente la zona alrededor de los ojos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"sbmeye-step-item\"\u003e\n\u003cdiv class=\"sbmeye-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; font-size: 1.15rem; margin-bottom: 5px;\"\u003eLa cantidad mágica\u003c\/h4\u003e\n\u003cp style=\"color: var(--sbmeye-text-muted); font-size: 0.95rem;\"\u003eAplica una cantidad muy pequeña (aproximadamente del tamaño de un guisante, suficiente para ambos ojos) en el dedo anular (el que tiene la presión más débil).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"sbmeye-step-item\"\u003e\n\u003cdiv class=\"sbmeye-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; font-size: 1.15rem; margin-bottom: 5px;\"\u003eBuena plenitud\u003c\/h4\u003e\n\u003cp style=\"color: var(--sbmeye-text-muted); font-size: 0.95rem;\"\u003eExtiende la crema muy ligeramente alrededor del hueso orbitario (evita mover el párpado superior y acercarte demasiado a las pestañas) hasta que se absorba completamente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c!-- 7. Final CTA --\u003e\n\u003cdiv class=\"sbmeye-reveal\" style=\"text-align: center; margin-top: 60px; padding: 50px 20px; background: linear-gradient(180deg, transparent, rgba(212, 175, 55, 0.15)); border-radius: 20px; border: 1px solid var(--sbmeye-border);\"\u003e\n\u003ch2 class=\"sbmeye-title-glow\" style=\"font-size: clamp(24px, 4vw, 36px);\"\u003eRestaura la juventud de tus ojos con un toque cada noche!\u003c\/h2\u003e\n\u003cimg alt=\"Some By Mi Eye Cream Results\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_eye_cream.webp?v=1745762329\" style=\"margin: 30px auto; border-radius: 16px; box-shadow: 0 15px 40px rgba(0,0,0,0.6);\"\/\u003e\n\u003cp style=\"font-size: 1.15rem; color: #fff; max-width: 750px; margin: 0 auto 20px; line-height: 1.8;\"\u003e\n                No dejes que el cansancio y los signos del tiempo roben la belleza de tu apariencia. Un paquete de \u003cstrong\u003eSome By Mi Retinol Eye Cream\u003c\/strong\u003e Suficiente para varios meses de cuidado avanzado que cambiará radicalmente la forma del contorno de ojos.\n            \u003c\/p\u003e\n\u003cp style=\"color: var(--sbmeye-gold-main); font-size: 1.5rem; font-weight: bold; margin-bottom: 10px; text-shadow: 0 0 15px var(--sbmeye-glow-gold);\"\u003e\n                Ordénalo ahora y transforma tu sueño en un tratamiento completo y una sesión de rejuvenecimiento!\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            var reveals = document.querySelectorAll('.sbmeye-reveal');\n            var revealObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('sbmeye-active');\n                        observer.unobserve(entry.target); \n                    }\n                });\n            }, { root: null, threshold: 0.15, rootMargin: \"0px 0px -50px 0px\" });\n\n            reveals.forEach(function(reveal) {\n                reveal.classList.remove('sbmeye-active');\n                revealObserver.observe(reveal);\n            });\n\n            \/\/ Generate Ambient Starry Particles\n            var ambientContainer = document.getElementById('sbmeye-particles-ar');\n            for (var i = 0; i \u003c 25; i++) {\n                var particle = document.createElement('div');\n                particle.classList.add('sbmeye-particle');\n                var size = Math.random() * 30 + 10; \n                particle.style.width = size + 'px';\n                particle.style.height = size + 'px';\n                particle.style.left = Math.random() * 100 + '%';\n                particle.style.animationDuration = (Math.random() * 15 + 15) + 's';\n                particle.style.animationDelay = (Math.random() * 10) + 's';\n                ambientContainer.appendChild(particle);\n            }\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":44189648486597,"sku":"","price":990.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_intense_advanced_triple_action_eye_cream.jpg?v=1730390286"},{"product_id":"somebymi-retinol-trial-kit","title":"SOME BY MI Retinol Intense Trial Kit (Serum 10ml + Cream 10ml)","description":"\u003cdiv dir=\"ltr\"\u003e\n\u003ch3\u003e\u003cstrong\u003eLas arrugas de hoy son el envejecimiento de mañana – ¡ahora es el momento de cambiar!\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cimg alt=\"\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_1.png?v=1731924342\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_1.png?v=1731924342\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003ePorque cada día que pasa sin cuidado es un paso más cerca de hacer que tu piel pierda elasticidad y encanto.\u003c\/em\u003e\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003eLa fórmula completa para ojos y piel\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003eCombina el poder concentrado de la crema contorno de ojos y el suero para una transformación completa que deja la piel suave, luminosa y sin líneas.\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_2.png?v=1731924564\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_2.png?v=1731924564\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003ePaso 1: Crema de ojos acción triple\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eCon cada aplicación, esta crema te ofrece un tratamiento completo:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eMejora arrugas y elasticidad:\u003c\/strong\u003e Gracias al retinol y al retinal, favorece la producción de colágeno para levantar y tonificar la piel alrededor de los ojos.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAclarar y corregir el color oscuro:\u003c\/strong\u003e La niacinamida devuelve luminosidad a tus ojos y elimina el aspecto de cansancio.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlivio e hidratación instantáneos:\u003c\/strong\u003e La fórmula enriquecida con Truecica y Agua Glacial proporciona un profundo alivio a la piel sensible.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cimg alt=\"\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_3.png?v=1731924714\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_3.png?v=1731924714\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003ePaso dos: suero\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eExperimenta la revolución del retinol concentrada en tu piel!\u003cbr\/\u003e\u003cem\u003eEsta fórmula contiene la concentración perfecta de retinol para que puedas obtener el máximo de tu piel sin irritaciones ni enrojecimientos.\u003c\/em\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRejuvenecimiento de la piel:\u003c\/strong\u003e El retinol apoya la textura de la piel acelerando la renovación celular y renovando la piel desde el interior hacia el exterior.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReduce los poros y restaura la suavidad\u003c\/strong\u003e Gracias al colágeno vegetal y a los péptidos, mejora la apariencia de los poros proporcionando al mismo tiempo una hidratación profunda y duradera.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtección sostenible:\u003c\/strong\u003e La mezcla de vitaminas e ingredientes calmantes garantiza una piel luminosa y sin estrés.\u003c\/li\u003e\n\u003cli\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cstrong\u003eCuidado completo, resultados sorprendentes\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eJuntos, la crema y el suero trabajan en armonía para reparar y rejuvenecer tu piel de adentro hacia afuera, dejando tus ojos y tu piel suaves, elásticos y jóvenes.\u003cstrong\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003e¿Cómo funciona el dúo para obtener resultados sin comparación?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch4\u003e\u003cstrong\u003eCrema de ojos de triple efecto\u003c\/strong\u003e\u003c\/h4\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eEstimular la producción de colágeno:\u003c\/strong\u003e\u003cbr\/\u003eGracias a la combinación de retinol y retinal, la crema acelera el proceso de renovación de las células cutáneas y favorece la producción natural de colágeno. Esto restablece la elasticidad de la piel alrededor de los ojos y reduce significativamente las arrugas.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eCorrección de ojeras:\u003c\/strong\u003e\u003cbr\/\u003eLa niacinamida, conocida por su gran capacidad para iluminar, reduce eficazmente la hiperpigmentación alrededor de los ojos, devolviendo luminosidad a tu rostro.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eReducir la irritación y el enrojecimiento:\u003c\/strong\u003e\u003cbr\/\u003eLos ingredientes Truecica y agua glaciar calman instantáneamente la piel sensible, haciéndola adecuada incluso para la piel estresada.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003chr\/\u003e\n\u003ch4\u003e\u003cstrong\u003eSuero \u003c\/strong\u003e\u003c\/h4\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eRejuvenecimiento profundo de la piel:\u003c\/strong\u003e\u003cbr\/\u003eRetinol y retinal favorecen la renovación celular y la regeneración de tejidos, reduciendo las arrugas finas y las arrugas y mejorando significativamente la elasticidad de la piel.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eHidratación multinivel:\u003c\/strong\u003e\u003cbr\/\u003eGracias al ácido hialurónico y a los péptidos, el suero proporciona una hidratación profunda que penetra en las capas de la piel para reponer su hidratación interna.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eMejora la textura de la piel:\u003c\/strong\u003e\u003cbr\/\u003eEl colágeno vegetal reduce la apariencia de los poros, dando a la piel un aspecto más liso y compacto.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eProtección de la piel del estrés ambiental:\u003c\/strong\u003e\u003cbr\/\u003eEl suero contiene ingredientes calmantes y vitaminas que previenen la inflamación y mantienen el equilibrio de la piel.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003chr\/\u003e\n\u003ch3\u003e\u003cstrong\u003eLa armonía perfecta entre los productos\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eUsar crema y suero juntos:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eLa crema contorno de ojos se dirige a la piel sensible alrededor de los ojos con efecto inmediato.\u003c\/li\u003e\n\u003cli\u003eEl suero repara completamente la piel para mejorar su textura, hidratarla y rejuvenecerla.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4\u003e\n\u003cstrong\u003e\u003c\/strong\u003e\u003cbr\/\u003e\n\u003c\/h4\u003e\n\u003ch4\u003e\u003cstrong\u003eEscucha hoy el llamado de tu piel, porque mañana podrían aparecer más arrugas difíciles de eliminar.\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003e\u003cem\u003e\u003cstrong\u003eLos resultados no son solo promesas, son realidad, demostrados por las pruebas de mejora de arrugas y la satisfacción de los clientes. ¿Estás listo para el cambio?\u003cbr\/\u003e\u003c\/strong\u003e\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003e\u003cstrong\u003eComienza ahora tu viaje hacia la piel perfecta, antes de que los efectos del tiempo se acumulen y hagan el camino más largo.\u003c\/strong\u003e\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":44230200131781,"sku":null,"price":899.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_3.webp?v=1731921724"},{"product_id":"somebymi-retinol-intense-reactivating-serum","title":"SOME BY MI Suero Intensivo de Retinol Reactivante - Alisador de Arrugas y Potenciador de la Elasticidad de la Piel","description":"\u003cdiv class=\"sbm-ultimate-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n        \/* === Core Variables (SOME BY MI Identity: Deep Amethyst \u0026 Gold) === *\/\n        .sbm-ultimate-wrapper {\n            --sbm-bg-dark: #0a0510; \/* Deepest purple-black *\/\n            --sbm-bg-darker: #050208;\n            --sbm-card-glass: rgba(255, 255, 255, 0.03);\n            --sbm-card-hover: rgba(139, 92, 246, 0.08);\n            --sbm-primary: #8b5cf6; \/* Vibrant purple *\/\n            --sbm-primary-glow: rgba(139, 92, 246, 0.3);\n            --sbm-gold: #f59e0b; \/* Accent Gold *\/\n            --sbm-gold-glow: rgba(245, 158, 11, 0.25);\n            --sbm-gradient-accent: linear-gradient(135deg, #a78bfa 0%, #6d28d9 100%);\n            --sbm-gradient-gold: linear-gradient(135deg, #fcd34d 0%, #b45309 100%);\n            --sbm-gradient-bg: linear-gradient(135deg, #2e1065 0%, #0a0510 100%);\n            --sbm-text-light: #f8fafc;\n            --sbm-text-muted: #cbd5e1;\n            --sbm-border: rgba(255, 255, 255, 0.08);\n            --sbm-border-highlight: rgba(139, 92, 246, 0.4);\n            \n            font-family: inherit; \/* Inherits Shopify theme font *\/\n            line-height: 1.8;\n            overflow: hidden;\n            position: relative;\n            background-color: var(--sbm-bg-dark);\n            color: var(--sbm-text-light);\n            border-radius: 24px;\n            box-shadow: 0 0 60px rgba(0,0,0,0.9) inset;\n        }\n\n        .sbm-ultimate-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .sbm-container {\n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 0 25px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* === Mobile-Perfect Media Wrappers === *\/\n        .sbm-media-wrapper {\n            position: relative;\n            width: 100%;\n            margin: 0 auto 40px;\n            display: block;\n            border-radius: 20px;\n            box-shadow: 0 20px 50px rgba(0,0,0,0.6), 0 0 30px var(--sbm-primary-glow);\n            border: 1px solid var(--sbm-border);\n            overflow: hidden;\n        }\n\n        .sbm-media-wrapper.size-lg { max-width: 850px; }\n        .sbm-media-wrapper.size-md { max-width: 600px; }\n\n        .sbm-product-media {\n            width: 100%;\n            height: auto;\n            display: block;\n            object-fit: cover;\n            transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);\n        }\n\n        .sbm-media-wrapper:hover .sbm-product-media {\n            transform: scale(1.03);\n        }\n\n        \/* === Typography === *\/\n        .sbm-title-main {\n            font-size: clamp(28px, 5vw, 42px);\n            font-weight: 900;\n            line-height: 1.3;\n            margin-bottom: 25px;\n            letter-spacing: -0.02em;\n            text-align: center;\n        }\n\n        .sbm-title-section {\n            font-size: clamp(24px, 4vw, 34px);\n            font-weight: 800;\n            text-align: center;\n            margin-bottom: 20px;\n            color: #ffffff;\n            position: relative;\n        }\n\n        .sbm-subtitle {\n            font-size: clamp(16px, 2.5vw, 18px);\n            color: var(--sbm-text-muted);\n            text-align: center;\n            max-width: 800px;\n            margin: 0 auto 40px;\n            font-weight: 500;\n        }\n\n        .sbm-text-purple {\n            background: var(--sbm-gradient-accent);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            display: inline-block;\n        }\n        \n        .sbm-text-gold {\n            background: var(--sbm-gradient-gold);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            display: inline-block;\n        }\n\n        .sbm-warning-box {\n            background: rgba(245, 158, 11, 0.08);\n            border-right: 4px solid var(--sbm-gold);\n            padding: 30px;\n            border-radius: 16px;\n            margin: 40px auto;\n            max-width: 850px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.3);\n            text-align: justify;\n        }\n\n        .sbm-warning-box p {\n            font-size: 1.15rem;\n            margin-bottom: 15px;\n            color: var(--sbm-text-light);\n        }\n        .sbm-warning-box p:last-child { margin-bottom: 0; }\n\n        \/* === Alternating Sections === *\/\n        .sbm-section { padding: 80px 0; position: relative; }\n        \n        .sbm-theme-dark { background-color: var(--sbm-bg-dark); }\n        .sbm-theme-darker { background-color: var(--sbm-bg-darker); border-top: 1px solid var(--sbm-border); border-bottom: 1px solid var(--sbm-border); }\n        .sbm-theme-gradient { background: var(--sbm-gradient-bg); }\n\n        \/* Ambient Glows *\/\n        .sbm-ambient {\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; z-index: 0;\n        }\n        .sbm-glow {\n            position: absolute; border-radius: 50%; filter: blur(100px); opacity: 0.5;\n        }\n        .sbm-glow-1 { width: 500px; height: 500px; background: rgba(139, 92, 246, 0.15); top: -100px; right: -150px; }\n        .sbm-glow-2 { width: 600px; height: 600px; background: rgba(245, 158, 11, 0.1); bottom: 10%; left: -200px; }\n\n        \/* === Grids \u0026 Glass Cards === *\/\n        .sbm-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; }\n        .sbm-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; }\n\n        .sbm-card {\n            background: var(--sbm-card-glass);\n            backdrop-filter: blur(10px);\n            border: 1px solid var(--sbm-border);\n            border-radius: 20px;\n            padding: 35px 25px;\n            position: relative;\n            transition: all 0.4s ease;\n        }\n\n        .sbm-card:hover {\n            transform: translateY(-8px);\n            background: var(--sbm-card-hover);\n            border-color: var(--sbm-border-highlight);\n            box-shadow: 0 15px 40px rgba(0,0,0,0.5), 0 0 20px var(--sbm-primary-glow);\n        }\n\n        .sbm-icon-badge {\n            width: 55px; height: 55px;\n            background: rgba(255,255,255,0.05);\n            border: 1px solid var(--sbm-border);\n            border-radius: 14px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 20px;\n            color: var(--sbm-gold);\n            font-size: 22px; font-weight: 900;\n            transition: 0.4s ease;\n            font-family: system-ui, sans-serif;\n        }\n\n        .sbm-card:hover .sbm-icon-badge {\n            background: var(--sbm-gradient-gold);\n            color: #000;\n            transform: scale(1.1) rotate(5deg);\n            border-color: transparent;\n        }\n\n        .sbm-card h3 { font-size: 1.3rem; font-weight: 800; margin-bottom: 12px; color: #fff; }\n        .sbm-card p { font-size: 1.05rem; color: var(--sbm-text-muted); margin: 0; }\n\n        \/* === Interactive Wrinkle Accordion === *\/\n        .sbm-accordion { margin: 40px auto; max-width: 850px; }\n        \n        .sbm-acc-item {\n            background: var(--sbm-card-glass);\n            border: 1px solid var(--sbm-border);\n            border-radius: 16px;\n            margin-bottom: 15px;\n            overflow: hidden;\n            transition: all 0.3s ease;\n        }\n\n        .sbm-acc-item:hover { border-color: rgba(139, 92, 246, 0.3); }\n        .sbm-acc-item.active { border-color: var(--sbm-primary); background: rgba(139, 92, 246, 0.05); box-shadow: 0 10px 25px rgba(0,0,0,0.3); }\n\n        .sbm-acc-header {\n            padding: 20px 25px;\n            display: flex;\n            align-items: center;\n            cursor: pointer;\n            user-select: none;\n        }\n\n        .sbm-acc-num {\n            width: 35px; height: 35px;\n            display: flex; align-items: center; justify-content: center;\n            background: var(--sbm-gradient-accent);\n            color: #fff;\n            border-radius: 10px;\n            margin-left: 20px;\n            font-weight: 900;\n            font-family: system-ui, sans-serif;\n        }\n        .sbm-acc-item.active .sbm-acc-num { background: var(--sbm-gradient-gold); color: #000; }\n\n        .sbm-acc-title { font-size: 1.2rem; font-weight: 800; color: #fff; flex-grow: 1; }\n\n        .sbm-acc-icon {\n            width: 20px; height: 20px; position: relative;\n        }\n        .sbm-acc-icon::before, .sbm-acc-icon::after {\n            content: ''; position: absolute; background: var(--sbm-text-muted); transition: 0.3s;\n        }\n        .sbm-acc-icon::before { width: 2px; height: 16px; top: 2px; left: 9px; }\n        .sbm-acc-icon::after { width: 16px; height: 2px; top: 9px; left: 2px; }\n        .sbm-acc-item.active .sbm-acc-icon::before { transform: rotate(90deg); opacity: 0; }\n        .sbm-acc-item.active .sbm-acc-icon::after { background: var(--sbm-primary); }\n\n        .sbm-acc-body {\n            max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.4s ease;\n            padding: 0 25px;\n        }\n        .sbm-acc-item.active .sbm-acc-body {\n            padding: 0 25px 25px 25px; max-height: 300px;\n        }\n\n        .sbm-acc-desc { color: var(--sbm-text-muted); font-size: 1.05rem; margin-bottom: 15px; }\n        .sbm-acc-ing {\n            background: rgba(0,0,0,0.3); padding: 15px; border-radius: 10px; border-right: 3px solid var(--sbm-primary);\n            color: #fff; font-size: 1rem;\n        }\n\n        \/* === Clean Lists === *\/\n        .sbm-list { list-style: none; padding: 0; margin-top: 20px; }\n        .sbm-list li {\n            position: relative; padding-right: 30px; margin-bottom: 15px; color: var(--sbm-text-light); font-size: 1.05rem;\n        }\n        .sbm-list li::before {\n            content: '✓'; position: absolute; right: 0; top: 0; color: var(--sbm-primary); font-weight: 900; font-size: 1.2rem;\n        }\n        \n        .sbm-list.gold-checks li::before { color: var(--sbm-gold); }\n\n        \/* === Usage Steps === *\/\n        .sbm-steps {\n            display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-top: 40px;\n        }\n        .sbm-step {\n            background: var(--sbm-card-glass); border: 1px solid var(--sbm-border); padding: 30px 20px;\n            border-radius: 16px; text-align: center; position: relative;\n        }\n        .sbm-step-num {\n            width: 50px; height: 50px; margin: 0 auto 15px; background: var(--sbm-gradient-accent);\n            color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center;\n            font-size: 1.4rem; font-weight: 900; box-shadow: 0 5px 15px var(--sbm-primary-glow);\n            font-family: system-ui, sans-serif;\n        }\n        .sbm-step h4 { color: #fff; font-size: 1.15rem; margin-bottom: 10px; }\n        .sbm-step p { color: var(--sbm-text-muted); font-size: 0.95rem; line-height: 1.6; }\n\n        \/* === Animations === *\/\n        .sbm-reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n        .sbm-reveal.sbm-active { opacity: 1; transform: translateY(0); }\n        .delay-1 { transition-delay: 0.1s; }\n        .delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .sbm-section { padding: 50px 0; }\n            .sbm-media-wrapper { border-radius: 12px; }\n            .sbm-title-main { font-size: 2rem; }\n            .sbm-acc-header { padding: 15px; }\n        }\n    \u003c\/style\u003e\n\u003c!-- 1. HERO SECTION (Dark Theme) --\u003e\n\u003cdiv class=\"sbm-section sbm-theme-dark\" style=\"padding-top: 50px;\"\u003e\n\u003cdiv class=\"sbm-ambient\"\u003e\n\u003cdiv class=\"sbm-glow sbm-glow-1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-container\" style=\"text-align: center;\"\u003e\n\u003ch1 class=\"sbm-title-main sbm-reveal\"\u003eSOME BY MI Rejuvenating Retinol Serum\u003cbr\/\u003e\u003cspan class=\"sbm-text-gold\"\u003eLas arrugas no son solo líneas... ¡son un grito de ayuda!\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"sbm-subtitle sbm-reveal delay-1\"\u003e\n                Este suero no ofrece soluciones temporales, sino que crea cambios radicales a nivel celular para restaurar la vitalidad y frescura de la piel dañada con el tiempo.\n            \u003c\/p\u003e\n\u003cdiv class=\"sbm-media-wrapper size-lg sbm-reveal delay-2\"\u003e\n\u003cimg alt=\"Some By Mi Retinol Reactivating Serum\" class=\"sbm-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_reactivating_serum_2.webp?v=1745760317\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-warning-box sbm-reveal\"\u003e\n\u003cp\u003eCon el tiempo, te vuelves... \u003cstrong class=\"sbm-text-gold\"\u003eArrugas finas y arrugas\u003c\/strong\u003e Señales de advertencia de que la piel está perdiendo su capacidad natural de regenerarse. Estas señales molestas no desaparecerán simplemente, sino que requerirán una intervención científica avanzada para prevenir que los efectos del envejecimiento tomen el control de los rasgos del rostro.\u003c\/p\u003e\n\u003cp style=\"text-align: center; color: var(--sbm-gold); font-weight: 800; margin-top: 20px; font-size: 1.25rem;\"\u003e\n                    La intervención temprana es el secreto para restaurar una piel joven y vital.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2. WRINKLE TYPES ACCORDION (Gradient Theme) --\u003e\n\u003cdiv class=\"sbm-section sbm-theme-gradient\"\u003e\n\u003cdiv class=\"sbm-container\"\u003e\n\u003ch2 class=\"sbm-title-section sbm-reveal\"\u003eFórmula altamente especializada para todo tipo de arrugas\u003c\/h2\u003e\n\u003cp class=\"sbm-subtitle sbm-reveal\"\u003eLos ingredientes de este suero no solo actúan sobre el tratamiento superficial, sino que también se dirigen a todo tipo de arrugas con un mecanismo personalizado.\u003c\/p\u003e\n\u003cdiv class=\"sbm-media-wrapper size-md sbm-reveal delay-1\" style=\"margin-bottom: 40px;\"\u003e\n\u003cimg alt=\"Targeting Wrinkles\" class=\"sbm-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_reactivating_serum.webp?v=1745760317\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- Accordion --\u003e\n\u003cdiv class=\"sbm-accordion sbm-reveal delay-2\"\u003e\n\u003cdiv class=\"sbm-acc-item\"\u003e\n\u003cdiv class=\"sbm-acc-header\"\u003e\n\u003cdiv class=\"sbm-acc-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-title\"\u003eArrugas dinámicas\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-icon\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-body\"\u003e\n\u003cp class=\"sbm-acc-desc\"\u003eApare como resultado de los movimientos faciales repetidos como una sonrisa o una mueca constante\u003c\/p\u003e\n\u003cdiv class=\"sbm-acc-ing\"\u003e\n\u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eBakuchiol y retinol:\u003c\/span\u003e Estimulan la producción de colágeno desde el interior, reduciendo eficazmente el aspecto y la profundidad de estas arrugas.\n                        \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-item\"\u003e\n\u003cdiv class=\"sbm-acc-header\"\u003e\n\u003cdiv class=\"sbm-acc-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-title\"\u003eArrugas de expresión\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-icon\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-body\"\u003e\n\u003cp class=\"sbm-acc-desc\"\u003eSe forman y se consolidan debido a las expresiones faciales repetitivas y al estrés.\u003c\/p\u003e\n\u003cdiv class=\"sbm-acc-ing\"\u003e\n\u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eNiacinamida:\u003c\/span\u003e Mejora la elasticidad general de la piel, reduciendo la gravedad de estas arrugas y previniendo su estabilidad.\n                        \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-item\"\u003e\n\u003cdiv class=\"sbm-acc-header\"\u003e\n\u003cdiv class=\"sbm-acc-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-title\"\u003eArrugas en la frente\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-icon\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-body\"\u003e\n\u003cp class=\"sbm-acc-desc\"\u003eAparecen ocasionalmente y claramente debido a la continua pérdida de colágeno en esta área.\u003c\/p\u003e\n\u003cdiv class=\"sbm-acc-ing\"\u003e\n\u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eColágeno y consolida:\u003c\/span\u003e Contribuyen a reforzar la estructura de soporte de la piel y a rellenar las arrugas en esta zona particular.\n                        \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-item\"\u003e\n\u003cdiv class=\"sbm-acc-header\"\u003e\n\u003cdiv class=\"sbm-acc-num\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-title\"\u003eArrugas finas\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-icon\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-body\"\u003e\n\u003cp class=\"sbm-acc-desc\"\u003eLas líneas finas aparecen temprano y a menudo se deben a una sequedad intensa y a una barrera protectora débil.\u003c\/p\u003e\n\u003cdiv class=\"sbm-acc-ing\"\u003e\n\u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eTocoferol y pantenol:\u003c\/span\u003e Proporcionan una hidratación profunda que retiene la humedad, rellenando la piel y cubriendo al instante esas arrugas.\n                        \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. INGREDIENTS GRID (Darker Theme) --\u003e\n\u003cdiv class=\"sbm-section sbm-theme-darker\"\u003e\n\u003cdiv class=\"sbm-container\"\u003e\n\u003ch2 class=\"sbm-title-section sbm-reveal\"\u003eEl retinol es el escudo de la piel contra los factores de envejecimiento\u003c\/h2\u003e\n\u003cp class=\"sbm-subtitle sbm-reveal\"\u003eEste suero trabaja para restaurar la vitalidad y la elasticidad que se han perdido con el tiempo gracias a los ingredientes activos estudiados científicamente.\u003c\/p\u003e\n\u003cdiv class=\"sbm-media-wrapper size-lg sbm-reveal delay-1\" style=\"margin-bottom: 50px;\"\u003e\n\u003cimg alt=\"Serum Ingredients\" class=\"sbm-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_reactivating_serum.png?v=1745760661\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-grid-3 sbm-reveal\"\u003e\n\u003cdiv class=\"sbm-card\"\u003e\n\u003cdiv class=\"sbm-icon-badge\"\u003e01\u003c\/div\u003e\n\u003ch3\u003eRetinol puro\u003c\/h3\u003e\n\u003cul class=\"sbm-list gold-checks\" style=\"margin-top: 15px;\"\u003e\n\u003cli\u003eRenueva las células de la piel y mejora su apariencia superficial.\u003c\/li\u003e\n\u003cli\u003eEstimula la producción interna de colágeno y elastina\u003c\/li\u003e\n\u003cli\u003eReduce la pigmentación y unifica el tono de la piel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card delay-1\"\u003e\n\u003cdiv class=\"sbm-icon-badge\"\u003e02\u003c\/div\u003e\n\u003ch3\u003eBakuchiol\u003c\/h3\u003e\n\u003cul class=\"sbm-list gold-checks\" style=\"margin-top: 15px;\"\u003e\n\u003cli\u003eLa alternativa natural y segura al retinol.\u003c\/li\u003e\n\u003cli\u003ePotente antioxidante que protege de los daños ambientales.\u003c\/li\u003e\n\u003cli\u003eReduce delicadamente arrugas y líneas finas.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card delay-2\"\u003e\n\u003cdiv class=\"sbm-icon-badge\"\u003e03\u003c\/div\u003e\n\u003ch3\u003eTecnología de liposomas elásticos\u003c\/h3\u003e\n\u003cul class=\"sbm-list gold-checks\" style=\"margin-top: 15px;\"\u003e\n\u003cli\u003eEl empaquetado inteligente libera los ingredientes en las capas más profundas.\u003c\/li\u003e\n\u003cli\u003eMejora la absorción de los ingredientes activos sin desperdicios\u003c\/li\u003e\n\u003cli\u003ePreviene irritaciones superficiales y aumenta la eficacia de los ingredientes.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. USAGE STEPS (Dark Theme) --\u003e\n\u003cdiv class=\"sbm-section sbm-theme-dark\"\u003e\n\u003cdiv class=\"sbm-ambient\"\u003e\n\u003cdiv class=\"sbm-glow sbm-glow-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-container\"\u003e\n\u003ch2 class=\"sbm-title-section sbm-reveal\"\u003eCómo usar (rutina segura y eficaz)\u003c\/h2\u003e\n\u003cp class=\"sbm-subtitle sbm-reveal\"\u003ePasos sencillos para introducir el retinol en tu rutina de cuidado de manera efectiva y segura\u003c\/p\u003e\n\u003cdiv class=\"sbm-media-wrapper size-lg sbm-reveal delay-1\" style=\"margin-bottom: 40px;\"\u003e\n\u003cimg alt=\"Some By Mi Retinol Results\" class=\"sbm-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-Retinol-Intense-Reactivating-Serum.jpg?v=1745761071\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-steps sbm-reveal delay-2\"\u003e\n\u003cdiv class=\"sbm-step\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e1\u003c\/div\u003e\n\u003ch4\u003eLimpieza del rostro\u003c\/h4\u003e\n\u003cp\u003eLimpia delicadamente la piel usando un limpiador adecuado para eliminar las impurezas y preparar los poros.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e2\u003c\/div\u003e\n\u003ch4\u003eAplicación del tónico\u003c\/h4\u003e\n\u003cp\u003eEs preferible usar un tónico hidratante para preparar la piel y hacerla más capaz de absorber el suero.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e3\u003c\/div\u003e\n\u003ch4\u003eLa cantidad justa\u003c\/h4\u003e\n\u003cp\u003eAplicar una cantidad muy pequeña (equivalente a un guisante) en las puntas de los dedos para evitar el exceso.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e4\u003c\/div\u003e\n\u003ch4\u003eDistribuir delicadamente\u003c\/h4\u003e\n\u003cp\u003eAplica suavemente el suero en el rostro, concentrándote en las áreas con arrugas y líneas finas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step\" style=\"grid-column: 1 \/ -1; border-color: var(--sbm-primary); background: rgba(139, 92, 246, 0.05);\"\u003e\n\u003cdiv class=\"sbm-step-num\" style=\"width: 40px; height: 40px; font-size: 1.2rem; margin-bottom: 10px;\"\u003e5\u003c\/div\u003e\n\u003ch4 style=\"color: var(--sbm-primary);\"\u003eUso gradual (muy importante)\u003c\/h4\u003e\n\u003cp style=\"max-width: 600px; margin: 0 auto;\"\u003eSe ruega comenzar a usar el suero solo una o dos veces por semana (por la noche). Luego aumentar gradualmente la frecuencia según la tolerancia de la piel. \u003cstrong style=\"color: var(--sbm-gold);\"\u003eLa crema solar debería ser utilizada durante el día.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        document.addEventListener('DOMContentLoaded', () =\u003e {\n            \/\/ 1. Scroll Reveal Animation\n            const reveals = document.querySelectorAll('.sbm-reveal');\n            const observer = new IntersectionObserver((entries, obs) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('sbm-active');\n                        obs.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\n\n            reveals.forEach(el =\u003e observer.observe(el));\n\n            \/\/ 2. Premium 3D Tilt Effect\n            if (window.matchMedia(\"(hover: hover)\").matches) {\n                const tiltCards = document.querySelectorAll('.sbm-media-wrapper');\n                tiltCards.forEach(card =\u003e {\n                    const media = card.querySelector('.sbm-product-media');\n                    card.addEventListener('mousemove', e =\u003e {\n                        const rect = card.getBoundingClientRect();\n                        const x = e.clientX - rect.left;\n                        const y = e.clientY - rect.top;\n                        const centerX = rect.width \/ 2;\n                        const centerY = rect.height \/ 2;\n                        \n                        const rotateX = ((y - centerY) \/ centerY) * -4;\n                        const rotateY = ((x - centerX) \/ centerX) * 4;\n                        \n                        media.style.transform = `scale(1.03) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;\n                    });\n\n                    card.addEventListener('mouseleave', () =\u003e {\n                        media.style.transform = `scale(1) rotateX(0deg) rotateY(0deg)`;\n                    });\n                });\n            }\n\n            \/\/ 3. Accordion Logic\n            const accItems = document.querySelectorAll('.sbm-acc-header');\n            accItems.forEach(item =\u003e {\n                item.addEventListener('click', function() {\n                    const parent = this.parentElement;\n                    const isActive = parent.classList.contains('active');\n                    \n                    \/\/ Close all\n                    document.querySelectorAll('.sbm-acc-item').forEach(child =\u003e {\n                        child.classList.remove('active');\n                    });\n                    \n                    \/\/ Open clicked if it wasn't active\n                    if (!isActive) {\n                        parent.classList.add('active');\n                    }\n                });\n            });\n\n            \/\/ Open first accordion item by default\n            if(accItems.length \u003e 0) {\n                setTimeout(() =\u003e {\n                    accItems[0].parentElement.classList.add('active');\n                }, 500);\n            }\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":44230444875973,"sku":"","price":1050.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_reactivating_serum.jpg?v=1745760626"},{"product_id":"cosrx-advanced-snail-96-mucin","title":"COSRX Advanced Snail 96 Mucin Power Essence - 100ml | Gel de caracol para la reparación de la barrera","description":"\u003cdiv class=\"cs-ultimate-container\" dir=\"ltr\" id=\"cosrx-snail-dossier\"\u003e\n\u003cstyle\u003e\n        \/* Styles *\/\n            --cs-neon-gold: #ffd24a;\n            --cs-amber-accent: #f5c518;\n            --cs-neon-mint: #00e5a3;\n            --cs-glow-gold: rgba(255, 210, 74, 0.45);\n            --cs-glow-mint: rgba(0, 229, 163, 0.4);\n\n            --cs-text-pure: #ffffff;\n            --cs-border: rgba(245, 197, 24, 0.25);\n            --cs-border-hover: rgba(255, 210, 74, 0.85);\n\n            background-color: var(--cs-bg-base);\n            color: var(--cs-text-pure);\n            font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            line-height: 1.8;\n            width: 100%;\n            max-width: 100%;\n            position: relative;\n            padding: 40px 0;\n            border-radius: 24px;\n            box-shadow: inset 0 0 120px rgba(245, 197, 24, 0.08);\n            box-sizing: border-box;\n            -webkit-font-smoothing: antialiased;\n        }\n\n        .cs-ultimate-container * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .neon-gold {\n            color: var(--cs-neon-gold) !important;\n            text-shadow: 0 0 10px var(--cs-glow-gold), 0 0 20px var(--cs-glow-gold);\n            font-weight: 900;\n        }\n\n        .neon-mint {\n            color: var(--cs-neon-mint) !important;\n            text-shadow: 0 0 10px var(--cs-glow-mint), 0 0 20px var(--cs-glow-mint);\n            font-weight: 900;\n        }\n\n        .pure-white {\n            color: #ffffff !important;\n            font-weight: 600;\n        }\n\n        \/* Styles *\/\n        .cs-ultimate-container img {\n            width: 100%;\n            max-width: 100% !important;\n            height: auto !important;\n            border-radius: 18px;\n            display: block;\n            margin-left: auto !important;\n            margin-right: auto !important;\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9);\n            border: 1px solid rgba(245, 197, 24, 0.25);\n            box-sizing: border-box;\n            object-fit: contain;\n        }\n\n        .cs-img-md {\n            max-width: 650px !important;\n            width: 100%;\n            margin-left: auto !important;\n            margin-right: auto !important;\n            display: block;\n            text-align: center;\n        }\n\n        .cs-container {\n            max-width: 940px;\n            width: 100%;\n            margin: 0 auto;\n            padding: 0 20px;\n            position: relative;\n            z-index: 2;\n            box-sizing: border-box;\n        }\n\n        .cs-ambient-bg {\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            z-index: 0; pointer-events: none; overflow: hidden;\n        }\n\n        .cs-orb {\n            position: absolute;\n            border-radius: 50%;\n            filter: blur(110px);\n            opacity: 0.32;\n            animation: csOrbFloat 18s infinite alternate ease-in-out;\n            pointer-events: none;\n        }\n\n        .cs-orb-1 {\n            width: 500px; height: 500px;\n            background: radial-gradient(circle, rgba(245, 197, 24, 0.22) 0%, transparent 70%);\n            top: -100px; right: -120px;\n        }\n\n        .cs-orb-2 {\n            width: 550px; height: 550px;\n            background: radial-gradient(circle, rgba(0, 229, 163, 0.16) 0%, transparent 70%);\n            bottom: 15%; left: -140px;\n            animation-delay: -6s;\n        }\n\n        @keyframes csOrbFloat {\n            0% { transform: translate(0, 0) scale(1); }\n            100% { transform: translate(40px, 80px) scale(1.15); }\n        }\n\n        .cs-title-glow {\n            display: block;\n            width: 100%;\n            font-size: clamp(28px, 5.2vw, 44px);\n            font-weight: 900;\n            text-align: center;\n            margin-bottom: 25px;\n            line-height: 1.4;\n            color: #ffffff;\n            text-shadow: 0 0 30px rgba(245, 197, 24, 0.45);\n            word-wrap: break-word;\n        }\n\n        .cs-section-title {\n            display: block;\n            width: 100%;\n            font-size: clamp(24px, 4vw, 32px);\n            font-weight: 900;\n            color: #ffffff;\n            text-align: center;\n            margin: 60px auto 30px;\n            position: relative;\n            line-height: 1.4;\n            word-wrap: break-word;\n        }\n\n        .cs-section-title::after {\n            content: '';\n            display: block;\n            width: clamp(80px, 30%, 150px);\n            height: 3px;\n            background: linear-gradient(90deg, transparent, var(--cs-amber-accent), var(--cs-neon-gold), transparent);\n            border-radius: 10px;\n            margin: 14px auto 0;\n            box-shadow: 0 0 15px var(--cs-glow-gold);\n        }\n\n        .cs-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background: rgba(245, 197, 24, 0.15);\n            border: 1.5px solid var(--cs-amber-accent);\n            color: #ffffff;\n            padding: 9px 28px;\n            border-radius: 40px;\n            font-size: 1.05rem;\n            font-weight: 900;\n            margin-bottom: 25px;\n            box-shadow: 0 0 25px var(--cs-glow-gold);\n            letter-spacing: 0.5px;\n        }\n\n        .cs-gold-dot {\n            width: 8px; height: 8px;\n            background: var(--cs-neon-gold);\n            border-radius: 50%;\n            box-shadow: 0 0 10px var(--cs-neon-gold);\n            display: inline-block;\n        }\n\n        .cs-sub-text {\n            font-size: 1.25rem;\n            color: #ffffff;\n            max-width: 840px;\n            margin: 0 auto 35px;\n            font-weight: 600;\n            line-height: 1.85;\n            border-right: 4px solid var(--cs-amber-accent);\n            padding-right: 20px;\n            background: linear-gradient(90deg, transparent, rgba(245, 197, 24, 0.08));\n            border-radius: 12px 0 0 12px;\n            text-align: left;\n        }\n\n        .cs-art-divider {\n            width: 100%;\n            height: 2px;\n            background: linear-gradient(90deg, transparent, var(--cs-amber-accent), var(--cs-neon-gold), var(--cs-amber-accent), transparent);\n            margin: 35px 0;\n            position: relative;\n            box-shadow: 0 0 15px var(--cs-glow-gold);\n        }\n\n        .cs-benefits-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 20px;\n            margin: 35px 0;\n            width: 100%;\n        }\n\n        .cs-card {\n            background: linear-gradient(145deg, rgba(20, 16, 12, 0.92), rgba(10, 8, 6, 0.98));\n            border: 1px solid var(--cs-border);\n            border-radius: 18px;\n            padding: 26px 20px;\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            position: relative;\n            text-align: left;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            min-width: 0;\n            word-break: break-word;\n        }\n\n        .cs-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--cs-neon-gold);\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--cs-glow-gold);\n            background: var(--cs-bg-card-hover);\n        }\n\n        .cs-icon-wrap {\n            width: 52px; height: 52px;\n            background: rgba(8, 6, 4, 0.9);\n            border: 1.5px solid rgba(245, 197, 24, 0.35);\n            border-radius: 14px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 16px;\n            color: var(--cs-neon-gold);\n            transition: transform 0.3s ease, background 0.3s ease;\n            box-shadow: 0 0 15px rgba(245, 197, 24, 0.15);\n            flex-shrink: 0;\n        }\n\n        .cs-card:hover .cs-icon-wrap {\n            transform: scale(1.1) rotate(-5deg);\n            background: var(--cs-amber-accent);\n            color: #050403;\n            border-color: transparent;\n            box-shadow: 0 0 25px var(--cs-neon-gold);\n        }\n\n        .cs-icon-wrap svg {\n            width: 26px; height: 26px;\n        }\n\n        .cs-card h3 {\n            font-size: 1.25rem;\n            color: #ffffff;\n            margin-bottom: 10px;\n            font-weight: 800;\n            line-height: 1.4;\n        }\n\n        .cs-card p {\n            color: #ffffff;\n            font-size: 1rem;\n            line-height: 1.7;\n            font-weight: 500;\n        }\n\n        .cs-ingredient-tag {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background: rgba(245, 197, 24, 0.14);\n            border: 1px solid var(--cs-amber-accent);\n            color: var(--cs-neon-gold);\n            padding: 5px 14px;\n            border-radius: 8px;\n            font-size: 0.92rem;\n            font-weight: 800;\n            margin-bottom: 12px;\n            box-shadow: 0 0 12px rgba(245, 197, 24, 0.2);\n            width: fit-content;\n            max-width: 100%;\n            white-space: normal;\n            word-break: break-word;\n        }\n\n        .cs-ingredient-tag.mint {\n            background: rgba(0, 229, 163, 0.14);\n            border-color: var(--cs-neon-mint);\n            color: var(--cs-neon-mint);\n            box-shadow: 0 0 12px rgba(0, 229, 163, 0.25);\n        }\n\n        .cs-glass-box {\n            background: var(--cs-bg-card);\n            backdrop-filter: blur(16px);\n            -webkit-backdrop-filter: blur(16px);\n            border: 1px solid var(--cs-border);\n            border-radius: 20px;\n            padding: 35px 25px;\n            margin: 35px auto;\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);\n            position: relative;\n            max-width: 880px;\n            width: 100%;\n        }\n\n        .cs-glass-box::before {\n            content: '';\n            position: absolute;\n            top: 0; right: 0; width: 4px; height: 100%;\n            background: linear-gradient(180deg, var(--cs-amber-accent), var(--cs-neon-gold), var(--cs-neon-mint), transparent);\n        }\n\n        .cs-glass-box p, \n        .cs-glass-box li {\n            color: #ffffff;\n            font-size: 1.12rem;\n            font-weight: 600;\n            line-height: 1.85;\n        }\n\n        .cs-dilemma-grid {\n            display: grid;\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n            gap: 18px;\n            margin-top: 25px;\n            width: 100%;\n            text-align: left;\n        }\n\n        .cs-dilemma-card {\n            background: rgba(255, 255, 255, 0.04);\n            border: 1px solid var(--cs-border);\n            border-radius: 16px;\n            padding: 22px 18px;\n            transition: all 0.3s ease;\n            min-width: 0;\n        }\n\n        .cs-dilemma-card.conflict {\n            border-right: 4.5px solid #ff4444;\n            background: linear-gradient(145deg, rgba(35, 10, 12, 0.85), rgba(12, 4, 6, 0.95));\n        }\n\n        .cs-dilemma-card.harmony {\n            border-right: 4.5px solid var(--cs-neon-gold);\n            background: linear-gradient(145deg, rgba(28, 22, 12, 0.85), rgba(12, 10, 6, 0.95));\n        }\n\n        .cs-dilemma-card h4 {\n            font-size: 1.15rem;\n            font-weight: 800;\n            margin-bottom: 10px;\n            line-height: 1.4;\n        }\n\n        .cs-dilemma-card p {\n            color: #ffffff;\n            font-size: 0.98rem;\n            line-height: 1.7;\n            font-weight: 500;\n        }\n\n        .cs-spa-grid {\n            display: grid;\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n            gap: 18px;\n            margin-top: 25px;\n            width: 100%;\n            text-align: left;\n        }\n\n        .cs-spa-card {\n            background: linear-gradient(145deg, rgba(24, 18, 12, 0.9), rgba(10, 8, 6, 0.98));\n            border: 1px solid var(--cs-border);\n            border-right: 4.5px solid var(--cs-amber-accent);\n            border-radius: 16px;\n            padding: 22px 18px;\n            transition: all 0.3s ease;\n            min-width: 0;\n        }\n\n        .cs-spa-card:hover {\n            transform: translateY(-5px);\n            border-right-color: var(--cs-neon-gold);\n            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.8), 0 0 20px rgba(245, 197, 24, 0.2);\n        }\n\n        .cs-spa-card h4 {\n            font-size: 1.15rem;\n            font-weight: 800;\n            margin-bottom: 8px;\n            line-height: 1.4;\n        }\n\n        .cs-spa-card p {\n            color: #ffffff;\n            font-size: 0.96rem;\n            line-height: 1.7;\n            font-weight: 500;\n        }\n\n        .cs-science-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 22px;\n            margin: 35px 0;\n            width: 100%;\n        }\n\n        .cs-science-card {\n            background: linear-gradient(145deg, rgba(20, 16, 12, 0.94), rgba(10, 8, 6, 0.98));\n            border: 1px solid var(--cs-border);\n            border-radius: 18px;\n            padding: 26px 20px;\n            text-align: left;\n            transition: all 0.4s ease;\n            position: relative;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            min-width: 0;\n        }\n\n        .cs-science-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--cs-neon-gold);\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--cs-glow-gold);\n            background: var(--cs-bg-card-hover);\n        }\n\n        .cs-science-card h4 {\n            font-size: 1.3rem;\n            color: #ffffff;\n            font-weight: 900;\n            margin-bottom: 6px;\n        }\n\n        .cs-science-card p {\n            color: #ffffff;\n            font-size: 0.98rem;\n            line-height: 1.7;\n            font-weight: 500;\n            margin-bottom: 14px;\n        }\n\n        .cs-science-card ul {\n            list-style: none;\n            padding: 0;\n        }\n\n        .cs-science-card li {\n            position: relative;\n            padding-right: 20px;\n            margin-bottom: 8px;\n            color: #ffffff;\n            font-size: 0.95rem;\n            line-height: 1.6;\n            font-weight: 500;\n        }\n\n        .cs-science-card li::before {\n            content: '✓';\n            position: absolute;\n            right: 0; top: 0;\n            color: var(--cs-neon-gold);\n            font-weight: 900;\n        }\n\n        .cs-stats-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));\n            gap: 18px;\n            margin: 35px 0;\n            width: 100%;\n        }\n\n        .cs-stat-box {\n            background: rgba(18, 14, 10, 0.9);\n            border: 1.5px solid var(--cs-border);\n            border-radius: 18px;\n            padding: 24px 16px;\n            text-align: center;\n            transition: all 0.3s ease;\n            min-width: 0;\n        }\n\n        .cs-stat-box:hover {\n            border-color: var(--cs-neon-gold);\n            transform: translateY(-5px);\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);\n        }\n\n        .cs-stat-num {\n            font-size: clamp(32px, 5vw, 48px);\n            font-weight: 900;\n            line-height: 1;\n            margin-bottom: 8px;\n            direction: ltr;\n        }\n\n        .cs-stat-title {\n            color: #ffffff;\n            font-size: 1.08rem;\n            font-weight: 800;\n            margin-bottom: 4px;\n        }\n\n        .cs-stat-desc {\n            color: #ffffff;\n            font-size: 0.85rem;\n            opacity: 0.95;\n            line-height: 1.5;\n        }\n\n        .cs-timeline-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 16px;\n            margin: 30px 0;\n            width: 100%;\n        }\n\n        .cs-timeline-card {\n            background: rgba(18, 14, 10, 0.88);\n            border: 1px solid var(--cs-border);\n            border-top: 4px solid var(--cs-neon-gold);\n            border-radius: 16px;\n            padding: 22px 16px;\n            text-align: left;\n            transition: all 0.3s ease;\n            min-width: 0;\n        }\n\n        .cs-timeline-card:hover {\n            transform: translateY(-6px);\n            border-top-color: var(--cs-neon-mint);\n            background: rgba(28, 22, 14, 0.95);\n        }\n\n        .cs-timeline-badge {\n            display: inline-block;\n            background: rgba(245, 197, 24, 0.14);\n            color: var(--cs-neon-gold);\n            font-weight: 900;\n            padding: 4px 14px;\n            border-radius: 20px;\n            margin-bottom: 12px;\n            font-size: 0.9rem;\n            border: 1px solid var(--cs-border);\n            white-space: nowrap;\n        }\n\n        .cs-timeline-card p {\n            color: #ffffff;\n            font-size: 0.95rem;\n            line-height: 1.7;\n            font-weight: 500;\n        }\n\n        .cs-value-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 18px;\n            margin: 30px 0;\n            width: 100%;\n        }\n\n        .cs-value-card {\n            background: linear-gradient(145deg, rgba(20, 16, 12, 0.9), rgba(10, 8, 6, 0.98));\n            border: 1px solid var(--cs-border);\n            border-radius: 18px;\n            padding: 26px 18px;\n            text-align: left;\n            transition: all 0.3s ease;\n            min-width: 0;\n        }\n\n        .cs-value-card:hover {\n            border-color: var(--cs-neon-gold);\n            transform: translateY(-5px);\n            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.7);\n        }\n\n        .cs-value-num {\n            width: 44px; height: 44px;\n            background: rgba(245, 197, 24, 0.15);\n            border: 1.5px solid var(--cs-amber-accent);\n            border-radius: 12px;\n            display: flex; align-items: center; justify-content: center;\n            font-size: 1.2rem; font-weight: 900;\n            color: var(--cs-neon-gold);\n            margin-bottom: 14px;\n        }\n\n        .cs-value-card h3 {\n            font-size: 1.2rem;\n            font-weight: 900;\n            margin-bottom: 8px;\n            color: #ffffff;\n        }\n\n        .cs-value-card p {\n            color: #ffffff;\n            font-size: 0.98rem;\n            line-height: 1.7;\n            font-weight: 500;\n        }\n\n        .cs-steps-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 18px;\n            margin: 30px 0;\n            width: 100%;\n        }\n\n        .cs-step-card {\n            background: rgba(18, 14, 10, 0.85);\n            border: 1.5px dashed var(--cs-border);\n            padding: 24px 16px;\n            border-radius: 16px;\n            text-align: center;\n            transition: all 0.3s ease;\n            min-width: 0;\n        }\n\n        .cs-step-card:hover {\n            border-color: var(--cs-neon-gold);\n            transform: translateY(-5px);\n            background: rgba(28, 22, 14, 0.95);\n        }\n\n        .cs-step-num {\n            width: 44px; height: 44px;\n            background: linear-gradient(135deg, #2b220e, #0c0a06);\n            border: 2px solid var(--cs-amber-accent);\n            border-radius: 50%;\n            display: flex; align-items: center; justify-content: center;\n            font-size: 1.3rem; font-weight: 900;\n            color: var(--cs-neon-gold);\n            margin: 0 auto 14px;\n            box-shadow: 0 0 15px var(--cs-glow-gold);\n        }\n\n        .cs-step-card h4 {\n            color: var(--cs-neon-gold);\n            font-size: 1.2rem;\n            font-weight: 800;\n            margin-bottom: 8px;\n        }\n\n        .cs-step-card p {\n            color: #ffffff;\n            font-size: 0.95rem;\n            line-height: 1.7;\n            font-weight: 500;\n        }\n\n        .cs-gold-btn {\n            display: inline-block;\n            background: linear-gradient(135deg, var(--cs-amber-accent), #ffe680, var(--cs-amber-accent));\n            color: #000000 !important;\n            padding: 16px 48px;\n            border-radius: 40px;\n            text-decoration: none;\n            font-weight: 900;\n            font-size: 1.25rem;\n            box-shadow: 0 8px 30px rgba(245, 197, 24, 0.35);\n            transition: all 0.3s ease;\n            border: none;\n            cursor: pointer;\n            margin-top: 25px;\n        }\n\n        .cs-gold-btn:hover {\n            transform: scale(1.05);\n            box-shadow: 0 12px 40px rgba(255, 210, 74, 0.6);\n            background: linear-gradient(135deg, #ffffff, var(--cs-neon-gold));\n        }\n\n        .cs-reveal {\n            opacity: 0;\n            transform: translateY(35px);\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        .cs-reveal.cs-active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .cs-delay-1 { transition-delay: 0.12s; }\n        .cs-delay-2 { transition-delay: 0.24s; }\n\n        @media (max-width: 768px) {\n            .cs-ultimate-container { padding: 25px 0; }\n            .cs-container { padding: 0 14px !important; }\n            .cs-glass-box { padding: 22px 14px !important; }\n            .cs-img-md { max-width: 100% !important; }\n\n            .cs-benefits-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n                margin: 20px 0 !important;\n                width: 100% !important;\n            }\n\n            .cs-benefits-grid .cs-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .cs-benefits-grid .cs-icon-wrap {\n                width: 38px !important;\n                height: 38px !important;\n                margin-bottom: 10px !important;\n                border-radius: 10px !important;\n            }\n\n            .cs-benefits-grid .cs-icon-wrap svg {\n                width: 20px !important;\n                height: 20px !important;\n            }\n\n            .cs-benefits-grid .cs-card h3 {\n                font-size: 0.92rem !important;\n                margin-bottom: 6px !important;\n                line-height: 1.3 !important;\n            }\n\n            .cs-benefits-grid .cs-ingredient-tag {\n                font-size: 0.72rem !important;\n                padding: 3px 6px !important;\n                margin-bottom: 6px !important;\n                line-height: 1.25 !important;\n                border-radius: 6px !important;\n            }\n\n            .cs-benefits-grid .cs-card p {\n                font-size: 0.8rem !important;\n                line-height: 1.5 !important;\n            }\n\n            .cs-dilemma-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .cs-spa-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .cs-spa-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .cs-spa-card h4 {\n                font-size: 0.92rem !important;\n                margin-bottom: 6px !important;\n                line-height: 1.35 !important;\n            }\n\n            .cs-spa-card p {\n                font-size: 0.78rem !important;\n                line-height: 1.45 !important;\n            }\n\n            .cs-dilemma-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .cs-dilemma-card h4 {\n                font-size: 0.95rem !important;\n                margin-bottom: 6px !important;\n            }\n\n            .cs-dilemma-card p {\n                font-size: 0.78rem !important;\n                line-height: 1.45 !important;\n            }\n\n            .cs-science-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .cs-science-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .cs-science-card h4 {\n                font-size: 0.95rem !important;\n                margin-bottom: 2px !important;\n            }\n\n            .cs-science-card p {\n                font-size: 0.78rem !important;\n                line-height: 1.45 !important;\n            }\n\n            .cs-science-card li {\n                font-size: 0.74rem !important;\n                padding-right: 16px !important;\n            }\n\n            .cs-stats-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .cs-stat-box:last-child {\n                grid-column: span 2 !important;\n            }\n\n            .cs-stat-box {\n                padding: 16px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .cs-stat-num {\n                font-size: 30px !important;\n            }\n\n            .cs-stat-title {\n                font-size: 0.85rem !important;\n            }\n\n            .cs-timeline-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .cs-timeline-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .cs-timeline-badge {\n                font-size: 0.75rem !important;\n                padding: 3px 8px !important;\n                margin-bottom: 8px !important;\n            }\n\n            .cs-timeline-card p {\n                font-size: 0.8rem !important;\n                line-height: 1.45 !important;\n            }\n\n            .cs-value-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .cs-value-card:last-child {\n                grid-column: span 2 !important;\n            }\n\n            .cs-value-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .cs-value-num {\n                width: 36px !important;\n                height: 36px !important;\n                font-size: 1rem !important;\n                margin-bottom: 8px !important;\n            }\n\n            .cs-value-card h3 {\n                font-size: 0.95rem !important;\n                margin-bottom: 4px !important;\n            }\n\n            .cs-value-card p {\n                font-size: 0.8rem !important;\n                line-height: 1.45 !important;\n            }\n\n            .cs-steps-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .cs-step-card:last-child {\n                grid-column: span 2 !important;\n            }\n\n            .cs-step-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .cs-step-num {\n                width: 38px !important;\n                height: 38px !important;\n                font-size: 1.1rem !important;\n                margin-bottom: 8px !important;\n            }\n\n            .cs-step-card h4 {\n                font-size: 0.95rem !important;\n                margin-bottom: 4px !important;\n            }\n\n            .cs-step-card p {\n                font-size: 0.8rem !important;\n                line-height: 1.45 !important;\n            }\n\n            .cs-title-glow { font-size: 24px; }\n            .cs-section-title { font-size: 20px; }\n        }\n    \u003c\/style\u003e\n\n\u003cdiv class=\"cs-ambient-bg\"\u003e\n\u003cdiv class=\"cs-orb cs-orb-1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cs-orb cs-orb-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cheader class=\"cs-reveal cs-active\" style=\"text-align: center; padding: 20px 0 35px;\"\u003e\n\u003cdiv class=\"cs-badge\"\u003e\n\u003cspan class=\"cs-gold-dot\"\u003e\u003c\/span\u003e El suero milagroso n.° 1 del mundo para el rejuvenecimiento de la piel\n            \u003c\/div\u003e\n\u003ch2 style=\"font-size: 1.25rem; color: var(--cs-amber-accent); margin-bottom: 12px; font-weight: 800;\"\u003eEl secreto para una piel clara es como los granos y tratar los efectos de los granos que se han descontrolado en el mundo\u003c\/h2\u003e\n\u003ch1 class=\"cs-title-glow\"\u003eCOSRX Advanced Snail 96 Mucin Power Essence\u003c\/h1\u003e\n\u003cp class=\"cs-sub-text pure-white\"\u003e\n                Imagina un producto que trata la sequedad, borra los efectos del acné y te brinda frescura desde el primer uso! Gracias a la concentración \u003cstrong class=\"neon-gold\"\u003e96,3% de extracto puro de caracol\u003c\/strong\u003eTu piel absorberá la hidratación y se renovará desde el interior, sin ninguna sensación de grasa o pegajosa.\n            \u003c\/p\u003e\n\u003c!-- Hero Product Image --\u003e\n\u003cdiv class=\"cs-img-md\" style=\"margin: 0 auto 35px auto;\"\u003e\n\u003cimg alt=\"COSRX Advanced Snail 96 Mucin Power Essence\" src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/corsx_advanced_music_snail_power_essence_3_eb53c868-f156-48b5-ad8f-5032a08bfec7.png\"\/\u003e\n\u003c\/div\u003e\n\u003ca class=\"cs-gold-btn\" href=\"#cs-buy\" onclick=\"document.getElementById('cs-buy').scrollIntoView({behavior: 'smooth'}); return false;\"\u003eComienza ahora tu camino hacia una piel radiante\u003c\/a\u003e\n\u003c\/header\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 1.5. Fun Fact Hook: Global Luxury Snail Spas --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n\u003cdiv class=\"cs-badge\" style=\"border-color: var(--cs-neon-mint); background: rgba(0, 229, 163, 0.12);\"\u003e\n\u003cspan class=\"cs-gold-dot\" style=\"background: var(--cs-neon-mint); box-shadow: 0 0 10px var(--cs-neon-mint);\"\u003e\u003c\/span\u003e Información cosmética que no todos conocen\n            \u003c\/div\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 10px;\"\u003e¿Por qué los centros estéticos más caros del mundo usan caracoles?\u003c\/h2\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 1.25rem; font-weight: 800; margin-bottom: 20px;\"\u003eDéjame decirte por qué las personas ricas pagan cientos de dólares por sesión..\u003c\/p\u003e\n\u003cdiv class=\"cs-glass-box\" style=\"text-align: left;\"\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.15rem; line-height: 1.85; margin-bottom: 20px;\"\u003e\n                    En los centros de belleza de lujo más famosos del mundo, han notado que los trabajadores de las granjas de caracoles tienen las manos muy suaves y están completamente libres de arrugas y heridas, y ¡sanaban a una velocidad sorprendente! De aquí comenzaron las sesiones de tratamiento de la piel con caracoles.\n                \u003c\/p\u003e\n\u003cdiv class=\"cs-spa-grid\"\u003e\n\u003cdiv class=\"cs-spa-card\"\u003e\n\u003ch4 class=\"neon-gold\"\u003eEl secreto de la frescura instantánea\u003c\/h4\u003e\n\u003cp\u003eLas secreciones de los caracoles tratan los daños de la piel muy rápidamente y restablecen la elasticidad y el brillo natural que se ve en la piel de las celebridades.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-spa-card\" style=\"border-right-color: var(--cs-neon-mint);\"\u003e\n\u003ch4 class=\"neon-mint\"\u003eUna alternativa natural al colágeno\u003c\/h4\u003e\n\u003cp\u003eEsta secreción es rica en vitaminas y sustancias que tonifican el rostro y reducen arrugas y líneas finas, como si hubieras aplicado un filtro natural.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-spa-card\" style=\"border-right-color: var(--cs-neon-gold);\"\u003e\n\u003ch4 class=\"neon-gold\"\u003eSe cuida a sí mismo\u003c\/h4\u003e\n\u003cp\u003eEl caracol segrega esta sustancia para curar sus heridas en pocos minutos. ¡Imagina entonces lo que hará esta sustancia en los granos y cicatrices que están por aparecer!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-spa-card\" style=\"border-right-color: var(--cs-neon-mint);\"\u003e\n\u003ch4 class=\"neon-mint\"\u003eCosrx ha traído el spa a ti\u003c\/h4\u003e\n\u003cp\u003eEn lugar de gastar miles de dólares en una sola sesión, Cosrx ha puesto el extracto puro y estéril en una botella que puedes usar todos los días en casa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 2. The Problem: The Barrier \u0026 Aging Dilemma Grid --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n\u003ch2 class=\"cs-section-title\"\u003e¿Por qué las cremas hidratantes comunes no funcionan para ti?\u003c\/h2\u003e\n\u003cdiv class=\"cs-glass-box\"\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.2rem; line-height: 1.85; margin-bottom: 20px; text-align: left;\"\u003e\n                    Las cremas hidratantes normales se posan en la parte externa de la piel, pero cuando la piel está estresada y tiene marcas de granos, necesitas \u003cstrong class=\"neon-gold\"\u003eNutrición potente que penetra profundamente en la piel\u003c\/strong\u003e:\n                \u003c\/p\u003e\n\u003cdiv class=\"cs-dilemma-grid\"\u003e\n\u003cdiv class=\"cs-dilemma-card conflict\"\u003e\n\u003ch4 style=\"color: #ff5555;\"\u003eHidratantes tradicionales\u003c\/h4\u003e\n\u003cp\u003eHidrata solo desde el exterior y puede obstruir los poros y causar granos, y en cuanto te lavas, la sequedad volverá de nuevo, como si no hubieras hecho nada.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-dilemma-card harmony\"\u003e\n\u003ch4 class=\"neon-gold\"\u003eEsencia de caracol 96%\u003c\/h4\u003e\n\u003cp\u003ePenetra en las capas de la piel en pocos segundos, trata la sequedad desde las raíces, rellena las arrugas y repara la piel dañada, dando a tus manos una frescura real y duradera.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 3. Comprehensive Benefits Grid --\u003e\n\u003csection class=\"cs-reveal\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n\u003ch3 style=\"font-size: 1.15rem; color: var(--cs-amber-accent); margin-bottom: 8px; font-weight: 800;\"\u003eBeneficios biológicos directos del producto\u003c\/h3\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003e¿Qué harán las gotas de esencia en tu piel?\u003c\/h2\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.15rem; max-width: 820px; margin: 0 auto;\"\u003e\n                    Cada resultado que ves en el espejo tiene un ingrediente natural potente y eficaz detrás:\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-benefits-grid\"\u003e\n\u003c!-- Benefit 1 --\u003e\n\u003cdiv class=\"cs-card\"\u003e\n\u003cdiv class=\"cs-icon-wrap\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eBorra los efectos de los granos y las cicatrices\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag\"\u003eExtracto de caracol 96,3%\u003c\/div\u003e\n\u003cp\u003eUn tratamiento rápido para las depresiones y las marcas de los granos pasados, para que vuelvan lisas, con una textura uniforme y sin imperfecciones.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 2 --\u003e\n\u003cdiv class=\"cs-card cs-delay-1\"\u003e\n\u003cdiv class=\"cs-icon-wrap\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eRelleno e hidratación inmediata del rostro\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag\"\u003eÁcido hialurónico puro\u003c\/div\u003e\n\u003cp\u003eAtrae el agua en la piel para rellenar las líneas finas y dar a las manos un aspecto lleno, sano e hidratado durante todo el día.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 3 --\u003e\n\u003cdiv class=\"cs-card cs-delay-2\"\u003e\n\u003cdiv class=\"cs-icon-wrap\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2a9 9 0 0 1 9 9c0 4.97-4.03 9-9 9A9 9 0 0 1 3 11a9 9 0 0 1 9-9z\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 22V12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-mint\"\u003eAlivia el enrojecimiento y la inflamación\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag mint\"\u003ePantenol calmante\u003c\/div\u003e\n\u003cp\u003eSi tu piel es sensible o está inflamada por el sol o por granos, la calmará y eliminará cualquier enrojecimiento o picazón en pocos minutos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 4 --\u003e\n\u003cdiv class=\"cs-card\"\u003e\n\u003cdiv class=\"cs-icon-wrap\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpolyline points=\"12 6 12 12 16 14\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eTonifica la piel y previene las arrugas\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag\"\u003eColágeno natural\u003c\/div\u003e\n\u003cp\u003eRefuerza tu piel y restaura su elasticidad, haciéndola más firme y joven, y retrasa la aparición de los signos del envejecimiento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 5 --\u003e\n\u003cdiv class=\"cs-card cs-delay-1\"\u003e\n\u003cdiv class=\"cs-icon-wrap\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-mint\"\u003eAclarar y unificar el color del rostro\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag mint\"\u003eRegeneración celular natural\u003c\/div\u003e\n\u003cp\u003eElimina la opacidad y exfolia las células muertas de manera muy delicada, iluminando la piel y devolviéndole su color natural y uniforme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 6 --\u003e\n\u003cdiv class=\"cs-card cs-delay-2\"\u003e\n\u003cdiv class=\"cs-icon-wrap\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eNutrición profunda para los poros\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag\"\u003eVitaminas nutrientes\u003c\/div\u003e\n\u003cp\u003eAporta vitaminas a las capas más profundas de la piel, haciéndola sana y resistente a nuevos problemas y granos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 4. Simplified Science Section --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0;\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n\u003ch3 style=\"font-size: 1.15rem; color: var(--cs-amber-accent); margin-bottom: 8px; font-weight: 800;\"\u003eEl secreto del producto\u003c\/h3\u003e\n\u003ch2 class=\"cs-title-glow\" style=\"font-size: clamp(24px, 4.2vw, 36px);\"\u003e¿Cómo trata la piel esta esencia?\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Science Visual Image --\u003e\n\u003cdiv class=\"cs-img-md\" style=\"margin: 0 auto 35px auto;\"\u003e\n\u003cimg alt=\"Science behind COSRX Snail Mucin\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_mucin_snail_treatment.webp\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-science-grid\"\u003e\n\u003c!-- BIO 01 --\u003e\n\u003cdiv class=\"cs-science-card\"\u003e\n\u003cdiv\u003e\n\u003ch4 class=\"neon-gold\"\u003e1. Regeneración de las células dañadas\u003c\/h4\u003e\n\u003cp\u003eLa fórmula de baba de caracol regeneradora regeneradora señala a las células de tu piel que construyan rápidamente nuevo colágeno, y es esto lo que hace curar los granos y hace que la piel vuelva a estar lisa y tonificada en tiempo récord.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eAcelera la curación de los granos viejos y nuevos.\u003c\/li\u003e\n\u003cli\u003eHace que la piel vuelva a su elasticidad natural\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BIO 02 --\u003e\n\u003cdiv class=\"cs-science-card cs-delay-1\"\u003e\n\u003cdiv\u003e\n\u003ch4 class=\"neon-mint\"\u003e2. La hidratación no se evapora\u003c\/h4\u003e\n\u003cp\u003eCombinar el extracto de caracol con ácido hialurónico crea un escudo protector que atrapa el agua en el interior, manteniendo la piel fresca y luminosa durante todo el día, independientemente del clima seco o del aire acondicionado.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eTu piel lo absorbe en pocos segundos y no limpia los poros.\u003c\/li\u003e\n\u003cli\u003eBrillo y frescura que permanecen contigo todo el día.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 5. Clinical Numerical Results Grid --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n\u003cdiv style=\"margin-bottom: 25px;\"\u003e\n\u003ch3 style=\"font-size: 1.15rem; color: var(--cs-amber-accent); margin-bottom: 8px; font-weight: 800;\"\u003eResultados en números\u003c\/h3\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003eNúmeros reales de las experiencias de las chicas en todo el mundo\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-stats-grid\"\u003e\n\u003cdiv class=\"cs-stat-box\"\u003e\n\u003cdiv class=\"cs-stat-num neon-mint\"\u003e+74%\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-title\"\u003eHidratación y suavidad instantáneas\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003eDesde el primer contacto con tu piel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-box\" style=\"border-color: var(--cs-amber-accent);\"\u003e\n\u003cdiv class=\"cs-stat-num neon-gold\"\u003e-68%\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-title\"\u003eReducción de los efectos de las pastillas\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003eDespués de 4 semanas de uso\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-box\"\u003e\n\u003cdiv class=\"cs-stat-num neon-gold\"\u003e+82%\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-title\"\u003eFortalecer la barrera hidrolipídica\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003eProtección más fuerte contra los nuevos granos\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-box\" style=\"border-color: var(--cs-neon-gold);\"\u003e\n\u003cdiv class=\"cs-stat-num neon-gold\"\u003e96.3%\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-title\"\u003ePorcentaje de pureza natural\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003eEl porcentaje más alto de extracto de caracol del mundo\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-box\"\u003e\n\u003cdiv class=\"cs-stat-num neon-gold\"\u003e4.8 \/ 5\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-title\"\u003eExcelente evaluación\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003eCon millones de experiencias reales\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 6. Timeline Transformation Grid --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0;\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n\u003ch3 style=\"font-size: 1.15rem; color: var(--cs-amber-accent); margin-bottom: 8px; font-weight: 800;\"\u003eRuta de cambio\u003c\/h3\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003e¿Qué le pasará a tu piel después de que lo hayas usado?\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-timeline-grid\"\u003e\n\u003cdiv class=\"cs-timeline-card\"\u003e\n\u003cdiv class=\"cs-timeline-badge\"\u003eDesde el primer uso\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eSuavidad y brillo instantáneos\u003c\/h4\u003e\n\u003cp\u003eTu piel lo absorbe en pocos segundos, no hay pegajosidad y la textura permanece muy suave y luminosa todo el tiempo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-timeline-card\" style=\"border-top-color: var(--cs-neon-mint);\"\u003e\n\u003cdiv class=\"cs-timeline-badge\" style=\"color: var(--cs-neon-mint); border-color: var(--cs-neon-mint);\"\u003eLa primera semana\u003c\/div\u003e\n\u003ch4 class=\"neon-mint\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eCalma y conforta la piel\u003c\/h4\u003e\n\u003cp\u003eEl enrojecimiento desaparece y las costras o la sequedad alrededor de la boca y las fosas nasales desaparecen por completo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-timeline-card\" style=\"border-top-color: var(--cs-amber-accent);\"\u003e\n\u003cdiv class=\"cs-timeline-badge\" style=\"color: var(--cs-amber-accent); border-color: var(--cs-amber-accent);\"\u003eLa tercera semana\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eAclarar los efectos de los granos\u003c\/h4\u003e\n\u003cp\u003eLas manchas oscuras comienzan a aclararse, la textura de la piel se vuelve más uniforme y las líneas finas se reducen notablemente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-timeline-card\" style=\"border-top-color: var(--cs-neon-gold);\"\u003e\n\u003cdiv class=\"cs-timeline-badge\"\u003eEl segundo mes y contando\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003ePiel clara como Azaz\u003c\/h4\u003e\n\u003cp\u003eFrescura duradera, una barrera hidrolipídica fuerte y seguridad que te permitirán prescindir del maquillaje y disfrutar de tu belleza natural!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 7. Value Proposition Grid --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0;\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n\u003ch3 style=\"font-size: 1.15rem; color: var(--cs-amber-accent); margin-bottom: 8px; font-weight: 800;\"\u003eLa opción más accesible e inteligente para tu belleza\u003c\/h3\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003eAhorros y beneficios que seguramente te harán ahorrar muchos productos\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Value Image --\u003e\n\u003cdiv class=\"cs-img-md\" style=\"margin: 0 auto 30px auto;\"\u003e\n\u003cimg alt=\"COSRX Snail Mucin Value\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_mucin_96.webp\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-value-grid\"\u003e\n\u003cdiv class=\"cs-value-card\"\u003e\n\u003cdiv class=\"cs-value-num\"\u003e100\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eUn gran tamaño que durará meses\u003c\/h3\u003e\n\u003cp\u003eEl envase de 100 ml es suficiente para 3-5 meses de uso diario. Solo se necesitan dos gotas para toda la cara y el cuello.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-value-card\" style=\"border-color: var(--cs-neon-gold);\"\u003e\n\u003cdiv class=\"cs-value-num\" style=\"color: var(--cs-neon-gold); border-color: var(--cs-neon-gold);\"\u003e2in1\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eTe hace ahorrar dinero y tiempo\u003c\/h3\u003e\n\u003cp\u003eNo debo comprar un suero hidratante y otro suero para tratar los granos... ambos en una botella muy potente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-value-card\" style=\"border-color: var(--cs-neon-mint);\"\u003e\n\u003cdiv class=\"cs-value-num\" style=\"color: var(--cs-neon-mint); border-color: var(--cs-neon-mint);\"\u003e100%\u003c\/div\u003e\n\u003ch3 class=\"neon-mint\"\u003eMuy natural y segura\u003c\/h3\u003e\n\u003cp\u003eSin olores irritantes o alcohol, se seca y se extrae fácilmente. Se extrae sin dañar a los caracoles y es adecuado para piel sensible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 8. Usage Protocol Grid --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0;\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n\u003ch2 class=\"cs-section-title\"\u003eCómo usar para obtener resultados rápidos\u003c\/h2\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 1.2rem; font-weight: 800;\"\u003ePasos sencillos para que tu piel se beneficie de cada gota\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-steps-grid\"\u003e\n\u003cdiv class=\"cs-step-card\"\u003e\n\u003cdiv class=\"cs-step-num\"\u003e01\u003c\/div\u003e\n\u003ch4\u003eLimpiador y tónico\u003c\/h4\u003e\n\u003cp\u003eLávate la cara, aplica el tónico y deja la piel un poco fresca para que la esencia se absorba mejor y más rápido.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-step-card\"\u003e\n\u003cdiv class=\"cs-step-num\"\u003e02\u003c\/div\u003e\n\u003ch4\u003eSolo dos puntos\u003c\/h4\u003e\n\u003cp\u003ePoner una o dos presiones generosas en la mano y distribuirlas delicadamente en el cuello y la nuca.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-step-card\"\u003e\n\u003cdiv class=\"cs-step-num\"\u003e03\u003c\/div\u003e\n\u003ch4\u003eLigera plenitud\u003c\/h4\u003e\n\u003cp\u003eAplícalo muy cómodamente hasta que tu piel lo absorba todo, luego aplica tu crema hidratante normal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-glass-box\" style=\"margin-top: 30px; text-align: center;\"\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.25rem; font-weight: 900; margin-bottom: 12px;\"\u003eConsejos de los expertos para un resultado mágico:\u003c\/h4\u003e\n\u003cp class=\"pure-white\" style=\"margin: 0; line-height: 1.85;\"\u003e\n\u003cstrong class=\"neon-mint\"\u003e¡El secreto está en el agua!\u003c\/strong\u003e Aplicalo siempre cuando la piel esté ligeramente húmeda, nunca sobre la piel completamente seca. Esto permite que el ácido hialurónico y el extracto de caracol atraigan agua profundamente a tus células y dupliquen la hidratación y la frescura de una manera que no creerías!\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 9. Technical INCI List --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0;\"\u003e\n\u003cdiv class=\"cs-glass-box\" style=\"direction: ltr; text-align: left; word-break: break-word;\"\u003e\n\u003ch3 style=\"color: var(--cs-amber-accent); margin-bottom: 14px; font-size: 1.2rem; direction: ltr; text-align: left; font-weight: 800;\"\u003e\n                    Lista de ingredientes (INCI)\n                \u003c\/h3\u003e\n\u003cp style=\"font-family: monospace; font-size: 0.9rem; line-height: 1.8; color: #ffffff;\"\u003e\n\u003cstrong class=\"neon-gold\"\u003eSnail Secretion Filtrate (96.3%)\u003c\/strong\u003e, Betaine, Butylene Glycol, 1,2-Hexanediol, \u003cstrong class=\"neon-gold\"\u003eSodium Hyaluronate (1,000 ppm)\u003c\/strong\u003e, Panthenol, \u003cstrong class=\"neon-mint\"\u003eAllantoin\u003c\/strong\u003e, Phenoxyethanol, Ethyl Hexanediol, Carbomer, \u003cstrong class=\"neon-gold\"\u003eArginine\u003c\/strong\u003e.\n                \u003c\/p\u003e\n\u003cdiv style=\"margin-top: 14px; text-align: left; direction: ltr;\"\u003e\n\u003cp style=\"color: #ffffff; font-size: 0.9rem; font-weight: 600;\"\u003e\n                        * Fórmula 100% pura completamente libre de fragancias sintéticas, alcohol agresivo, parabenos y aceites minerales. Ideal para todo tipo de piel, incluso sensible y propensa al acné.\n                    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 10. Final High-Converting CTA --\u003e\n\u003csection class=\"cs-reveal\" id=\"cs-buy\" style=\"text-align: center; margin-top: 55px; padding: 50px 20px; background: linear-gradient(180deg, rgba(20, 16, 12, 0.95) 0%, rgba(6, 4, 3, 0.98) 100%); border-radius: 24px; border: 2px solid var(--cs-amber-accent); box-shadow: 0 20px 60px rgba(245, 197, 24, 0.25);\"\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 1.25rem; font-weight: 900; margin-bottom: 12px; letter-spacing: 0.5px;\"\u003e¡Ordena ahora la esencia original!\u003c\/p\u003e\n\u003ch2 class=\"cs-title-glow\" style=\"font-size: clamp(24px, 4.5vw, 36px); margin-bottom: 20px;\"\u003e\n                Proporciona a tu piel la posibilidad de renovarse seriamente y volver a iluminarse\n            \u003c\/h2\u003e\n\u003cdiv class=\"cs-img-md\" style=\"margin: 25px auto;\"\u003e\n\u003cimg alt=\"COSRX Advanced Snail 96 Mucin Power Essence\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/corsx_advanced_music_snail_power_essence_3.jpg\"\/\u003e\n\u003c\/div\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.25rem; max-width: 800px; margin: 0 auto 30px; line-height: 1.85;\"\u003e\n                En lugar de desperdiciar tu dinero en cremas hidratantes superficiales que dejan cicatrices y sequedad tal como son, prueba el poder del puro extracto de caracol, que ha cambiado el aspecto de la piel de millones de chicas en todo el mundo.\n            \u003c\/p\u003e\n\u003ca class=\"cs-gold-btn\" href=\"#\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'}); return false;\"\u003eOrdénalo ahora y comienza la rutina\u003c\/a\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n        document.addEventListener('DOMContentLoaded', function() {\n            const reveals = document.querySelectorAll('.cs-reveal');\n            \n            const observerOptions = {\n                root: null,\n                threshold: 0.08,\n                rootMargin: \"0px 0px -40px 0px\"\n            };\n\n            const scrollObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('cs-active');\n                        observer.unobserve(entry.target); \n                    }\n                });\n            }, observerOptions);\n\n            reveals.forEach(el =\u003e {\n                scrollObserver.observe(el);\n            });\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e\n```eof\n","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":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 Ácido Hialurónico 3% | Ceramidas | Factores naturales de hidratación | Hidratante para la piel | Relleno para arrugas","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n    \/* Base styles *\/\n    .product-description {\n        max-width: 900px;\n        margin: 0 auto;\n        color: #333;\n        line-height: 1.6;\n        padding: 20px;\n        position: relative;\n        overflow: hidden;\n        direction: ltr;\n    }\n\n    \/* Typography *\/\n    .product-description h2, \n    .product-description h3 {\n        color: #9C8102;\n        margin-top: 1.5em;\n        margin-bottom: 0.8em;\n        font-weight: 700;\n    }\n\n    .product-description h2 {\n        font-size: 1.9rem;\n        text-align: left;\n    }\n\n    .product-description h3 {\n        font-size: 1.6rem;\n        position: relative;\n    }\n    \n    .product-description h3::after {\n        content: '';\n        display: block;\n        width: 60px;\n        height: 3px;\n        background-color: #9C8102;\n        margin-top: 10px;\n    }\n\n    .product-description p {\n        font-size: 1.1rem;\n        margin-bottom: 1.2em;\n        text-align: justify;\n    }\n\n    .product-description strong {\n        color: #9C8102;\n    }\n\n    .product-description ul {\n        padding-right: 20px;\n        margin: 1.5em 0;\n    }\n\n    .product-description li {\n        margin-bottom: 0.8em;\n    }\n\n    \/* Hero section *\/\n    .hero-container {\n        position: relative;\n        margin: 2em 0;\n        text-align: center;\n    }\n\n    .hero-image {\n        max-width: 100%;\n        height: auto;\n        border-radius: 15px;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n        transition: transform 0.5s ease;\n    }\n\n    .hero-image:hover {\n        transform: scale(1.02);\n    }\n\n    \/* Feature cards *\/\n    .feature-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 20px;\n        margin: 2em 0;\n    }\n\n    .feature-card {\n        padding: 25px;\n        background: #fff;\n        border-radius: 10px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        border-right: 4px solid #9C8102;\n    }\n\n    .feature-card:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n    }\n\n    .feature-icon {\n        font-size: 2.5rem;\n        color: #9C8102;\n        margin-bottom: 15px;\n    }\n\n    .feature-title {\n        color: #9C8102;\n        font-weight: bold;\n        margin-bottom: 10px;\n        font-size: 1.2rem;\n    }\n\n    \/* Info blocks *\/\n    .info-block {\n        background: #fcfcfc;\n        padding: 30px;\n        border-radius: 15px;\n        margin: 2em 0;\n        border-right: 4px solid #ebebeb;\n        transition: transform 0.3s ease;\n    }\n\n    .info-block:hover {\n        transform: translateX(-5px);\n    }\n\n    .info-title {\n        color: #9C8102;\n        margin-bottom: 15px;\n        font-weight: bold;\n        font-size: 1.3rem;\n    }\n\n    \/* Highlight block *\/\n    .highlight-block {\n        background: linear-gradient(to right, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1), rgba(156, 129, 2, 0.05));\n        padding: 30px;\n        border-radius: 15px;\n        margin: 2em 0;\n        text-align: center;\n    }\n\n    .highlight-title {\n        font-size: 1.8rem;\n        color: #9C8102;\n        margin-bottom: 15px;\n    }\n\n    \/* Illustration *\/\n    .penetration-chart {\n        width: 100%;\n        height: 250px;\n        background: white;\n        border-radius: 10px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n        padding: 20px;\n        margin: 30px 0;\n        position: relative;\n    }\n\n    .skin-layers {\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n    }\n\n    .skin-layer {\n        flex: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: white;\n        font-weight: bold;\n        position: relative;\n    }\n\n    .epidermis {\n        background: linear-gradient(to bottom, #f7d6c3, #e6c3b0);\n        border-radius: 8px 8px 0 0;\n    }\n\n    .dermis {\n        background: linear-gradient(to bottom, #e6c3b0, #d5a997);\n    }\n\n    .hypodermis {\n        background: linear-gradient(to bottom, #d5a997, #c1937f);\n        border-radius: 0 0 8px 8px;\n    }\n\n    .penetration-arrow {\n        position: absolute;\n        top: 10%;\n        right: 50%;\n        height: 80%;\n        width: 4px;\n        background: #9C8102;\n        z-index: 2;\n    }\n\n    .penetration-arrow::before {\n        content: '';\n        position: absolute;\n        bottom: -10px;\n        right: -8px;\n        border-left: 10px solid transparent;\n        border-right: 10px solid transparent;\n        border-top: 15px solid #9C8102;\n    }\n\n    .penetration-label {\n        position: absolute;\n        top: 50%;\n        right: 30%;\n        transform: translateY(-50%);\n        color: #9C8102;\n        font-weight: bold;\n        font-size: 1.1rem;\n    }\n\n    .layer-label {\n        position: absolute;\n        right: 10px;\n        color: #333;\n        font-weight: bold;\n    }\n\n    \/* Usage steps *\/\n    .usage-steps {\n        margin: 2em 0;\n    }\n\n    .step {\n        background: white;\n        padding: 20px;\n        border-radius: 10px;\n        margin-bottom: 15px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n        display: flex;\n        align-items: center;\n        transition: transform 0.3s ease;\n    }\n\n    .step:hover {\n        transform: translateX(-5px);\n    }\n\n    .step-number {\n        width: 40px;\n        height: 40px;\n        border-radius: 50%;\n        background: #9C8102;\n        color: white;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-weight: bold;\n        margin-left: 15px;\n        flex-shrink: 0;\n    }\n\n    .step-text {\n        flex-grow: 1;\n    }\n\n    \/* Call to action *\/\n    .cta-section {\n        background: #000;\n        color: white;\n        padding: 40px;\n        border-radius: 15px;\n        text-align: center;\n        margin: 2em 0;\n    }\n\n    .cta-title {\n        color: black;\n        font-size: 1.8rem;\n        margin-bottom: 20px;\n    }\n\n    .cta-button {\n        display: inline-block;\n        padding: 12px 35px;\n        background-color: white;\n        color: #9C8102;\n        font-weight: bold;\n        border-radius: 30px;\n        text-decoration: none;\n        margin-top: 20px;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n    }\n\n    .cta-button:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n    }\n\n    \/* Separator *\/\n    .separator {\n        height: 2px;\n        background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.5), transparent);\n        margin: 2em 0;\n        width: 100%;\n    }\n\n    \/* Responsive adjustments *\/\n    @media (max-width: 768px) {\n        .feature-grid {\n            grid-template-columns: 1fr;\n        }\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Hyaluronic Acid Serum\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_hyaluronic_acid_serum_3_2.webp?v=1745676258\"\/\u003e\n\u003c\/div\u003e\n\u003ch3\u003eEl desafío de la deshidratación comienza aquí: piel hidratada, firme y luminosa\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eTu piel grita por perder su frescura, y cada día que pasa sin tratamiento hace que el problema sea más profundo y difícil de revertir.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e¿Sabías que las arrugas prematuras no son solo un cambio natural? Más bien, son la prueba de un deterioro de la barrera de hidratación vital de tu piel. Estas líneas no son solo signos pasajeros; son advertencias de que tu piel está empezando a perder la capacidad de retener agua y elasticidad. Con cada día que pasa sin una hidratación efectiva, estas señales se vuelven más profundas y difíciles de tratar. Recuerda, las arrugas comienzan a aparecer cuando la piel carece de cuidados adecuados; cualquier falta de hidratación puede transformarse en líneas y arrugas que no desaparecen fácilmente. Dale a tu piel la fuerza que necesita con ácido hialurónico y restaura su vitalidad antes de que sea demasiado tarde.\u003c\/p\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Hyaluronic Acid Serum Application\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_hyaluronic_acid_serum_3_1.webp?v=1745676253\"\/\u003e\n\u003c\/div\u003e\n\u003ch3\u003eUna innovación que va más allá de los hidratantes tradicionales:\u003c\/h3\u003e\n\u003cp\u003eLa mayoría de los productos se limita a hidratar, pero este sérum funciona como:\u003c\/p\u003e\n\u003c!-- Feature Grid --\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-title\"\u003eUn reformador natural\u003c\/div\u003e\n\u003cp\u003eRestaura la barrera protectora de la piel, haciéndola más fuerte y más resistente a los daños.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-title\"\u003eMejorador de la textura de la piel\u003c\/div\u003e\n\u003cp\u003eElimina la textura de la piel áspera dejándola sedosa y suave después del primer uso.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-title\"\u003eCombate la deshidratación crónica\u003c\/div\u003e\n\u003cp\u003eTrata la sequedad desde la raíz proporcionando una protección duradera que dura horas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eUna sensación de lujo en cada uso:\u003c\/h3\u003e\n\u003cp\u003eSu textura única es diferente a cualquier producto que hayas probado antes. La fórmula es ligera, se absorbe fácilmente, pero envuelve la piel en una manta de suavidad y comodidad que dura todo el día.\u003c\/p\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Hyaluronic Acid Serum Close Up\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_hyaluronic_acid_serum_3_3_05420fce-d269-44ac-b8e0-116910c16bbc.webp?v=1745676300\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003e¿Qué hace especial a la COSRX Hyaluronic Acid Intensive Cream?\u003c\/h2\u003e\n\u003c!-- First Info Block --\u003e\n\u003cdiv class=\"info-block\"\u003e\n\u003ch3 class=\"info-title\"\u003e1. Potente mezcla de NMF (Complejo de Aminoácidos):\u003c\/h3\u003e\n\u003cp\u003eLos Factores Naturales de Hidratación (NMF) incluyen un grupo de aminoácidos que imitan los elementos naturales presentes en la piel, los cuales actúan para:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHidrata profundamente la piel:\u003c\/strong\u003e Los aminoácidos ayudan a la piel a retener agua, proporcionándole frescura y elasticidad natural.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReparación de la barrera hidrolipídica:\u003c\/strong\u003e Este compuesto mejora la capacidad de la piel para protegerse de los agresores ambientales y de la sequedad.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMayor suavidad:\u003c\/strong\u003e Con un uso regular, reduce la textura áspera de la piel y reequilibra los niveles naturales de hidratación.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Second Info Block --\u003e\n\u003cdiv class=\"info-block\"\u003e\n\u003ch3 class=\"info-title\"\u003e2. Ceramidas: la última barrera entre tu piel y los factores de envejecimiento\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eCuando la barrera hidrolipídica se rompe, tu piel comienza un viaje irreversible hacia la sequedad y la pérdida de luminosidad\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSin una barrera fuerte, cada enemigo de tu piel la invadirá sin piedad. \u003c\/strong\u003eLa piel normal contiene \u003cstrong\u003eCeramidas\u003c\/strong\u003e Como parte esencial de la barrera protectora que retiene la humedad y evita su pérdida.\u003c\/p\u003e\n\u003cp\u003eCuando se pierden estos ceramidas, conduce al colapso de la barrera hidrolipídica, a la pérdida de hidratación y frescura, y expone la piel a factores ambientales que causan envejecimiento. Sin este soporte, la piel se convierte en un campo de batalla, donde los signos de estrés y envejecimiento se aceleran. ¿Dejará tu piel expuesta y vulnerable a los daños?\u003c\/p\u003e\n\u003cp\u003eEl suero contiene una alta concentración de ceramidas que ayudarán a tu piel a restablecer su barrera protectora y a prevenir la penetración de agentes nocivos en las capas más profundas de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Penetration Depth Section --\u003e\n\u003cdiv class=\"highlight-block\"\u003e\n\u003ch3 class=\"highlight-title\"\u003e3. Hidratación hasta 2,5 ml bajo la superficie de la piel\u003c\/h3\u003e\n\u003cp\u003eLa fórmula utiliza una potente concentración de ácido hialurónico que hidrata en profundidad todas las capas de la piel, alcanzando una profundidad sin igual entre todas las cremas hidratantes. Esta fórmula penetra las células más profundas de tu piel para proporcionar una hidratación eficaz en todos los niveles de la piel.\u003c\/p\u003e\n\u003c!-- Skin Penetration Visualization --\u003e\n\u003cdiv class=\"penetration-chart\"\u003e\n\u003cdiv class=\"skin-layers\"\u003e\n\u003cdiv class=\"skin-layer epidermis\"\u003e\n\u003cspan class=\"layer-label\"\u003eEpidermis externa\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-layer dermis\"\u003e\n\u003cspan class=\"layer-label\"\u003eDerma\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-layer hypodermis\"\u003e\n\u003cspan class=\"layer-label\"\u003eBajo la dermis\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"penetration-arrow\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"penetration-label\"\u003eProfundidad de penetración: 2,5 ml\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Hyaluronic Acid Serum Skin Benefits\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_1600_x_1200_px.jpg?v=1734291139\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Hyaluronic Acid Serum Bottle\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_hyaluronic_acid_serum_3.jpg?v=1745676384\"\/\u003e\n\u003c\/div\u003e\n\u003ch3\u003eCada gota reconstruye tu piel desde adentro\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eUna pequeña gota... un impacto enorme: hidratación completa de la piel con solo una pequeña cantidad\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eGracias a la fórmula del suero con ácido hialurónico de COSRX, necesitas una cantidad muy pequeña para cubrir todo el rostro. La fórmula concentrada y efectiva trabaja de manera inteligente para distribuir la hidratación en profundidad en cada capa de la piel, ofreciéndote resultados evidentes sin desperdiciar producto.\u003c\/p\u003e\n\u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n\u003ch3\u003eCómo usar:\u003c\/h3\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eLimpia bien la piel usando un limpiador adecuado para tu tipo de piel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eAplicar unas gotas de suero sobre la piel limpia y ligeramente húmeda\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eAplica suavemente el suero usando los dedos con movimientos circulares delicados\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eSigue con una crema hidratante para retener la humedad en la piel (opcional)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eUsa el suero dos veces al día, por la mañana y por la noche, para resultados óptimos\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch3 class=\"cta-title\"\u003eCOSRX Hyaluronic Acid Intensive Cream\u003c\/h3\u003e\n\u003cp\u003eLa solución ideal para la piel sedienta de hidratación profunda y frescura continua\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e¡Devuelve la vida a tu piel ahora!\u003c\/strong\u003e\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eCompra ahora\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    \/\/ Add subtle animations and interactions\n    (function() {\n        \/\/ Observe elements coming into view\n        const observeElements = (elements, callback) =\u003e {\n            const observer = new IntersectionObserver((entries) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        callback(entry.target);\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.1 });\n            \n            elements.forEach(el =\u003e observer.observe(el));\n        };\n        \n        \/\/ Apply animations to feature cards when they come into view\n        observeElements(document.querySelectorAll('.feature-card'), (element) =\u003e {\n            element.style.animation = 'fadeInRight 0.6s ease forwards';\n        });\n        \n        \/\/ Apply animations to info blocks when they come into view\n        observeElements(document.querySelectorAll('.info-block'), (element) =\u003e {\n            element.style.animation = 'fadeInUp 0.6s ease forwards';\n        });\n        \n        \/\/ Apply animations to steps when they come into view\n        observeElements(document.querySelectorAll('.step'), (element) =\u003e {\n            element.style.animation = 'fadeInRight 0.6s ease forwards';\n        });\n        \n        \/\/ Apply animations to highlight block when it comes into view\n        observeElements(document.querySelectorAll('.highlight-block'), (element) =\u003e {\n            element.style.animation = 'fadeIn 0.8s ease forwards';\n            \n            \/\/ Animate the penetration arrow after the block appears\n            setTimeout(() =\u003e {\n                const arrow = element.querySelector('.penetration-arrow');\n                if (arrow) {\n                    arrow.style.height = '0%';\n                    arrow.style.transition = 'height 1.5s ease';\n                    \n                    setTimeout(() =\u003e {\n                        arrow.style.height = '80%';\n                    }, 300);\n                }\n            }, 300);\n        });\n        \n        \/\/ Add keyframes for animations\n        const style = document.createElement('style');\n        style.textContent = `\n            @keyframes fadeInUp {\n                from {\n                    opacity: 0;\n                    transform: translateY(20px);\n                }\n                to {\n                    opacity: 1;\n                    transform: translateY(0);\n                }\n            }\n            \n            @keyframes fadeInRight {\n                from {\n                    opacity: 0;\n                    transform: translateX(20px);\n                }\n                to {\n                    opacity: 1;\n                    transform: translateX(0);\n                }\n            }\n            \n            @keyframes fadeIn {\n                from {\n                    opacity: 0;\n                }\n                to {\n                    opacity: 1;\n                }\n            }\n        `;\n        document.head.appendChild(style);\n    })();\n\u003c\/script\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":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 Niacinamida 15% | Especialista en poros | Aclarar | Regular los aceites","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n    \/* Base styles *\/\n    .product-description {\n        max-width: 900px;\n        margin: 0 auto;\n        color: #333;\n        line-height: 1.6;\n        padding: 20px;\n        position: relative;\n        overflow: hidden;\n        direction: ltr;\n    }\n\n    \/* Typography *\/\n    .product-description h2 {\n        color: #9C8102;\n        margin-top: 1.5em;\n        margin-bottom: 0.8em;\n        font-weight: 700;\n        font-size: 1.8rem;\n        position: relative;\n    }\n    \n    .product-description h2::after {\n        content: '';\n        display: block;\n        width: 80px;\n        height: 3px;\n        background-color: #9C8102;\n        margin-top: 10px;\n    }\n\n    .product-description p {\n        font-size: 1.1rem;\n        margin-bottom: 1.2em;\n        text-align: justify;\n    }\n\n    .product-description strong {\n        color: #9C8102;\n        font-weight: bold;\n    }\n\n    \/* Hero section *\/\n    .hero-container {\n        position: relative;\n        margin: 2em 0;\n        text-align: center;\n    }\n\n    .hero-image {\n        max-width: 100%;\n        height: auto;\n        border-radius: 15px;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n        transition: transform 0.5s ease;\n    }\n\n    .hero-image:hover {\n        transform: scale(1.02);\n    }\n\n    \/* Featured section *\/\n    .featured-section {\n        background: linear-gradient(to right, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1), rgba(156, 129, 2, 0.05));\n        padding: 30px;\n        border-radius: 15px;\n        margin: 2em 0;\n        position: relative;\n    }\n\n    .featured-title {\n        color: #9C8102;\n        font-size: 1.8rem;\n        margin-bottom: 20px;\n    }\n\n    \/* Benefits section *\/\n    .benefits-container {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 25px;\n        margin: 2em 0;\n    }\n\n    .benefit-card {\n        background: white;\n        border-radius: 15px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n        overflow: hidden;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n\n    .benefit-card:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n    }\n\n    .benefit-icon {\n        width: 60px;\n        height: 60px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 50%;\n        background-color: #9C8102;\n        color: white;\n        font-size: 1.8rem;\n        margin: 0 auto 15px;\n    }\n\n    .benefit-content {\n        padding: 25px;\n    }\n\n    .benefit-title {\n        color: #9C8102;\n        font-size: 1.3rem;\n        font-weight: bold;\n        margin-bottom: 15px;\n        text-align: center;\n    }\n\n    .benefit-description {\n        text-align: center;\n    }\n\n    \/* Before\/After comparison *\/\n    .comparison-container {\n        position: relative;\n        width: 100%;\n        margin: 2em 0;\n        border-radius: 15px;\n        overflow: hidden;\n    }\n\n    .comparison-image {\n        width: 100%;\n        display: block;\n        border-radius: 15px;\n    }\n\n    \/* Percentage indicator *\/\n    .percentage-container {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin: 3em 0;\n    }\n\n    .percentage-circle {\n        width: 150px;\n        height: 150px;\n        border-radius: 50%;\n        background: conic-gradient(#9C8102 0% 15%, #f0f0f0 15% 100%);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n    }\n\n    .percentage-circle::before {\n        content: '';\n        position: absolute;\n        width: 130px;\n        height: 130px;\n        border-radius: 50%;\n        background-color: white;\n    }\n\n    .percentage-text {\n        position: relative;\n        z-index: 1;\n        font-size: 2.5rem;\n        font-weight: bold;\n        color: #9C8102;\n    }\n\n    .percentage-label {\n        margin-right: 20px;\n        font-size: 1.2rem;\n        color: #333;\n        flex: 1;\n    }\n\n    \/* Info sections *\/\n    .info-section {\n        margin: 3em 0;\n        padding: 30px;\n        background: white;\n        border-radius: 15px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n        border-right: 5px solid #9C8102;\n        transition: transform 0.3s ease;\n    }\n\n    .info-section:hover {\n        transform: translateX(-5px);\n    }\n\n    \/* Usage section *\/\n    .usage-section {\n        margin: 3em 0;\n    }\n\n    .usage-title {\n        color: #9C8102;\n        font-size: 1.5rem;\n        margin-bottom: 20px;\n    }\n\n    .usage-steps {\n        display: flex;\n        justify-content: space-between;\n        position: relative;\n        margin: 40px 0;\n    }\n\n    .usage-steps::before {\n        content: '';\n        position: absolute;\n        top: 25px;\n        right: 0;\n        left: 0;\n        height: 2px;\n        background-color: rgba(156, 129, 2, 0.3);\n        z-index: -1;\n    }\n\n    .usage-step {\n        text-align: center;\n        position: relative;\n        width: 120px;\n    }\n\n    .step-number {\n        width: 50px;\n        height: 50px;\n        border-radius: 50%;\n        background-color: #9C8102;\n        color: white;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-weight: bold;\n        font-size: 1.3rem;\n        margin: 0 auto 15px;\n    }\n\n    .step-text {\n        font-size: 0.95rem;\n        color: #555;\n    }\n\n    \/* Call to action *\/\n    .cta-container {\n        background: linear-gradient(135deg, #9C8102, #c7aa30);\n        color: white;\n        padding: 40px;\n        border-radius: 15px;\n        text-align: center;\n        margin: 3em 0 1em;\n    }\n\n    .cta-container h2 {\n        color: white;\n        margin-bottom: 20px;\n    }\n\n    .cta-container h2::after {\n        background-color: white;\n        margin: 10px auto;\n    }\n\n    .cta-button {\n        display: inline-block;\n        padding: 12px 35px;\n        background-color: white;\n        color: #9C8102;\n        font-weight: bold;\n        border-radius: 30px;\n        text-decoration: none;\n        margin-top: 20px;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n    }\n\n    .cta-button:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n    }\n\n    \/* Separator *\/\n    .separator {\n        height: 2px;\n        background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.5), transparent);\n        margin: 2em 0;\n        width: 100%;\n    }\n\n    \/* Highlight box *\/\n    .highlight-box {\n        background: rgba(156, 129, 2, 0.08);\n        border-radius: 10px;\n        padding: 20px;\n        margin: 2em 0;\n        border: 3px solid #000;\n    }\n\n    \/* Responsive adjustments *\/\n    @media (max-width: 768px) {\n        .benefits-container {\n            grid-template-columns: 1fr;\n        }\n\n        .percentage-container {\n            flex-direction: column;\n        }\n\n        .percentage-label {\n            margin: 20px 0 0 0;\n            text-align: center;\n        }\n\n        .usage-steps {\n            flex-direction: column;\n            align-items: center;\n        }\n\n        .usage-steps::before {\n            display: none;\n        }\n\n        .usage-step {\n            margin-bottom: 30px;\n        }\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Niacinamide 15% Serum\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/COSRX-The-Niacinamide-15-Serum-seerumi.jpg?v=1745677453\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003eEl compuesto perfecto que ha cambiado el skincare... ahora en la concentración más alta posible\u003c\/h2\u003e\n\u003c!-- Percentage Indicator --\u003e\n\u003cdiv class=\"percentage-container\"\u003e\n\u003cdiv class=\"percentage-circle\"\u003e\n\u003cdiv class=\"percentage-text\"\u003e15%\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"percentage-label\"\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 10px;\"\u003eDescubre la diferencia con alta concentración\u003c\/h3\u003e\n\u003cp\u003eProbablemente ya hayas probado la niacinamida, pero nunca a esta concentración del 15%, que pondrá a prueba todo lo que sabes sobre el skincare. Su efecto es más potente que nunca contra las impurezas y actúa para reducir los poros con una eficacia sin precedentes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Niacinamide 15% Serum Product\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_niacinamide_serum_15.png?v=1745677490\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003eLa fórmula equilibrante de la melanina desafía incluso la pigmentación más obstinada\u003c\/h2\u003e\n\u003cdiv class=\"info-section\"\u003e\n\u003cp\u003eEsta fórmula está altamente especializada en equilibrar la producción de melanina. Cuando se expone a factores ambientales, la piel aumenta la producción de melanina de manera irregular, llevando a la aparición de estas molestas pigmentaciones que afectan considerablemente tu apariencia.\u003c\/p\u003e\n\u003cp\u003eEsta fórmula equilibra la producción de pigmento, llevando a unificar el tono de la piel y obtener una piel clara, libre de pigmentaciones.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"Pore Minimizing Effect\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/1.6.webp?v=1745677506\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003e¿Sufres de poros dilatados? Esta es la solución final\u003c\/h2\u003e\n\u003cp\u003eDeshazte de esos molestos poros dilatados que te hacen parecer más viejo de lo que eres y que absorben polvo y factores ambientales nocivos llevándolos en profundidad a tu piel.\u003c\/p\u003e\n\u003cp\u003eEl suero limpia y purifica los poros de la piel y reduce las secreciones de sebo, lo que reduce invisiblemente el tamaño de los poros y hace que la textura de la piel parezca vidrio... ¡literalmente!\u003c\/p\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"benefits-container\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eReduce los poros\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eUna concentración del 15% de niacinamida regula la secreción de aceites y reduce muy eficazmente los poros dilatados\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eUnificar el tono de la piel\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eTrata la pigmentación y uniforma el tono de la piel regulando la producción del pigmento melanina\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eCombate el acné\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eReduce la inflamación y previene el acné regulando la secreción de sebo\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"Texture Improvement\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_niacinamide_serum_15_2.webp?v=1745677561\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003eReconstruye la textura de la piel\u003c\/h2\u003e\n\u003cp\u003eEl suero de niacinamida no solo ayuda a combatir el acné, sino que también contribuye a mejorar la textura general de la piel, haciéndola más suave y elástica.\u003c\/p\u003e\n\u003cp\u003eEs más que un simple suero, es una completa rejuvenecimiento para tu piel.\u003c\/p\u003e\n\u003c!-- Before\/After Comparison --\u003e\n\u003cdiv class=\"comparison-container\"\u003e\n\u003cimg alt=\"Before and After Using Niacinamide Serum\" class=\"comparison-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/black_heads_before_after.webp?v=1745677641\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003eAdiós a puntos blancos y puntos negros\u003c\/h2\u003e\n\u003cp\u003eLos comedones y los puntos negros se forman cuando el aceite y el sebo se acumulan dentro de los poros y los bloquean o interactúan con el aire. El suero COSRX Niacinamide trabaja para reducir el tamaño de los poros y regular la secreción de sebo, previniendo la acumulación de aceite y suciedad. También ayuda a renovar las células de la piel y a exfoliarlas suavemente, lo que previene los poros obstruidos y trata eficazmente los comedones y puntos negros.\u003c\/p\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Niacinamide 15% Serum Bottle\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_niacinamide_serum_no_background.webp?v=1745677778\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003eEs un producto soñado para la piel grasa\u003c\/h2\u003e\n\u003cdiv class=\"featured-section\"\u003e\n\u003cp\u003eSi tienen la piel grasa o mixta, probablemente conozcan los desafíos de enfrentar el exceso de sebo y los poros dilatados. Pero con el Suero de Niacinamida 15% de COSRX ahora pueden obtener una piel clara y más tonificada sin preocuparse por el exceso de brillo o los problemas asociados con la secreción de sebo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2\u003eProtección completa contra los efectos del tiempo...tratamiento y prevención en una sola fórmula\u003c\/h2\u003e\n\u003cp\u003eEl tiempo no hace descuentos a tu piel. Cada día que estamos expuestos a factores ambientales dañinos es un paso más hacia el envejecimiento prematuro\u003cbr\/\u003eNo dejes sola a tu piel en su lucha contra el tiempo\u003c\/p\u003e\n\u003cp\u003e¡Tu piel debería contar con un escudo protector de niacinamida! La niacinamida en esta fórmula altamente concentrada protege la piel de los oxidantes que causan el envejecimiento prematuro!\u003c\/p\u003e\n\u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n\u003c!-- Usage Section --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch3 class=\"usage-title\"\u003e¿Cómo lo usas?\u003c\/h3\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eLimpiar la piel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eAplicar el tónico\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eAplicación del suero\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eCrema hidratante\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-box\"\u003e\n\u003cp\u003eAplica el Suero de Niacinamida al 15% por la mañana y por la noche sobre la piel limpia antes de cualquier otra crema u aceite.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eNota\u003c\/strong\u003e: No es preferible usarlo simultáneamente con productos que contengan vitamina C pura (ácido ascórbico).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-container\"\u003e\n\u003ch2\u003eCOSRX Niacinamide 15% Serum\u003c\/h2\u003e\n\u003cp\u003eLa solución perfecta para poros dilatados y tono de piel desigual\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eCompra ahora\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    \/\/ Add subtle animations and interactions\n    (function() {\n        \/\/ Function to animate percentage circle\n        const animatePercentageCircle = () =\u003e {\n            const percentageCircle = document.querySelector('.percentage-circle');\n            \n            if (percentageCircle) {\n                percentageCircle.style.background = 'conic-gradient(#9C8102 0% 0%, #f0f0f0 0% 100%)';\n                \n                setTimeout(() =\u003e {\n                    percentageCircle.style.transition = 'background 1.5s ease-out';\n                    percentageCircle.style.background = 'conic-gradient(#9C8102 0% 15%, #f0f0f0 15% 100%)';\n                }, 300);\n            }\n        };\n        \n        \/\/ Observe elements coming into view\n        const observeElements = (elements, callback) =\u003e {\n            const observer = new IntersectionObserver((entries) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        callback(entry.target);\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.1 });\n            \n            elements.forEach(el =\u003e observer.observe(el));\n        };\n        \n        \/\/ Animate percentage circle when it comes into view\n        observeElements([document.querySelector('.percentage-container')], () =\u003e {\n            animatePercentageCircle();\n        });\n        \n        \/\/ Apply animations to benefit cards when they come into view\n        observeElements(document.querySelectorAll('.benefit-card'), (element) =\u003e {\n            element.style.animation = 'fadeInUp 0.6s ease forwards';\n        });\n        \n        \/\/ Apply animations to info sections when they come into view\n        observeElements(document.querySelectorAll('.info-section, .featured-section, .highlight-box'), (element) =\u003e {\n            element.style.animation = 'fadeIn 0.8s ease forwards';\n        });\n        \n        \/\/ Apply animations to step numbers when they come into view\n        observeElements(document.querySelectorAll('.step-number'), (element) =\u003e {\n            element.style.animation = 'pulseIn 0.5s ease forwards';\n        });\n        \n        \/\/ Add keyframes for animations\n        const style = document.createElement('style');\n        style.textContent = `\n            @keyframes fadeInUp {\n                from {\n                    opacity: 0;\n                    transform: translateY(20px);\n                }\n                to {\n                    opacity: 1;\n                    transform: translateY(0);\n                }\n            }\n            \n            @keyframes fadeIn {\n                from {\n                    opacity: 0;\n                }\n                to {\n                    opacity: 1;\n                }\n            }\n            \n            @keyframes pulseIn {\n                0% {\n                    transform: scale(0.5);\n                    opacity: 0;\n                }\n                70% {\n                    transform: scale(1.1);\n                }\n                100% {\n                    transform: scale(1);\n                    opacity: 1;\n                }\n            }\n            \n            .benefit-card,\n            .info-section,\n            .featured-section,\n            .highlight-box {\n                opacity: 0;\n            }\n            \n            .step-number {\n                opacity: 0;\n            }\n        `;\n        document.head.appendChild(style);\n    })();\n\u003c\/script\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":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":"anua-heartleaf-toner","title":"Extracto de Heartleaf Anua 77% | Tónico calmante para la piel | Tratamiento para enrojecimiento y granos | Hidratante","description":"\u003ch3\u003e\u003cstrong\u003eAnua Heartleaf 77% Tónico Calmante: La solución coreana perfecta para tu piel\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eEsto no es solo un tónico común, sino una fórmula avanzada que actúa directamente sobre los problemas de la piel y ayuda a restaurar su frescura y salud:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eEnrojecimiento e irritación?\u003c\/strong\u003e El tónico calma la piel gracias a que contiene un 77% de extracto de planta del corazón (Houttuynia Cordata), conocida por sus propiedades calmantes y antiinflamatorias.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e¿Acné?\u003c\/strong\u003e Reduce la aparición de granos y afina los poros para una piel clara y sin imperfecciones.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e¿Piel seca y apagada?\u003c\/strong\u003e Proporciona hidratación profunda y da a la piel un aspecto luminoso y radiante.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ebarrera hidrolipídica débil?\u003c\/strong\u003e Restaura la fuerza de la piel y la protege de los factores ambientales nocivos.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eRestaura el equilibrio natural de tu piel con un pH ideal (pH 5,5)\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eSi tu piel está desequilibrada debido a factores ambientales o productos agresivos, Anua Heartleaf Toner es la solución perfecta para ti. Gracias a su fórmula rica con un pH equilibrado de 5,5, este tónico restaura naturalmente el equilibrio de la piel, manteniendo su barrera hídrica sin afectar la capa de protección natural de la piel. En la concentración ideal, limpia suavemente la piel y la deja con una sensación de frescura e hidratación.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e¿Tu piel es sensible? Aquí está la solución natural perfecta\u003c\/strong\u003e\u003cbr\/\u003eSi tienes la piel sensible que reacciona rápidamente a los productos químicos o a los irritantes, el tónico Anua Heartleaf es la solución perfecta para ti. Gracias al extracto de hoja de corazón, conocido por sus propiedades calmantes y antiinflamatorias, este tónico ayuda a reducir el enrojecimiento y la irritación causados por factores externos como la contaminación y la luz solar. Su uso regular calma la piel y te hace sentir cómodo y refrescado durante todo el día.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLa máxima concentración de la planta es la mejor para aliviar la piel irritada\u003c\/strong\u003e\u003cbr\/\u003eExtracto de corazón (Houttuynia Cordata) es el ingrediente principal de este tónico con una concentración del 77%. Esta planta es una de las más efectivas para calmar la piel irritada gracias a sus propiedades antibacterianas y antiinflamatorias. Reduce eficazmente la hinchazón y el enrojecimiento causados por problemas cutáneos cotidianos como el acné y las irritaciones provocadas por productos agresivos. Aprovecha al máximo este ingrediente natural en tu skincare con el Tónico Anua.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eEs como comida saludable para tu piel\u003c\/strong\u003e\u003cbr\/\u003eAsí como tu cuerpo necesita una nutrición saludable para equilibrarse y mantenerse activo, tu piel necesita elementos naturales para mantenerse suave y saludable. Con una fórmula enriquecida con extracto de corazón y ácido hialurónico, el tónico Anua proporciona toda la hidratación y el alivio que tu piel necesita, dejándola radiante y vibrante durante todo el día. Es como un alimento que nutre tu piel desde el interior, trabaja para renovar sus células y protegerla de los factores ambientales dañinos.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eExtracto de Heartplant (Houttuynia Cordata):\u003c\/strong\u003e\u003cbr\/\u003eEl extracto de Heartleaf es uno de los ingredientes naturales activos utilizados en el Tónico Calmante Anua Heartleaf 77%. Esta planta, también conocida como hutuya, tiene propiedades extraordinarias que la hacen ideal para la piel cansada e irritada. Por eso, el extracto de heartplant es el ingrediente principal de este tónico:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eAliviar la piel irritada:\u003c\/strong\u003e Heartplant es conocido por su extraordinaria capacidad para calmar la piel cansada e irritada. Contiene compuestos antiinflamatorios que reducen el enrojecimiento y las irritaciones causadas por factores ambientales o por el uso de productos agresivos.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003ePropiedades antibacterianas:\u003c\/strong\u003e El extracto de Heartplant ayuda a reducir el crecimiento de las bacterias que causan infecciones cutáneas y acné. Por lo tanto, es ideal para la piel propensa a estos problemas.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003ePromover la salud general de la piel:\u003c\/strong\u003e La planta contiene componentes antioxidantes que combaten los radicales libres y reducen los efectos del envejecimiento prematuro. También contribuye al rejuvenecimiento de la piel y mejora su elasticidad.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eHidratar la piel:\u003c\/strong\u003e La planta del corazón es una fuente natural que mejora el nivel de hidratación de la piel, haciéndola suave y permanentemente hidratada.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cstrong\u003eResultados comprobados:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003e97% de los usuarios\u003c\/strong\u003e Han confirmado que reduce el enrojecimiento dentro de la primera semana de uso.\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eEl 92% percibió una mejora significativa en el nivel de hidratación de la piel\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eEl 90% ha notado una piel más suave y saludable.\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cstrong\u003eCómo usar:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003col\u003e\n\u003cli\u003eDespués de limpiar el rostro, aplica una cantidad apropiada de tónico en un disco de algodón o en las manos.\u003c\/li\u003e\n\u003cli\u003eDa palmaditas suavemente en la piel o toquela ligeramente para permitir que el tónico se absorba.\u003c\/li\u003e\n\u003cli\u003eSigue con tu rutina habitual de skincare.\u003c\/li\u003e\n\u003c\/ol\u003e","brand":"Anua","offers":[{"title":"Default Title","offer_id":44333256343749,"sku":"","price":1400.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_heartleaf_77_hyaluron_toner.jpg?v=1735136895"},{"product_id":"cosrx-advanced-snail-92-cream","title":"COSRX Advanced Snail 92 All in One Cream - Crema reparadora ultra hidratante con 92% de secreción de caracol","description":"\u003cdiv class=\"cx-ultimate-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n        \/* === Core Variables (COSRX Identity: Deep Black, Charcoal \u0026 Signature Yellow\/Gold) === *\/\n        .cx-ultimate-wrapper {\n            --cx-bg-dark: #080808; \n            --cx-bg-darker: #040404;\n            --cx-card-glass: rgba(255, 255, 255, 0.03);\n            --cx-card-hover: rgba(244, 192, 34, 0.05);\n            --cx-primary: #f4c022; \/* COSRX Signature Yellow *\/\n            --cx-primary-glow: rgba(244, 192, 34, 0.25);\n            --cx-gradient-accent: linear-gradient(135deg, #f4c022 0%, #d49a11 100%);\n            --cx-gradient-bg: linear-gradient(135deg, #1c1505 0%, #080808 100%);\n            --cx-text-light: #f5f5f5;\n            --cx-text-muted: #a3a3a3;\n            --cx-border: rgba(255, 255, 255, 0.06);\n            --cx-border-highlight: rgba(244, 192, 34, 0.3);\n            \n            font-family: inherit; \/* Inherits your Shopify theme font *\/\n            line-height: 1.8;\n            overflow: hidden;\n            position: relative;\n            background-color: var(--cx-bg-dark);\n            color: var(--cx-text-light);\n            border-radius: 24px;\n            box-shadow: 0 0 60px rgba(0,0,0,0.9) inset;\n        }\n\n        .cx-ultimate-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .cx-container {\n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 0 25px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* === Mobile-Perfect Media Wrappers === *\/\n        .cx-media-wrapper {\n            position: relative;\n            width: 100%;\n            margin: 0 auto 40px;\n            display: block;\n            border-radius: 20px;\n            box-shadow: 0 20px 50px rgba(0,0,0,0.6);\n            border: 1px solid var(--cx-border);\n            overflow: hidden;\n        }\n\n        .cx-media-wrapper.size-lg { max-width: 850px; }\n        .cx-media-wrapper.size-md { max-width: 600px; }\n\n        .cx-product-media {\n            width: 100%;\n            height: auto;\n            display: block;\n            object-fit: cover;\n            transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);\n        }\n\n        .cx-media-wrapper:hover .cx-product-media {\n            transform: scale(1.03);\n        }\n\n        \/* === Typography === *\/\n        .cx-title-main {\n            font-size: clamp(28px, 5vw, 48px);\n            font-weight: 900;\n            line-height: 1.3;\n            margin-bottom: 25px;\n            letter-spacing: -0.02em;\n            text-align: center;\n        }\n\n        .cx-title-section {\n            font-size: clamp(24px, 4vw, 36px);\n            font-weight: 800;\n            text-align: center;\n            margin-bottom: 20px;\n            color: #ffffff;\n            position: relative;\n        }\n\n        .cx-subtitle {\n            font-size: clamp(16px, 2.5vw, 18px);\n            color: var(--cx-text-muted);\n            text-align: center;\n            max-width: 800px;\n            margin: 0 auto 40px;\n            font-weight: 500;\n        }\n\n        .cx-text-accent {\n            background: var(--cx-gradient-accent);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            display: inline-block;\n        }\n\n        .cx-highlight-box {\n            background: rgba(244, 192, 34, 0.08);\n            border: 1px solid var(--cx-border-highlight);\n            padding: 20px;\n            border-radius: 12px;\n            display: inline-block;\n            margin-bottom: 30px;\n        }\n\n        .cx-highlight-box p {\n            color: var(--cx-primary);\n            font-weight: 700;\n            font-size: 1.15rem;\n            margin: 0;\n        }\n\n        \/* === Alternating Sections === *\/\n        .cx-section { padding: 80px 0; position: relative; }\n        \n        .cx-theme-dark { background-color: var(--cx-bg-dark); }\n        .cx-theme-darker { background-color: var(--cx-bg-darker); border-top: 1px solid var(--cx-border); border-bottom: 1px solid var(--cx-border); }\n        .cx-theme-gradient { background: var(--cx-gradient-bg); }\n\n        \/* Ambient Glows *\/\n        .cx-ambient {\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; z-index: 0;\n        }\n        .cx-glow {\n            position: absolute; border-radius: 50%; filter: blur(100px); opacity: 0.4;\n            background: rgba(244, 192, 34, 0.12);\n        }\n        .cx-glow-1 { width: 500px; height: 500px; top: -100px; right: -150px; }\n        .cx-glow-2 { width: 600px; height: 600px; bottom: 10%; left: -200px; }\n\n        \/* === Grids \u0026 Glass Cards === *\/\n        .cx-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; }\n        .cx-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px; }\n\n        .cx-card {\n            background: var(--cx-card-glass);\n            backdrop-filter: blur(10px);\n            border: 1px solid var(--cx-border);\n            border-radius: 20px;\n            padding: 35px 25px;\n            position: relative;\n            transition: all 0.4s ease;\n        }\n\n        .cx-card:hover {\n            transform: translateY(-8px);\n            background: var(--cx-card-hover);\n            border-color: var(--cx-border-highlight);\n            box-shadow: 0 15px 40px rgba(0,0,0,0.5), 0 0 20px var(--cx-primary-glow);\n        }\n\n        .cx-icon-badge {\n            width: 50px; height: 50px;\n            background: rgba(255,255,255,0.05);\n            border: 1px solid var(--cx-border);\n            border-radius: 12px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 20px;\n            color: var(--cx-primary);\n            font-size: 20px; font-weight: 900;\n            transition: 0.4s ease;\n            font-family: system-ui, sans-serif;\n        }\n\n        .cx-card:hover .cx-icon-badge {\n            background: var(--cx-gradient-accent);\n            color: #000;\n            transform: scale(1.1) rotate(5deg);\n            border-color: transparent;\n        }\n\n        .cx-card h3 { font-size: 1.25rem; font-weight: 800; margin-bottom: 12px; color: #fff; }\n        .cx-card p { font-size: 1rem; color: var(--cx-text-muted); margin: 0; }\n\n        \/* === Timeline \/ Steps === *\/\n        .cx-timeline { position: relative; max-width: 800px; margin: 40px auto 0; }\n        .cx-timeline::before {\n            content: ''; position: absolute; top: 0; right: 50%; width: 2px; height: 100%;\n            background: linear-gradient(to bottom, transparent, var(--cx-primary), transparent);\n            transform: translateX(50%);\n        }\n        \n        .cx-timeline-item { display: flex; justify-content: flex-end; padding-left: 50%; position: relative; margin-bottom: 30px; }\n        .cx-timeline-item:nth-child(even) { justify-content: flex-start; padding-left: 0; padding-right: 50%; }\n        \n        .cx-timeline-content {\n            width: 90%; background: var(--cx-card-glass); border: 1px solid var(--cx-border);\n            padding: 30px; border-radius: 16px; transition: 0.3s;\n        }\n        \n        .cx-timeline-content:hover {\n            border-color: var(--cx-primary); transform: translateY(-5px); background: var(--cx-card-hover);\n        }\n\n        .cx-timeline-badge {\n            position: absolute; top: 30px; right: -7%; width: 16px; height: 16px;\n            background: var(--cx-bg-darker); border: 3px solid var(--cx-primary); border-radius: 50%; z-index: 2;\n        }\n        .cx-timeline-item:nth-child(even) .cx-timeline-badge { right: auto; left: -7%; }\n        \n        .cx-time-label {\n            color: #000; font-weight: 800; margin-bottom: 15px; font-size: 1rem;\n            display: inline-block; background: var(--cx-gradient-accent); padding: 4px 15px; border-radius: 20px;\n        }\n\n        \/* === Clean Lists === *\/\n        .cx-list { list-style: none; padding: 0; margin-top: 20px; }\n        .cx-list li {\n            position: relative; padding-right: 30px; margin-bottom: 15px; color: var(--cx-text-light); font-size: 1.05rem;\n        }\n        .cx-list li::before {\n            content: '✓'; position: absolute; right: 0; top: 0; color: var(--cx-primary); font-weight: 900; font-size: 1.2rem;\n        }\n\n        \/* === CTA Button === *\/\n        .cx-btn {\n            display: inline-block;\n            background: var(--cx-gradient-accent);\n            color: #000;\n            padding: 18px 45px;\n            border-radius: 40px;\n            font-size: 1.25rem;\n            font-weight: 900;\n            text-decoration: none;\n            border: none;\n            cursor: pointer;\n            transition: 0.4s ease;\n            box-shadow: 0 10px 30px var(--cx-primary-glow);\n            margin-top: 20px;\n        }\n        .cx-btn:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 15px 40px rgba(244, 192, 34, 0.4);\n        }\n\n        \/* === Animations === *\/\n        .cx-reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n        .cx-reveal.cx-active { opacity: 1; transform: translateY(0); }\n        .delay-1 { transition-delay: 0.1s; }\n        .delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .cx-section { padding: 50px 0; }\n            .cx-timeline::before { right: 20px; transform: none; }\n            .cx-timeline-item, .cx-timeline-item:nth-child(even) { padding-left: 0; padding-right: 50px; justify-content: flex-start; }\n            .cx-timeline-content { width: 100%; }\n            .cx-timeline-badge { right: 12px; top: 30px; }\n            .cx-timeline-item:nth-child(even) .cx-timeline-badge { left: auto; right: 12px; }\n            .cx-media-wrapper { border-radius: 12px; }\n            .cx-title-main { font-size: 2rem; }\n        }\n    \u003c\/style\u003e\n\u003c!-- 1. HERO SECTION (Dark Theme) --\u003e\n\u003cdiv class=\"cx-section cx-theme-dark\" style=\"padding-top: 50px;\"\u003e\n\u003cdiv class=\"cx-ambient\"\u003e\n\u003cdiv class=\"cx-glow cx-glow-1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-container\" style=\"text-align: center;\"\u003e\n\u003ch1 class=\"cx-title-main cx-reveal\"\u003eCrema de caracol 92 de COSRX\u003cbr\/\u003e\u003cspan class=\"cx-text-accent\"\u003eEl milagro biológico de la restauración de la piel\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cdiv class=\"cx-highlight-box cx-reveal delay-1\"\u003e\n\u003cp\u003eLa solución definitiva para obtener la Glass Skin!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"cx-subtitle cx-reveal delay-1\"\u003e\n                Si te hubieran dicho que el secreto para una piel clara e impecable reside en una sustancia natural e innovadora... ¿tendrías el valor de probarla? Millones de personas en todo el mundo han superado esta duda, y el resultado ha sido una piel sin granos y una barrera fuerte que no puede ser penetrada por la sequedad.\n            \u003c\/p\u003e\n\u003cdiv class=\"cx-media-wrapper size-lg cx-reveal delay-2\"\u003e\n\u003cimg alt=\"COSRX Snail 92 Cream\" class=\"cx-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snail_crawling_on_cream_jar_202608292001.jpg?v=1788023026\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2. THE BIO-SECRET (Gradient Theme) --\u003e\n\u003cdiv class=\"cx-section cx-theme-gradient\"\u003e\n\u003cdiv class=\"cx-container\"\u003e\n\u003ch2 class=\"cx-title-section cx-reveal\"\u003eSecreto biológico: ¿Por qué se considera un milagro el “gel de caracol”?\u003c\/h2\u003e\n\u003cp class=\"cx-subtitle cx-reveal\"\u003eNo es solo un hidratante tradicional que contiene un pequeño porcentaje de principios activos; más bien, es una bomba de restauración que contiene el 92% de extracto de gel puro\u003c\/p\u003e\n\u003cdiv class=\"cx-grid-2\"\u003e\n\u003cdiv class=\"cx-reveal\"\u003e\n\u003cp style=\"font-size: 1.1rem; color: var(--cx-text-light); margin-bottom: 20px;\"\u003e\n                        Imagina una criatura que se arrastra sobre rocas y espinas durante toda la vida sin desgarrar la piel... ¿Cómo sucede?\n                    \u003c\/p\u003e\n\u003cp style=\"font-size: 1.05rem; color: var(--cx-text-muted); margin-bottom: 20px;\"\u003e\n                        Los científicos han descubierto que el caracol segrega un gel que actúa como un “escudo terapéutico instantáneo.” Este gel es naturalmente rico en ácido hialurónico, enzimas y antimicrobianos que curan las heridas y regeneran las células en pocos segundos.\n                    \u003c\/p\u003e\n\u003cul class=\"cx-list\"\u003e\n\u003cli\u003eRestaura las células dañadas muy rápidamente.\u003c\/li\u003e\n\u003cli\u003eBorra los efectos de los granos y reduce la profundidad de las cicatrices superficiales.\u003c\/li\u003e\n\u003cli\u003eConstruye la barrera hidrolipídica más eficazmente que muchos materiales sintéticos.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-media-wrapper size-md cx-reveal delay-1\" style=\"margin-bottom: 0;\"\u003e\n\u003cimg alt=\"Snail Mucin Benefits\" class=\"cx-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snail_near_cream_jar_202608292003.jpg?v=1788023065\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. WHY VIRAL (Darker Theme) --\u003e\n\u003cdiv class=\"cx-section cx-theme-darker\"\u003e\n\u003cdiv class=\"cx-container\" style=\"text-align: center;\"\u003e\n\u003ch2 class=\"cx-title-section cx-reveal\"\u003e¿Por qué esta textura se ha convertido en la obsesión número uno para los amantes de la belleza?\u003c\/h2\u003e\n\u003cdiv class=\"cx-media-wrapper size-md cx-reveal delay-1\" style=\"margin: 40px auto;\"\u003e\n\u003cimg alt=\"Unique Snail Cream Texture\" class=\"cx-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snail_in_cream_jar_202608292003.jpg?v=1788023086\"\/\u003e\n\u003c\/div\u003e\n\u003cp class=\"cx-subtitle cx-reveal delay-2\" style=\"color: var(--cx-text-light); max-width: 900px; font-size: 1.15rem;\"\u003e\n                La mayoría de las cremas hidratantes para la piel se basan en aceites pesados o ceras que obstruyen los poros y causan brotes (especialmente en piel grasa y mixta). Pero esta crema utiliza una estrategia \u003cstrong\u003e\"Restauración celular acuosa\"\u003c\/strong\u003e. La textura extrañamente gomosa es exactamente lo que la hace mágica; se disuelve en pocos segundos, es absorbida por la piel como una esponja y no deja residuos grasosos ni obstruidos.\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. INGREDIENTS GRID (Dark Theme) --\u003e\n\u003cdiv class=\"cx-section cx-theme-dark\"\u003e\n\u003cdiv class=\"cx-ambient\"\u003e\n\u003cdiv class=\"cx-glow cx-glow-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-container\"\u003e\n\u003ch2 class=\"cx-title-section cx-reveal\"\u003eMapa de la frescura: ¿cómo cambian los ingredientes tu piel?\u003c\/h2\u003e\n\u003cp class=\"cx-subtitle cx-reveal\"\u003eUna fórmula concentrada y cuidadosamente estudiada que apunta a todos los problemas de la piel.\u003c\/p\u003e\n\u003cdiv class=\"cx-grid-2 cx-reveal\"\u003e\n\u003cdiv class=\"cx-card\"\u003e\n\u003cdiv class=\"cx-icon-badge\"\u003e01\u003c\/div\u003e\n\u003ch3\u003eGel de baba de caracol regeneradora regeneradora (92%)\u003c\/h3\u003e\n\u003ch4 style=\"color: var(--cx-primary); font-size: 1rem; margin-bottom: 10px;\"\u003ePlástico impecable\u003c\/h4\u003e\n\u003cp\u003eIngrediente heroico. Responsable de la aceleración de la regeneración celular, de la eliminación de los efectos de los granos oscuros y rojos y de la reducción de la profundidad de las cicatrices para dejar la superficie de la piel completamente lisa.\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Ácido hialurónico\u003c\/h3\u003e\n\u003ch4 style=\"color: var(--cx-primary); font-size: 1rem; margin-bottom: 10px;\"\u003eRellenador para líneas finas\u003c\/h4\u003e\n\u003cp\u003eUn imán de hidratación que penetra profundamente en la piel, reteniendo el agua en las células, dando a la piel el volumen que oculta eficazmente las líneas finas.\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\u003ePantenol y alantoína\u003c\/h3\u003e\n\u003ch4 style=\"color: var(--cx-primary); font-size: 1rem; margin-bottom: 10px;\"\u003eEscudo de protección y calmante\u003c\/h4\u003e\n\u003cp\u003eAlivia instantáneamente la inflamación, elimina el enrojecimiento (excelente para pieles sensibles) y reconstruye la barrera hidrolipídica dañada por factores externos.\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\u003eAdenosina\u003c\/h3\u003e\n\u003ch4 style=\"color: var(--cx-primary); font-size: 1rem; margin-bottom: 10px;\"\u003eArma anti-edad\u003c\/h4\u003e\n\u003cp\u003eProporciona a la piel energía celular que ayuda a mejorar la elasticidad cutánea y a combatir los signos del envejecimiento para un aspecto más joven.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. TIMELINE \u0026 VALUE (Gradient Theme) --\u003e\n\u003cdiv class=\"cx-section cx-theme-gradient\"\u003e\n\u003cdiv class=\"cx-container\"\u003e\n\u003ch2 class=\"cx-title-section cx-reveal\"\u003ePrograma de transformación\u003c\/h2\u003e\n\u003cdiv class=\"cx-timeline cx-reveal\" style=\"margin-bottom: 80px;\"\u003e\n\u003cdiv class=\"cx-timeline-item\"\u003e\n\u003cdiv class=\"cx-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cx-timeline-content\"\u003e\n\u003cdiv class=\"cx-time-label\"\u003eDesde la primera semana\u003c\/div\u003e\n\u003cp style=\"color: var(--cx-text-light); font-size: 1.05rem; margin: 0;\"\u003e\n                            Hidratación intensa y acuosa inmediata, desaparición de sequedad y descamación, notable alivio del enrojecimiento, y aparición de un efecto luminoso de “piel de vidrio” al absorberse.\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\"\u003eDespués de un mes de uso\u003c\/div\u003e\n\u003cp style=\"color: var(--cx-text-light); font-size: 1.05rem; margin: 0;\"\u003e\n                            Una barrera hidrolipídica fuerte que no se ve afectada por factores externos, un evidente desvanecimiento de granos y manchas, una textura sedosa y suave y un relleno de las líneas finas\n                        \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"cx-title-section cx-reveal\"\u003eUna verdadera inversión... relación calidad-precio\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\u003eTamaño gigante (100 gramos)\u003c\/h3\u003e\n\u003cp\u003eEstá disponible en un envase muy grande en comparación con los hidratantes faciales tradicionales, que a menudo tienen un tamaño de solo 50 gramos.\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\u003eUna pequeña gota es suficiente\u003c\/h3\u003e\n\u003cp\u003eGracias a su textura pegajosa y elástica, una pizca del tamaño de un guisante es suficiente para rostro y cuello. El envase durará meses.\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\u003eVersátil\u003c\/h3\u003e\n\u003cp\u003eUn producto Todo-en-Uno que elimina la necesidad de usar un suero hidratante y otra crema para la reparación de la barrera. Un solo paso es suficiente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-card delay-1\" style=\"background: rgba(0,0,0,0.4); border-color: rgba(255,255,255,0.1);\"\u003e\n\u003cdiv class=\"cx-icon-badge\"\u003e✓\u003c\/div\u003e\n\u003ch3\u003eUniversal y original\u003c\/h3\u003e\n\u003cp\u003eUn producto best-seller en todo el mundo, ofrece resultados reales a un precio competitivo, inigualable respecto a sus numerosos beneficios.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6. USAGE \u0026 CTA (Darker Theme) --\u003e\n\u003cdiv class=\"cx-section cx-theme-darker\" style=\"text-align: center;\"\u003e\n\u003cdiv class=\"cx-container\"\u003e\n\u003ch2 class=\"cx-title-section cx-reveal\"\u003eModo de uso correcto\u003c\/h2\u003e\n\u003cdiv class=\"cx-media-wrapper size-md cx-reveal delay-1\"\u003e\n\u003cimg alt=\"How to use COSRX Snail Cream\" class=\"cx-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Hand_picking_cream_from_jar_202608292006.jpg?v=1788023217\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-grid-3 cx-reveal delay-2\" style=\"margin-bottom: 60px;\"\u003e\n\u003cdiv class=\"cx-card\" style=\"background: transparent; border: none; box-shadow: none;\"\u003e\n\u003cdiv class=\"cx-icon-badge\" style=\"margin: 0 auto 20px;\"\u003e01\u003c\/div\u003e\n\u003ch3 style=\"color: var(--cx-primary);\"\u003ePreparación\u003c\/h3\u003e\n\u003cp\u003eÚsalo en la piel limpia y ligeramente deshidratada (después del tónico o suero).\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);\"\u003eCantidad\u003c\/h3\u003e\n\u003cp\u003eToma una pequeña cantidad (notarás su innovadora textura pegajosa y gomosa, no te preocupes).\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);\"\u003ePlenitud\u003c\/h3\u003e\n\u003cp\u003eNo frotes enérgicamente, aplícalo dando golpecitos hasta que se disuelva y se absorba completamente en 30 segundos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA --\u003e\n\u003cdiv class=\"cx-card cx-reveal\" style=\"background: linear-gradient(135deg, rgba(20,20,20,0.9), rgba(5,5,5,1)); border-color: rgba(244, 192, 34, 0.3); padding: 50px 30px;\"\u003e\n\u003ch2 class=\"cx-title-main\" style=\"font-size: clamp(24px, 4vw, 36px);\"\u003eLa tendencia global que constantemente agota los mercados\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.15rem; max-width: 750px; margin: 0 auto 30px; color: var(--cx-text-light);\"\u003e\n                    No dejes que tu piel sufra de sequedad o granos mientras el milagro biológico coreano está al alcance de tu mano. Esta crema logra enormes ventas a nivel global y se agota muy rápidamente. \u003cstrong\u003e¡Ordena ahora, y despierta mañana con la piel hidratada, clara y radiante!\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cdiv class=\"cx-media-wrapper size-sm\" style=\"margin-bottom: 30px;\"\u003e\n\u003cimg alt=\"Get COSRX Snail Cream Now\" class=\"cx-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snail_near_cream_jar_202608292001.jpg?v=1788023239\"\/\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"cx-btn\"\u003eObtén la glass skin ahora\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c!-- INGREDIENTS LIST --\u003e\n\u003cdiv class=\"cx-reveal\" style=\"margin-top: 60px; text-align: left; direction: ltr; padding: 25px; background: rgba(0,0,0,0.5); border: 1px solid var(--cx-border); border-radius: 16px;\"\u003e\n\u003ch4 style=\"color: var(--cx-primary); margin-bottom: 10px; font-size: 1.1rem; text-align: left; direction: ltr;\"\u003eLista completa de ingredientes\u003c\/h4\u003e\n\u003cp style=\"color: #888; font-size: 0.9rem; line-height: 1.6;\"\u003e\n                    Snail Secretion Filtrate, Betaine, Caprylic\/Capric Triglyceride, Cetearyl Olivate, Sorbitan Olivate, Sodium Hyaluronate, Cetearyl Alcohol, Stearic acid, Arginine, Dimethicone, Carbomer, Panthenol, Allantoin, Sodium Polyacrylate, Xanthan Gum, Ethyl Hexanediol, Adenosine, Phenoxyethanol.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        document.addEventListener('DOMContentLoaded', () =\u003e {\n            \/\/ Intersection Observer for scroll animations\n            const reveals = document.querySelectorAll('.cx-reveal');\n            const observer = new IntersectionObserver((entries, obs) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('cx-active');\n                        obs.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\n\n            reveals.forEach(el =\u003e observer.observe(el));\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":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 Suero de Retinol 0,5% + Esqualeno | Antiarrugas | Mejora la elasticidad de la piel","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n    \/* Base styles *\/\n    .product-description {\n        max-width: 900px;\n        margin: 0 auto;\n        color: #333;\n        line-height: 1.6;\n        padding: 20px;\n        position: relative;\n        overflow: hidden;\n    }\n\n    \/* Typography *\/\n    .product-description h2, \n    .product-description h3, \n    .product-description h4 {\n        color: #9C8102;\n        margin-top: 1.5em;\n        margin-bottom: 0.8em;\n        font-weight: 700;\n    }\n\n    .product-description h2 {\n        font-size: 2.2rem;\n        text-align: center;\n    }\n\n    .product-description h3 {\n        font-size: 1.8rem;\n        position: relative;\n    }\n    \n    .product-description h3::after {\n        content: '';\n        display: block;\n        width: 60px;\n        height: 3px;\n        background-color: #9C8102;\n        margin-top: 10px;\n    }\n\n    .product-description h4 {\n        font-size: 1.4rem;\n    }\n\n    .product-description p {\n        font-size: 1.1rem;\n        margin-bottom: 1.2em;\n    }\n\n    .product-description ul {\n        list-style: none;\n        padding: 0;\n        margin: 1.5em 0;\n    }\n\n    .product-description li {\n        margin-bottom: 1.5em;\n        background: rgba(156, 129, 2, 0.03);\n        padding: 20px;\n        border-radius: 10px;\n        border-right: 4px solid #9C8102;\n    }\n\n    \/* Hero section *\/\n    .hero-container {\n        position: relative;\n        margin: 2em 0;\n        text-align: center;\n    }\n\n    .hero-image {\n        max-width: 100%;\n        height: auto;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n        border-radius: 15px;\n        transition: transform 0.5s ease;\n    }\n\n    .hero-image:hover {\n        transform: scale(1.02);\n    }\n\n    \/* Feature cards *\/\n    .feature-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 20px;\n        margin: 2em 0;\n    }\n\n    .feature-card {\n        padding: 25px;\n        background: #fff;\n        border-radius: 10px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n\n    .feature-card:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n    }\n\n    .feature-icon {\n        font-size: 2.5rem;\n        color: #9C8102;\n        margin-bottom: 15px;\n    }\n\n    \/* Results section *\/\n    .results-container {\n        background: linear-gradient(to right, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1), rgba(156, 129, 2, 0.05));\n        padding: 30px;\n        border-radius: 15px;\n        margin: 2em 0;\n        position: relative;\n        overflow: hidden;\n        text-align: center;\n    }\n\n    .percentage-bar {\n        width: 100%;\n        height: 10px;\n        background-color: rgba(255, 255, 255, 0.7);\n        border-radius: 5px;\n        overflow: hidden;\n        margin: 20px 0;\n    }\n\n    .percentage-fill {\n        height: 100%;\n        width: 0;\n        background-color: #9C8102;\n        transition: width 1.5s ease-in-out;\n    }\n\n    \/* Usage timeline *\/\n    .timeline {\n        position: relative;\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 40px 0;\n    }\n\n    .timeline::after {\n        content: '';\n        position: absolute;\n        width: 6px;\n        background-color: rgba(156, 129, 2, 0.2);\n        top: 0;\n        bottom: 0;\n        right: 50%;\n        margin-right: -3px;\n    }\n\n    .timeline-item {\n        padding: 10px 50px;\n        position: relative;\n        width: 50%;\n    }\n\n    .timeline-item::after {\n        content: '';\n        position: absolute;\n        width: 25px;\n        height: 25px;\n        background-color: white;\n        border: 4px solid #9C8102;\n        border-radius: 50%;\n        top: 15px;\n        transition: transform 0.5s ease, background-color 0.5s ease;\n    }\n\n    .timeline-item:hover::after {\n        transform: scale(1.2);\n        background-color: #9C8102;\n    }\n\n    .right {\n        right: 0;\n    }\n\n    .left::after {\n        right: -12px;\n    }\n\n    .right::after {\n        left: -12px;\n    }\n\n    \/* CTA section *\/\n    .cta-container {\n        background: linear-gradient(135deg, #9C8102, #c7aa30);\n        color: white;\n        padding: 40px;\n        border-radius: 15px;\n        text-align: center;\n        margin: 2em 0;\n    }\n\n    .cta-container h3 {\n        color: white;\n    }\n\n    .cta-button {\n        display: inline-block;\n        padding: 12px 35px;\n        background-color: white;\n        color: #9C8102;\n        font-weight: bold;\n        border-radius: 30px;\n        text-decoration: none;\n        margin-top: 20px;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n    }\n\n    .cta-button:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n    }\n\n    \/* Separator *\/\n    .separator {\n        height: 2px;\n        background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.5), transparent);\n        margin: 2em 0;\n        width: 100%;\n    }\n\n    \/* Responsive adjustments *\/\n    @media (max-width: 768px) {\n        .feature-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .timeline::after {\n            right: 30px;\n        }\n        \n        .timeline-item {\n            width: 100%;\n            padding-right: 70px;\n            padding-left: 25px;\n        }\n        \n        .right {\n            right: auto;\n        }\n        \n        .right::after {\n            left: auto;\n            right: 18px;\n        }\n        \n        .left::after {\n            right: 18px;\n        }\n    }\n\n    \/* Animation classes - Added for animated elements when JS loads *\/\n    .animate-on-scroll {\n        transition: transform 0.8s ease, opacity 0.8s ease;\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003ch2\u003eRetinol... el soldado desconocido en la lucha contra los signos del envejecimiento\u003c\/h2\u003e\n\u003cp\u003e¿Alguna vez te has mirado en el espejo y has sentido que el tiempo comienza a dejar su huella en tu piel? Las arrugas finas aparecen lentamente, los poros parecen más grandes, la textura de la piel ya no parece tan lisa como antes?\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eNo dejes que el tiempo te controle\u003c\/strong\u003e\u003cbr\/\u003eEl envejecimiento no es una excusa para aceptar estos cambios, sino más bien un desafío que puedes superar.\u003c\/p\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Suero de Retinol\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_retinol_0.5_in_squalene_serum.png?v=1745156607\"\/\u003e\n\u003c\/div\u003e\n\u003ch3\u003e¿La solución? Suero de Retinol 0,5% de COSRX\u003c\/h3\u003e\n\u003cp\u003eEl mejor producto con retinol del mundo, cuidadosamente diseñado para atacar incluso los problemas más sutiles de la piel, desde arrugas profundas y líneas finas hasta la textura áspera de la piel y la pérdida de elasticidad.\u003c\/p\u003e\n\u003c!-- Features Section --\u003e\n\u003ch3\u003e¿Por qué esta fórmula es una de las mejores fórmulas de retinol?\u003c\/h3\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e★\u003c\/div\u003e\n\u003ch4\u003eExcepcional concentración de retinol puro\u003c\/h4\u003e\n\u003cp\u003eEste producto contiene \u003cstrong\u003e0,5% concentración de retinol puro\u003c\/strong\u003eEs una de las concentraciones más altas disponibles en el mercado. El retinol es notoriamente difícil de formular a concentraciones tan elevadas, requiriendo técnicas precisas para mantener su estabilidad y garantizar su eficacia.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✿\u003c\/div\u003e\n\u003ch4\u003eFórmula delicada que no provoca irritaciones cutáneas\u003c\/h4\u003e\n\u003cp\u003eA diferencia de las fórmulas tradicionales con retinol que pueden causar irritaciones y enrojecimiento de la piel, este producto contiene una mezcla única de ingredientes calmantes, lo que lo hace delicado incluso para la piel sensible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e💧\u003c\/div\u003e\n\u003ch4\u003eTextura ligera y de rápida absorción\u003c\/h4\u003e\n\u003cp\u003eCon una ligera textura oleosa y sedosa, se absorbe fácilmente en la piel sin dejar residuos grasos, haciéndolo ideal como paso esencial en tu rutina nocturna.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch4\u003eHidratación profunda con escualeno vegetal\u003c\/h4\u003e\n\u003cp\u003eEl producto contiene \u003cstrong\u003eEscualeno extraído de las plantas\u003c\/strong\u003e, que actúa como un poderoso hidratante que previene la sequedad resultante del uso de retinol, manteniendo la piel hidratada y suave durante toda la noche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch4\u003eTocotrienol (súper vitamina E)\u003c\/h4\u003e\n\u003cp\u003eReduce significativamente los daños de los radicales libres y mejora el aspecto general de la piel, aumentando la eficacia del Retinol y garantizando resultados completos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Section --\u003e\n\u003cdiv class=\"results-container\"\u003e\n\u003cimg alt=\"Resultados del uso del suero de retinol\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_retinol_serum_05_6.webp?v=1736009520\" style=\"max-width: 100%; height: auto; margin-bottom: 20px; border-radius: 10px;\"\/\u003e\n\u003ch3\u003e¡Resultados clínicos impresionantes!\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eMejora del 18,4% en las líneas de la nariz y los labios en solo 4 semanas\u003c\/strong\u003e (Confirmado mediante experimentos de laboratorio).\u003c\/p\u003e\n\u003cdiv class=\"percentage-bar\"\u003e\n\u003cdiv class=\"percentage-fill\" data-percent=\"18.4\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"COSRX Retinol\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Hikoco_COSRX_TheRetinol0.5Oil_02.webp?v=1736010179\" style=\"display: block; margin: 30px auto;\"\/\u003e\n\u003c!-- Usage Timeline --\u003e\n\u003ch3\u003eUso gradual, efecto excepcional\u003c\/h3\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item left\"\u003e\n\u003ch4\u003eSemana 1-2\u003c\/h4\u003e\n\u003cp\u003eComienza lentamente para permitir que tu piel se adapte. Usa el producto una vez a la semana al principio, luego dos veces a la semana a partir de la segunda semana.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item right\"\u003e\n\u003ch4\u003eSemana 3-4\u003c\/h4\u003e\n\u003cp\u003eAumentar la frecuencia a 3 veces por semana. Notarás una mejora en la textura de la piel y una reducción de las primeras arrugas finas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item left\"\u003e\n\u003ch4\u003eSemana 5-8\u003c\/h4\u003e\n\u003cp\u003eUsa el producto a diario o según lo tolere tu piel. Notarás una clara mejora en la elasticidad y frescura de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item right\"\u003e\n\u003ch4\u003eDesde la semana 8 en adelante\u003c\/h4\u003e\n\u003cp\u003eDisfruta de una piel renovada y fresca, libre de arrugas y signos de envejecimiento!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n\u003c!-- CTA Section --\u003e\n\u003cdiv class=\"cta-container\"\u003e\n\u003ch3\u003eCOSRX Aceite de Retinol 0,5%\u003c\/h3\u003e\n\u003cp\u003eNo es solo otro producto para el skincare, es una innovación científica avanzada que te ofrece resultados visibles sin comprometer la comodidad de tu piel.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eComienza ahora y combate los signos del tiempo!\u003c\/strong\u003e\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eCompra ahora\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    \/\/ Animate percentage bar\n    (function() {\n        \/\/ Add animation to percentage bar without hiding content\n        setTimeout(function() {\n            var percentageFills = document.querySelectorAll('.percentage-fill');\n            percentageFills.forEach(function(fill) {\n                var percent = fill.getAttribute('data-percent');\n                fill.style.width = percent + '%';\n            });\n        }, 500);\n        \n        \/\/ Optional: Enable scroll animations only if preferred\n        var enableScrollAnimations = false;\n        \n        if (enableScrollAnimations) {\n            \/\/ Add animation classes to elements\n            var elementsToAnimate = document.querySelectorAll('.product-description h2, .product-description h3, .product-description h4, .product-description p, .feature-card, .results-container, .timeline-item, .cta-container');\n            \n            elementsToAnimate.forEach(function(el) {\n                el.classList.add('animate-on-scroll');\n            });\n            \n            \/\/ Intersection Observer for scroll animations\n            var observer = new IntersectionObserver(function(entries) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.style.opacity = 1;\n                        entry.target.style.transform = 'translateY(0)';\n                    }\n                });\n            }, { threshold: 0.1 });\n            \n            elementsToAnimate.forEach(function(el) {\n                el.style.opacity = 0;\n                el.style.transform = 'translateY(20px)';\n                observer.observe(el);\n            });\n        }\n    })();\n\u003c\/script\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":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 Suero Booster de la Piel con 6 Péptidos - Reinicio Total de la Piel y Renovación de la Barrera Multi-Péptido","description":"\u003cscript\u003e\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Fade-in animation for elements as they come into view\n            const animatedElements = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in');\n            \n            const observer = new IntersectionObserver((entries) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        setTimeout(() =\u003e {\n                            entry.target.classList.add('visible');\n                        }, 100);\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, {\n                threshold: 0.1,\n                rootMargin: '0px 0px -50px 0px'\n            });\n            \n            animatedElements.forEach(el =\u003e {\n                observer.observe(el);\n            });\n            \n            \/\/ Count-up animation for percentage numbers\n            const countUpElements = document.querySelectorAll('.count-up');\n            \n            const countObserver = new IntersectionObserver((entries) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        const element = entry.target;\n                        const finalValue = parseFloat(element.getAttribute('data-value'));\n                        \n                        let startTime;\n                        const duration = 2000; \/\/ 2 seconds\n                        \n                        function animate(currentTime) {\n                            if (!startTime) startTime = currentTime;\n                            \n                            const elapsedTime = currentTime - startTime;\n                            const progress = Math.min(elapsedTime \/ duration, 1);\n                            \n                            const currentValue = progress * finalValue;\n                            element.textContent = currentValue.toFixed(1) + '%';\n                            \n                            if (progress \u003c 1) {\n                                requestAnimationFrame(animate);\n                            }\n                        }\n                        \n                        requestAnimationFrame(animate);\n                        countObserver.unobserve(element);\n                    }\n                });\n            }, {\n                threshold: 0.5\n            });\n            \n            countUpElements.forEach(el =\u003e {\n                countObserver.observe(el);\n            });\n        });\n    \u003c\/script\u003e\u003cdiv class=\"cosrx-peptide-section\"\u003e\n\u003cstyle\u003e\n        .cosrx-peptide-section * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        .cosrx-peptide-section {\n            max-width: 1200px;\n            margin: 40px auto;\n            padding: 20px;\n            direction: ltr;\n            font-family: inherit;\n            color: #333;\n        }\n        \n        .peptide-header {\n            text-align: center;\n            margin-bottom: 50px;\n        }\n        \n        .peptide-title {\n            font-size: 1.8rem;\n            color: #9C8102;\n            margin-bottom: 20px;\n            font-weight: 700;\n        }\n        \n        .peptide-subtitle {\n            font-size: 1.1rem;\n            line-height: 1.6;\n            color: #555;\n            max-width: 800px;\n            margin: 0 auto;\n        }\n        \n        .peptide-content {\n            margin-bottom: 60px;\n        }\n        \n        .peptide-section-title {\n            font-size: 1.5rem;\n            font-weight: 700;\n            color: #9C8102;\n            margin-bottom: 20px;\n            text-align: center;\n        }\n        \n        .peptide-text {\n            font-size: 1rem;\n            line-height: 1.7;\n            color: #444;\n            margin-bottom: 20px;\n        }\n        \n        .peptide-image {\n            width: 100%;\n            border-radius: 10px;\n            margin: 30px 0;\n            display: block;\n        }\n        \n        .peptide-benefits {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 20px;\n            margin: 40px 0;\n        }\n        \n        .benefit-card {\n            background-color: #f2f2f2;\n            border-radius: 10px;\n            padding: 20px;\n            box-shadow: 0 3px 10px rgba(0,0,0,0.05);\n        }\n        \n        .benefit-card:hover {\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n        }\n        \n        .benefit-title {\n            font-weight: 700;\n            margin-bottom: 10px;\n            color: #9C8102;\n            font-size: 1.1rem;\n        }\n        \n        .peptide-list {\n            list-style-type: disc;\n            padding-right: 20px;\n            margin: 20px 0;\n        }\n        \n        .peptide-list li {\n            margin-bottom: 15px;\n            line-height: 1.6;\n        }\n        \n        .result-cards {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 20px;\n            margin: 30px 0;\n        }\n        \n        .result-card {\n            background-color: #f2f2f2;\n            border-radius: 10px;\n            padding: 20px;\n            text-align: center;\n            box-shadow: 0 3px 10px rgba(0,0,0,0.05);\n        }\n        \n        .result-percentage {\n            font-size: 2rem;\n            font-weight: 700;\n            color: #c3a300;\n            margin-bottom: 10px;\n        }\n        \n        .result-text {\n            font-size: 0.95rem;\n            color: #555;\n        }\n        \n        .how-to-use {\n            background-color: #f2f2f2;\n            border-radius: 10px;\n            padding: 25px;\n            margin-top: 40px;\n        }\n        \n        .how-to-use h3 {\n            margin-bottom: 15px;\n            font-weight: 700;\n            font-size: 1.2rem;\n            color: #c3a300;\n        }\n        \n        .how-to-use ol {\n            padding-right: 25px;\n        }\n        \n        .how-to-use li {\n            margin-bottom: 10px;\n            line-height: 1.5;\n        }\n        \n        \/* Animation classes *\/\n        .fade-in {\n            opacity: 0;\n            transform: translateY(20px);\n            transition: opacity 0.8s ease, transform 0.8s ease;\n        }\n        \n        .fade-in.visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n        \n        .slide-in-right {\n            opacity: 0;\n            transform: translateX(50px);\n            transition: opacity 0.8s ease, transform 0.8s ease;\n        }\n        \n        .slide-in-right.visible {\n            opacity: 1;\n            transform: translateX(0);\n        }\n        \n        .slide-in-left {\n            opacity: 0;\n            transform: translateX(-50px);\n            transition: opacity 0.8s ease, transform 0.8s ease;\n        }\n        \n        .slide-in-left.visible {\n            opacity: 1;\n            transform: translateX(0);\n        }\n        \n        .scale-in {\n            opacity: 0;\n            transform: scale(0.9);\n            transition: opacity 0.8s ease, transform 0.8s ease;\n        }\n        \n        .scale-in.visible {\n            opacity: 1;\n            transform: scale(1);\n        }\n        \n        .count-up {\n            display: inline-block;\n        }\n        \n        \/* Shine effect for cards *\/\n        .benefit-card, .result-card {\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .benefit-card::after, .result-card::after {\n            content: '';\n            position: absolute;\n            top: -50%;\n            left: -50%;\n            width: 200%;\n            height: 200%;\n            background: linear-gradient(\n                to right,\n                rgba(255, 255, 255, 0) 0%,\n                rgba(255, 255, 255, 0.3) 50%,\n                rgba(255, 255, 255, 0) 100%\n            );\n            transform: rotate(30deg);\n            transition: transform 0.7s ease;\n            opacity: 0;\n        }\n        \n        .benefit-card:hover::after, .result-card:hover::after {\n            opacity: 1;\n            transform: rotate(30deg) translate(100%, -100%);\n        }\n        \n        @media (max-width: 768px) {\n            .peptide-benefits,\n            .result-cards {\n                grid-template-columns: 1fr;\n            }\n            \n            .peptide-title {\n                font-size: 1.5rem;\n            }\n            \n            .peptide-section-title {\n                font-size: 1.3rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"peptide-header fade-in\"\u003e\n\u003ch2 class=\"peptide-title\"\u003eSérum COSRX 6 Peptide Skin Booster\u003c\/h2\u003e\n\u003cp class=\"peptide-subtitle\"\u003eUn producto avanzado que contiene 6 potentes péptidos para rejuvenecer de manera completa y mejorar el aspecto de la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peptide-content\"\u003e\n\u003ch3 class=\"peptide-section-title fade-in\"\u003e¿Por qué los péptidos son la palabra clave?\u003c\/h3\u003e\n\u003cp class=\"peptide-text fade-in\"\u003eLos péptidos son cadenas de aminoácidos fundamentales para la reparación y regeneración de la piel. Sin embargo, la fuerza de los péptidos radica en su versatilidad.\u003cbr\/\u003eHe aquí por qué el equipo \u003cspan class=\"highlight\"\u003eCOSRX\u003c\/span\u003e Creando una fórmula extraordinaria que contiene \u003cspan class=\"highlight\"\u003e6 tipos de péptidos\u003c\/span\u003eDiseñado para afrontar cualquier problema que puedas tener:\u003c\/p\u003e\n\u003cul class=\"peptide-list fade-in\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eRestaura la elasticidad de la piel:\u003c\/strong\u003e Adiós a la flacidez de la piel.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReducir las arrugas profundas y las líneas finas\u003c\/strong\u003e Haz que tu rostro parezca años más joven.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReducir los poros y lograr una piel suave\u003c\/strong\u003e ¿Por qué los pequeños detalles marcan la diferencia?\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDoble hidratación sin sensación de pesadez:\u003c\/strong\u003e Tu piel respirará de nuevo.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cimg alt=\"COSRX 6 Peptide\" class=\"peptide-image scale-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_the_6_peptide_original_6_3.webp?v=1745069792\"\/\u003e\n\u003ch3 class=\"peptide-section-title\"\u003eUn único producto te hará ahorrar la necesidad de rutinas complicadas y costosas\u003c\/h3\u003e\n\u003cp class=\"peptide-text\"\u003eCon \u003cspan class=\"highlight\"\u003eSérum COSRX 6 Peptide Skin Booster\u003c\/span\u003eYa no necesitas una colección de productos múltiples que te pesan y te cuestan mucho dinero. Este producto avanzado contiene 6 péptidos efectivos que tratan varios problemas de la piel en un solo paso.\u003c\/p\u003e\n\u003cp class=\"peptide-text\"\u003eGracias a la fórmula integrada del suero, puedes prescindir de tónico, suero y otros productos, ahorrando así tiempo y dinero. La belleza y el skincare ya no requieren una rutina complicada. COSRX 6 Peptide Serum es todo lo que necesitas para una piel sana y rejuvenecida.\u003c\/p\u003e\n\u003cimg alt=\"COSRX 6 Peptide Benefits\" class=\"peptide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_the_6_peptide_original_6_1.webp?v=1745069812\"\/\u003e\n\u003ch3 class=\"peptide-section-title\"\u003e6 péptidos trabajan en armonía para restaurar la juventud de tu piel\u003c\/h3\u003e\n\u003cp class=\"peptide-text\"\u003eImagina tu piel recibiendo el mejor tratamiento posible gracias a una mezcla completa de 6 potentes péptidos que trabajan juntos para rejuvenecer y mejorar el aspecto de tu piel. Desde mejorar la elasticidad de la piel y reducir las arrugas hasta tonificar y renovar las células, estos péptidos estimulan la piel para repararse de manera natural.\u003c\/p\u003e\n\u003cp class=\"peptide-text\"\u003eCada uno de los 6 péptidos trabaja para abordar un problema específico: reducir las líneas finas, mejorar la textura de la piel, combatir la pigmentación y rejuvenecer la piel. ¿El resultado? Piel más tonificada, suave y radiante, con avances visibles en el rejuvenecimiento cutáneo.\u003c\/p\u003e\n\u003cdiv class=\"peptide-benefits\"\u003e\n\u003cdiv class=\"benefit-card slide-in-left\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eCombate los signos del envejecimiento\u003c\/h4\u003e\n\u003cp\u003eLos péptidos estimulan la producción de colágeno y elastina, ayudando a reducir las arrugas y a restaurar la juventud de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card slide-in-right\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eHidratación profunda de la piel\u003c\/h4\u003e\n\u003cp\u003eLos péptidos trabajan con el ácido hialurónico para proporcionar una hidratación intensa a la piel, haciéndola más suave y elástica.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card slide-in-left\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eUnificar el tono de la piel\u003c\/h4\u003e\n\u003cp\u003eGracias a la niacinamida y los péptidos, el suero trabaja para aclarar las pigmentaciones y unificar el tono de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card slide-in-right\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eFortalecer la barrera protectora de la piel\u003c\/h4\u003e\n\u003cp\u003eEl suero ayuda a fortalecer la barrera protectora de la piel, protegiéndola de los factores ambientales nocivos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"COSRX 6 Peptide Ingredients\" class=\"peptide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_the_6_peptide_original_6_1.jpg?v=1745069857\"\/\u003e\n\u003ch3 class=\"peptide-section-title\"\u003eFórmula avanzada que combina péptidos con los ingredientes más potentes para el skincare\u003c\/h3\u003e\n\u003cp class=\"peptide-text\"\u003e\u003cstrong\u003eNiacinamida, ácido hialurónico y adenosina\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"peptide-text\"\u003eLos péptidos por sí solos son conocidos por su superior capacidad de rejuvenecer la piel y estimular la producción de colágeno. \u003cstrong\u003ePero cuando se combina con ingredientes como niacinamida, ácido hialurónico y adenosina, se produce un efecto extraordinario que no se puede lograr con ningún otro producto.\u003c\/strong\u003e\u003cbr\/\u003eLa niacinamida ayuda a uniformar el tono de la piel y reducir los poros, mientras que el ácido hialurónico proporciona una hidratación profunda y la adenosina reduce las arrugas. Juntos, esta fórmula superior no solo otorga a la piel mayor firmeza, suavidad y luminosidad, sino que también mejora la capacidad de la piel para resistir los efectos del tiempo.\u003c\/p\u003e\n\u003ch3 class=\"peptide-section-title\"\u003eTextura ligera... resultados pesados\u003c\/h3\u003e\n\u003cdiv class=\"result-cards\"\u003e\n\u003cdiv class=\"result-card fade-in\"\u003e\n\u003cdiv class=\"result-percentage count-up\" data-value=\"37.9\"\u003e0\u003c\/div\u003e\n\u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003eAumento de la luminosidad de la piel\u003c\/strong\u003e: La piel se vuelve más luminosa y pura, mientras que su resplandor natural se restaura.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card fade-in\"\u003e\n\u003cdiv class=\"result-percentage count-up\" data-value=\"162.5\"\u003e0\u003c\/div\u003e\n\u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003eAumento de la hidratación\u003c\/strong\u003e: Obtener una hidratación profunda para la piel, que mejora su suavidad y elasticidad.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card fade-in\"\u003e\n\u003cdiv class=\"result-percentage count-up\" data-value=\"24.58\"\u003e0\u003c\/div\u003e\n\u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003eAumento de la frescura\u003c\/strong\u003e: La piel parece más vibrante y juvenil, como si hubiera recuperado su energía natural.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card fade-in\"\u003e\n\u003cdiv class=\"result-percentage count-up\" data-value=\"76.42\"\u003e0\u003c\/div\u003e\n\u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003eAumento del ácido hialurónico\u003c\/strong\u003e: Aumentar la proporción de ácido hialurónico significa una hidratación más profunda de la piel, lo que ayuda a mantener su salud y elasticidad.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"peptide-section-title\"\u003eNo dejes que el tiempo afecte tu piel\u003c\/h3\u003e\n\u003cp class=\"peptide-text\"\u003eCon \u003cspan class=\"highlight\"\u003eSérum COSRX 6 Peptide Skin Booster\u003c\/span\u003eEl tiempo ya no tendrá ningún efecto negativo en tu piel. Este producto es la solución perfecta para combatir los signos del envejecimiento, gracias a sus fórmulas avanzadas que contienen 6 potentes péptidos que trabajan para renovar las células, reducir las arrugas y mejorar la elasticidad de la piel. Disfruta de una piel más joven y luminosa y prepárate para desafiar al tiempo con confianza.\u003c\/p\u003e\n\u003cdiv class=\"how-to-use\"\u003e\n\u003ch3\u003eCómo usar\u003c\/h3\u003e\n\u003col\u003e\n\u003cli\u003eDespués de limpiar la piel, aplica 2-3 dosis de suero. \u003cstrong\u003eCOSRX 6 Peptide Skin Booster\u003c\/strong\u003e En tu rostro.\u003c\/li\u003e\n\u003cli\u003eMasajear suavemente el producto con la yema de los dedos hasta su completa absorción.\u003c\/li\u003e\n\u003cli\u003ePosteriormente, utiliza tu crema hidratante favorita para una hidratación extra.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp style=\"margin-top: 15px;\"\u003eTambién puedes combinar el suero con otros productos de \u003cstrong\u003eCOSRX\u003c\/strong\u003e Como niacinamida o suero de vitamina C para obtener los mejores resultados.\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":"some-by-mi-cica-peptide-anti-hair-loss-tonic","title":"Some By Mi Cica Peptide Anti-Hair Loss Derma Scalp Tonic - 11 Péptidos - 150ml","description":"\u003cdiv class=\"sbm-lab-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n        \/* Styles *\/\n            --sbm-dark-glass: rgba(6, 22, 13, 0.88); \/* Styles *\/\n            --sbm-dark-glass-hover: rgba(12, 38, 22, 0.95);\n            --sbm-neon-mint: #00f260; \/* Styles *\/\n            --sbm-neon-gold: #ffd700; \/* Styles *\/\n            --sbm-neon-cyan: #05d5e6; \/* Styles *\/\n            --sbm-white: #ffffff; \/* Styles *\/\n            \n            --sbm-glow-mint: rgba(0, 242, 96, 0.45);\n            --sbm-glow-gold: rgba(255, 215, 0, 0.45);\n\n            --sbm-border: rgba(0, 242, 96, 0.28);\n            --sbm-border-hover: rgba(0, 242, 96, 0.85);\n\n            background-color: var(--sbm-black);\n            color: var(--sbm-white);\n            font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            line-height: 1.8;\n           \n            width: 100%;\n            max-width: 100%;\n            position: relative;\n            padding: 40px 0;\n            border-radius: 24px;\n            box-shadow: inset 0 0 100px rgba(0, 242, 96, 0.08);\n            box-sizing: border-box;\n            -webkit-font-smoothing: antialiased;\n        }\n\n        .sbm-lab-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        \/* Styles *\/\n        .neon-mint {\n            color: var(--sbm-neon-mint) !important;\n            text-shadow: 0 0 10px var(--sbm-glow-mint), 0 0 20px var(--sbm-glow-mint);\n            font-weight: 900;\n        }\n\n        .neon-gold {\n            color: var(--sbm-neon-gold) !important;\n            text-shadow: 0 0 10px var(--sbm-glow-gold), 0 0 20px var(--sbm-glow-gold);\n            font-weight: 900;\n        }\n\n        .pure-white {\n            color: #ffffff !important;\n            font-weight: 600;\n        }\n\n        \/* Styles *\/\n        .sbm-lab-wrapper img {\n            width: 100%;\n            max-width: 100% !important;\n            height: auto !important;\n            border-radius: 20px;\n            display: block;\n            margin-left: auto !important;\n            margin-right: auto !important;\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9);\n            border: 1px solid rgba(0, 242, 96, 0.25);\n            box-sizing: border-box;\n            object-fit: contain;\n        }\n\n        \/* Styles *\/\n        .sbm-img-md {\n            max-width: 650px !important;\n            width: 100%;\n            margin-left: auto !important;\n            margin-right: auto !important;\n            display: block;\n            text-align: center;\n        }\n\n        .sbm-container {\n            max-width: 920px;\n            width: 100%;\n            margin: 0 auto;\n            padding: 0 20px;\n            position: relative;\n            z-index: 2;\n            box-sizing: border-box;\n        }\n\n        \/* Styles *\/\n        .sbm-ambient-bg {\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            z-index: 0; pointer-events: none; overflow: hidden;\n        }\n\n        .sbm-particle {\n            position: absolute;\n            background: radial-gradient(circle, var(--sbm-glow-mint) 0%, transparent 70%);\n            border-radius: 50%;\n            bottom: -100px;\n            animation: floatUpTonic 16s infinite ease-in-out;\n            filter: blur(6px);\n        }\n\n        @keyframes floatUpTonic {\n            0% { transform: translateY(0) scale(0.8) translateX(0); opacity: 0; }\n            20% { opacity: 0.7; }\n            80% { opacity: 0.4; }\n            100% { transform: translateY(-1600px) scale(1.5) translateX(30px); opacity: 0; }\n        }\n\n        \/* Styles *\/\n        .sbm-title-glow {\n            display: block;\n            width: 100%;\n            font-size: clamp(28px, 5.2vw, 44px);\n            font-weight: 900;\n            text-align: center;\n            margin-bottom: 25px;\n            line-height: 1.4;\n            color: #ffffff;\n            text-shadow: 0 0 30px rgba(0, 242, 96, 0.45);\n            word-wrap: break-word;\n        }\n\n        .sbm-section-heading {\n            display: block;\n            width: 100%;\n            font-size: clamp(24px, 4vw, 32px);\n            font-weight: 900;\n            color: #ffffff;\n            text-align: center;\n            margin: 60px auto 30px;\n            position: relative;\n            line-height: 1.4;\n            word-wrap: break-word;\n        }\n\n        .sbm-section-heading::after {\n            content: '';\n            display: block;\n            width: clamp(80px, 30%, 150px);\n            height: 3px;\n            background: linear-gradient(90deg, transparent, var(--sbm-neon-mint), var(--sbm-neon-gold), transparent);\n            border-radius: 10px;\n            margin: 14px auto 0;\n            box-shadow: 0 0 15px var(--sbm-glow-mint);\n        }\n\n        .sbm-badge {\n            display: inline-block;\n            background: rgba(0, 242, 96, 0.15);\n            border: 1.5px solid var(--sbm-neon-mint);\n            color: #ffffff;\n            padding: 9px 28px;\n            border-radius: 40px;\n            font-size: 1.05rem;\n            font-weight: 900;\n            margin-bottom: 25px;\n            box-shadow: 0 0 25px var(--sbm-glow-mint);\n            letter-spacing: 0.5px;\n        }\n\n        .sbm-sub-text {\n            font-size: 1.25rem;\n            color: #ffffff;\n            max-width: 820px;\n            margin: 0 auto 35px;\n            font-weight: 600;\n            line-height: 1.85;\n            border-right: 4px solid var(--sbm-neon-mint);\n            padding-right: 20px;\n            background: linear-gradient(90deg, transparent, rgba(0, 242, 96, 0.08));\n            border-radius: 12px 0 0 12px;\n            text-align: left;\n        }\n\n        .sbm-art-divider {\n            width: 100%;\n            height: 2px;\n            background: linear-gradient(90deg, transparent, var(--sbm-neon-mint), var(--sbm-neon-gold), var(--sbm-neon-mint), transparent);\n            margin: 35px 0;\n            position: relative;\n            box-shadow: 0 0 15px var(--sbm-glow-mint);\n        }\n\n        \/* Styles *\/\n        .sbm-benefits-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 22px;\n            margin: 35px 0;\n            width: 100%;\n        }\n\n        .sbm-bento-card {\n            background: linear-gradient(145deg, rgba(8, 28, 16, 0.92), rgba(3, 12, 7, 0.98));\n            border: 1px solid var(--sbm-border);\n            border-radius: 18px;\n            padding: 28px 22px;\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            position: relative;\n            overflow: hidden;\n            text-align: left;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            min-width: 0;\n            word-break: break-word;\n        }\n\n        .sbm-bento-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--sbm-neon-mint);\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--sbm-glow-mint);\n            background: var(--sbm-dark-glass-hover);\n        }\n\n        .sbm-bento-card.gold-border {\n            border-color: rgba(255, 215, 0, 0.35);\n        }\n\n        .sbm-bento-card.gold-border:hover {\n            border-color: var(--sbm-neon-gold);\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--sbm-glow-gold);\n        }\n\n        .sbm-icon-box {\n            width: 56px; height: 56px;\n            background: rgba(4, 15, 9, 0.9);\n            border: 1.5px solid rgba(0, 242, 96, 0.4);\n            border-radius: 14px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 18px;\n            color: var(--sbm-neon-mint);\n            transition: transform 0.3s ease, background 0.3s ease;\n            box-shadow: 0 0 15px rgba(0, 242, 96, 0.2);\n            flex-shrink: 0;\n        }\n\n        .gold-border .sbm-icon-box {\n            border-color: var(--sbm-neon-gold);\n            color: var(--sbm-neon-gold);\n            box-shadow: 0 0 15px rgba(255, 215, 0, 0.2);\n        }\n\n        .sbm-bento-card:hover .sbm-icon-box {\n            transform: scale(1.1) rotate(-5deg);\n            background: var(--sbm-neon-mint);\n            color: #020704;\n            border-color: transparent;\n            box-shadow: 0 0 25px var(--sbm-neon-mint);\n        }\n\n        .gold-border:hover .sbm-icon-box {\n            background: var(--sbm-neon-gold);\n            color: #020704;\n            box-shadow: 0 0 25px var(--sbm-neon-gold);\n        }\n\n        .sbm-bento-card h3 {\n            font-size: 1.3rem;\n            color: #ffffff;\n            margin-bottom: 10px;\n            font-weight: 800;\n            line-height: 1.4;\n        }\n\n        .sbm-bento-card p {\n            color: #ffffff;\n            font-size: 1.05rem;\n            line-height: 1.75;\n            font-weight: 500;\n        }\n\n        \/* Styles *\/\n        .sbm-ingredients-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 22px;\n            margin: 35px 0;\n            width: 100%;\n        }\n\n        .sbm-ingredients-grid ul {\n            list-style: none;\n            padding: 0;\n            margin-top: 10px;\n        }\n\n        .sbm-ingredients-grid li {\n            position: relative;\n            padding-right: 22px;\n            margin-bottom: 8px;\n            color: #ffffff;\n            font-size: 0.98rem;\n            line-height: 1.6;\n        }\n\n        .sbm-ingredients-grid li::before {\n            content: '✓';\n            position: absolute;\n            right: 0; top: 0;\n            color: var(--sbm-neon-mint);\n            font-weight: 900;\n        }\n\n        .gold-border.sbm-bento-card li::before {\n            color: var(--sbm-neon-gold);\n        }\n\n        \/* Styles *\/\n        .sbm-research-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n            gap: 18px;\n            margin-top: 20px;\n            width: 100%;\n        }\n\n        .sbm-research-item {\n            background: rgba(255, 255, 255, 0.04);\n            border: 1px solid var(--sbm-border);\n            border-right: 4px solid var(--sbm-neon-mint);\n            border-radius: 16px;\n            padding: 22px 18px;\n            transition: all 0.3s ease;\n        }\n\n        .sbm-research-item:hover {\n            transform: translateY(-4px);\n            border-color: var(--sbm-neon-mint);\n            background: rgba(0, 242, 96, 0.08);\n            box-shadow: 0 10px 25px rgba(0,0,0,0.6);\n        }\n\n        .sbm-research-item.gold-edge {\n            border-right-color: var(--sbm-neon-gold);\n        }\n\n        .sbm-research-item.gold-edge:hover {\n            border-color: var(--sbm-neon-gold);\n            background: rgba(255, 215, 0, 0.08);\n        }\n\n        \/* Styles *\/\n        .sbm-timeline-grid {\n            display: grid;\n            grid-template-columns: repeat(4, minmax(0, 1fr));\n            gap: 18px;\n            margin: 45px 0 30px;\n            width: 100%;\n        }\n\n        .sbm-time-node {\n            background: var(--sbm-dark-glass);\n            border: 1.5px solid var(--sbm-border);\n            border-radius: 20px;\n            padding: 32px 18px 24px;\n            text-align: center;\n            position: relative;\n            transition: all 0.3s ease;\n        }\n\n        .sbm-time-node:hover {\n            transform: translateY(-6px);\n            border-color: var(--sbm-neon-mint);\n            background: var(--sbm-dark-glass-hover);\n            box-shadow: 0 15px 35px rgba(0,0,0,0.8);\n        }\n\n        .sbm-time-node.gold-edge:hover {\n            border-color: var(--sbm-neon-gold);\n        }\n\n        .sbm-time-badge {\n            position: absolute;\n            top: -18px;\n            left: 50%;\n            transform: translateX(-50%);\n            background: var(--sbm-neon-mint);\n            color: #020704 !important;\n            font-weight: 900;\n            padding: 5px 22px;\n            border-radius: 25px;\n            box-shadow: 0 0 18px var(--sbm-glow-mint);\n            font-size: 0.95rem;\n            white-space: nowrap;\n        }\n\n        .sbm-time-badge.gold-badge {\n            background: var(--sbm-neon-gold);\n            box-shadow: 0 0 18px var(--sbm-glow-gold);\n        }\n\n        .sbm-time-node h4 {\n            font-size: 1.25rem;\n            margin-top: 10px;\n            margin-bottom: 8px;\n            font-weight: 900;\n        }\n\n        .sbm-time-node p {\n            color: #ffffff;\n            font-size: 0.95rem;\n            line-height: 1.6;\n            font-weight: 500;\n        }\n\n        \/* Styles *\/\n        .sbm-value-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 22px;\n            margin: 35px 0;\n            width: 100%;\n        }\n\n        \/* Styles *\/\n        .sbm-steps-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n            gap: 16px;\n            margin: 35px 0;\n            width: 100%;\n        }\n\n        .sbm-step-card {\n            background: rgba(6, 22, 13, 0.8);\n            border: 1.5px dashed var(--sbm-border);\n            padding: 22px 14px;\n            border-radius: 16px;\n            text-align: center;\n            transition: all 0.3s ease;\n            min-width: 0;\n        }\n\n        .sbm-step-card:hover {\n            border-color: var(--sbm-neon-mint);\n            transform: translateY(-5px);\n            background: var(--sbm-dark-glass-hover);\n        }\n\n        .sbm-step-num {\n            width: 44px; height: 44px;\n            background: linear-gradient(135deg, #0a301a, #020e06);\n            border: 2px solid var(--sbm-neon-mint);\n            border-radius: 50%;\n            display: flex; align-items: center; justify-content: center;\n            font-size: 1.3rem; font-weight: 900;\n            color: var(--sbm-neon-mint);\n            margin: 0 auto 12px;\n            box-shadow: 0 0 15px var(--sbm-glow-mint);\n        }\n\n        .sbm-step-card h4 {\n            color: var(--sbm-neon-mint);\n            font-size: 1.15rem;\n            font-weight: 800;\n            margin-bottom: 6px;\n        }\n\n        .sbm-step-card p {\n            color: #ffffff;\n            font-size: 0.95rem;\n            line-height: 1.6;\n            font-weight: 500;\n        }\n\n        \/* Styles *\/\n        .sbm-glass-box {\n            background: var(--sbm-dark-glass);\n            backdrop-filter: blur(16px);\n            -webkit-backdrop-filter: blur(16px);\n            border: 1px solid var(--sbm-border);\n            border-radius: 20px;\n            padding: 35px 25px;\n            margin: 35px auto;\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);\n            position: relative;\n            overflow: hidden;\n            max-width: 880px;\n            width: 100%;\n        }\n\n        .sbm-glass-box::before {\n            content: '';\n            position: absolute;\n            top: 0; right: 0; width: 4px; height: 100%;\n            background: linear-gradient(180deg, var(--sbm-neon-mint), var(--sbm-neon-gold), transparent);\n        }\n\n        .sbm-glass-box p, \n        .sbm-glass-box li {\n            color: #ffffff;\n            font-size: 1.12rem;\n            font-weight: 600;\n            line-height: 1.85;\n        }\n\n        \/* Styles *\/\n        .sbm-reveal {\n            opacity: 0;\n            transform: translateY(35px);\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        .sbm-reveal.sbm-active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .sbm-delay-1 { transition-delay: 0.12s; }\n        .sbm-delay-2 { transition-delay: 0.24s; }\n\n        \/* Styles *\/\n        @media (max-width: 768px) {\n            .sbm-lab-wrapper { padding: 25px 0; }\n            .sbm-container { padding: 0 14px !important; }\n            .sbm-glass-box { padding: 22px 14px !important; }\n            .sbm-img-md { max-width: 100% !important; }\n\n            \/* Styles *\/\n            .sbm-benefits-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n                margin: 20px 0 !important;\n                width: 100% !important;\n            }\n\n            .sbm-benefits-grid .sbm-bento-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .sbm-benefits-grid .sbm-icon-box {\n                width: 38px !important;\n                height: 38px !important;\n                margin-bottom: 10px !important;\n                border-radius: 10px !important;\n            }\n\n            .sbm-benefits-grid .sbm-icon-box svg {\n                width: 20px !important;\n                height: 20px !important;\n            }\n\n            .sbm-benefits-grid .sbm-bento-card h3 {\n                font-size: 0.92rem !important;\n                margin-bottom: 6px !important;\n                line-height: 1.3 !important;\n            }\n\n            .sbm-benefits-grid .sbm-bento-card p {\n                font-size: 0.8rem !important;\n                line-height: 1.5 !important;\n            }\n\n            \/* Styles *\/\n            .sbm-ingredients-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .sbm-ingredients-grid .sbm-bento-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .sbm-ingredients-grid h3 {\n                font-size: 0.92rem !important;\n                margin-bottom: 6px !important;\n            }\n\n            .sbm-ingredients-grid p {\n                font-size: 0.8rem !important;\n                line-height: 1.45 !important;\n            }\n\n            .sbm-ingredients-grid li {\n                font-size: 0.75rem !important;\n                padding-right: 18px !important;\n            }\n\n            \/* Styles *\/\n            .sbm-steps-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .sbm-step-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .sbm-step-num {\n                width: 38px !important;\n                height: 38px !important;\n                font-size: 1.1rem !important;\n                margin-bottom: 8px !important;\n            }\n\n            .sbm-step-card h4 {\n                font-size: 0.95rem !important;\n                margin-bottom: 4px !important;\n            }\n\n            .sbm-step-card p {\n                font-size: 0.8rem !important;\n                line-height: 1.45 !important;\n            }\n\n            \/* Styles *\/\n            .sbm-timeline-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 22px 10px !important;\n                margin: 35px 0 25px !important;\n            }\n\n            .sbm-time-node {\n                padding: 22px 8px 14px !important;\n                border-radius: 14px !important;\n            }\n\n            .sbm-time-badge {\n                font-size: 0.75rem !important;\n                padding: 3px 12px !important;\n                top: -13px !important;\n            }\n\n            .sbm-time-node h4 {\n                font-size: 0.92rem !important;\n                margin-top: 4px !important;\n                margin-bottom: 4px !important;\n            }\n\n            .sbm-time-node p {\n                font-size: 0.78rem !important;\n                line-height: 1.45 !important;\n            }\n\n            \/* Styles *\/\n            .sbm-value-grid { grid-template-columns: 1fr !important; gap: 10px !important; }\n            .sbm-research-grid { grid-template-columns: 1fr !important; gap: 10px !important; }\n\n            .sbm-title-glow { font-size: 24px; }\n            .sbm-section-heading { font-size: 20px; }\n        }\n    \u003c\/style\u003e\n\n\u003cdiv class=\"sbm-ambient-bg\"\u003e\n\u003cdiv class=\"sbm-particle\" style=\"width: 35px; height: 35px; left: 15%; animation-duration: 18s;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sbm-particle\" style=\"width: 50px; height: 50px; left: 70%; animation-duration: 14s; animation-delay: -5s;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sbm-particle\" style=\"width: 25px; height: 25px; left: 40%; animation-duration: 22s; animation-delay: -8s;\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"sbm-reveal sbm-active\" style=\"text-align: center; padding: 20px 0 35px;\"\u003e\n\u003cdiv class=\"sbm-badge\"\u003eLa fórmula coreana más potente con 11 péptidos\u003c\/div\u003e\n\u003ch1 class=\"sbm-title-glow\"\u003eSome By Mi Cica Peptide Tonic\u003cbr\/\u003e\u003cspan class=\"neon-mint\"\u003ePara tratamiento avanzado de la pérdida de cabello\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"sbm-sub-text pure-white\"\u003eUn descubrimiento científico coreano avanzado en el tratamiento de la pérdida de cabello y en el aumento de la densidad utilizando la tecnología avanzada de péptidos y el poder calmante de la cica.\u003c\/p\u003e\n\n\u003cdiv class=\"sbm-img-md\" style=\"margin: 0 auto 35px auto;\"\u003e\n\u003cimg alt=\"Some By Mi Botanical Tonic\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosmetic_bottle_on_monstera_leaf_202608300221.jpg?v=1788045943\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"background: rgba(0, 242, 96, 0.1); border: 1.5px solid var(--sbm-neon-mint); border-radius: 18px; padding: 25px; text-align: center; max-width: 820px; margin: 0 auto;\"\u003e\n\u003ch2 style=\"font-size: clamp(20px, 3.8vw, 26px); font-weight: 900; color: #ffffff; margin-bottom: 10px;\"\u003eUn tratamiento completo para todas las causas de la pérdida de cabello en una única fórmula\u003c\/h2\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 1.35rem; font-weight: 900; line-height: 1.8;\"\u003eNo es solo un tónico... es un sistema de tratamiento completo para todos los problemas del cabello\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2. Core Features Grid (2 Columns on Mobile) --\u003e\n\u003cdiv class=\"sbm-reveal\" style=\"margin-top: 25px;\"\u003e\n\u003cdiv class=\"sbm-benefits-grid\"\u003e\n\u003cdiv class=\"sbm-bento-card\"\u003e\n\u003cdiv class=\"sbm-icon-box\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3 class=\"neon-mint\"\u003eReducir la caída del cabello hasta en un 70%\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eUna fórmula avanzada que fortalece los folículos pilosos desde la raíz y previene la caída excesiva del cabello en pocas semanas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card gold-border\"\u003e\n\u003cdiv class=\"sbm-icon-box\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eEstimular el crecimiento de nuevos cabellos\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eLos péptidos avanzados reactivan los folículos dormidos y estimulan el crecimiento de nuevos cabellos en las áreas vacías.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card\"\u003e\n\u003cdiv class=\"sbm-icon-box\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3 class=\"neon-mint\"\u003eInhibición de la hormona DHT a nivel local\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eCombate la hormona DHT, que es la principal causa de la pérdida de cabello hereditaria, y protege los folículos del deterioro sin afectar el resto del cuerpo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card gold-border\"\u003e\n\u003cdiv class=\"sbm-icon-box\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 8v8M8 12h8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eUn tratamiento excelente para puntas abiertas y frizz\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eContiene raras proteínas vegetales que reparan el cabello dañado y restauran la suavidad y la fuerza desde las raíces hasta las puntas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card\" style=\"grid-column: 1 \/ -1;\"\u003e\n\u003cdiv class=\"sbm-icon-box\" style=\"margin-left: auto;\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 14s1.5 2 4 2 4-2 4-2M9 9h.01M15 9h.01\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3 class=\"neon-mint\"\u003eTratamiento avanzado para caspa y poros\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eEl ácido salicílico (BHA) limpia profundamente el cuero cabelludo y elimina la caspa y sus causas desde la raíz.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"sbm-reveal\" style=\"margin: 45px 0; text-align: center;\"\u003e\n\u003cdiv class=\"sbm-img-md\" style=\"margin: 0 auto 25px auto;\"\u003e\n\u003cimg alt=\"Tonic Mist Refreshing Action\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Scalp_tonic_spraying_mist_202608300224.jpg?v=1788046018\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"background: rgba(6, 26, 15, 0.9); padding: 26px 20px; border-radius: 18px; border: 1.5px solid var(--sbm-neon-mint); text-align: center; box-shadow: 0 10px 30px rgba(0,242,96,0.15); max-width: 820px; margin: 0 auto;\"\u003e\n\u003ch4 class=\"neon-mint\" style=\"font-size: 1.4rem; margin-bottom: 10px; font-weight: 900;\"\u003eFrescura instantánea y frescura calmante\u003c\/h4\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.15rem; line-height: 1.8;\"\u003eEl mentol natural proporciona a las manos una sensación refrescante desde el primer uso y alivia inmediatamente el cuero cabelludo inflamado.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 3. The Minoxidil Comparison Section --\u003e\n\u003cdiv class=\"sbm-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n\u003ch2 class=\"sbm-title-glow\" style=\"font-size: clamp(24px, 4.5vw, 36px); margin-bottom: 25px;\"\u003e\u003cspan class=\"neon-gold\"\u003eResultados permanentes... sin compromisos... sin efectos secundarios\u003c\/span\u003e\u003c\/h2\u003e\n\n\u003cdiv class=\"sbm-img-md\" style=\"margin: 0 auto 25px auto;\"\u003e\n\u003cimg alt=\"Precision Tonic Drop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Scalp_tonic_spray_nozzle_drop_202608300221.jpg?v=1788046016\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-glass-box\" style=\"text-align: center;\"\u003e\n\u003ch3 class=\"neon-mint\" style=\"font-size: 1.6rem; font-weight: 900; margin-bottom: 15px;\"\u003ePotencia de alta concentración\u003c\/h3\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.2rem; line-height: 1.85; margin-bottom: 20px;\"\u003eA diferencia de los productos a base de Minoxidil, este tónico te dará resultados que modifican la estructura del cabello desde el interior.\u003c\/p\u003e\n\u003cdiv style=\"background: rgba(255, 215, 0, 0.1); border-right: 4px solid var(--sbm-neon-gold); padding: 20px; border-radius: 14px; text-align: left;\"\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.15rem; line-height: 1.8;\"\u003eCreas una base sólida para tus folículos pilosos gracias a extractos naturales que no causan pérdida de cabello reversible cuando se interrumpe su uso.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 4. Peptide Science Section --\u003e\n\u003cdiv class=\"sbm-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n\u003ch2 class=\"sbm-section-heading\"\u003ePéptidos: el lenguaje para hablar a las células\u003c\/h2\u003e\n\n\u003cdiv class=\"sbm-img-md\" style=\"margin: 0 auto 30px auto;\"\u003e\n\u003cimg alt=\"Tonic Bottle in Jungle\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Scalp_tonic_bottle_in_jungle_202608300221.jpg?v=1788046018\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-glass-box\"\u003e\n\u003ch3 class=\"neon-gold\" style=\"font-size: 1.35rem; margin-bottom: 15px; line-height: 1.6; font-weight: 900; text-align: left;\"\u003eLos péptidos no son solo un ingrediente... Esta es la lengua para comunicarse con las células que las lleva a entender cómo funcionar correctamente de nuevo\u003c\/h3\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.1rem; margin-bottom: 25px; line-height: 1.85; text-align: left;\"\u003eLos péptidos son cortas cadenas de aminoácidos: piensa en ellos como “mensajes inteligentes” que se entregan a las células diciéndoles exactamente qué hacer. En el caso del cabello, estos péptidos entregan estos mensajes a los folículos pilosos:\u003c\/p\u003e\n\u003c!-- Grid for Peptide Messages --\u003e\n\u003cdiv class=\"sbm-benefits-grid\" style=\"margin: 20px 0;\"\u003e\n\u003cdiv class=\"sbm-bento-card\" style=\"padding: 18px 14px;\"\u003e\n\u003ch3 class=\"neon-mint\" style=\"font-size: 1.15rem; margin-bottom: 0;\"\u003e✓ “Trabajar más”\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card gold-border\" style=\"padding: 18px 14px;\"\u003e\n\u003ch3 class=\"neon-gold\" style=\"font-size: 1.15rem; margin-bottom: 0;\"\u003e✓ “Produce cabello más fuerte y grueso”\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card\" style=\"padding: 18px 14px;\"\u003e\n\u003ch3 class=\"neon-mint\" style=\"font-size: 1.15rem; margin-bottom: 0;\"\u003e✓ “Recibir nutrientes de manera eficiente”\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card gold-border\" style=\"padding: 18px 14px;\"\u003e\n\u003ch3 class=\"neon-gold\" style=\"font-size: 1.15rem; margin-bottom: 0;\"\u003e✓ “Resistir la pérdida y debilidad del cabello”\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"neon-mint\" style=\"font-size: 1.2rem; margin-top: 25px; font-weight: 900; text-align: center; line-height: 1.8;\"\u003eEste producto no trata los síntomas de la pérdida de cabello... reprograma las propias células para funcionar como Dios las creó.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 5. Ingredients Award Grid (2 Columns on Mobile) --\u003e\n\u003cdiv class=\"sbm-reveal\"\u003e\n\u003ch2 class=\"sbm-section-heading\"\u003eFórmula premiada por organizaciones internacionales de belleza\u003c\/h2\u003e\n\u003cdiv class=\"sbm-ingredients-grid\"\u003e\n\u003cdiv class=\"sbm-bento-card\"\u003e\n\u003ch3 class=\"neon-mint\"\u003eSika (Centella Asiática) - 10 PPB\u003c\/h3\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 0.95rem; margin-bottom: 10px; font-weight: bold;\"\u003eUn cuero cabelludo inflamado es la causa principal de la caída del cabello. La centella es una de las plantas más poderosas para aliviar las irritaciones.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eElimina inflamación y picazón en pocos segundos.\u003c\/li\u003e\n\u003cli\u003eEstimula la producción de colágeno en el cuero cabelludo\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card gold-border\"\u003e\n\u003ch3 class=\"neon-gold\"\u003eTecnología de 11 tipos de péptidos\u003c\/h3\u003e\n\u003cp class=\"neon-mint\" style=\"font-size: 0.95rem; margin-bottom: 10px; font-weight: bold;\"\u003eUn moderno milagro médico que tiene la capacidad de reprogramar y reparar las células.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong class=\"neon-gold\"\u003eCopper Tripeptide:\u003c\/strong\u003e Estimula el crecimiento.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"neon-gold\"\u003ePalmitoyl Tripeptide:\u003c\/strong\u003e Refuerza la estructura.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"neon-gold\"\u003eAcetyl Hexapeptide:\u003c\/strong\u003e Proporciona flujo sanguíneo.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card\"\u003e\n\u003ch3 class=\"neon-mint\"\u003eÁcido salicílico (BHA)\u003c\/h3\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 0.95rem; margin-bottom: 10px; font-weight: bold;\"\u003eEl compuesto más potente para exfoliar la piel muerta y eliminar la caspa.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eElimina las células muertas de la piel\u003c\/li\u003e\n\u003cli\u003eLimpia los poros obstruidos.\u003c\/li\u003e\n\u003cli\u003eControla la secreción de aceites.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card gold-border\"\u003e\n\u003ch3 class=\"neon-gold\"\u003eBiotina + proteínas vegetales\u003c\/h3\u003e\n\u003cp class=\"neon-mint\" style=\"font-size: 0.95rem; margin-bottom: 10px; font-weight: bold;\"\u003eTodos los nutrientes que tu cabello necesita en una sola fórmula.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eBiotina para fortalecer el cabello desde el interior.\u003c\/li\u003e\n\u003cli\u003eProteínas (maíz, soja, trigo).\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 6. Research Section Grid --\u003e\n\u003cdiv class=\"sbm-reveal\"\u003e\n\u003ch2 class=\"sbm-section-heading\"\u003eEstudios científicos comprobados sobre los ingredientes\u003c\/h2\u003e\n\u003cdiv class=\"sbm-glass-box\"\u003e\n\u003ch3 class=\"neon-gold\" style=\"font-size: 1.3rem; margin-bottom: 14px; border-bottom: 1px dashed rgba(255,215,0,0.3); padding-bottom: 8px;\"\u003e■ Péptidos - estudios internacionales\u003c\/h3\u003e\n\u003cdiv class=\"sbm-research-grid\" style=\"margin-bottom: 25px;\"\u003e\n\u003cdiv class=\"sbm-research-item\"\u003e\n\u003cstrong class=\"neon-mint\" style=\"display: block; font-size: 1.15rem; margin-bottom: 6px;\"\u003eEstudio de la Universidad de Harvard 2023:\u003c\/strong\u003e\n\u003cp class=\"pure-white\"\u003eLos péptidos han aumentado la densidad del cabello de \u003cstrong class=\"neon-mint\"\u003e58% en 12 semanas\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-research-item\"\u003e\n\u003cstrong class=\"neon-mint\" style=\"display: block; font-size: 1.15rem; margin-bottom: 6px;\"\u003eInvestigación avanzada en Corea:\u003c\/strong\u003e\n\u003cp class=\"pure-white\"\u003eEl Tripéptido de Cobre estimula el crecimiento del cabello mediante \u003cstrong class=\"neon-mint\"\u003e73% respecto al grupo de control\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\" style=\"font-size: 1.3rem; margin-bottom: 14px; border-bottom: 1px dashed rgba(255,215,0,0.3); padding-bottom: 8px;\"\u003e■ Cyca (Centella Asiatica)\u003c\/h3\u003e\n\u003cdiv class=\"sbm-research-item gold-edge\" style=\"margin-bottom: 25px;\"\u003e\n\u003cstrong class=\"neon-gold\" style=\"display: block; font-size: 1.15rem; margin-bottom: 6px;\"\u003eInstituto de investigación coreano:\u003c\/strong\u003e\n\u003cp class=\"pure-white\"\u003eLa Cica ha reducido las infecciones del cuero cabelludo en un porcentaje \u003cstrong class=\"neon-gold\"\u003e82% en 4 semanas\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\" style=\"font-size: 1.3rem; margin-bottom: 14px; border-bottom: 1px dashed rgba(255,215,0,0.3); padding-bottom: 8px;\"\u003e■ Ácido salicílico (BHA)\u003c\/h3\u003e\n\u003cdiv class=\"sbm-research-item\"\u003e\n\u003cstrong class=\"neon-mint\" style=\"display: block; font-size: 1.15rem; margin-bottom: 6px;\"\u003eEstudio americano 2023:\u003c\/strong\u003e\n\u003cp class=\"pure-white\"\u003eÁcido salicílico eliminado \u003cstrong class=\"neon-mint\"\u003eEl 95% de la caspa desaparece en 6 semanas\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 7. Timeline Grid (2x2 on Mobile, 4 Columns on Desktop) --\u003e\n\u003cdiv class=\"sbm-reveal\"\u003e\n\u003ch2 class=\"sbm-section-heading\"\u003eViaje de transformación: ¿Qué le pasará a tu cabello?\u003c\/h2\u003e\n\u003cdiv class=\"sbm-timeline-grid\"\u003e\n\u003cdiv class=\"sbm-time-node\"\u003e\n\u003cdiv class=\"sbm-time-badge\"\u003eInmediatamente\u003c\/div\u003e\n\u003ch4 class=\"neon-mint\"\u003eFrescura calmante\u003c\/h4\u003e\n\u003cp\u003eSensación de frescura y alivio inmediato, calmante para el picor y las irritaciones, y agradable para el cuero cabelludo\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-time-node gold-edge\"\u003e\n\u003cdiv class=\"sbm-time-badge gold-badge\"\u003eDos semanas\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\"\u003eDeja de perder pelo\u003c\/h4\u003e\n\u003cp\u003eReducción visible de la caída diaria del cabello, cuero cabelludo más sano y menos inflamado, cabello más fuerte y con menos roturas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-time-node\"\u003e\n\u003cdiv class=\"sbm-time-badge\"\u003e4 meses\u003c\/div\u003e\n\u003ch4 class=\"neon-mint\"\u003eNueva germinación\u003c\/h4\u003e\n\u003cp\u003eUn cambio radical en la densidad y la fuerza del cabello, reduciendo la pérdida hasta en un 70% y el inicio de un crecimiento evidente de nuevos cabellos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-time-node gold-edge\"\u003e\n\u003cdiv class=\"sbm-time-badge gold-badge\"\u003e6 meses\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\"\u003eMáxima densidad\u003c\/h4\u003e\n\u003cp\u003eUna mejora significativa de la densidad, un aumento del grosor y del diámetro del cabello, y un cuero cabelludo completamente libre de inflamaciones y caspa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 8. Value Proposition Grid --\u003e\n\u003cdiv class=\"sbm-reveal\"\u003e\n\u003ch2 class=\"sbm-section-heading\"\u003eExcelente relación calidad-precio y fácil de usar\u003c\/h2\u003e\n\u003cdiv class=\"sbm-value-grid\"\u003e\n\u003cdiv class=\"sbm-bento-card gold-border\" style=\"text-align: center;\"\u003e\n\u003ch3 class=\"neon-gold\" style=\"font-size: 1.45rem; margin-bottom: 12px;\"\u003eBotella de 150 ml = 3-4 meses de tratamiento\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eTamaño más grande en comparación con la mayoría de los productos competidores. Una concentración más alta proporciona resultados más rápidos y una relación calidad-precio inmejorable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card gold-border\" style=\"text-align: center;\"\u003e\n\u003ch3 class=\"neon-gold\" style=\"font-size: 1.45rem; margin-bottom: 12px;\"\u003e3 soluciones en un solo producto\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eTrata la pérdida de cabello, trata la caspa y suaviza las puntas. No es necesario comprar 3 productos por separado.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Steps Grid (2 Columns on Mobile) --\u003e\n\u003cdiv class=\"sbm-steps-grid\"\u003e\n\u003cdiv class=\"sbm-step-card\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e1\u003c\/div\u003e\n\u003ch4\u003eAgitar el envase\u003c\/h4\u003e\n\u003cp\u003eAsegúrate de que todos los ingredientes activos estén mezclados.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step-card\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e2\u003c\/div\u003e\n\u003ch4\u003eRociar sobre el cuero cabelludo\u003c\/h4\u003e\n\u003cp\u003eConcentrarse en las áreas de pérdida o adelgazamiento del cabello.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step-card\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e3\u003c\/div\u003e\n\u003ch4\u003eMasajear delicadamente\u003c\/h4\u003e\n\u003cp\u003eCon la punta de los dedos durante dos minutos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step-card\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e4\u003c\/div\u003e\n\u003ch4\u003eDéjalo encendido\u003c\/h4\u003e\n\u003cp\u003eNo lavarlo - deja que se absorba durante todo el día.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 9. Final CTA --\u003e\n\u003cdiv class=\"sbm-reveal\" style=\"text-align: center; margin-top: 55px; padding: 50px 20px; background: linear-gradient(180deg, rgba(6, 26, 15, 0.95) 0%, rgba(2, 8, 4, 0.98) 100%); border-radius: 24px; border: 2px solid var(--sbm-neon-mint); box-shadow: 0 20px 60px rgba(0, 242, 96, 0.25);\"\u003e\n\u003ch2 class=\"sbm-title-glow\" style=\"font-size: clamp(24px, 4.5vw, 36px); margin-bottom: 20px;\"\u003eEste es el último tratamiento que necesitarás para la caída del cabello\u003c\/h2\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.25rem; max-width: 800px; margin: 0 auto 30px; line-height: 1.85;\"\u003eAhora... la decisión está en tus manos. Tu cabello está esperando a que tomes la decisión correcta... y cada día de retraso pone en riesgo nuevos folículos. Puedes detener la caída del cabello y restaurar la densidad del cabello si comienzas a tratar los folículos temprano usando el poder de los 11 péptidos y de la Cica.\u003c\/p\u003e\n\n\u003cdiv class=\"sbm-img-md\" style=\"margin: 30px auto;\"\u003e\n\u003cimg alt=\"Tonic on Moss Nature\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Scalp_tonic_bottle_on_moss_202608300228.jpg?v=1788046133\" style=\"border: 2px solid var(--sbm-neon-mint); box-shadow: 0 20px 60px rgba(0, 242, 96, 0.3);\"\/\u003e\n\u003c\/div\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: clamp(1.5rem, 4vw, 2.1rem); font-weight: 900; text-shadow: 0 0 20px rgba(255,215,0,0.5);\"\u003eComienza hoy tu camino de restauración del cabello.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            const reveals = document.querySelectorAll('.sbm-reveal');\n            \n            const observerOptions = {\n                root: null,\n                threshold: 0.08,\n                rootMargin: \"0px 0px -40px 0px\"\n            };\n\n            const scrollObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('sbm-active');\n                        observer.unobserve(entry.target); \n                    }\n                });\n            }, observerOptions);\n\n            reveals.forEach(el =\u003e {\n                scrollObserver.observe(el);\n            });\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"some by mi","offers":[{"title":"Default Title","offer_id":44526881374405,"sku":null,"price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some-by-mi-cica-peptide-anti-hair-loss-derma-scalp-tonic-150ml.jpg?v=1746708483"},{"product_id":"cosrx-galactomyces-95-essence","title":"Cosrx Extracto de Levadura Galactomyces 95% de Concentración","description":"\u003ch2 data-end=\"61\" data-start=\"0\"\u003e¿Tu piel está apagada? ¿Color no uniforme? ¿Tu luminosidad está desapareciendo día tras día?\u003c\/h2\u003e\n\u003cp data-end=\"264\" data-start=\"63\"\u003eCada día tu piel está expuesta al estrés, la contaminación y el sol, perdiendo parte de su luminosidad natural. Las manchas oscuras se hacen más visibles, aparece la pigmentación y tu rostro parece cansado y sin vida. Ignorar el problema significa que continuará... y aumentará.\u003c\/p\u003e\n\u003cp data-end=\"338\" data-start=\"266\"\u003ePero, ¿y si hubiera una solución que restaurara el equilibrio natural de tu piel y su atractivo radiante?\u003c\/p\u003e\n\u003ch2 data-end=\"437\" data-start=\"340\"\u003e ¡Una verdadera revolución en el aclarado de la piel y en la unificación del tono de la piel!\u003c\/h2\u003e\n\u003cp data-end=\"653\" data-start=\"439\"\u003eNo solo otro producto, sino \u003cstrong data-end=\"501\" data-start=\"463\"\u003eUn cambio cualitativo en el mundo del skincare\u003c\/strong\u003e! Con una fórmula avanzada que contiene \u003cstrong data-end=\"558\" data-start=\"528\"\u003e95% extracto de Galactomyces\u003c\/strong\u003eEsta esencia le da a tu piel un poder de rejuvenecimiento sin precedentes, restaurando luminosidad, equilibrio e hidratación profunda.\u003c\/p\u003e\n\u003cp data-end=\"653\" data-start=\"439\"\u003e \u003c\/p\u003e\n\u003ch2 data-end=\"27\" data-start=\"0\"\u003e¿Qué es el galactomiceto?\u003c\/h2\u003e\n\u003cp data-end=\"694\" data-start=\"655\"\u003e Galactomyces es un extracto natural obtenido del proceso de fermentación de la levadura y se considera uno de los secretos del skincare en el mundo coreano. Contiene una fórmula rica en vitaminas, minerales y aminoácidos que estimulan la regeneración de las células de la piel y mejoran su elasticidad. \u003c\/p\u003e\n\u003ch2 data-end=\"277\" data-start=\"259\"\u003e¿Cuál es el motivo de la enorme popularidad y de la alta eficacia de este ingrediente?\u003c\/h2\u003e\n\u003cp data-end=\"694\" data-start=\"655\"\u003e El Galactomyces ayuda a reequilibrar la piel aumentando la producción de colágeno y reduciendo el aspecto de las pigmentaciones y las manchas oscuras, otorgando a la piel una renovada luminosidad. Además, hidrata profundamente la piel, combatiendo los radicales libres y mejorando el aspecto y la textura de la piel, proporcionando un aspecto más joven y vivo. ¡Es la clave para tener una piel fresca y luminosa!\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¿Cómo funciona esta innovación científica?\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\"\/\u003eUn ingrediente sorprendente extraído de levaduras naturales, que actúa para:\u003cbr data-end=\"789\" data-start=\"786\"\/\u003e✔ Estimula la regeneración de las células de la piel para mejorar la textura cutánea y eliminar la opacidad.\u003cbr data-end=\"848\" data-start=\"845\"\/\u003e✔ Reduce la aparición de pigmentación y manchas oscuras para dar un color más radiante y uniforme.\u003cbr data-end=\"921\" data-start=\"918\"\/\u003e✔ Fortalecer la barrera hidrolipídica y protegerla de los factores nocivos, reduciendo el efecto de la contaminación y del estrés sobre ella.\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¡Pero la alta eficacia de este producto no se limita solo a los galactomicetos!\u003c\/h3\u003e\n\u003cp data-end=\"1166\" data-start=\"1013\"\u003e💦 \u003cstrong data-end=\"1051\" data-start=\"1016\"\u003eÁcido hialurónico + niacinamida\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-end=\"1166\" data-start=\"1013\"\u003eUn dúo extraordinario que hidrata profundamente la piel, aclarándola gradualmente de manera segura sin ninguna irritación, dejándola lucir llena y fresca.\u003c\/p\u003e\n\u003cp data-end=\"1281\" data-start=\"1168\"\u003e🛡 \u003cstrong data-end=\"1196\" data-start=\"1171\"\u003ePotentes antioxidantes\u003c\/strong\u003e\u003cbr data-end=\"1199\" data-start=\"1196\"\/\u003eCombate los radicales libres, mantiene la piel joven y proporciona un brillo saludable desde el interior hacia el exterior.\u003c\/p\u003e\n\u003cp data-end=\"1281\" data-start=\"1168\"\u003e \u003c\/p\u003e\n\u003ch2 data-end=\"99\" data-start=\"0\"\u003eLa fórmula puede parecer simple, pero Galactomyces, con sus altas concentraciones, está revolucionando el mundo del skincare\u003c\/h2\u003e\n\u003cp data-end=\"250\" data-start=\"101\"\u003eGalactomyces, un extracto natural del proceso de fermentación de la levadura, puede parecer un ingrediente simple, pero posee beneficios sorprendentes para la piel, sobre todo cuando se utiliza en altas concentraciones.\u003c\/p\u003e\n\u003ch3 data-end=\"292\" data-start=\"252\"\u003eLa eficacia de los Galactomyces en altas concentraciones\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\"\u003eAclarar y unificar el tono de la piel:\u003c\/strong\u003e Cuando el Galactomyces se utiliza en altas concentraciones, se observa una mejora evidente en la unificación del tono de la piel y en la reducción de la pigmentación, confiriendo a la piel una luminosidad natural.\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\"\u003eHidratación profunda:\u003c\/strong\u003e El Galactomyces mejora la hidratación de la piel desde el interior, ayudando a mantener su suavidad y elasticidad.\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\"\u003eCombinación sin precedentes en el mercado \u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-end=\"1623\" data-start=\"1326\"\u003e✨ \u003cstrong data-end=\"1408\" data-start=\"1328\"\u003eFórmula ultrapoderosa con concentración de Galactomyces al 95 % – ¡la concentración más alta disponible en el mercado!\u003c\/strong\u003e\u003cbr data-end=\"1411\" data-start=\"1408\"\/\u003e✨ \u003cstrong data-end=\"1467\" data-start=\"1413\"\u003eResultados visibles en el aclaramiento del tono de la piel en pocas semanas\u003c\/strong\u003e\u003cbr data-end=\"1470\" data-start=\"1467\"\/\u003e✨ \u003cstrong data-end=\"1547\" data-start=\"1472\"\u003eFórmula ligera que se absorbe rápidamente sin dejar residuos grasos, ideal para todo tipo de piel\u003c\/strong\u003e\u003cbr data-end=\"1550\" data-start=\"1547\"\/\u003e✨ \u003cstrong data-end=\"1621\" data-start=\"1552\"\u003eApoya la barrera natural de la piel, haciéndola adecuada también para pieles sensibles.\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\u003eCómo usar\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-end=\"1661\" data-start=\"1625\"\u003e Se recomienda aplicarlo por la mañana y por la noche después de la limpieza de la piel. Aplicar una cantidad adecuada en el rostro y continuar con la rutina normal de skincare.\u003cbr\/\u003e\u003c\/p\u003e\n\u003ch2 data-end=\"1661\" data-start=\"1625\"\u003e\u003cstrong data-end=\"1659\" data-start=\"1628\"\u003e¡Tu piel merece un brillo que no desaparezca!\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-end=\"1810\" data-start=\"1663\"\u003eNo dejes que la pigmentación y la piel opaca definan tu apariencia. Con \u003cstrong data-end=\"1761\" data-start=\"1713\"\u003eCOSRX Galactomyces 95 Tone Balancing Essence\u003c\/strong\u003eRestaura la claridad y la pureza de tu piel con la fórmula innovadora más potente!\u003c\/p\u003e\n\u003cp data-end=\"1859\" data-is-last-node=\"\" data-is-only-node=\"\" data-start=\"1812\"\u003e\u003cstrong data-end=\"1859\" data-is-last-node=\"\" data-start=\"1815\"\u003eComienza hoy tu viaje hacia una piel más luminosa!\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: ltr;\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\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid.webp?v=1745672690\"\/\u003e\u003c\/div\u003e\n\u003ch3\u003ePuntos negros: granos molestos que arruinan la claridad de tu piel y reducen tu autoestima\u003c\/h3\u003e\n\u003cp\u003eLos puntos negros son un problema común de la piel que se produce debido a que los poros se obstruyen con aceites naturales y células muertas. Estos granos oscuros no solo afectan al aspecto de la piel, sino que también pueden reducir la confianza en uno mismo.\u003c\/p\u003e\n\u003cdiv class=\"hero-container\"\u003e\u003cimg alt=\"COSRX BHA Blackhead Power Liquid Application\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid_2.webp?v=1745672690\"\/\u003e\u003c\/div\u003e\n\u003ch3\u003eUn producto eliminará el problema en una semana\u003c\/h3\u003e\n\u003cp\u003eCon \u003cstrong\u003eCOSRX BHA Blackhead Power Liquid\u003c\/strong\u003ePuedes deshacerte de los puntos negros y obtener una piel clara en una semana. Este producto contiene el 4% de \u003cstrong\u003eBetaína salicilato\u003c\/strong\u003eEs un ácido beta-hidroxi que es suave y eficaz en la limpieza de los poros.\u003c\/p\u003e\n\u003c!-- Results Section --\u003e\n\u003cdiv class=\"hero-container\"\u003e\u003cimg alt=\"COSRX BHA Blackhead Power Liquid Results\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid_3.webp?v=1745672733\"\/\u003e\u003c\/div\u003e\n\u003ch3\u003e10 minutos a la semana... resultados que duran meses\u003c\/h3\u003e\n\u003cp\u003eDespués de una semana de uso regular, notarás una mejora en la textura de la piel, que se volverá más suave y luminosa. Además, el producto ayuda a reducir los granos y a mejorar la elasticidad de la piel.\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\"\u003ePrimer día\u003c\/div\u003e\n\u003cp\u003eEl comienzo de la limpieza profunda de los poros\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\"\u003eEl tercer día\u003c\/div\u003e\n\u003cp\u003eReducir el tamaño de los poros\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\"\u003eDía cinco\u003c\/div\u003e\n\u003cp\u003ePiel más suave\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\"\u003eEl séptimo día\u003c\/div\u003e\n\u003cp\u003eLa desaparición de los puntos negros\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\" class=\"hero-image\" 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\"\/\u003e\n\u003ch3\u003eResultados extraordinarios en una semana\u003c\/h3\u003e\n\u003cp\u003eLos resultados clínicos muestran una mejora significativa en el aspecto de la piel después de usar el producto regularmente durante apenas una semana.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch3\u003eEspecialista en la limpieza y reducción de los poros\u003c\/h3\u003e\n\u003cp\u003eDiseñado \u003cstrong\u003eCOSRX BHA Blackhead Power Liquid\u003c\/strong\u003e Diseñado específicamente para limpiar profundamente los poros y reducir su tamaño, otorgando una piel más clara y joven. Se distingue por su composición que contiene \u003cstrong\u003eExtracto de corteza de sauce\u003c\/strong\u003e Y\u003cstrong\u003eBetaína salicilato\u003c\/strong\u003eEsto ayuda a reducir la inflamación y mejorar la salud general de la piel.\u003c\/p\u003e\n\u003c!-- Feature Grid --\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch4\u003eLimpieza profunda de los poros\u003c\/h4\u003e\n\u003cp\u003ePenetra en profundidad en los poros para eliminar impurezas y aceites acumulados que causan los puntos negros\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch4\u003eRegeneración de las células de la piel\u003c\/h4\u003e\n\u003cp\u003eAyuda a acelerar el proceso de renovación de las células de la piel para una piel más luminosa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch4\u003eReduce los poros\u003c\/h4\u003e\n\u003cp\u003eReduce significativamente el tamaño de los poros dilatados con un uso regular\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\" class=\"hero-image\" 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\"\/\u003e\u003c\/div\u003e\n\u003ch3\u003eMejor que otros exfoliantes BHA\u003c\/h3\u003e\n\u003cp\u003eEste producto se distingue de otros exfoliantes BHA por su fórmula única que combina eficacia y suavidad en la piel. Además, no contiene fragancias ni alcohol, lo que lo hace ideal para todo tipo de piel, incluso las sensibles.\u003c\/p\u003e\n\u003ch3\u003e¿Por qué este producto tiene una buena relación calidad-precio?\u003c\/h3\u003e\n\u003cdiv class=\"value-points\"\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eTamaño envase grande (100 ml)\u003c\/strong\u003e\n\u003cp\u003eSuficiente para varios meses de uso regular\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eEficacia a largo plazo\u003c\/strong\u003e\n\u003cp\u003eUna aplicación es suficiente para obtener resultados que duran toda una semana\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eIngredientes activos altamente concentrados\u003c\/strong\u003e\n\u003cp\u003eContiene una alta concentración de ácido salicílico (BHA) para eliminar los puntos negros\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eComponentes adicionales valiosos\u003c\/strong\u003e\n\u003cp\u003eCómo agua de corteza de sauce para limpiar los poros y renovar las células de la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eNo es necesario el uso diario\u003c\/strong\u003e\n\u003cp\u003ePuede ser usado con menos frecuencia obteniendo resultados duraderos, lo que aumenta su valor respecto al precio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"separator\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003ch3\u003ePrincipales ingredientes y su funcionamiento:\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-container\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eBetaína salicilato 4%\u003c\/h4\u003e\n\u003cp\u003eUna alternativa más delicada al ácido salicílico, exfolia la piel y disuelve el sebo en los poros, ayudando a reducir los puntos negros y mejorar la textura de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eExtracto de corteza de sauce (Extracto de corteza de Salix Alba)\u003c\/h4\u003e\n\u003cp\u003eSe considera una fuente natural de betaína salicilato, que contribuye a reducir la inflamación y a mejorar la salud general de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eButilenglicol\u003c\/h4\u003e\n\u003cp\u003eActúa como emoliente, ayudando a mantener la humedad de la piel y mejorando la absorción de otros ingredientes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eEtil hexanodiol\u003c\/h4\u003e\n\u003cp\u003eUsado como disolvente, ayuda a mejorar la consistencia del producto y a facilitar su distribución sobre la piel.\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\u003eLa solución ideal para deshacerse de los puntos negros y obtener una piel clara, sin impurezas.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eComienza ahora y di adiós a los puntos negros para siempre!\u003c\/strong\u003e\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eCompra ahora\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":"some-by-mi-bye-bye-blackhead","title":"Some By Mi Bye Bye Blackhead 30 Days Miracle Green Tea Tox Bubble Cleanser 120g","description":"\u003cdiv class=\"bbbh-premium-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n        \/* Styles *\/\n            --bbbh-bg-card: rgba(10, 30, 18, 0.6); \/* Styles *\/\n            --bbbh-neon-main: #00e676; \/* Styles *\/\n            --bbbh-neon-light: #69f0ae; \/* Styles *\/\n            --bbbh-tea-dark: #1b5e20;\n            --bbbh-glow: rgba(0, 230, 118, 0.35);\n            --bbbh-text-main: #f0fdf4;\n            --bbbh-text-muted: #a7c0b1;\n            --bbbh-border: rgba(0, 230, 118, 0.25);\n            --bbbh-border-hover: rgba(105, 240, 174, 0.6);\n            --bbbh-alert: #ff5252;\n            \n            background-color: var(--bbbh-bg-deep);\n            color: var(--bbbh-text-main);\n            font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            line-height: 1.7;\n            overflow: hidden;\n            position: relative;\n            padding: 40px 0;\n            border-radius: 20px;\n            box-shadow: 0 0 80px rgba(0, 230, 118, 0.05) inset;\n        }\n\n        .bbbh-premium-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }\n\n        .bbbh-premium-wrapper img {\n            max-width: 100%; height: auto; border-radius: 16px;\n            display: block; margin: 0 auto; box-shadow: 0 15px 40px rgba(0,0,0,0.6);\n        }\n\n        .bbbh-container {\n            max-width: 900px; margin: 0 auto; padding: 0 20px;\n            position: relative; z-index: 2;\n        }\n\n        \/* === Floating Magic Bubbles Background === *\/\n        .bbbh-ambient-particles {\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n            z-index: 1; pointer-events: none; overflow: hidden;\n            background: radial-gradient(circle at 15% 50%, rgba(0, 230, 118, 0.05), transparent 40%),\n                        radial-gradient(circle at 85% 30%, rgba(27, 94, 32, 0.1), transparent 40%);\n        }\n\n        .bbbh-particle {\n            position: absolute; border-radius: 50%; bottom: -100px;\n            border: 1px solid rgba(105, 240, 174, 0.3);\n            background: radial-gradient(circle at 30% 30%, rgba(105, 240, 174, 0.2), transparent);\n            box-shadow: inset 0 0 10px rgba(0, 230, 118, 0.2), 0 0 15px var(--bbbh-glow);\n            animation: floatUpBubbles 12s infinite ease-in;\n        }\n\n        @keyframes floatUpBubbles {\n            0% { transform: translateY(0) scale(0.5) translateX(0); opacity: 0; }\n            20% { opacity: 0.8; }\n            80% { opacity: 0.5; }\n            100% { transform: translateY(-1500px) scale(1.5) translateX(30px); opacity: 0; }\n        }\n\n        \/* === Typography === *\/\n        .bbbh-title-glow {\n            display: block; width: 100%; font-size: clamp(26px, 4.5vw, 42px);\n            font-weight: 900; text-align: center; margin-bottom: 20px; line-height: 1.4;\n            background: linear-gradient(135deg, #ffffff 0%, var(--bbbh-neon-light) 60%, var(--bbbh-neon-main) 100%);\n            -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n            text-shadow: 0 0 30px var(--bbbh-glow);\n        }\n\n        .bbbh-section-title {\n            display: block; width: 100%; font-size: clamp(24px, 4vw, 32px);\n            font-weight: 800; color: var(--bbbh-neon-light); text-align: center;\n            margin: 60px auto 30px; position: relative; line-height: 1.5;\n        }\n\n        .bbbh-section-title::after {\n            content: ''; position: absolute; bottom: -12px; left: 50%; transform: translateX(-50%);\n            width: clamp(80px, 30%, 150px); height: 3px;\n            background: linear-gradient(90deg, transparent, var(--bbbh-neon-main), transparent);\n            border-radius: 10px; box-shadow: 0 0 10px var(--bbbh-neon-main);\n        }\n\n        \/* === Hero Section === *\/\n        .bbbh-hero { text-align: center; padding: 20px 0 40px; }\n\n        .bbbh-badge {\n            display: inline-block; background: rgba(0, 230, 118, 0.15);\n            border: 1px solid var(--bbbh-neon-main); color: var(--bbbh-neon-light);\n            padding: 8px 25px; border-radius: 30px; font-size: 0.95rem; font-weight: bold;\n            margin-bottom: 25px; box-shadow: 0 0 20px var(--bbbh-glow);\n        }\n        \n        .bbbh-hero-subtitle {\n            font-size: 1.15rem; color: var(--bbbh-text-muted); max-width: 800px;\n            margin: 0 auto 30px; font-weight: 500; line-height: 1.8;\n            border-right: 3px solid var(--bbbh-neon-main); padding-right: 15px;\n            background: linear-gradient(90deg, transparent, rgba(0, 230, 118, 0.05));\n            border-radius: 8px 0 0 8px;\n        }\n\n        \/* === Glassmorphism Cards === *\/\n        .bbbh-glass-box {\n            background: var(--bbbh-bg-card); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);\n            border: 1px solid var(--bbbh-border); border-radius: 20px; padding: 35px;\n            margin: 40px 0; box-shadow: 0 20px 50px rgba(0,0,0,0.6); position: relative; overflow: hidden;\n        }\n\n        .bbbh-glass-box::before {\n            content: ''; position: absolute; top: 0; right: 0; width: 4px; height: 100%;\n            background: linear-gradient(180deg, var(--bbbh-neon-light), var(--bbbh-neon-main), transparent);\n            box-shadow: 0 0 15px var(--bbbh-neon-main);\n        }\n\n        \/* === Agitation (Warning Box) === *\/\n        .bbbh-warning-box {\n            background: linear-gradient(145deg, rgba(255, 82, 82, 0.1), rgba(0,0,0,0.8));\n            border: 1px solid rgba(255, 82, 82, 0.3); border-right: 4px solid var(--bbbh-alert);\n            padding: 25px; border-radius: 12px; margin: 30px 0;\n        }\n\n        .bbbh-warning-box h3 { color: var(--bbbh-alert); font-size: 1.25rem; margin-bottom: 10px; display: flex; align-items: center; gap: 10px; }\n\n        \/* === The Mechanism (Bubble Transformation) === *\/\n        .bbbh-transform-container {\n            display: flex; flex-direction: column; gap: 20px; align-items: center; margin: 40px 0;\n        }\n        @media (min-width: 768px) {\n            .bbbh-transform-container { flex-direction: row; justify-content: space-between; }\n        }\n\n        .bbbh-transform-step {\n            flex: 1; background: rgba(0,0,0,0.4); border: 1px dashed var(--bbbh-neon-main);\n            padding: 25px; border-radius: 16px; text-align: center; transition: all 0.3s;\n            position: relative;\n        }\n\n        .bbbh-transform-step:hover { background: rgba(0, 230, 118, 0.05); transform: translateY(-5px); box-shadow: 0 10px 20px var(--bbbh-glow); }\n\n        .bbbh-arrow {\n            font-size: 2rem; color: var(--bbbh-neon-light); transform: rotate(90deg);\n        }\n        @media (min-width: 768px) {\n            .bbbh-arrow { transform: rotate(180deg); }\n        }\n\n        \/* === Ingredients Grid === *\/\n        .bbbh-grid {\n            display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin: 30px 0;\n        }\n\n        .bbbh-card {\n            background: linear-gradient(145deg, rgba(10, 30, 18, 0.7), rgba(5, 15, 9, 0.9));\n            border: 1px solid var(--bbbh-border); border-radius: 16px; padding: 30px 25px;\n            transition: all 0.4s ease; position: relative; overflow: hidden; z-index: 1;\n        }\n\n        .bbbh-card::after {\n            content: ''; position: absolute; bottom: -50%; right: -50%; width: 100%; height: 100%;\n            background: radial-gradient(circle, rgba(0, 230, 118, 0.1) 0%, transparent 70%);\n            z-index: -1; transition: all 0.5s;\n        }\n\n        .bbbh-card:hover {\n            transform: translateY(-8px); border-color: var(--bbbh-neon-light);\n            box-shadow: 0 15px 30px var(--bbbh-glow);\n        }\n\n        .bbbh-card:hover::after { bottom: -10%; right: -10%; }\n\n        .bbbh-icon {\n            width: 60px; height: 60px; background: rgba(0, 230, 118, 0.1);\n            border: 1px solid rgba(105, 240, 174, 0.3); border-radius: 14px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 20px; color: var(--bbbh-neon-light); font-size: 28px;\n            transition: all 0.3s ease; box-shadow: 0 0 15px rgba(0, 230, 118, 0.2);\n        }\n        \n        .bbbh-card:hover .bbbh-icon {\n            background: var(--bbbh-neon-main); color: #000; transform: scale(1.1) rotate(-5deg); box-shadow: 0 0 25px var(--bbbh-neon-main);\n        }\n\n        .bbbh-card h3 { font-size: 1.25rem; color: #fff; margin-bottom: 12px; line-height: 1.4; }\n        .bbbh-card p { color: var(--bbbh-text-muted); font-size: 0.95rem; line-height: 1.6; }\n\n        \/* === Value \/ Price Box === *\/\n        .bbbh-value-box {\n            background: linear-gradient(145deg, rgba(212, 175, 55, 0.1), rgba(0,0,0,0.8));\n            border: 1px solid rgba(212, 175, 55, 0.3); border-right: 4px solid #d4af37;\n            padding: 35px; border-radius: 16px; margin: 50px 0;\n        }\n\n        \/* === Usage Steps === *\/\n        .bbbh-steps-wrap { display: flex; flex-direction: column; gap: 15px; margin-top: 30px; }\n        \n        .bbbh-step-item {\n            display: flex; align-items: center; background: rgba(255,255,255,0.02);\n            border: 1px solid var(--bbbh-border); padding: 20px; border-radius: 12px; transition: all 0.3s;\n        }\n        \n        .bbbh-step-item:hover { border-color: var(--bbbh-neon-main); background: rgba(0, 230, 118, 0.05); transform: translateX(-5px); }\n\n        .bbbh-step-num {\n            font-size: 2rem; font-weight: 900; color: transparent; -webkit-text-stroke: 1px var(--bbbh-neon-light);\n            margin-left: 20px; min-width: 45px; text-align: center; text-shadow: 0 0 10px rgba(0, 230, 118, 0.3);\n        }\n\n        \/* === Animations === *\/\n        .bbbh-reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n        .bbbh-reveal.bbbh-active { opacity: 1; transform: translateY(0); }\n        .bbbh-delay-1 { transition-delay: 0.1s; }\n        .bbbh-delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .bbbh-step-item { flex-direction: column; text-align: center; }\n            .bbbh-step-num { margin-left: 0; margin-bottom: 15px; }\n        }\n    \u003c\/style\u003e\n\u003c!-- Toxic Green Bubbles Background --\u003e\n\u003cdiv class=\"bbbh-ambient-particles\" id=\"bbbh-particles-ar\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bbbh-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"bbbh-hero bbbh-reveal bbbh-active\"\u003e\n\u003cdiv class=\"bbbh-badge\"\u003eAdiós a las sesiones de limpieza de la piel costosas\u003c\/div\u003e\n\u003ch1 class=\"bbbh-title-glow\"\u003eEscoba verde: ¡solo 5 minutos para eliminar los comedones que has sufrido durante años!\u003c\/h1\u003e\n\u003cp class=\"bbbh-hero-subtitle\"\u003e\n                Descubre la magia coreana que todos los productos tradicionales de cuidado no pueden alcanzar. Una vez aplicado sobre la piel, el gel verde se transforma en millones de burbujas de gas activo para disolver el \"bosque\" de puntos negros frente a tus ojos al mirarte en el espejo.\n            \u003c\/p\u003e\n\u003cimg alt=\"Some By Mi Bye Bye Blackhead\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Green_cleanser_bottle_in_water_202608291700.jpg?v=1788012066\" style=\"margin: 0 auto 30px;\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- 2. The Agitation (The Problem with normal methods) --\u003e\n\u003cdiv class=\"bbbh-warning-box bbbh-reveal\"\u003e\n\u003ch3\u003e🚨 ¡Deja de destruir tus poros con métodos anticuados!\u003c\/h3\u003e\n\u003cp style=\"color: #fff; font-size: 1.05rem; line-height: 1.8;\"\u003e\n                Usar parches nasales daña la barrera hidro-lipídica, y apretar los comedones con las manos deja cicatrices y hundimientos que duran para siempre. Los comedones no son solo “suciedad superficial”, son sebo endurecido arraigado profundamente en los poros. \u003cstrong style=\"color: var(--bbbh-alert);\"\u003eNo necesitas fuerza mecánica para exprimir, ¡necesitas ingenio químico para disolverlo!\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 3. The Mechanism (Bubble Magic) --\u003e\n\u003ch2 class=\"bbbh-section-title bbbh-reveal\"\u003e¿Cómo sucede la magia? (Tecnología Green Tea Tox)\u003c\/h2\u003e\n\u003cimg alt=\"Bubble Magic\" class=\"bbbh-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cleanser_foaming_with_tea_tree_202608291658.jpg?v=1788011959\" style=\"margin: 0 auto 30px; border: 1px solid var(--bbbh-border);\"\/\u003e\n\u003cp class=\"bbbh-reveal\" style=\"text-align: center; color: var(--bbbh-text-muted); font-size: 1.1rem;\"\u003eMira la extraordinaria transformación en solo 5 minutos:\u003c\/p\u003e\n\u003cdiv class=\"bbbh-transform-container bbbh-reveal\"\u003e\n\u003cdiv class=\"bbbh-transform-step\"\u003e\n\u003ch4 style=\"color: var(--bbbh-neon-light); margin-bottom: 10px; font-size: 1.3rem;\"\u003ePaso 1: Gel verde\u003c\/h4\u003e\n\u003cp style=\"color: var(--bbbh-text-muted);\"\u003eUna vez aplicado en seco, el gel concentrado de té verde penetra profundamente en los poros obstruidos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bbbh-arrow\"\u003e➔\u003c\/div\u003e\n\u003cdiv class=\"bbbh-transform-step\" style=\"border-color: #fff; box-shadow: 0 0 20px rgba(255,255,255,0.2);\"\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 10px; font-size: 1.3rem;\"\u003ePaso 2: Foam Blast\u003c\/h4\u003e\n\u003cp style=\"color: var(--bbbh-text-muted);\"\u003eAutomáticamente y milagrosamente, el gel se transforma en un bosque de microburbujas ricas en BHA y comienza a disolver la grasa endurecida.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bbbh-arrow\"\u003e➔\u003c\/div\u003e\n\u003cdiv class=\"bbbh-transform-step\" style=\"border-color: var(--bbbh-neon-main); background: rgba(0, 230, 118, 0.1);\"\u003e\n\u003ch4 style=\"color: var(--bbbh-neon-main); margin-bottom: 10px; font-size: 1.3rem;\"\u003ePaso 3: Barrer y frotar\u003c\/h4\u003e\n\u003cp style=\"color: var(--bbbh-text-muted);\"\u003eCuando masajeas la espuma y la retiras con agua, todos los puntos negros, los puntos blancos y la piel muerta se eliminan junto con ella.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. UVP \/ Ingredients Synergy --\u003e\n\u003cdiv class=\"bbbh-glass-box bbbh-reveal\"\u003e\n\u003ch2 style=\"color: #fff; font-size: 1.6rem; text-align: center; margin-bottom: 20px;\"\u003eCombinación sinérgica invencible (ácidos + 16 tés)\u003c\/h2\u003e\n\u003cimg alt=\"Ingredients Synergy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cleanser_dispensing_cream_on_stone_202608291700.jpg?v=1788012066\" style=\"margin: 0 auto 25px; border-radius: 12px; border: 1px solid var(--bbbh-border);\"\/\u003e\n\u003cp style=\"text-align: center; color: var(--bbbh-text-muted); font-size: 1.1rem; line-height: 1.8; margin-bottom: 25px;\"\u003e\n                Solo té verde \u003cstrong style=\"color: var(--bbbh-neon-light);\"\u003eExpulsa las toxinas y calma\u003c\/strong\u003e...y los ácidos (AHA\/BHA\/PHA) solos \u003cstrong style=\"color: var(--bbbh-neon-light);\"\u003eDisuelve las grasas\u003c\/strong\u003e.. \u003cbr\/\u003e\n\u003cspan style=\"display: block; font-size: 1.4rem; color: var(--bbbh-neon-main); font-weight: bold; margin-top: 15px; text-shadow: 0 0 10px var(--bbbh-glow);\"\u003e¿Ambos juntos? ¡El vacío más potente del mundo para limpiar y reducir los poros!\u003c\/span\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bbbh-grid\"\u003e\n\u003cdiv class=\"bbbh-card bbbh-reveal\"\u003e\n\u003cdiv class=\"bbbh-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003e16 tipos de extractos de té\u003c\/h3\u003e\n\u003cp\u003eUna mezcla exclusiva que incluye té verde, agujas de pino y otros ingredientes para proporcionar una doble protección como potente antibacterial, esteriliza los poros y previene la formación de nuevos granos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bbbh-card bbbh-reveal bbbh-delay-1\"\u003e\n\u003cdiv class=\"bbbh-icon\"\u003e🧪\u003c\/div\u003e\n\u003ch3\u003eÁcidos BHA a una concentración de 5000 ppm\u003c\/h3\u003e\n\u003cp\u003eEl ácido salicílico natural penetra eficazmente en el sebo, disolviendo el “cemento de sebo” que adhiere los puntos negros a la pared del poro.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bbbh-card bbbh-reveal bbbh-delay-2\"\u003e\n\u003cdiv class=\"bbbh-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eÁcidos AHA y PHA\u003c\/h3\u003e\n\u003cp\u003eExfoliación superficial delicada e hidrofilica, elimina las células muertas acumuladas y afina la textura de la piel áspera hasta quedar lisa como el vidrio.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bbbh-card bbbh-reveal\"\u003e\n\u003cdiv class=\"bbbh-icon\"\u003e⚖️\u003c\/div\u003e\n\u003ch3\u003eKonjac \u0026amp; Ceramide\u003c\/h3\u003e\n\u003cp\u003eLos gránulos de konjac natural eliminan las impurezas residuales durante el masaje, mientras que las ceramidas mantienen la humedad en la piel para que no se reseque después del lavado.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. Value Proposition (Is it expensive?) --\u003e\n\u003cdiv class=\"bbbh-value-box bbbh-reveal\"\u003e\n\u003ch2 style=\"color: #d4af37; font-size: 1.8rem; margin-bottom: 15px; display: flex; align-items: center; gap: 10px;\"\u003e💎 Valor excepcional (tu inversión más inteligente)\u003c\/h2\u003e\n\u003cimg alt=\"Value Proposition\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_By_Mi_cleanser_floating_202608291658.jpg?v=1788011960\" style=\"margin: 0 auto 20px; border-radius: 12px;\"\/\u003e\n\u003cp style=\"color: #fff; font-size: 1.1rem; line-height: 1.8;\"\u003e\n                El precio puede parecer más alto a primera vista en comparación con las lavadoras normales, pero lo es \u003cstrong\u003e¡Te hace ahorrar miles de libras!\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cul style=\"list-style: none; margin-top: 15px; color: var(--bbbh-text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 10px;\"\u003e\n\u003cstrong\u003e✓ Producto 2 en 1:\u003c\/strong\u003e Funciona como mascarilla limpiadora profunda (en 5 minutos) y como limpiador diario.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px;\"\u003e\n\u003cstrong\u003e✓ Un punto es suficiente:\u003c\/strong\u003e El gel se transforma en una espuma enorme y densa, lo que significa que un paquete durará muchos meses.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e✓ Adiós a los salones:\u003c\/strong\u003e Eliminará completamente la necesidad de costosas y dolorosas sesiones de limpieza de la piel y purificación profunda y antigranos en las clínicas.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Usage Protocol (Corrected) --\u003e\n\u003ch2 class=\"bbbh-section-title bbbh-reveal\"\u003eTu guía para eliminar los puntos negros (cómo usarla)\u003c\/h2\u003e\n\u003cimg alt=\"Usage Guide\" class=\"bbbh-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cleanser_bottle_on_volcanic_ice_202608291700.jpg?v=1788012067\" style=\"margin: 0 auto 30px;\"\/\u003e\n\u003cp class=\"bbbh-reveal\" style=\"text-align: center; color: var(--bbbh-neon-light); font-weight: bold; margin-bottom: 30px;\"\u003eComo máscara de 5 minutos (2-3 veces por semana):\u003c\/p\u003e\n\u003cdiv class=\"bbbh-steps-wrap bbbh-reveal\"\u003e\n\u003cdiv class=\"bbbh-step-item\"\u003e\n\u003cdiv class=\"bbbh-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 5px; font-size: 1.15rem;\"\u003eDistribución del gel (seco)\u003c\/h4\u003e\n\u003cp style=\"color: var(--bbbh-text-muted);\"\u003eSobre la piel \u003cstrong\u003eCompletamente seco\u003c\/strong\u003eAplica una capa fina de gel en la cara o en las zonas de puntos negros (nariz y mentón).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bbbh-step-item\"\u003e\n\u003cdiv class=\"bbbh-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 5px; font-size: 1.15rem;\"\u003eEl ascenso de la espuma mágica\u003c\/h4\u003e\n\u003cp style=\"color: var(--bbbh-text-muted);\"\u003eUna vez que empieza a transformarse en una espuma rica, déjalo durante 3-5 minutos para disolver la grasa y las impurezas desde el interior.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bbbh-step-item\"\u003e\n\u003cdiv class=\"bbbh-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 5px; font-size: 1.15rem;\"\u003eMasaje y cepillado\u003c\/h4\u003e\n\u003cp style=\"color: var(--bbbh-text-muted);\"\u003eMoja las puntas de los dedos con un poco de agua y masajea suavemente la espuma con movimientos circulares para exfoliar las células muertas con los gránulos de konjac.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bbbh-step-item\"\u003e\n\u003cdiv class=\"bbbh-step-num\"\u003e4\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 5px; font-size: 1.15rem;\"\u003eEnjuague final\u003c\/h4\u003e\n\u003cp style=\"color: var(--bbbh-text-muted);\"\u003eEnjuagar bien el rostro con agua tibia y disfrutar de poros limpios y pequeños y piel luminosa y radiante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"bbbh-reveal\" style=\"text-align: center; color: var(--bbbh-text-muted); margin-top: 15px; font-size: 0.95rem;\"\u003e\u003cem\u003e* Puede ser usado como limpiador diario con espuma rápida con agua en lugar de dejarlo durante 5 minutos\u003c\/em\u003e\u003c\/p\u003e\n\u003c!-- 7. Final CTA --\u003e\n\u003cdiv class=\"bbbh-glass-box bbbh-reveal\" style=\"margin-top: 60px; text-align: center; border-color: var(--bbbh-neon-main);\"\u003e\n\u003ch2 class=\"bbbh-title-glow\" style=\"font-size: clamp(24px, 4vw, 36px);\"\u003ePoros dilatados, no esperes... ¡límpialos ahora!\u003c\/h2\u003e\n\u003cimg alt=\"Final Call to Action\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cleanser_bottle_in_ice_202608291700.jpg?v=1788012067\" style=\"margin: 0 auto 25px; border: 1px solid var(--bbbh-border);\"\/\u003e\n\u003cp style=\"font-size: 1.15rem; color: #fff; max-width: 750px; margin: 0 auto 20px; line-height: 1.8;\"\u003e\n                Cada día que retrasas, el sebo en tus poros se endurece más, se expande y se vuelve visible y molesto. Restaura la suavidad y la claridad de tu piel con la magia verde coreana.\n            \u003c\/p\u003e\n\u003cp style=\"color: var(--bbbh-neon-light); font-size: 1.5rem; font-weight: bold; margin-bottom: 20px; text-shadow: 0 0 15px var(--bbbh-glow);\"\u003e\n                Ordena ahora Some By Mi Bye Bye Blackhead Wash y nota la diferencia inmediata desde los primeros 5 minutos!\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            var reveals = document.querySelectorAll('.bbbh-reveal');\n            var revealObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('bbbh-active');\n                        observer.unobserve(entry.target); \n                    }\n                });\n            }, { root: null, threshold: 0.15, rootMargin: \"0px 0px -50px 0px\" });\n\n            reveals.forEach(function(reveal) { reveal.classList.remove('bbbh-active'); revealObserver.observe(reveal); });\n\n            \/\/ Generate Bubbles\n            var ambientContainer = document.getElementById('bbbh-particles-ar');\n            for (var i = 0; i \u003c 25; i++) {\n                var particle = document.createElement('div');\n                particle.classList.add('bbbh-particle');\n                var size = Math.random() * 40 + 10; \n                particle.style.width = size + 'px';\n                particle.style.height = size + 'px';\n                particle.style.left = Math.random() * 100 + '%';\n                particle.style.animationDuration = (Math.random() * 10 + 8) + 's';\n                particle.style.animationDelay = (Math.random() * 5) + 's';\n                ambientContainer.appendChild(particle);\n            }\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":44588880036037,"sku":null,"price":1190.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/somebymibyebyeblackheadgreenteadetox_1.jpg?v=1742642843"},{"product_id":"beauty-of-joseon-glow-serum-propolis-niacinamide","title":"Beauty Of Joseon Glow Serum Propolis + Niacinamide","description":"\u003cstyle\u003e\n  * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n  \n  .joseon-container {\n    max-width: 1100px;\n    margin: 0 auto;\n    direction: ltr;\n    text-align: left;\n    color: #333;\n    overflow-x: hidden;\n    padding: 0 15px;\n    font-family: sans-serif;\n    background: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c9a97e' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n  }\n  \n  .hero-section {\n    position: relative;\n    padding: 35px 25px;\n    background: linear-gradient(135deg, #f8f8f8 0%, #fff 100%);\n    border-radius: 10px;\n    overflow: hidden;\n    margin-bottom: 30px;\n    box-shadow: 0 10px 30px rgba(201, 169, 126, 0.08);\n    border: 1px solid rgba(201, 169, 126, 0.12);\n  }\n  \n  .hero-section::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 100%;\n    height: 5px;\n    background: linear-gradient(to right, rgba(201, 169, 126, 0.5), #c9a97e);\n  }\n  \n  .hero-section::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 50%;\n    height: 180px;\n    background: url(\"data:image\/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23c9a97e' fill-opacity='0.1' fill-rule='evenodd'\/%3E%3C\/svg%3E\");\n    opacity: 0.2;\n    z-index: 1;\n  }\n  \n  .hero-content {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    gap: 30px;\n    align-items: center;\n  }\n  \n  .hero-image {\n    flex-shrink: 0;\n    width: 250px;\n    border-radius: 5px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n  }\n  \n  .hero-text {\n    flex: 1;\n  }\n  \n  .brand {\n    font-size: 18px;\n    color: #c9a97e;\n    letter-spacing: 1px;\n    margin-bottom: 10px;\n    font-weight: bold;\n    text-transform: uppercase;\n    display: inline-block;\n    position: relative;\n  }\n  \n  .brand::after {\n    content: \"\";\n    position: absolute;\n    bottom: -3px;\n    right: 0;\n    width: 100%;\n    height: 1px;\n    background: linear-gradient(to left, #c9a97e, transparent);\n  }\n  \n  .main-title {\n    font-size: 32px;\n    margin-bottom: 15px;\n    color: #222;\n    line-height: 1.2;\n    font-weight: bold;\n  }\n  \n  .main-title span {\n    color: #c9a97e;\n    position: relative;\n    display: inline-block;\n  }\n  \n  .main-title span::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 6px;\n    background: rgba(201, 169, 126, 0.1);\n    border-radius: 3px;\n    z-index: -1;\n  }\n  \n  .hero-subtitle {\n    font-size: 18px;\n    margin-bottom: 20px;\n    opacity: 0.9;\n    line-height: 1.5;\n  }\n  \n  .hero-badges {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    margin-top: 20px;\n  }\n  \n  .badge {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(201, 169, 126, 0.05);\n    padding: 6px 12px;\n    border-radius: 30px;\n    font-size: 13px;\n    font-weight: 500;\n    color: #555;\n    border: 1px solid rgba(201, 169, 126, 0.1);\n  }\n  \n  .ingredients-section {\n    margin: 40px 0;\n    display: flex;\n    gap: 30px;\n    align-items: center;\n  }\n  \n  .ingredients-content {\n    flex: 1;\n  }\n  \n  .section-title {\n    font-size: 28px;\n    margin-bottom: 20px;\n    color: #222;\n    position: relative;\n    padding-bottom: 12px;\n    font-weight: bold;\n  }\n  \n  .section-title::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 60px;\n    height: 3px;\n    background: linear-gradient(to left, #c9a97e, rgba(201, 169, 126, 0.3));\n    border-radius: 3px;\n  }\n  \n  .ingredient-box {\n    background: white;\n    border-radius: 10px;\n    padding: 20px;\n    margin-bottom: 20px;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n    border: 1px solid rgba(201, 169, 126, 0.08);\n    position: relative;\n    overflow: hidden;\n    transition: all 0.3s ease;\n  }\n  \n  .ingredient-box:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 10px 25px rgba(201, 169, 126, 0.1);\n  }\n  \n  .ingredient-box::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 100%;\n    height: 3px;\n    background: linear-gradient(to left, #c9a97e, transparent);\n  }\n  \n  .ingredient-title {\n    font-size: 20px;\n    margin-bottom: 12px;\n    color: #c9a97e;\n    font-weight: bold;\n  }\n  \n  .ingredient-desc {\n    line-height: 1.6;\n    color: #555;\n  }\n  \n  .video-container {\n    flex: 1;\n    border-radius: 10px;\n    overflow: hidden;\n    position: relative;\n  }\n  \n  .video-container video {\n    width: 100%;\n    height: auto;\n    display: block;\n    object-fit: cover;\n  }\n  \n  .benefits-section {\n    margin: 50px 0;\n  }\n  \n  .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n    gap: 20px;\n    margin-top: 25px;\n  }\n  \n  .benefit-card {\n    background: white;\n    border-radius: 10px;\n    padding: 25px;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n    border: 1px solid rgba(201, 169, 126, 0.08);\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .benefit-card::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 3px;\n    background: linear-gradient(to right, rgba(201, 169, 126, 0.3), #c9a97e);\n    transform: scaleX(0);\n    transform-origin: right;\n    transition: transform 0.4s ease;\n  }\n  \n  .benefit-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 10px 25px rgba(201, 169, 126, 0.1);\n  }\n  \n  .benefit-card:hover::after {\n    transform: scaleX(1);\n  }\n  \n  .benefit-icon {\n    color: #c9a97e;\n    font-size: 30px;\n    margin-bottom: 15px;\n  }\n  \n  .benefit-title {\n    font-size: 18px;\n    margin-bottom: 10px;\n    color: #333;\n    font-weight: bold;\n  }\n  \n  .timeline-section {\n    margin: 60px 0;\n    background: linear-gradient(135deg, rgba(201, 169, 126, 0.03) 0%, rgba(201, 169, 126, 0.08) 100%);\n    padding: 40px 15px;\n    border-radius: 10px;\n    border: 1px solid rgba(201, 169, 126, 0.1);\n  }\n  \n  .timeline-container {\n    position: relative;\n    margin-top: 40px;\n    padding-right: 40px;\n  }\n  \n  .timeline-bar {\n    position: absolute;\n    top: 0;\n    right: 18px;\n    width: 3px;\n    height: 100%;\n    background: linear-gradient(to bottom, rgba(201, 169, 126, 0.3), #c9a97e, rgba(201, 169, 126, 0.3));\n    border-radius: 2px;\n    z-index: 1;\n  }\n  \n  .timeline-items {\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .timeline-item {\n    display: flex;\n    flex-direction: column;\n    margin-bottom: 60px;\n    position: relative;\n  }\n  \n  .timeline-item:last-child {\n    margin-bottom: 0;\n  }\n  \n  .timeline-header {\n    display: flex;\n    align-items: center;\n    margin-bottom: 15px;\n  }\n  \n  .timeline-date {\n    font-weight: bold;\n    color: #c9a97e;\n    text-align: left;\n    font-size: 16px;\n    margin-right: 10px;\n  }\n  \n  .timeline-dot {\n    width: 18px;\n    height: 18px;\n    background: white;\n    border: 3px solid #c9a97e;\n    border-radius: 50%;\n    margin-right: 10px;\n    flex-shrink: 0;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .timeline-dot.active {\n    background: #c9a97e;\n  }\n  \n  .timeline-content {\n    background: white;\n    border-radius: 8px;\n    padding: 20px;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n    border: 1px solid rgba(201, 169, 126, 0.08);\n    width: 100%;\n  }\n  \n  .timeline-title {\n    font-size: 20px;\n    margin-bottom: 10px;\n    color: #333;\n    font-weight: bold;\n  }\n  \n  .timeline-desc {\n    font-size: 14px;\n    line-height: 1.6;\n    color: #555;\n  }\n  \n  .timeline-title {\n    font-size: 20px;\n    margin-bottom: 10px;\n    color: #333;\n    font-weight: bold;\n  }\n  \n  .timeline-desc {\n    font-size: 14px;\n    line-height: 1.6;\n    color: #555;\n  }\n  \n  .how-it-works {\n    margin: 50px 0;\n    display: flex;\n    gap: 30px;\n    align-items: center;\n  }\n  \n  .how-it-works-image {\n    flex: 1;\n    border-radius: 10px;\n    overflow: hidden;\n  }\n  \n  .how-it-works-image img {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 10px;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n    transition: all 0.3s ease;\n  }\n  \n  .how-it-works-image:hover img {\n    transform: scale(1.02);\n  }\n  \n  .how-it-works-content {\n    flex: 1;\n  }\n  \n  .usage-section {\n    margin: 50px 0;\n  }\n  \n  .usage-steps {\n    display: flex;\n    justify-content: space-between;\n    margin-top: 30px;\n    flex-wrap: wrap;\n  }\n  \n  .step {\n    flex: 1;\n    min-width: 200px;\n    text-align: center;\n    padding: 0 15px;\n    margin-bottom: 20px;\n  }\n  \n  .step-number {\n    width: 50px;\n    height: 50px;\n    background: linear-gradient(135deg, #c9a97e, #d9c09e);\n    border-radius: 50%;\n    color: white;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 20px;\n    font-weight: bold;\n    margin: 0 auto 15px;\n    box-shadow: 0 5px 15px rgba(201, 169, 126, 0.2);\n  }\n  \n  .step-text {\n    font-size: 16px;\n    line-height: 1.5;\n    color: #333;\n  }\n  \n  .cta-section {\n    text-align: center;\n    margin: 60px 0;\n    padding: 50px;\n    background: linear-gradient(135deg, rgba(201, 169, 126, 0.05) 0%, rgba(201, 169, 126, 0.1) 100%);\n    border-radius: 10px;\n    border: 1px solid rgba(201, 169, 126, 0.1);\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .cta-section::before, .cta-section::after {\n    content: \"\";\n    position: absolute;\n    width: 200px;\n    height: 200px;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(201, 169, 126, 0.15) 0%, transparent 70%);\n    z-index: 0;\n  }\n  \n  .cta-section::before {\n    top: -100px;\n    right: -50px;\n  }\n  \n  .cta-section::after {\n    bottom: -100px;\n    left: -50px;\n  }\n  \n  .cta-content {\n    position: relative;\n    z-index: 1;\n  }\n  \n  .cta-title {\n    font-size: 32px;\n    margin-bottom: 15px;\n    color: #333;\n  }\n  \n  .cta-subtitle {\n    font-size: 18px;\n    margin-bottom: 30px;\n    color: #555;\n    max-width: 700px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n  \n  .cta-button {\n    display: inline-block;\n    padding: 15px 40px;\n    background: linear-gradient(to right, #c9a97e, #d9c09e);\n    color: white;\n    text-decoration: none;\n    border-radius: 50px;\n    font-size: 18px;\n    font-weight: bold;\n    box-shadow: 0 5px 15px rgba(201, 169, 126, 0.2);\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .cta-button::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(to right, #d9c09e, #c9a97e);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    z-index: -1;\n  }\n  \n  .cta-button:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 8px 25px rgba(201, 169, 126, 0.3);\n  }\n  \n  .cta-button:hover::after {\n    opacity: 1;\n  }\n  \n  .footer-note {\n    text-align: center;\n    margin-top: 20px;\n    font-size: 14px;\n    color: #777;\n  }\n  \n  \/* Fade animations *\/\n  .fade-up {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n  \n  .pulse {\n    animation: pulse 2s infinite;\n  }\n  \n  @keyframes pulse {\n    0% {\n      transform: scale(1);\n    }\n    50% {\n      transform: scale(1.03);\n    }\n    100% {\n      transform: scale(1);\n    }\n  }\n  \n  @media (max-width: 768px) {\n    .hero-content {\n      flex-direction: column;\n    }\n    \n    .hero-image {\n      width: 200px;\n      margin-bottom: 20px;\n    }\n    \n    .ingredients-section, .how-it-works {\n      flex-direction: column;\n    }\n    \n    .timeline-items {\n      flex-direction: column;\n    }\n    \n    .timeline-bar {\n      top: 0;\n      left: 50%;\n      width: 4px;\n      height: 100%;\n      transform: translateX(-50%);\n    }\n    \n    .timeline-item {\n      width: 100%;\n      margin-bottom: 30px;\n      display: flex;\n      align-items: flex-start;\n    }\n    \n    .timeline-dot {\n      margin: 0 15px;\n    }\n    \n    .timeline-content {\n      flex: 1;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"joseon-container\"\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003cimg alt=\"Beauty of Joseon Glow Serum\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty-of-joseon-beauty-of-joseon-glow-serum-propolis-niacinamide-30ml-55897506382162_1.webp?v=1746458212\"\/\u003e\n\u003cdiv class=\"hero-text\"\u003e\n\u003cdiv class=\"brand\"\u003eBeauty of Joseon\u003c\/div\u003e\n\u003ch1 class=\"main-title\"\u003eSuero \u003cspan\u003eSol\u003c\/span\u003e Con niacinamida y propóleo de abeja\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eUna combinación sin precedentes de niacinamida y propóleo de abeja para una piel luminosa y radiante\u003c\/p\u003e\n\u003cdiv class=\"hero-badges\"\u003e\n\u003cdiv class=\"badge\"\u003e\n\u003csvg fill=\"none\" height=\"18\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"18\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n            Fórmula original coreana\n          \u003c\/div\u003e\n\u003cdiv class=\"badge\"\u003e\n\u003csvg fill=\"none\" height=\"18\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"18\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n            Sin sustancias químicas nocivas\n          \u003c\/div\u003e\n\u003cdiv class=\"badge\"\u003e\n\u003csvg fill=\"none\" height=\"18\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"18\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n            Ideal para todo tipo de piel\n          \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003cdiv class=\"ingredients-content\"\u003e\n\u003ch2 class=\"section-title\"\u003eUna combinación sin precedentes de niacinamida y propóleos de abeja\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-box\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003eNiacinamida\u003c\/h3\u003e\n\u003cp class=\"ingredient-desc\"\u003eNo es solo un ingrediente, es un milagro que reequilibra la piel, reduce las pigmentaciones y le da un color uniforme y radiante. Mejora la elasticidad de la piel y fortalece la barrera natural de hidratación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-box\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003ePropóleos (propóleos de abeja)\u003c\/h3\u003e\n\u003cp class=\"ingredient-desc\"\u003eExtraído de las colmenas, actúa como un potente antiinflamatorio y estimulante de la regeneración celular, manteniendo la piel joven y proporcionando protección natural. Combate la aparición de granos y signos de envejecimiento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp\u003eCuando estos ingredientes se unen en una sola fórmula, se transforman en un poder natural incomparable; un milagro que restaura la juventud de tu piel y le da la luminosidad que siempre has soñado.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"video-container\"\u003e\n\u003cvideo autoplay=\"\" loop=\"\" muted=\"\" playsinline=\"\" style=\"display: block; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.1);\" width=\"100%\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/3edfc44f88a3463c8bdfafe9115a57e1.mp4\" type=\"video\/mp4\"\/\u003e\n        Tu navegador no soporta la reproducción de videos.\n      \u003c\/video\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"instant-results\"\u003e\n\u003ch2 class=\"section-title\"\u003e¡Resultados inmediatos!\u003c\/h2\u003e\n\u003ch3 style=\"color: #c9a97e; text-align: center; margin: 20px 0; font-size: 22px;\"\u003ePoros más pequeños, piel más clara, piel perfecta\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eBeneficios extraordinarios para tu piel\u003c\/h2\u003e\n\u003cp\u003eEste suero es una solución completa para la piel apagada y cansada, ya que muestra efectos sorprendentes que incluyen:\u003c\/p\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card fade-up\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\n\u003csvg fill=\"none\" height=\"36\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"36\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003ccircle cx=\"12\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\n\u003cline x1=\"12\" x2=\"12\" y1=\"1\" y2=\"3\"\u003e\u003c\/line\u003e\n\u003cline x1=\"12\" x2=\"12\" y1=\"21\" y2=\"23\"\u003e\u003c\/line\u003e\n\u003cline x1=\"4.22\" x2=\"5.64\" y1=\"4.22\" y2=\"5.64\"\u003e\u003c\/line\u003e\n\u003cline x1=\"18.36\" x2=\"19.78\" y1=\"18.36\" y2=\"19.78\"\u003e\u003c\/line\u003e\n\u003cline x1=\"1\" x2=\"3\" y1=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n\u003cline x1=\"21\" x2=\"23\" y1=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n\u003cline x1=\"4.22\" x2=\"5.64\" y1=\"19.78\" y2=\"18.36\"\u003e\u003c\/line\u003e\n\u003cline x1=\"18.36\" x2=\"19.78\" y1=\"5.64\" y2=\"4.22\"\u003e\u003c\/line\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eMejora la luminosidad de la piel\u003c\/h3\u003e\n\u003cp\u003eAclarar y unificar el color de la piel reduciendo eficazmente las pigmentaciones y las manchas oscuras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card fade-up\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\n\u003csvg fill=\"none\" height=\"36\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"36\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eMejorar la textura de la piel\u003c\/h3\u003e\n\u003cp\u003eAumentar la suavidad de la piel gracias a las propiedades hidratantes e iluminadoras de la niacinamida.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card fade-up\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\n\u003csvg fill=\"none\" height=\"36\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"36\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eProtección de la piel\u003c\/h3\u003e\n\u003cp\u003eProtección contra infecciones externas y daños causados por los radicales libres gracias al poder de la propóleos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card fade-up\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\n\u003csvg fill=\"none\" height=\"36\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"36\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M18 8h1a4 4 0 0 1 0 8h-1\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z\"\u003e\u003c\/path\u003e\n\u003cline x1=\"6\" x2=\"6\" y1=\"1\" y2=\"4\"\u003e\u003c\/line\u003e\n\u003cline x1=\"10\" x2=\"10\" y1=\"1\" y2=\"4\"\u003e\u003c\/line\u003e\n\u003cline x1=\"14\" x2=\"14\" y1=\"1\" y2=\"4\"\u003e\u003c\/line\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eApoya la función de la barrera hidrolipídica\u003c\/h3\u003e\n\u003cp\u003eMantener la hidratación de la piel y prevenir su pérdida, lo que ayuda a reducir las líneas finas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eUn viaje de resultados sorprendentes\u003c\/h2\u003e\n\u003cp\u003eCon un uso regular, notarás una mejora gradual y alcanzarás resultados óptimos en pocas semanas.\u003c\/p\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-bar\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-items\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"timeline-date\"\u003ePrimer uso\u003c\/div\u003e\n\u003cdiv class=\"timeline-dot active\" id=\"timeline-0\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eHidratación instantánea\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eNotarás una hidratación inmediata de la piel y una textura más suave. La piel aparece visiblemente más fresca y radiante desde el primer uso.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"timeline-date\"\u003eDespués de una semana\u003c\/div\u003e\n\u003cdiv class=\"timeline-dot\" id=\"timeline-1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eMejora de la textura y luminosidad\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eLa piel se vuelve más luminosa y suave. El enrojecimiento y la irritación se reducen gracias a las propiedades antiinflamatorias de la propóleos. Reducción evidente de la grasitud de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"timeline-date\"\u003eDespués de dos semanas\u003c\/div\u003e\n\u003cdiv class=\"timeline-dot\" id=\"timeline-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eReducir la pigmentación\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eLos resultados de la unificación del tono de la piel empiezan a aparecer. Las manchas oscuras y la hiperpigmentación se reducen gradualmente. La piel se vuelve más luminosa y fresca, con poros más pequeños y menos visibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"timeline-date\"\u003eDespués de un mes\u003c\/div\u003e\n\u003cdiv class=\"timeline-dot\" id=\"timeline-3\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eTransformación visible\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eMejora significativa en la textura y el tono de la piel. Desaparición evidente de muchos problemas de la piel como manchas oscuras y cicatrices. Reducción visible de las líneas finas y los signos de envejecimiento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"timeline-date\"\u003eDespués de dos meses\u003c\/div\u003e\n\u003cdiv class=\"timeline-dot\" id=\"timeline-4\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3 class=\"timeline-title\"\u003ePiel completamente renovada\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003ePiel sorprendentemente luminosa y radiante. Tono de piel uniformizado y reducción significativa de la pigmentación. Mejora duradera de la apariencia y textura de la piel, con mayor elasticidad y mejor salud cutánea.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003cdiv class=\"how-it-works-image\"\u003e\n\u003cimg alt=\"Fórmula científicamente avanzada\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_niacinamide_propolis.jpg?v=1746458373\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"how-it-works-content\"\u003e\n\u003ch2 class=\"section-title\"\u003eFórmula científicamente avanzada\u003c\/h2\u003e\n\u003ch3 style=\"margin-bottom: 20px; font-size: 22px; color: #333;\"\u003e¿Cómo funciona el suero?\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.8; margin-bottom: 20px;\"\u003eLa combinación funciona \u003cspan style=\"color: #c9a97e; font-weight: bold;\"\u003eBeauty Of Joseon Glow Serum Propolis + Niacinamide\u003c\/span\u003e Crear de manera armoniosa un efecto completo sobre la piel. La propóleos, extraída de las colmenas, limpia la piel, combate la inflamación y estimula la renovación celular, contrarrestando la aparición de granos y signos de envejecimiento.\u003c\/p\u003e\n\u003cp style=\"line-height: 1.8;\"\u003eMientras la niacinamida trabaja para uniformar el tono de la piel y reducir la pigmentación, además de mejorar la elasticidad de la piel y fortalecer la barrera de humedad. Juntos, estos ingredientes activos cambian radicalmente la textura de la piel, dándole un aspecto más radiante y vibrante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eCómo usar\u003c\/h2\u003e\n\u003cp\u003eDespués de limpiar bien la piel, aplica el sérum en la zona facial, centrando la atención en las zonas que necesitan aclarar y mejorar, como alrededor de los ojos, la frente y las líneas de la mandíbula. Masaje suavemente hasta que esté completamente absorbido, y luego aplica hidratante para mantener la hidratación y mejorar la eficacia. Úsalo por la mañana y la tarde para obtener resultados óptimos.\u003c\/p\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step fade-up\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eLimpiar la piel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step fade-up\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eAplicación del suero\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step fade-up\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eMasajear delicadamente\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step fade-up\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eAplica la crema hidratante\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cta-section pulse\"\u003e\n\u003cdiv class=\"cta-content\"\u003e\n\u003ch2 class=\"cta-title\"\u003eRestaura hoy la luminosidad de tu piel\u003c\/h2\u003e\n\u003cp class=\"cta-subtitle\"\u003eExcelente relación calidad-precio - nuestra fórmula de suero iluminador combina ingredientes naturales científicamente probados para una piel radiante y saludable.\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eOrdénalo ahora\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"footer-note\"\u003e\n\u003cp\u003eBeauty Of Joseon Glow Serum Propoli + Niacinamide combina ingredientes naturales científicamente probados que mejoran la luminosidad y el tono de la piel con una protección avanzada contra el ambiente. Aunque puede ser un poco más caro en comparación con otros productos, solo se necesita una pequeña cantidad para obtener resultados sorprendentes y duraderos, lo que lo convierte en una inversión efectiva en la salud y la belleza de tu piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n  \/\/ Init functions\n  document.addEventListener('DOMContentLoaded', function() {\n    \/\/ Fade-in animations\n    initFadeEffects();\n    \n    \/\/ Video autoplay fix for some mobile browsers\n    const video = document.querySelector('video');\n    if (video) {\n      video.play().catch(function(error) {\n        console.log(\"Video autoplay prevented by browser\");\n      });\n    }\n  });\n  \n  \/\/ Initialize fade effects\n  function initFadeEffects() {\n    const fadeElements = document.querySelectorAll('.fade-up');\n    const observerOptions = {\n      root: null,\n      rootMargin: '0px',\n      threshold: 0.1\n    };\n    \n    const observer = new IntersectionObserver((entries, observer) =\u003e {\n      entries.forEach(entry =\u003e {\n        if (entry.isIntersecting) {\n          entry.target.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\n          entry.target.style.opacity = 1;\n          entry.target.style.transform = 'translateY(0)';\n          observer.unobserve(entry.target);\n        }\n      });\n    }, observerOptions);\n    \n    fadeElements.forEach(el =\u003e {\n      observer.observe(el);\n    });\n    \n    \/\/ Add staggered animations\n    const staggerElements = document.querySelectorAll('.fade-up');\n    staggerElements.forEach((el, index) =\u003e {\n      el.style.transitionDelay = `${index * 0.05}s`;\n    });\n  }\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44589240746181,"sku":"","price":995.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty-of-joseon-glow-serum-propolis-niacinamide-30ml.jpg?v=1742651704"},{"product_id":"beauty-of-joseon-revive-eye-serum","title":"Beauty of Joseon Revive Eye Serum está especializado en ojeras | Bolsas debajo de los ojos | Signos de envejecimiento","description":"\u003cstyle\u003e\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n    \n    .product-container {\n        max-width: 1000px;\n        margin: 0 auto;\n        padding: 20px;\n        color: #4a4a4a;\n        line-height: 1.6;\n        direction: ltr;\n    }\n    \n    .product-header {\n        text-align: center;\n        margin-bottom: 40px;\n        position: relative;\n    }\n    \n    .product-title {\n        font-size: 2.2rem;\n        color: #3a2d28;\n        margin-bottom: 10px;\n        position: relative;\n        display: inline-block;\n    }\n    \n    .product-title::after {\n        content: '';\n        position: absolute;\n        bottom: -10px;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 100px;\n        height: 3px;\n        background: linear-gradient(90deg, #c3a300, #c3a300);\n        border-radius: 2px;\n    }\n    \n    .product-subtitle {\n        font-size: 1.2rem;\n        color: #7d6e67;\n        font-weight: 400;\n    }\n    \n    .section {\n        margin-bottom: 40px;\n        position: relative;\n        overflow: visible;\n    }\n    \n    .section-header {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        margin-bottom: 20px;\n    }\n    \n    .section-icon {\n        width: 30px;\n        height: 30px;\n        margin-bottom: 10px;\n        fill: #c3a300;\n    }\n    \n    .section-title {\n        font-size: 1.5rem;\n        color: #3a2d28;\n        position: relative;\n        margin-bottom: 15px;\n        text-align: center;\n    }\n    \n    .section-divider {\n        width: 100%;\n        height: 1px;\n        background-color: #c3a300;\n    }\n    \n    .section-content {\n        color: #5d5d5d;\n        font-size: 1rem;\n        padding: 15px 0;\n        display: block;\n        visibility: visible;\n    }\n    \n    .highlight {\n        color: #c3a300;\n        font-weight: 500;\n    }\n    \n    .feature-list {\n        margin-top: 25px;\n        display: block;\n        visibility: visible;\n    }\n    \n    .feature-item {\n        display: flex;\n        margin-bottom: 25px;\n        opacity: 1;\n        transform: none;\n        visibility: visible;\n    }\n    \n    .feature-icon {\n        width: 40px;\n        height: 40px;\n        min-width: 40px;\n        fill: #c3a300;\n        margin-left: 15px;\n        margin-top: 5px;\n    }\n    \n    .feature-content {\n        flex: 1;\n    }\n    \n    .feature-title {\n        font-weight: bold;\n        color: #3a2d28;\n        margin-bottom: 5px;\n        font-size: 1.1rem;\n    }\n    \n    .usage-steps {\n        display: flex;\n        justify-content: space-between;\n        margin-top: 30px;\n        flex-wrap: wrap;\n    }\n    \n    .step {\n        text-align: center;\n        flex: 1;\n        min-width: 100px;\n        margin: 10px;\n        position: relative;\n        opacity: 1;\n    }\n    \n    .step:not(:last-child)::after {\n        content: '';\n        position: absolute;\n        top: 30px;\n        left: -15px;\n        width: 30px;\n        height: 2px;\n        background-color: #c3a300;\n    }\n    \n    .step-number {\n        width: 40px;\n        height: 40px;\n        background-color: #c3a300;\n        color: white;\n        border-radius: 50%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin: 0 auto 15px;\n        font-weight: bold;\n        box-shadow: 0 5px 10px rgba(195, 163, 0, 0.3);\n    }\n    \n    .step-text {\n        font-size: 0.9rem;\n    }\n    \n    .clinical-results {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n        gap: 20px;\n        margin-top: 30px;\n    }\n    \n    .result-card {\n        border: 1px solid #e8e8e8;\n        border-radius: 12px;\n        padding: 30px 20px;\n        text-align: center;\n        position: relative;\n        overflow: hidden;\n        box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n        transition: transform 0.3s, box-shadow 0.3s;\n        background-color: #ffffff;\n        margin-bottom: 15px;\n    }\n    \n    .result-card:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n    }\n    \n    .result-icon {\n        width: 50px;\n        height: 50px;\n        margin: 0 auto 15px;\n        fill: #c3a300;\n    }\n    \n    .result-title {\n        font-size: 1rem;\n        color: #3a2d28;\n        margin-bottom: 15px;\n    }\n    \n    .result-percentage {\n        font-size: 2.4rem;\n        color: #c3a300;\n        font-weight: bold;\n        margin-bottom: 10px;\n        position: relative;\n        display: inline-block;\n    }\n    \n    .result-percentage::after {\n        content: '%';\n        font-size: 1.2rem;\n        position: absolute;\n        top: 0;\n        right: -20px;\n    }\n    \n    .percentage-wrapper {\n        position: relative;\n        height: 120px;\n        margin-bottom: 15px;\n        margin-top: 10px;\n    }\n    \n    .counter {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        font-size: 2.2rem;\n        color: #c3a300;\n        font-weight: bold;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 100%;\n        height: 100%;\n    }\n    \n    .counter-value {\n        font-size: 2.2rem;\n    }\n    \n    .counter-suffix {\n        font-size: 1rem;\n        margin-top: -8px;\n    }\n    \n    .circular-progress {\n        position: relative;\n        height: 100px;\n        width: 100px;\n        margin: 0 auto;\n    }\n    \n    .circle-container {\n        width: 100px;\n        height: 100px;\n        border-radius: 50%;\n        border: 6px solid #c3a300;\n        margin: 0 auto;\n        position: relative;\n    }\n    \n    .circular-progress circle {\n        stroke-dashoffset: 251.2;\n        stroke-dasharray: 251.2;\n        stroke-width: 8px;\n        stroke-linecap: round;\n        fill: none;\n    }\n    \n    .circular-progress .bg {\n        stroke: #f1f1f1;\n    }\n    \n    .circular-progress .progress {\n        stroke: #c3a300;\n        transition: stroke-dashoffset 1.5s ease;\n    }\n    \n    .progress.animated {\n        animation: progressAnimation 1.5s ease forwards;\n    }\n    \n    @keyframes progressAnimation {\n        from {\n            stroke-dashoffset: 251.2;\n        }\n        to {\n            stroke-dashoffset: var(--final-offset, 0);\n        }\n    }\n    \n    .result-description {\n        color: #5d5d5d;\n        font-size: 0.9rem;\n    }\n    \n    @keyframes wave {\n        0%, 100% {\n            transform: translateY(0);\n        }\n        50% {\n            transform: translateY(-10px);\n        }\n    }\n    \n    @keyframes fadeIn {\n        from {\n            opacity: 0;\n            transform: translateY(20px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n    \n    .animate-wave {\n        animation: wave 3s ease-in-out infinite;\n    }\n    \n    .fade-in {\n        animation: fadeIn 1s forwards;\n    }\n    \n    @media (max-width: 768px) {\n        .feature-item {\n            flex-direction: column;\n            text-align: center;\n        }\n        \n        .feature-icon {\n            margin: 0 auto 10px;\n        }\n        \n        .step:not(:last-child)::after {\n            display: none;\n        }\n        \n        .clinical-results {\n            grid-template-columns: 1fr;\n        }\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-header\"\u003e\n\u003ch1 class=\"product-title\"\u003eBeauty of Joseon Revive Eye Serum\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003csvg class=\"section-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003ch2 class=\"section-title\"\u003eTu camino de rejuvenecimiento de los ojos comienza ahora\u003c\/h2\u003e\n\u003cdiv class=\"section-divider\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cp\u003eDescubre el secreto para iluminar tus ojos con \u003cspan class=\"highlight\"\u003eBeauty of Joseon Revive Eye Serum\u003c\/span\u003eUna fórmula innovadora que combina las más recientes tecnologías científicas con ingredientes naturales puros para revitalizar la delicada área de los ojos. Este suero revolucionario trabaja para combatir simultáneamente los signos de cansancio y envejecimiento, dando a los ojos un aspecto más joven y luminoso.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/2_e8f8ea7b-01fc-4144-9da3-ecc29addcda7.webp?v=1742659829\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003csvg class=\"section-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M17.66,11.2C17.43,10.9 17.15,10.64 16.89,10.38C16.22,9.78 15.46,9.35 14.82,8.72C13.33,7.26 13,4.85 13.95,3C13,3.23 12.17,3.75 11.46,4.32C8.87,6.4 7.85,10.07 9.07,13.22C9.11,13.32 9.15,13.42 9.15,13.55C9.15,13.77 9,13.97 8.8,14.05C8.57,14.15 8.33,14.09 8.14,13.93C8.08,13.88 8.04,13.83 8,13.76C6.87,12.33 6.69,10.28 7.45,8.64C5.78,10 4.87,12.3 5,14.47C5.06,14.97 5.12,15.47 5.29,15.97C5.43,16.57 5.7,17.17 6,17.7C7.08,19.43 8.95,20.67 10.96,20.92C13.1,21.19 15.39,20.8 17.03,19.32C18.86,17.66 19.5,15 18.56,12.72L18.43,12.46C18.22,12 17.66,11.2 17.66,11.2M14.5,17.5C14.22,17.74 13.76,18 13.4,18.1C12.28,18.5 11.16,17.94 10.5,17.28C11.69,17 12.4,16.12 12.61,15.23C12.78,14.43 12.46,13.77 12.33,13C12.21,12.26 12.23,11.63 12.5,10.94C12.69,11.32 12.89,11.7 13.13,12C13.9,13 15.11,13.44 15.37,14.8C15.41,14.94 15.43,15.08 15.43,15.23C15.46,16.05 15.1,16.95 14.5,17.5Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003ch2 class=\"section-title\"\u003e¿Cómo funciona el suero?\u003c\/h2\u003e\n\u003cdiv class=\"section-divider\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cp\u003eEl suero funciona combinando tres ingredientes principales que crean un efecto completo: el Retinal alisa la piel y estimula la regeneración celular, mientras que los liposomas estabilizan eficazmente el retinal y mejoran su absorción, y el extracto de raíz de ginseng proporciona hidratación duradera y protección superior. Con este mecanismo único, la barrera hidrolipídica se reconstruye y se reduce la apariencia de líneas finas, ojeras e hinchazón, devolviendo vitalidad y luminosidad a tus ojos.\u003c\/p\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003csvg class=\"feature-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M17,8C8,10 5.9,16.17 3.82,21.34L5.71,22L6.66,19.7C7.14,19.87 7.64,20 8,20C19,20 22,3 22,3C21,5 14,5.25 9,6.25C4,7.25 2,11.5 2,13.5C2,15.5 3.75,17.25 3.75,17.25C7,8 17,8 17,8Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3 class=\"feature-title\"\u003e¿Qué distingue la composición?\u003c\/h3\u003e\n\u003cp\u003eLa singularidad de esta fórmula reside en su combinación del poder del retinal con liposomas y extracto de ginseng; cada ingrediente por sí solo se considera un milagro para mejorar la salud de la piel. Cuando se combinan, se convierten en una fuerza natural imparable que rejuvenece el área de los ojos y estimula la producción de colágeno, mejorando la elasticidad de la piel y reduciendo los signos de cansancio y envejecimiento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003csvg class=\"feature-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3 class=\"feature-title\"\u003e¿Por qué esta fórmula se considera mejor que otros derivados del retinol?\u003c\/h3\u003e\n\u003cp\u003eEl retinol es una forma de vitamina A que debe transformarse dentro de la piel para volverse activa, haciéndola menos efectiva que el retinal.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e En cuanto al retinal\u003c\/strong\u003e, actúa directamente estimulando la renovación celular y la producción de colágeno sin la necesidad de conversión, lo que acelera los resultados y reduce el riesgo de irritaciones. Esta diferencia hace que el Retinal sea la elección ideal para el cuidado intensivo del área de los ojos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003csvg class=\"section-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M4,6H2V20A2,2 0 0,0 6,20V22H6A2,2 0 0,0 8,20V4A2,2 0 0,0 6,2H4V4H6V6M14,6H12V20A2,2 0 0,0 16,20V22H16A2,2 0 0,0 18,20V4A2,2 0 0,0 16,2H14V4H16V6M22,20V2H20V4H22V6H20V20H22Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003ch2 class=\"section-title\"\u003eCómo usar\u003c\/h2\u003e\n\u003cdiv class=\"section-divider\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cp\u003eDespués de haber limpiado delicadamente la piel, aplica el suero en la zona de los ojos utilizando una pequeña cantidad. Masajea suavemente el producto hasta su completa absorción, luego procede con una crema hidratante adecuada para mantener la hidratación y mejorar los resultados. Es preferible utilizar el suero por la mañana y por la noche para obtener los mejores resultados.\u003c\/p\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eLimpia suavemente la piel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eAplica una pequeña cantidad de sérum\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eMasajear delicadamente hasta la absorción\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eSigue con un hidratante adecuado\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003csvg class=\"section-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M16,11.78L20.24,4.45L21.97,5.45L16.74,14.5L10.23,10.75L5.46,19H22V21H2V3H4V17.54L9.5,8L16,11.78Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003ch2 class=\"section-title\"\u003eResultados clínicos\u003c\/h2\u003e\n\u003cdiv class=\"section-divider\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cp\u003eLos experimentos han demostrado que el uso regular del suero produce mejoras evidentes en varias áreas:\u003c\/p\u003e\n\u003cdiv class=\"clinical-results\"\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eReducir las líneas finas\u003c\/h3\u003e\n\u003cdiv class=\"percentage-wrapper\"\u003e\n\u003cdiv class=\"circle-container\"\u003e\n\u003cdiv class=\"counter\"\u003e\n\u003cspan class=\"counter-value\"\u003e16\u003c\/span\u003e\u003cspan class=\"counter-suffix\"\u003e%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"result-description\"\u003eReducción de la profundidad de las arrugas finas alrededor de los ojos después de 8 semanas de uso regular\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eAumentar la hidratación\u003c\/h3\u003e\n\u003cdiv class=\"percentage-wrapper\"\u003e\n\u003cdiv class=\"circle-container\"\u003e\n\u003cdiv class=\"counter\"\u003e\n\u003cspan class=\"counter-value\"\u003e118\u003c\/span\u003e\u003cspan class=\"counter-suffix\"\u003e%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"result-description\"\u003eMejora de los niveles de hidratación del área de los ojos en comparación con las mediciones iniciales antes del uso\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eReducción de las ojeras\u003c\/h3\u003e\n\u003cdiv class=\"percentage-wrapper\"\u003e\n\u003cdiv class=\"circle-container\"\u003e\n\u003cdiv class=\"counter\"\u003e\n\u003cspan class=\"counter-value\"\u003e30\u003c\/span\u003e\u003cspan class=\"counter-suffix\"\u003e%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"result-description\"\u003eMejora evidente del tono de la piel y de la reducción de la pigmentación alrededor de los ojos después de solo 4 semanas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eMejorar la textura de la piel\u003c\/h3\u003e\n\u003cdiv class=\"percentage-wrapper\"\u003e\n\u003cdiv class=\"circle-container\"\u003e\n\u003cdiv class=\"counter\"\u003e\n\u003cspan class=\"counter-value\"\u003e50\u003c\/span\u003e\u003cspan class=\"counter-suffix\"\u003e%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"result-description\"\u003eAumentada suavidad de la piel y mejorada textura gracias a la renovación celular y al fortalecimiento de la barrera hidrolipídica\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eEn \u003cstrong data-end=\"2016\" data-start=\"1979\"\u003eBeauty of Joseon Revive Eye Serum\u003c\/strong\u003e No solo un producto de cuidado; es una verdadera inversión en la juventud y la belleza de tus ojos. Su fórmula avanzada ofrece resultados sorprendentes en una pequeña dosis, haciéndolo la elección ideal para quienes buscan luminosidad duradera y un aspecto juvenil.\u003c\/p\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44589813104837,"sku":"","price":999.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty-of-joseon-ginseng-retinal-revive-eye-serum-30ml.jpg?v=1742657450"},{"product_id":"some-by-mi-snail-truecica-miracle-repair-serum","title":"Some By Mi Snail Truecica Miracle Repair Serum 50Ml","description":"\u003ch2 class=\"\" data-end=\"35\" data-start=\"0\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_By_Mi_Snail_Truecica_Miracle_Repair_Serum_50Ml_2.png?v=1742739825\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/h2\u003e\n\u003ch2 class=\"\" data-end=\"35\" data-start=\"0\"\u003e\u003c\/h2\u003e\n\u003ch2 class=\"\" data-end=\"35\" data-start=\"0\"\u003eCaracol... el secreto mágico para resistir los signos del tiempo\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"285\" data-start=\"36\"\u003ePrepárate para enfrentar los efectos del tiempo y del desgaste \u003cstrong data-end=\"106\" data-start=\"72\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e – Un producto revolucionario que combina la potencia del 89% de extracto de caracol negro con la fórmula terapéutica de Trusica que repara e hidrata profundamente la piel. Cada gota es un paso audaz hacia una piel más joven y radiante.\u003c\/p\u003e\n\u003ch2 class=\"\" data-end=\"314\" data-start=\"287\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 class=\"\" data-end=\"314\" data-start=\"287\"\u003eCombinación sin precedentes de extracto de caracol negro\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"366\" data-start=\"315\"\u003e La fórmula combina dos ingredientes naturales esenciales\u003c\/p\u003e\n\u003cul data-end=\"756\" data-start=\"367\"\u003e\n\u003cli class=\"\" data-end=\"485\" data-start=\"367\"\u003e\n\u003cp class=\"\" data-end=\"485\" data-start=\"369\"\u003e\u003cstrong data-end=\"394\" data-start=\"369\"\u003eExtracto de caracol negro\u003c\/strong\u003e Nutre profundamente la piel, estimula la regeneración celular y reduce arrugas, cicatrices y efectos del acné.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"756\" data-start=\"486\"\u003e\n\u003cp class=\"\" data-end=\"756\" data-start=\"488\"\u003e\u003cstrong data-end=\"515\" data-start=\"488\"\u003eFórmula terapéutica Trusica\u003c\/strong\u003e Elimina expertamente los efectos de los daños y trata las cicatrices, devolviendo la piel a su equilibrio natural y a su hidratación permanente.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"756\" data-start=\"486\"\u003e\n\u003cp class=\"\" data-end=\"756\" data-start=\"488\"\u003eEstos ingredientes se combinan con niacinamida y extractos vegetales para apoyar la elasticidad de la piel y la barrera hidrolipídica, protegiéndola de los agresores ambientales y brindándole un resplandor sorprendente.\u003cbr data-end=\"608\" data-start=\"605\"\/\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_By_Mi_Snail_Truecica_Miracle_Repair_Serum_50Ml.png?v=1742739038\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/h2\u003e\n\u003ch2\u003e¿Por qué caracoles negros en específico? \u003c\/h2\u003e\n\u003csection\u003e\n\u003cp\u003eEl extracto de caracol es un ingrediente popular en los productos para el skincare gracias a sus numerosos beneficios. Sin embargo, el extracto de caracol negro tiene propiedades únicas que lo hacen superior a otros extractos. En la siguiente tabla, explicamos los motivos que nos llevaron a elegir el extracto de caracol negro en nuestro suero \u003cstrong\u003eSome By Mi Snail Truecica\u003c\/strong\u003e:\u003c\/p\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eArtículo\u003c\/th\u003e\n\u003cth\u003eExtracto de caracol negro\u003c\/th\u003e\n\u003cth\u003eOtros extractos de caracol\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eIngredientes activos\u003c\/td\u003e\n\u003ctd\u003eContiene un alto porcentaje de proteínas, elastina, colágeno y ácidos grasos esenciales, que promueven la salud de la piel y mejoran su elasticidad.\u003c\/td\u003e\n\u003ctd\u003eContiene ingredientes activos, pero en proporciones inferiores en comparación con el caracol negro.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eEficacia en la reparación de la piel\u003c\/td\u003e\n\u003ctd\u003eEstimula la regeneración de las células de la piel, reduce la aparición de cicatrices y acné y mejora la textura general de la piel.\u003c\/td\u003e\n\u003ctd\u003eAyuda a rejuvenecer la piel, pero puede ser menos eficaz para tratar cicatrices profundas y cicatrices de acné.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eHidratación y elasticidad\u003c\/td\u003e\n\u003ctd\u003eProporciona una hidratación profunda y mejora la elasticidad de la piel gracias a su rico contenido de colágeno y proteínas.\u003c\/td\u003e\n\u003ctd\u003eProporciona buena hidratación, pero podría ser menos eficaz en aumentar la elasticidad en comparación con el heliantemo negro.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eAnti-envejecimiento\u003c\/td\u003e\n\u003ctd\u003eContiene potentes antioxidantes que reducen la aparición de líneas finas y arrugas de expresión, otorgando un aspecto más joven.\u003c\/td\u003e\n\u003ctd\u003eContribuye al anti-envejecimiento, pero su efecto puede ser menos pronunciado en comparación con el caracol negro.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eUnificar el tono de la piel\u003c\/td\u003e\n\u003ctd\u003eAyuda a reducir la pigmentación y a uniformar el tono de la piel, dándole un resplandor natural.\u003c\/td\u003e\n\u003ctd\u003ePodría contribuir a unificar el tono de la piel, pero con menor eficacia.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003eAl elegir el extracto de caracol negro, se proporciona un suero \u003cstrong\u003eSome By Mi Snail Truecica\u003c\/strong\u003e Los múltiples beneficios superan a otros extractos, convirtiéndolo en una opción ideal para cualquiera que busque una piel sana, fresca e impecable.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 class=\"\" data-end=\"783\" data-start=\"758\"\u003eTiene una solución para cada problema de la piel\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"877\" data-start=\"784\"\u003eSe considera \u003cstrong data-end=\"825\" data-start=\"791\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e La solución completa a los problemas de la piel dañada; actúa sobre:\u003c\/p\u003e\n\u003cul data-end=\"1164\" data-start=\"878\"\u003e\n\u003cli class=\"\" data-end=\"958\" data-start=\"878\"\u003e\n\u003cp class=\"\" data-end=\"958\" data-start=\"880\"\u003eReacondiciona profundamente la piel y estimula la regeneración celular, mejorando su aspecto general.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"1037\" data-start=\"959\"\u003e\n\u003cp class=\"\" data-end=\"1037\" data-start=\"961\"\u003eReducir la apariencia de las pequeñas arrugas y de las cicatrices causadas por el acné y factores ambientales\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"1106\" data-start=\"1038\"\u003e\n\u003cp class=\"\" data-end=\"1106\" data-start=\"1040\"\u003eApoya la barrera natural de la piel y reequilibra los niveles de aceite y agua.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"1164\" data-start=\"1107\"\u003e\n\u003cp class=\"\" data-end=\"1164\" data-start=\"1109\"\u003eMejorar la textura de la piel y dar una luminosidad natural que dura todo el día.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 class=\"\" data-end=\"1188\" data-start=\"1166\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 class=\"\" data-end=\"1188\" data-start=\"1166\"\u003e¿Cómo funciona el suero?\u003c\/h2\u003e\n\u003cul data-end=\"1582\" data-start=\"1269\"\u003e\n\u003cli class=\"\" data-end=\"1367\" data-start=\"1269\"\u003e\n\u003cp class=\"\" data-end=\"1367\" data-start=\"1271\"\u003eEl extracto de caracol negro estimula la producción de colágeno y la regeneración celular, devolviendo juventud y elasticidad a la piel.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"1491\" data-start=\"1368\"\u003e\n\u003cp class=\"\" data-end=\"1491\" data-start=\"1370\"\u003eLa fórmula Trusica ayuda a tratar cicatrices y signos de daño, mientras que la Niacinamida unifica el tono de la piel y reduce la inflamación.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"1582\" data-start=\"1492\"\u003e\n\u003cp class=\"\" data-end=\"1582\" data-start=\"1494\"\u003eEl resultado es una piel ordenada, rejuvenecida, protegida de los efectos del tiempo y del daño, con una textura suave y un resplandor deslumbrante.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 class=\"\" data-end=\"1613\" data-start=\"1584\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 class=\"\" data-end=\"1613\" data-start=\"1584\"\u003eModo de uso ideal\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"1886\" data-start=\"1614\"\u003eDespués de haber limpiado delicadamente la piel, aplique el suero en el rostro, concentrándose en las áreas afectadas como arrugas y cicatrices. Masajee suavemente el producto hasta su completa absorción, luego continúe con un hidratante adecuado para mantener la hidratación y mejorar los resultados. Es preferible usar el suero por la mañana y por la noche para obtener los mejores resultados.\u003c\/p\u003e\n\u003ch2 class=\"\" data-end=\"1919\" data-start=\"1888\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 class=\"\" data-end=\"1919\" data-start=\"1888\"\u003eLas mejores inversiones para la salud de tu piel\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"2177\" data-start=\"1920\"\u003eEn \u003cstrong data-end=\"1957\" data-start=\"1923\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e No solo un producto para el skincare, es una verdadera inversión en la juventud de tu piel. Su fórmula concentrada y eficaz logra resultados evidentes con el uso de una pequeña cantidad, haciéndolo la elección ideal para quienes desean restaurar la frescura y luminosidad de la piel y protegerla de los signos del tiempo.\u003c\/p\u003e\n\u003cp class=\"\" data-end=\"2327\" data-start=\"2179\"\u003eDisfruta de una experiencia terapéutica completa donde la ciencia se encuentra con la naturaleza para darle a tu piel la luminosidad que merece y para estar siempre lista para enfrentar los desafíos del tiempo con confianza y belleza.\u003c\/p\u003e","brand":"some by mi","offers":[{"title":"Default Title","offer_id":44591502786757,"sku":"","price":999.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Heading_2.png?v=1742735468"},{"product_id":"cosrx-advanced-snail-peptide-eye-cream","title":"Crema de ojos COSRX para aclarar las ojeras y tratar las arrugas con extracto de caracol y péptidos","description":"\u003cdiv class=\"cxe-ultimate-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n        \/* === Core Variables (COSRX Identity: Deep Obsidian \u0026 Signature Gold) === *\/\n        .cxe-ultimate-wrapper {\n            --cxe-bg-base: #080808;\n            --cxe-bg-alt: #0d0d0d;\n            --cxe-card-glass: rgba(25, 25, 25, 0.6);\n            --cxe-card-hover: rgba(35, 35, 35, 0.85);\n            --cxe-gold-main: #f4c022; \/* COSRX Yellow\/Gold *\/\n            --cxe-gold-bright: #ffe066;\n            --cxe-gold-dark: #b8860b;\n            --cxe-gradient-gold: linear-gradient(135deg, #ffe066 0%, #f4c022 50%, #b8860b 100%);\n            --cxe-gradient-dark: linear-gradient(180deg, #141108 0%, #080808 100%);\n            --cxe-gradient-overlap: linear-gradient(135deg, rgba(244, 192, 34, 0.08) 0%, rgba(8, 8, 8, 0.95) 100%);\n            --cxe-text-light: #f8fafc;\n            --cxe-text-muted: #a1a1aa;\n            --cxe-border: rgba(244, 192, 34, 0.15);\n            --cxe-glow: rgba(244, 192, 34, 0.2);\n            \n            font-family: inherit;\n            line-height: 1.8;\n            overflow: hidden;\n            position: relative;\n            background-color: var(--cxe-bg-base);\n            color: var(--cxe-text-light);\n            border-radius: 24px;\n            box-shadow: 0 0 60px rgba(0,0,0,0.9) inset;\n        }\n\n        .cxe-ultimate-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .cxe-container {\n            max-width: 1050px;\n            margin: 0 auto;\n            padding: 0 25px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* === Overlapping Gradients \u0026 Ambient Glows === *\/\n        .cxe-ambient {\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; z-index: 0;\n        }\n        .cxe-glow-orb {\n            position: absolute; border-radius: 50%; filter: blur(120px); opacity: 0.35;\n            background: rgba(244, 192, 34, 0.15);\n        }\n        .cxe-orb-1 { width: 500px; height: 500px; top: -100px; right: -150px; }\n        .cxe-orb-2 { width: 600px; height: 600px; bottom: 5%; left: -200px; }\n\n        \/* === Alternating Sections === *\/\n        .cxe-section { padding: 70px 0; position: relative; border-bottom: 1px solid rgba(255,255,255,0.02); }\n        .cxe-theme-base { background-color: var(--cxe-bg-base); }\n        .cxe-theme-alt { background-color: var(--cxe-bg-alt); }\n        .cxe-theme-overlap { background: var(--cxe-gradient-overlap); }\n        .cxe-theme-dark-grad { background: var(--cxe-gradient-dark); }\n\n        \/* === Typography === *\/\n        .cxe-text-gold {\n            background: var(--cxe-gradient-gold);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            display: inline-block;\n        }\n\n        .cxe-title-main {\n            font-size: clamp(26px, 4.5vw, 42px);\n            font-weight: 900;\n            line-height: 1.4;\n            margin-bottom: 25px;\n            text-align: center;\n        }\n\n        .cxe-title-section {\n            font-size: clamp(22px, 3.5vw, 32px);\n            font-weight: 800;\n            text-align: center;\n            margin-bottom: 20px;\n            color: #ffffff;\n            position: relative;\n        }\n\n        .cxe-subtitle {\n            font-size: clamp(16px, 2vw, 19px);\n            color: var(--cxe-text-muted);\n            text-align: center;\n            max-width: 850px;\n            margin: 0 auto 40px;\n            font-weight: 500;\n        }\n\n        \/* === Media Wrappers === *\/\n        .cxe-media-wrapper {\n            position: relative;\n            width: 100%;\n            margin: 0 auto 40px;\n            display: block;\n            border-radius: 20px;\n            box-shadow: 0 20px 50px rgba(0,0,0,0.8), 0 0 30px var(--cxe-glow);\n            border: 1px solid var(--cxe-border);\n            overflow: hidden;\n        }\n        .cxe-media-wrapper.size-lg { max-width: 850px; }\n        .cxe-media-wrapper.size-md { max-width: 600px; }\n\n        .cxe-product-media {\n            width: 100%; height: auto; display: block; object-fit: cover;\n            transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);\n        }\n        .cxe-media-wrapper:hover .cxe-product-media { transform: scale(1.03); }\n\n        \/* === Grids \u0026 Cards === *\/\n        .cxe-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; }\n        .cxe-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; }\n\n        .cxe-card {\n            background: var(--cxe-card-glass);\n            backdrop-filter: blur(15px);\n            -webkit-backdrop-filter: blur(15px);\n            border: 1px solid rgba(255,255,255,0.05);\n            border-radius: 20px;\n            padding: 30px 25px;\n            position: relative;\n            transition: all 0.4s ease;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.4);\n        }\n\n        .cxe-card:hover {\n            transform: translateY(-8px);\n            background: var(--cxe-card-hover);\n            border-color: var(--cxe-border);\n            box-shadow: 0 15px 40px rgba(0,0,0,0.7), 0 0 20px var(--cxe-glow);\n        }\n\n        .cxe-icon-badge {\n            width: 45px; height: 45px;\n            background: rgba(255,255,255,0.03);\n            border: 1px solid var(--cxe-border);\n            border-radius: 12px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 20px;\n            color: var(--cxe-gold-main);\n            font-size: 18px; font-weight: 900;\n            transition: 0.4s ease;\n            font-family: system-ui, sans-serif;\n        }\n\n        .cxe-card h3 { font-size: 1.25rem; font-weight: 800; margin-bottom: 12px; color: #fff; }\n        .cxe-card h4 { font-size: 1.1rem; color: var(--cxe-gold-main); margin-bottom: 10px; }\n        .cxe-card p { font-size: 1.05rem; color: var(--cxe-text-muted); margin: 0; line-height: 1.7; }\n\n        \/* === Clean Lists === *\/\n        .cxe-list { list-style: none; padding: 0; margin-top: 15px; }\n        .cxe-list li {\n            position: relative; padding-right: 30px; margin-bottom: 15px; color: var(--cxe-text-light); font-size: 1.05rem;\n        }\n        .cxe-list li::before {\n            content: '✓'; position: absolute; right: 0; top: 0; color: var(--cxe-gold-main); font-weight: 900; font-size: 1.2rem;\n        }\n\n        \/* === Comparison Table === *\/\n        .cxe-table-container {\n            overflow-x: auto; margin: 40px 0; border-radius: 20px;\n            border: 1px solid var(--cxe-border); box-shadow: 0 20px 50px rgba(0,0,0,0.5);\n            background: rgba(10, 10, 10, 0.8); backdrop-filter: blur(10px);\n        }\n        .cxe-table { width: 100%; border-collapse: collapse; text-align: left; min-width: 600px; }\n        .cxe-table th, .cxe-table td { padding: 20px; border-bottom: 1px solid rgba(255,255,255,0.05); font-size: 1.05rem; }\n        .cxe-table th { background: rgba(244, 192, 34, 0.05); color: var(--cxe-gold-main); font-weight: 800; font-size: 1.15rem; }\n        .cxe-table td.highlight { background: rgba(244, 192, 34, 0.03); color: #fff; font-weight: bold; border-right: 2px solid var(--cxe-gold-main); }\n        .cxe-table tr:last-child td { border-bottom: none; }\n\n        \/* === Timeline \/ Steps === *\/\n        .cxe-timeline { position: relative; max-width: 800px; margin: 40px auto 0; }\n        .cxe-timeline::before {\n            content: ''; position: absolute; top: 0; right: 50%; width: 2px; height: 100%;\n            background: linear-gradient(to bottom, transparent, var(--cxe-gold-main), transparent);\n            transform: translateX(50%);\n        }\n        \n        .cxe-timeline-item { display: flex; justify-content: flex-end; padding-left: 50%; position: relative; margin-bottom: 30px; }\n        .cxe-timeline-item:nth-child(even) { justify-content: flex-start; padding-left: 0; padding-right: 50%; }\n        \n        .cxe-timeline-content {\n            width: 90%; background: var(--cxe-card-glass); border: 1px solid rgba(255,255,255,0.05);\n            padding: 25px; border-radius: 16px; transition: 0.3s; box-shadow: 0 10px 20px rgba(0,0,0,0.3);\n        }\n        .cxe-timeline-content:hover { border-color: var(--cxe-gold-main); transform: translateY(-5px); background: var(--cxe-card-hover); }\n        \n        .cxe-timeline-badge {\n            position: absolute; top: 25px; right: -7%; width: 16px; height: 16px;\n            background: var(--cxe-bg-base); border: 3px solid var(--cxe-gold-main); border-radius: 50%; z-index: 2;\n            box-shadow: 0 0 10px var(--cxe-glow);\n        }\n        .cxe-timeline-item:nth-child(even) .cxe-timeline-badge { right: auto; left: -7%; }\n        \n        .cxe-time-label {\n            color: #000; font-weight: 800; margin-bottom: 10px; font-size: 1.05rem;\n            display: inline-block; background: var(--cxe-gradient-gold); padding: 5px 20px; border-radius: 20px;\n        }\n\n        \/* === CTA Button === *\/\n        .cxe-btn {\n            display: inline-block; background: var(--cxe-gradient-gold); background-size: 200% auto;\n            color: #000; padding: 18px 45px; border-radius: 40px; font-size: 1.25rem; font-weight: 900;\n            text-decoration: none; border: none; cursor: pointer; transition: 0.4s ease;\n            box-shadow: 0 10px 30px var(--cxe-glow); margin-top: 20px; font-family: inherit;\n        }\n        .cxe-btn:hover { background-position: right center; transform: translateY(-5px); box-shadow: 0 15px 40px rgba(244, 192, 34, 0.4); }\n\n        \/* === Animations === *\/\n        .cxe-reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n        .cxe-reveal.cxe-active { opacity: 1; transform: translateY(0); }\n        .delay-1 { transition-delay: 0.1s; }\n        .delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .cxe-section { padding: 50px 0; }\n            .cxe-timeline::before { right: 20px; transform: none; }\n            .cxe-timeline-item, .cxe-timeline-item:nth-child(even) { padding-left: 0; padding-right: 50px; justify-content: flex-start; }\n            .cxe-timeline-content { width: 100%; }\n            .cxe-timeline-badge { right: 12px; top: 25px; }\n            .cxe-timeline-item:nth-child(even) .cxe-timeline-badge { left: auto; right: 12px; }\n            .cxe-media-wrapper { border-radius: 12px; }\n        }\n    \u003c\/style\u003e\n\u003c!-- 1. HERO SECTION (Dark Base) --\u003e\n\u003cdiv class=\"cxe-section cxe-theme-base\" style=\"padding-top: 60px;\"\u003e\n\u003cdiv class=\"cxe-ambient\"\u003e\n\u003cdiv class=\"cxe-glow-orb cxe-orb-1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-container\" style=\"text-align: center;\"\u003e\n\u003ch1 class=\"cxe-title-main cxe-reveal\"\u003eLo primero que revela la edad no son las arrugas..\u003cbr\/\u003e\u003cspan class=\"cxe-text-gold\"\u003eEstos son los ojos\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"cxe-subtitle cxe-reveal delay-1\"\u003e\n                La atención se concentra en los ojos antes de escuchar cualquier palabra. Antes de que se note cualquier señal en el rostro, el área de los ojos precede todo lo demás, contando los detalles de la falta de sueño, el efecto de las pantallas, el estrés y los años transcurridos. ¿Y el problema? La mayoría trata todo el rostro y deja que hable el área de los ojos.\n            \u003c\/p\u003e\n\u003cdiv class=\"cxe-media-wrapper size-lg cxe-reveal delay-2\"\u003e\n\u003cimg alt=\"COSRX Snail Peptide Eye Cream\" class=\"cxe-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_7771-R4_e133b5a0-7b1b-48db-8db0-0a5f14cdfd2f.webp?v=1788026267\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2. THE PROBLEM (Dark Gradient) --\u003e\n\u003cdiv class=\"cxe-section cxe-theme-dark-grad\"\u003e\n\u003cdiv class=\"cxe-container\"\u003e\n\u003ch2 class=\"cxe-title-section cxe-reveal\"\u003eLa piel debajo de los ojos es la más delgada que existe... y tratarla como el resto del rostro es un error\u003c\/h2\u003e\n\u003cdiv class=\"cxe-grid-2\" style=\"align-items: center; margin-top: 40px;\"\u003e\n\u003cdiv class=\"cxe-reveal\"\u003e\n\u003cp style=\"font-size: 1.15rem; color: var(--cxe-text-light); margin-bottom: 20px; line-height: 1.8;\"\u003e\n                        La piel alrededor de los ojos es mucho más delgada que el resto del rostro, contiene muchas menos glándulas sebáceas y sufre movimientos cotidianos constantes en cada parpadeo y en cada sonrisa. ¿El resultado?\n                    \u003c\/p\u003e\n\u003cul class=\"cxe-list\"\u003e\n\u003cli\u003eSécate más rápido.\u003c\/li\u003e\n\u003cli\u003eMuestra cansancio antes que cualquier otra área.\u003c\/li\u003e\n\u003cli\u003eLas líneas finas comienzan primero allí.\u003c\/li\u003e\n\u003cli\u003eEs sensible a las cremas pesadas destinadas al resto del rostro.\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                        Por lo tanto, la crema facial normal no es una solución aquí. Esta área necesita una fórmula diseñada específicamente para ella.\n                    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-media-wrapper size-md cxe-reveal delay-1\" style=\"margin-bottom: 0;\"\u003e\n\u003cimg alt=\"Snail Secretion Care\" class=\"cxe-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/snail_secetions_skin_care.webp?v=1788026290\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. THE SOLUTION \u0026 BENEFITS (Overlap Theme) --\u003e\n\u003cdiv class=\"cxe-section cxe-theme-overlap\"\u003e\n\u003cdiv class=\"cxe-ambient\"\u003e\n\u003cdiv class=\"cxe-glow-orb cxe-orb-3\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-container\"\u003e\n\u003ch2 class=\"cxe-title-section cxe-reveal\"\u003eCosrx no ha creado una crema de ojos normal... ha creado una dosis concentrada\u003c\/h2\u003e\n\u003cp class=\"cxe-subtitle cxe-reveal\"\u003e\n                La mayoría de las cremas para ojos en el mercado están compuestas de agua, aceites y perfume, y el ingrediente activo se encuentra al final de la lista en concentración nominal. Cosrx hizo diferente: \u003cstrong class=\"cxe-text-gold\"\u003eEl moco de caracol es el primer ingrediente al 72%.\u003c\/strong\u003e El ingrediente activo aquí no es un aditivo. Más bien, es la base del producto.\n            \u003c\/p\u003e\n\u003cdiv class=\"cxe-media-wrapper size-lg cxe-reveal\" style=\"margin-bottom: 50px;\"\u003e\n\u003cimg alt=\"COSRX Eye Cream Box\" class=\"cxe-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx-advanced-snail-peptide-eye-cream_8809598451070_DarBeauty_03_4cea1998-1667-428d-a023-baaa56d1b119.webp?v=1788026319\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"cxe-title-section cxe-reveal\" style=\"margin-bottom: 40px;\"\u003eBeneficios generales del producto\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\u003eReducir la apariencia de ojeras y opacidad:\u003c\/strong\u003e Gracias a la combinación de niacinamida con mucosidad de caracol.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSuavizado de las líneas finas y de expresión:\u003c\/strong\u003e Con tecnología Acetyl Hexapeptide-8 y Palmitoyl Pentapeptide-4.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoporta la elasticidad y la firmeza de la piel delicada:\u003c\/strong\u003e Gracias al Copper Tripeptide-1.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHidratación profunda y plenitud inmediata\u003c\/strong\u003e Con una mezcla de hialuronato de sodio, glicerina y butilenglicol.\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\u003eReducir la apariencia de la hinchazón matutina:\u003c\/strong\u003e Potente adenosina combinada con moco de caracol.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAliviar el enrojecimiento y la sensibilidad:\u003c\/strong\u003e Con la acción de alantoína, pantenol y péptidos calmantes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtección contra el estrés oxidativo diario\u003c\/strong\u003e Gracias a la vitamina E.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNutrición para la piel seca sin apelmazarla:\u003c\/strong\u003e Gracias al aceite natural de semillas de girasol.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. HOW IT WORKS (Alternate Theme) --\u003e\n\u003cdiv class=\"cxe-section cxe-theme-alt\"\u003e\n\u003cdiv class=\"cxe-container\"\u003e\n\u003ch2 class=\"cxe-title-section cxe-reveal\"\u003e¿Cómo funciona? (La ciencia de la fórmula)\u003c\/h2\u003e\n\u003cdiv class=\"cxe-media-wrapper size-lg cxe-reveal delay-1\" style=\"margin-bottom: 50px;\"\u003e\n\u003cimg alt=\"Applying Eye Cream\" class=\"cxe-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Woman_applying_eye_cream_202608292106.jpg?v=1788026823\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-grid-2 cxe-reveal\"\u003e\n\u003cdiv class=\"cxe-card\" style=\"border-top: 3px solid var(--cxe-gold-main);\"\u003e\n\u003ch3 style=\"color: var(--cxe-gold-bright);\"\u003e72% de moco de caracol: una planta completamente reparadora\u003c\/h3\u003e\n\u003cp\u003eNo solo un humectante, sino una mezcla natural de glicoproteínas, ácido hialurónico, alantoína, cobre y péptidos naturales. Llena la piel de hidratación para reducir rápidamente las líneas de sequedad, calma y apoya la reparación de la barrera hidrolipídica para disminuir enrojecimiento y sensibilidad. El resultado: un área “llena y relajada” en lugar de “seca y tensa”.\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);\"\u003eNiacinamida: especialista en aclarar la pigmentación\u003c\/h3\u003e\n\u003cp\u003eUno de los ingredientes más estudiados en la aclaración del aspecto de las manchas, en la unificación del color y en el apoyo a la barrera hidrolipídica. Su presencia aquí está específicamente dirigida a los círculos derivados de la pigmentación, sequedad y opacidad.\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 péptidos... cada tipo tiene una tarea específica\u003c\/h3\u003e\n\u003cp style=\"margin-bottom: 15px;\"\u003eLos péptidos son cadenas de aminoácidos que indican a la piel que construya y reafirme. Cosrx no se ha limitado a un solo tipo:\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 Para apoyar el colágeno y la regeneración de la piel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcetyl Hexapeptide-8:\u003c\/strong\u003e Para reducir la aparición de líneas de expresión causadas por el movimiento de los músculos.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePalmitoyl Pentapeptide-4:\u003c\/strong\u003e Para apoyar la apariencia de densidad y grosor de la piel fina.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePalmitoyl Tripeptide-1:\u003c\/strong\u003e Para mejorar la flexibilidad y la cohesión.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePalmitoyl Tetrapeptide-7:\u003c\/strong\u003e Para calmar inflamaciones menores que aceleran el envejecimiento\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);\"\u003eAceite de girasol y vitamina E: retienen la hidratación\u003c\/h3\u003e\n\u003cp\u003eEl área de los ojos suele estar más seca en comparación con el resto del rostro. El aceite de semillas de girasol proporciona nutrición sin pesadez ni obstrucción, mientras que la Vitamina E protege contra la oxidación dañina diaria.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. COMPARISON \u0026 TIMELINE (Dark Gradient) --\u003e\n\u003cdiv class=\"cxe-section cxe-theme-dark-grad\"\u003e\n\u003cdiv class=\"cxe-ambient\"\u003e\n\u003cdiv class=\"cxe-glow-orb cxe-orb-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-container\"\u003e\n\u003ch2 class=\"cxe-title-section cxe-reveal\"\u003eLa diferencia entre esto y lo que hay en el cajón de tu habitación ahora\u003c\/h2\u003e\n\u003cdiv class=\"cxe-table-container cxe-reveal\" style=\"margin-bottom: 80px;\"\u003e\n\u003ctable class=\"cxe-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eEstándar\u003c\/th\u003e\n\u003cth style=\"color: #666;\"\u003eCrema tradicional\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\u003eIngrediente activo\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"color: #888;\"\u003eAl final de la lista con poca concentración\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eEl moco de caracol es el primer ingrediente, 72%.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003ePéptidos\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"color: #888;\"\u003eUn péptido (si está presente)\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eCinco péptidos diferentes y complementarios\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eTextura\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"color: #888;\"\u003ePesado y puede causar gránulos blancos\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eLoción ligera que se absorbe en pocos segundos\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eHolismo\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"color: #888;\"\u003eSe ocupa de un problema\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eTrata ojeras + hinchazón + líneas + hidratación\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eIrritabilidad\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"color: #888;\"\u003eContiene perfumes y alcohol que irritan la zona\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eSin perfume, alcohol ni aceites esenciales\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"cxe-title-section cxe-reveal\"\u003eEl camino de los resultados... paso a paso\u003c\/h2\u003e\n\u003cdiv class=\"cxe-media-wrapper size-md cxe-reveal\" style=\"margin-bottom: 40px;\"\u003e\n\u003cimg alt=\"Snail Shell and Eye Cream\" class=\"cxe-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snail_shell_and_eye_cream_202608292104.jpg?v=1788026735\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-timeline cxe-reveal\"\u003e\n\u003cdiv class=\"cxe-timeline-item\"\u003e\n\u003cdiv class=\"cxe-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cxe-timeline-content\"\u003e\n\u003cdiv class=\"cxe-time-label\"\u003eDesde el primer uso\u003c\/div\u003e\n\u003cp style=\"color: var(--cxe-text-light); margin: 0;\"\u003eEl área se vuelve confortable e hidratada, y las costras y la sequedad disminuyen inmediatamente. El maquillaje se aplica más fácilmente sobre ella.\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\"\u003eDe 3 a 7 días\u003c\/div\u003e\n\u003cp style=\"color: var(--cxe-text-light); margin: 0;\"\u003eLas líneas causadas por la sequedad son menos visibles y el área parece menos cansada y más llena por la mañana.\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\"\u003eDe 2 a 4 semanas\u003c\/div\u003e\n\u003cp style=\"color: var(--cxe-text-light); margin: 0;\"\u003eLa consistencia de la piel se vuelve más suave, la hinchazón matutina disminuye gradualmente y las ojeras causadas por la sequedad comienzan a aclararse.\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\"\u003eDe 8 a 12 semanas\u003c\/div\u003e\n\u003cp style=\"color: var(--cxe-text-light); margin: 0;\"\u003eEl efecto de los péptidos se siente fuertemente: la elasticidad y la tonicidad del área mejoran y el aspecto de las líneas finas se reduce de manera evidente. (La botella de 25 ml es suficiente para dos o tres meses, gracias a la pequeña cantidad requerida).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6. USAGE \u0026 REVIEWS (Base Theme) --\u003e\n\u003cdiv class=\"cxe-section cxe-theme-base\"\u003e\n\u003cdiv class=\"cxe-container\"\u003e\n\u003ch2 class=\"cxe-title-section cxe-reveal\"\u003eCómo usar\u003c\/h2\u003e\n\u003cdiv class=\"cxe-steps cxe-reveal delay-1\" style=\"margin-bottom: 60px;\"\u003e\n\u003cdiv class=\"cxe-step\"\u003e\n\u003cdiv class=\"cxe-step-num\"\u003e1\u003c\/div\u003e\n\u003ch4\u003ePreparación\u003c\/h4\u003e\n\u003cp\u003eDespués de aplicar el tónico y el suero, toma una cantidad muy pequeña del tamaño de una lenteja.\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\u003eDistribución segura\u003c\/h4\u003e\n\u003cp\u003eDistribuir con el anular (el más débil) a pequeños puntos, manteniendo una distancia de medio centímetro de la línea de las pestañas.\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\u003eGolpetear\u003c\/h4\u003e\n\u003cp\u003eDa golpecitos suavemente hasta que se absorba por completo. Está estrictamente prohibido tirar o arrancar la piel delicada.\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\u003eRutina\u003c\/h4\u003e\n\u003cp\u003eMañana y noche. (Por la mañana, debes seguir el paso con la crema solar). También se puede usar en las líneas de la sonrisa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Reviews Summary --\u003e\n\u003cdiv class=\"cxe-card cxe-reveal\" style=\"background: rgba(15, 15, 15, 0.8); border: 1px solid rgba(255,255,255,0.1);\"\u003e\n\u003ch3 style=\"text-align: center; font-size: 1.6rem; color: #fff; margin-bottom: 20px;\"\u003eOpiniones de los usuarios (valoración global 4,8\/5)\u003c\/h3\u003e\n\u003cp style=\"text-align: center; color: var(--cxe-text-muted); margin-bottom: 30px;\"\u003eAl examinar las reseñas publicadas en sitios web internacionales, esta crema se considera una de las mejor valoradas en la categoría de cremas para ojos coreanas.\u003c\/p\u003e\n\u003cdiv class=\"cxe-grid-2\"\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: var(--cxe-gold-bright); margin-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 10px;\"\u003ePuntos más apreciados (consenso):\u003c\/h4\u003e\n\u003cul class=\"cxe-list\"\u003e\n\u003cli\u003e\n\u003cstrong style=\"color:#fff;\"\u003eTextura:\u003c\/strong\u003e Ligera como una loción, se absorbe en pocos segundos, no deja una capa grasa y no interfiere con el corrector.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color:#fff;\"\u003eHidratación instantánea:\u003c\/strong\u003e La textura del área está claramente mejorada y las escamas secas se reducen en los primeros días.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color:#fff;\"\u003eNo irritante:\u003c\/strong\u003e Completamente seguro para quienes tienen ojos sensibles y lentes de contacto (ya que no tiene fragancia).\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color:#fff;\"\u003eAhorros:\u003c\/strong\u003e Basta con muy poca cantidad y el envase dura meses.\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;\"\u003ePuntos que han sido repetidos en la crítica:\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 Algunos encuentran el envase (25 ml) pequeño, aunque las reseñas confirman que el consumo diario es muy reducido.\u003c\/li\u003e\n\u003cli style=\"color: #aaa;\"\u003e\n\u003cspan style=\"color: #666;\"\u003e✓\u003c\/span\u003e La textura del moco puede parecer extraña al primer uso, pero la sensación desaparece inmediatamente.\u003c\/li\u003e\n\u003cli style=\"color: #aaa;\"\u003e\n\u003cspan style=\"color: #666;\"\u003e✓\u003c\/span\u003e Un cambio radical en las líneas finas requiere semanas de paciencia y no aparece desde la primera semana.\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;\"\u003eConclusión neutra: El consenso indica que es una de las mejores cremas para ojos en su rango de precio por hidratación, comodidad y seguridad de la fórmula.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. CTA \u0026 INGREDIENTS (Overlap Theme) --\u003e\n\u003cdiv class=\"cxe-section cxe-theme-overlap\" style=\"text-align: center;\"\u003e\n\u003cdiv class=\"cxe-ambient\"\u003e\n\u003cdiv class=\"cxe-glow-orb cxe-orb-1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-container\"\u003e\n\u003cdiv class=\"cxe-media-wrapper size-md cxe-reveal\" style=\"margin-bottom: 40px;\"\u003e\n\u003cimg alt=\"Snail Eye Cream\" class=\"cxe-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snails_crawling_near_eye_cream_202608292102.jpg?v=1788026614\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"cxe-title-main cxe-reveal\" style=\"font-size: clamp(26px, 4vw, 40px);\"\u003eLos ojos no esperan... y el tiempo no se detiene\u003c\/h2\u003e\n\u003cp class=\"cxe-subtitle cxe-reveal\" style=\"color: #fff; font-size: 1.15rem;\"\u003e\n                Cada día que pasa mientras el área delicada alrededor de los ojos se deja sin cuidados específicos es un día añadido a la edad, no a la piel. La diferencia entre un aspecto juvenil y un aspecto cansado no es solo genética, sino más bien continuar aplicando la crema correcta en el lugar adecuado.\n            \u003c\/p\u003e\n\u003cdiv class=\"cxe-reveal\"\u003e\n\u003cbutton class=\"cxe-btn\"\u003eEl inicio es ahora... para restaurar un aspecto joven y radiante\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Footer --\u003e\n\u003cdiv class=\"cxe-reveal\" style=\"margin-top: 60px; text-align: left; direction: ltr; padding: 25px; background: rgba(0,0,0,0.5); border: 1px solid var(--cxe-border); border-radius: 16px;\"\u003e\n\u003ch4 style=\"color: var(--cxe-gold-main); margin-bottom: 10px; font-size: 1.1rem; text-align: left; direction: ltr;\"\u003eLista completa de ingredientes (INCI)\u003c\/h4\u003e\n\u003cp style=\"color: #888; font-size: 0.9rem; line-height: 1.6;\"\u003e\n                    Snail Secretion Filtrate, Butylene Glycol, Glycerin, Helianthus Annuus (Sunflower) Seed Oil, 1,2-Hexanediol, Niacinamide, Water, Palmitic Acid, Arginine, Carbomer, Stearic Acid, Betaine, Cetearyl Olivate, Sorbitan Olivate, Sodium Polyacrylate, Allantoin, Tocopheryl Acetate, Panthenol, Hydroxyethyl Acrylate\/Sodium Acryloyldimethyl Taurate Copolymer, Sodium Hyaluronate, Adenosine, Xanthan Gum, Myristic Acid, Copper Tripeptide-1, Acetyl Hexapeptide-8, Palmitoyl Pentapeptide-4, Palmitoyl Tripeptide-1, Palmitoyl Tetrapeptide-7.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        document.addEventListener('DOMContentLoaded', () =\u003e {\n            \/\/ Scroll Reveal Animation\n            const reveals = document.querySelectorAll('.cxe-reveal');\n            const observer = new IntersectionObserver((entries, obs) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('cxe-active');\n                        obs.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\n\n            reveals.forEach(el =\u003e observer.observe(el));\n\n            \/\/ Premium 3D Tilt Effect\n            if (window.matchMedia(\"(hover: hover)\").matches) {\n                const tiltCards = document.querySelectorAll('.cxe-media-wrapper');\n                tiltCards.forEach(card =\u003e {\n                    const media = card.querySelector('.cxe-product-media');\n                    card.addEventListener('mousemove', e =\u003e {\n                        const rect = card.getBoundingClientRect();\n                        const x = e.clientX - rect.left;\n                        const y = e.clientY - rect.top;\n                        const centerX = rect.width \/ 2;\n                        const centerY = rect.height \/ 2;\n                        \n                        const rotateX = ((y - centerY) \/ centerY) * -3;\n                        const rotateY = ((x - centerX) \/ centerX) * 3;\n                        \n                        media.style.transform = `scale(1.02) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;\n                    });\n\n                    card.addEventListener('mouseleave', () =\u003e {\n                        media.style.transform = `scale(1) rotateX(0deg) rotateY(0deg)`;\n                    });\n                });\n            }\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":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":"skin-1004-centella-ampoule-signature-soothing-ampoule","title":"SKIN1004 Centella Madagascar Ampolla\/Suero | Alivio avanzado para piel sensible | Anti-enrojecimiento e irritación","description":"\u003c!-- SKIN1004 Madagascar Centella Ampoule - Converted to Universal CSS System --\u003e\n\u003cdiv class=\"ph-product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"ph-hero-section\"\u003e\n\u003cdiv class=\"ph-floating-particles\"\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"ph-hero-title\"\u003eAmpolla coreana 100% pura que repara la piel dañada en pocos minutos\u003c\/h1\u003e\n\u003cp class=\"ph-hero-subtitle\"\u003e\u003cstrong\u003eCuando la pureza de la Centella asiática de Madagascar se combina con la avanzada ciencia coreana - un verdadero cuidado SOS para cualquier daño o irritación de la piel.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"ph-product-showcase\"\u003e\n\u003cimg alt=\"SKIN1004 Madagascar Centella Ampoule\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/centella_asiatica_skin_1004_centella_ampoule.webp?v=1762333980\"\/\u003e\n\u003ch2 class=\"ph-product-name\"\u003eSKIN1004 Madagascar Centella Ampoule\u003c\/h2\u003e\n\u003cp class=\"ph-product-intro\"\u003e\n      La piel siempre está enrojecida. Sensible a cualquier producto. La barrera hidrolipídica está destruida por ácidos o retinol. Enrojecimiento e irritación persisten. El problema no está en la propia piel - \u003cstrong\u003eEl problema es una barrera hidrolipídica dañada\u003c\/strong\u003e. SKIN1004 Madagascar Centella Ampoule es \u003cstrong\u003eAmpolla acuosa pura - casi 100% Centella asiática\u003c\/strong\u003e De Madagascar (la Centella más pura del mundo). Ningún perfume, ningún aceite, ningún aditivo - \u003cstrong\u003eSolo un ingrediente potente, clínicamente probado\u003c\/strong\u003e Repara la barrera, alivia el enrojecimiento, acelera la cicatrización e hidrata en profundidad. Vegano, seguro para el acné fúngico, ideal para todo tipo de piel.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Problem Section --\u003e\n\u003cdiv class=\"ph-problem-section\"\u003e\n\u003ch2 class=\"ph-problem-title\"\u003ebarrera hidrolipídica dañada = piel sensible, inflamada\u003c\/h2\u003e\n\u003ch3 class=\"ph-problem-subtitle\"\u003e\n\u003cstrong\u003eLa barrera hidrolipídica es la primera línea de defensa: una capa de protección contra el mundo exterior\u003c\/strong\u003e\n\u003c\/h3\u003e\n\u003cp class=\"ph-problem-text\"\u003e\n      La barrera hidrolipídica es la primera línea de defensa: una capa de lípidos y proteínas que protege la piel del mundo exterior (contaminación, bacterias, irritantes) e impide la pérdida de humedad desde el interior. Cuando la barrera se daña por exfoliaciones excesivas, productos agresivos o inflamación crónica, la piel pierde su capacidad de protegerse.\n    \u003c\/p\u003e\n\u003cdiv class=\"ph-problem-details\"\u003e\n\u003ch4 class=\"ph-problem-detail-title\"\u003eSignos de una barrera hidrolipídica dañada:\u003c\/h4\u003e\n\u003cdiv class=\"ph-problem-grid\"\u003e\n\u003cdiv class=\"ph-problem-detail-card\"\u003e\n\u003ch5 class=\"ph-problem-detail-subtitle\"\u003e\u003cstrong\u003eEnrojecimiento persistente\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003eIncluso sin una razón aparente, la piel es sensible a cualquier producto\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-problem-detail-card\"\u003e\n\u003ch5 class=\"ph-problem-detail-subtitle\"\u003e\u003cstrong\u003eSequedad y descamación\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003eAunque uses la crema hidratante y la piel no esté cómoda\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-problem-detail-card\"\u003e\n\u003ch5 class=\"ph-problem-detail-subtitle\"\u003e\u003cstrong\u003eGranitos frecuentes\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003eLas bacterias pueden entrar fácilmente y las cicatrices del acné sanan lentamente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"ph-problem-highlight\"\u003e\n\u003cstrong\u003eCausa: Exfoliación excesiva, productos agresivos, infecciones crónicas o factores ambientales\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp class=\"ph-problem-conclusion\"\u003e\n      Una barrera hidrolipídica dañada no se repara sola. Cuanto más se debilita la barrera, más sensible, enrojecida y susceptible a granos e infecciones queda la piel. El problema empeora con el tiempo, no mejora.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Grid --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003e¿Qué hará en tu piel? - 6 soluciones terapéuticas en 2 gotas\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.1rem; opacity: 0.9; margin-bottom: 3rem;\"\u003e\n      100% Centella Asiática de Madagascar - el ingrediente natural con la eficacia de la cortisona sin efectos secundarios\n    \u003c\/p\u003e\n\u003cdiv class=\"ph-benefits-grid\"\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eS\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eAlivio instantáneo de la piel enrojecida e irritada\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eCalma rápidamente irritaciones y enrojecimientos - especialmente después de peelings, retinol o episodios de dermatitis - en pocos minutos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eH\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eHidratación profunda sin grasa\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eMás hidratantes + acción hialurónica de la Centella = piel elástica, hidratada y llena sin sensación de grasa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eH\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eAcelerar la recuperación de granos y quemaduras\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eFavorece la curación después de brotes cutáneos, quemaduras o procedimientos cutáneos y acelera naturalmente la síntesis de colágeno\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eB\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eFortalecimiento de la barrera dañada\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eProtege y repara las barreras dañadas - ideal para eczema, rosácea, pigmentación o erupciones cutáneas y restablece un pH saludable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eC\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eSin aceite, no comedogénico\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eApto para pieles con hongos, muy grasas y propensas al acné - Vegano, Seguro para el acné fúngico\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eA\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eAnti-envejecimiento a largo plazo\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eEl uso a largo plazo mejora el contenido de colágeno, la textura de la piel, las arrugas finas y la elasticidad general\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 class=\"ph-section-title\"\u003eCentella Asiática pura de Madagascar - la planta que ha desconcertado a los médicos\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.1rem; opacity: 0.9; margin-bottom: 3rem;\"\u003e\n      El único verdadero ingrediente: Extracto de Centella Asiática al 100% - la Centella más pura y potente del mundo\n    \u003c\/p\u003e\n\u003cdiv class=\"ph-mechanism-cards\"\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eCompuestos activos milagrosos\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003e4 potentes compuestos naturales que trabajan en perfecta armonía para reparar y proteger la piel\u003c\/p\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMadecassoside + Asiaticoside:\u003c\/strong\u003e Estimula la síntesis de colágeno y acelera la cicatrización de heridas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAumenta la producción de ácido hialurónico:\u003c\/strong\u003e En la piel para una hidratación profunda\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAsiatic Acid + Madecassic Acid:\u003c\/strong\u003e Inhibe las señales inflamatorias\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePotentes antioxidantes:\u003c\/strong\u003e Combate los radicales libres y protege contra el estrés ambiental\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003e¿Cómo funciona científicamente la Centella?\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eMecanismo de acción clínicamente probado para reparar y proteger la barrera hidrolipídica\u003c\/p\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcelerar la curación de las heridas:\u003c\/strong\u003e Mejorada la tasa y la calidad de recuperación de la piel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReducir cicatrices y enrojecimiento:\u003c\/strong\u003e Mejora significativa en la pigmentación y en el grosor de las cicatrices\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReparación de la barrera física:\u003c\/strong\u003e Restaura el pH saludable y reduce la pérdida de agua\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntiinflamatorio natural:\u003c\/strong\u003e Alivia el enrojecimiento y previene las señales de presión externa\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eEl efecto general es milagroso\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eResultados completos para una piel sana, protegida y rejuvenecida\u003c\/p\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eApoya la microcirculación:\u003c\/strong\u003e Favorece la curación de micro-grietas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcelerar la recuperación:\u003c\/strong\u003e Después de procedimientos o peeling químico\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRefuerza la barrera hidrolipídica:\u003c\/strong\u003e Restaura el equilibrio natural de la piel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtección a largo plazo:\u003c\/strong\u003e En contra de los factores ambientales nocivos\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Timeline --\u003e\n\u003cdiv class=\"ph-timeline-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eEl viaje de 8 semanas hacia una piel libre de irritaciones y enrojecimientos\u003c\/h2\u003e\n\u003cdiv class=\"ph-timeline-container\"\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eInstantáneo (minutos)\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eCalma inmediata\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eReduce visiblemente el enrojecimiento y la irritación\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eUna sensación de alivio inmediato y confort\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eSensación de hidratación: la piel está elástica e hidratada\u003c\/span\u003e\n\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\"\u003e1-2 semanas\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eRefuerza la barrera\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eMejorada la resistencia de la barrera - piel menos sensible\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eMenos granos - la barrera fuerte impide que los bacterias entren\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eMenor descamación o sequedad y mejor equilibrio natural\u003c\/span\u003e\n\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\"\u003e4-8 semanas\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eRenovación completa\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eAclarar los efectos de granos y pigmentación\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eBrillo permanente y uniformidad del tono de la piel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eMejora la firmeza, la textura y la elasticidad general\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"ph-timeline-conclusion\"\u003e\n      Solo 8 semanas = una transformación completa de piel dañada a piel sana y protegida\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"ph-usage-section\"\u003e\n\u003ch2 class=\"ph-usage-title\"\u003eModo de uso correcto\u003c\/h2\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\u003ch3 class=\"ph-step-title\"\u003eTiempo perfecto\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eDespués de la tonificación o inmediatamente después de la limpieza, tu rutina es sencilla: se puede usar por la mañana y\/o por la noche\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\u003ch3 class=\"ph-step-title\"\u003eLa cantidad perfecta\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eAplicar 2-3 gotas sobre la piel limpia: una pequeña cantidad es suficiente gracias a la alta concentración\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\u003ch3 class=\"ph-step-title\"\u003eBella app\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eDa golpecitos suavemente en cara y cuello hasta su completa absorción - evitar frotaciones vigorosas\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\u003ch3 class=\"ph-step-title\"\u003eHidratación extra\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eAplica una crema hidratante encima si tu piel está seca o necesita hidratación extra - muy ligera para la piel seca\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-tips\"\u003e\n\u003ch3 class=\"ph-usage-tips-title\"\u003eConsejos importantes para un uso óptimo:\u003c\/h3\u003e\n\u003cdiv class=\"ph-usage-tips-grid\"\u003e\n\u003cdiv class=\"ph-usage-tips-column\"\u003e\n\u003ch4 class=\"ph-usage-tips-subtitle advanced\"\u003eUsos avanzados:\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eFunciona muy bien por la mañana\u003c\/strong\u003e Para calmar antes del maquillaje\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePerfecto por la noche\u003c\/strong\u003e Después de haber usado ácidos o retinol\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePuede ser usado en el cuerpo\u003c\/strong\u003e Para las áreas irritadas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSeguro alrededor de los ojos y labios\u003c\/strong\u003e Sin perfumes ni alcohol\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-tips-column\"\u003e\n\u003ch4 class=\"ph-usage-tips-subtitle additional\"\u003eConsejos adicionales:\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAplicar en capas\u003c\/strong\u003e Con otros sueros o ampollas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eApto después del afeitado\u003c\/strong\u003e O para eczema e irritaciones\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSe puede usar repetidamente\u003c\/strong\u003e Cuando es necesario calmar\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSeguro durante el embarazo y la lactancia\u003c\/strong\u003e Ninguna absorción sistémica\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Social Proof --\u003e\n\u003cdiv class=\"ph-social-proof\"\u003e\n\u003ch2 class=\"ph-social-proof-title\"\u003ePureza en su forma más simple - ¿por qué SKIN1004 es diferente?\u003c\/h2\u003e\n\u003cdiv class=\"ph-proof-grid\"\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003e100\u003c\/div\u003e\n\u003ch4 style=\"margin-bottom: 0.5rem;\"\u003eCentella asiática 100%\u003c\/h4\u003e\n\u003cp\u003eDe Madagascar - La Centella más pura y potente del mundo gracias al suelo limpio y al clima ideal, clínicamente comprobada para reparar la barrera\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003eM\u003c\/div\u003e\n\u003ch4 style=\"margin-bottom: 0.5rem;\"\u003eMinimalist Formula\u003c\/h4\u003e\n\u003cp\u003eNingunas fragancias, aceites o aditivos innecesarios - pureza absoluta para piel sensible y dañada\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003eV\u003c\/div\u003e\n\u003ch4 style=\"margin-bottom: 0.5rem;\"\u003eVegan \u0026amp; Fungal Acne Safe\u003c\/h4\u003e\n\u003cp\u003eSeguro para todo tipo de piel, incluso para las muy sensibles, sin alérgenos ni sustancias comedogénicas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003eC\u003c\/div\u003e\n\u003ch4 style=\"margin-bottom: 0.5rem;\"\u003eClínicamente probado\u003c\/h4\u003e\n\u003cp\u003eLos estudios clínicos con cremas de Centella han mostrado una mejora significativa de la pigmentación, las cicatrices y las irritaciones en 8-12 semanas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003eS\u003c\/div\u003e\n\u003ch4 style=\"margin-bottom: 0.5rem;\"\u003eTratamiento SOS instantáneo\u003c\/h4\u003e\n\u003cp\u003eAlivio instantáneo en pocos minutos - el enrojecimiento se reduce inmediatamente y la piel se ve confortable desde el primer uso\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List --\u003e\n\u003cdiv class=\"ph-ingredients-list\"\u003e\n\u003ch2 class=\"ph-ingredients-list-title\"\u003eLista completa de ingredientes\u003c\/h2\u003e\n\u003cdiv class=\"ph-ingredients-text\"\u003e\n\u003cstrong\u003eIngredientes activos:\u003c\/strong\u003e\u003cbr\/\u003e\n      • \u003cstrong\u003eCentella Asiatica Extract (100%)\u003c\/strong\u003e - Centella asiatica pura de Madagascar\u003cbr\/\u003e\n      • \u003cstrong\u003eWater\u003c\/strong\u003e - Agua pura como base natural\u003cbr\/\u003e\n      • \u003cstrong\u003eGlycerin\u003c\/strong\u003e - Glicerina para una hidratación delicada\u003cbr\/\u003e\n      • \u003cstrong\u003eButylene Glycol\u003c\/strong\u003e - Potenciador de absorción y textura\u003cbr\/\u003e\n      • \u003cstrong\u003e1,2-Hexanediol\u003c\/strong\u003e - Hidratante natural y estabilizante\u003cbr\/\u003e\n      • \u003cstrong\u003eCellulose Gum\u003c\/strong\u003e - Espesante natural para una textura perfecta\u003cbr\/\u003e\n      • \u003cstrong\u003eEthylhexylglycerin\u003c\/strong\u003e - Acondicionador natural para la piel\u003cbr\/\u003e\u003cbr\/\u003e\n\u003cstrong\u003eLista completa de ingredientes (INCI):\u003c\/strong\u003e\u003cbr\/\u003e\n      Water, Centella Asiatica Extract (100%), Glycerin, Butylene Glycol, 1,2-Hexanediol, Cellulose Gum, Ethylhexylglycerin\n    \u003c\/div\u003e\n\u003cdiv class=\"ph-ingredients-safety\"\u003e\n\u003cp class=\"ph-ingredients-safety-text\"\u003e\n\u003cstrong\u003e✓ Libre de:\u003c\/strong\u003e Parabenos, sulfatos, siliconas, fragancias, aceites minerales, alcohol agresivo\u003cbr\/\u003e\n\u003cstrong\u003e✓ Probado dermatológicamente\u003c\/strong\u003e - Vegan, Cruelty-Free, Fungal Acne Safe\u003cbr\/\u003e\n\u003cstrong\u003e✓ Seguro durante el embarazo y la lactancia\u003c\/strong\u003e - Ideal para todo tipo de piel, incluso las más sensibles\n      \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"ph-cta-section\"\u003e\n\u003cdiv class=\"ph-floating-particles\"\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"ph-cta-title\"\u003e¿Piel dañada e irritada? Salvación en dos gotas\u003c\/h2\u003e\n\u003cp class=\"ph-cta-text\"\u003e\n\u003cstrong\u003eAmpolla de Centella de Madagascar SKIN1004 - Pureza en su forma más simple\u003c\/strong\u003e\u003cbr\/\u003e\u003cbr\/\u003e\n      Cada día usas productos agresivos o descuidas la barrera = destrucción gradual de la piel.\u003cbr\/\u003e\n      No solo hidratará la superficie... penetrará en profundidad y reparará la barrera hidrolipídica desde la raíz\n    \u003c\/p\u003e\n\u003cdiv class=\"ph-cta-content\"\u003e\n\u003cp class=\"ph-cta-highlight\"\u003eLa barrera de tu piel necesita reparación inmediata\u003c\/p\u003e\n\u003cp class=\"ph-cta-subtext\"\u003eLa solución es pura y simple. Alivio instantáneo: el enrojecimiento disminuye en pocos minutos 🌿💧\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":44663191535813,"sku":"","price":1150.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin1004centellaampoule_1.png?v=1744735865"},{"product_id":"some-by-mi-yuja-niacin-brightening-toner-150ml","title":"Some by Mi Yuja Niacin Brightening Toner 150ml","description":"\n\u003cstyle\u003e\n\/* Styles *\/\n.yuja-description {\n  max-width: 100%;\n  margin: 0 auto;\n  direction: ltr;\n  color: #333;\n}\n\n.yuja-title {\n  text-align: center;\n  font-size: 24px;\n  color: #333;\n  margin-bottom: 15px;\n  position: relative;\n  padding-bottom: 10px;\n}\n\n.yuja-title:after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  right: 50%;\n  transform: translateX(50%);\n  width: 50px;\n  height: 2px;\n  background-color: #9C8102;\n}\n\n.yuja-image {\n  display: block;\n  margin: 25px auto;\n  max-width: 100%;\n  border-radius: 5px;\n}\n\n.yuja-text {\n  margin-bottom: 20px;\n  line-height: 1.6;\n  text-align: center;\n}\n\n.yuja-section {\n  margin: 30px 0;\n  padding: 20px;\n  background-color: #fff;\n  border-radius: 8px;\n  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\n}\n\n.yuja-section-title {\n  font-size: 20px;\n  color: #333;\n  margin-bottom: 15px;\n  position: relative;\n  padding-right: 15px;\n}\n\n.yuja-section-title:before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 3px;\n  height: 100%;\n  background-color: #9C8102;\n  border-radius: 3px;\n}\n\n.yuja-list {\n  padding-right: 20px;\n}\n\n.yuja-list-item {\n  margin-bottom: 15px;\n  position: relative;\n}\n\n.yuja-list-item:before {\n  content: \"•\";\n  position: absolute;\n  right: -20px;\n  color: #9C8102;\n  font-weight: bold;\n}\n\n.yuja-highlight {\n  color: #9C8102;\n  font-weight: bold;\n}\n\n.yuja-feature-section {\n  margin: 25px 0;\n  padding: 15px;\n  background-color: #f9f9f9;\n  border-radius: 6px;\n}\n\n.yuja-feature-title {\n  font-size: 18px;\n  color: #333;\n  margin-bottom: 10px;\n}\n\n.yuja-cta {\n  text-align: center;\n  margin: 30px 0;\n  padding: 20px;\n  background-color: #f9f8f2;\n  border-radius: 8px;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"yuja-description\"\u003e\n\n\u003ch3 class=\"yuja-title\"\u003eNo dejes que las manchas oscuras y la opacidad le roben a tu piel su esplendor\u003c\/h3\u003e\n\u003cp class=\"yuja-text\"\u003e¿Has notado que tu piel ha perdido frescura? ¿Han aparecido manchas oscuras e hiperpigmentaciones? Cada día que retrasas el cuidado de tu piel hace que sea más difícil recuperar su esplendor natural. No dejes que el arrepentimiento te alcance más tarde.\u003c\/p\u003e\n \u003cimg alt=\"Some By Mi Yuja Niacin Brightening Toner\" class=\"yuja-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Brightening_Toner_150ml_7.webp?v=1744750603\"\/\u003e\n\u003ch3 class=\"yuja-title\"\u003eTónico Iluminador Some By Mi Yuja Niacin – Una revolución en el aclarado de la piel\u003c\/h3\u003e\n\u003cp class=\"yuja-text\"\u003eEste tónico ofrece una fórmula innovadora que contiene:\u003c\/p\u003e\n\u003cul class=\"yuja-list\"\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e90% de extracto de Yuja\u003c\/strong\u003e: Una fruta rica en vitamina C, que trabaja para aclarar la piel y unificar su tono.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e5% niacinamida\u003c\/strong\u003e: Ayuda a reducir la pigmentación y las manchas oscuras, y mejora la elasticidad de la piel.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003eGlutatión y arbutina\u003c\/strong\u003e: Potentes antioxidantes que contribuyen a la luminosidad de la piel y reducen los signos del envejecimiento.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e12 tipos de vitaminas\u003c\/strong\u003e: Nutre la piel y aumenta su vitalidad.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"yuja-text\"\u003eEsta fórmula única hace que el tónico sea una elección ideal para quienes buscan una piel luminosa y saludable.\u003c\/p\u003e\n\u003cimg alt=\"Yuja Niacin Brightening Toner Ingredients\" class=\"yuja-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Brightening_Toner_150ml_2.webp?v=1744750657\"\/\u003e \n\u003cdiv class=\"yuja-section\"\u003e\n\u003ch3 class=\"yuja-section-title\"\u003e¿Qué hace especial al Some By Mi Yuja Niacin Brightening Toner?\u003c\/h3\u003e\n\u003cp\u003eEn un mercado lleno de tónicos que prometen iluminar la piel, se destaca \u003cstrong\u003eSome By Mi Yuja Niacin Brightening Toner\u003c\/strong\u003e Con su fórmula única y concentrada que combina:\u003c\/p\u003e\n\u003cul class=\"yuja-list\"\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003eExtracto de fruto de Yuga (yuzu) al 90%\u003c\/strong\u003eUna rica fuente de vitamina C. Contiene tres veces la cantidad de vitamina C presente en el limón, lo que ayuda a aclarar y unificar el tono de la piel.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e5% niacinamida\u003c\/strong\u003e: Ayuda a reducir la pigmentación y las manchas oscuras, y mejora la elasticidad de la piel.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003ePotentes antioxidantes como glutatión y arbutina\u003c\/strong\u003e: Contribuye a la luminosidad de la piel y reduce los signos del envejecimiento.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e12 tipos de vitaminas\u003c\/strong\u003e: Nutre la piel y aumenta su vitalidad.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eEsta fórmula rica convierte el tónico en una elección ideal para quienes buscan una piel radiante y sana, superior a muchos otros tónicos que contienen porcentajes inferiores de estos principios activos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Yuja Niacin Brightening Toner\" class=\"yuja-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Brightening_Toner_150ml_5.webp?v=1744750657\"\/\u003e \n\u003cdiv class=\"yuja-feature-section\"\u003e\n\u003ch3 class=\"yuja-feature-title\"\u003eExcelente relación calidad-precio\u003c\/h3\u003e\n\u003cp\u003eCon un volumen de 150 ml, este tónico ofrece un uso prolongado, ya que una pequeña cantidad es suficiente para cubrir todo el rostro. Dada su concentración de principios activos, representa una inversión inteligente para el skincare, combinando calidad y cantidad en un solo producto.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"yuja-feature-section\"\u003e\n\u003ch3 class=\"yuja-feature-title\"\u003eTextura ligera y de rápida absorción\u003c\/h3\u003e\n\u003cp\u003eEl tónico se caracteriza por su textura ligera que se absorbe rápidamente en la piel sin dejar residuos grasos, haciéndolo adecuado para el uso diario en todo tipo de piel, incluso las sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Yuja Niacin Brightening Toner Usage\" class=\"yuja-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Brightening_Toner_150ml_6.webp?v=1744750657\"\/\u003e \n\u003cdiv class=\"yuja-cta\"\u003e\n\u003ch3\u003eNo pospongas el cuidado de tu piel\u003c\/h3\u003e\n\u003cp\u003eCada día que retrasas el inicio de tu rutina de skincare es un paso hacia una piel opaca y llena de imperfecciones. Comienza hoy con Some By Mi Yuja Niacin Brightening Toner y restaura el brillo natural de tu piel antes de que sea demasiado tarde.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":44663546544325,"sku":"","price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/61NmPogYOaL.jpg?v=1744741638"},{"product_id":"beauty-of-joseon-ginseng-essence-water-150-ml","title":"Beauty of Joseon Ginseng Essence Water 150 Ml","description":"\n\u003cstyle\u003e\n\/* Styles *\/\n.ginseng-product-description {\n\n  max-width: 100%;\n  margin: 0 auto;\n  direction: ltr;\n  color: #333;\n}\n\n\/* Styles *\/\n.ginseng-main-title {\n  text-align: center;\n  font-size: 26px;\n  color: #333;\n  margin-bottom: 20px;\n  position: relative;\n  padding-bottom: 10px;\n}\n\n.ginseng-main-title:after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  right: 50%;\n  transform: translateX(50%);\n  width: 60px;\n  height: 2px;\n  background-color: #d4a017;\n}\n\n\/* Styles *\/\n.ginseng-intro {\n  text-align: center;\n  font-size: 16px;\n  margin-bottom: 30px;\n  line-height: 1.6;\n}\n\n\/* Styles *\/\n.ginseng-main-image {\n  display: block;\n  margin: 30px auto;\n  max-width: 100%;\n  border-radius: 8px;\n  transition: transform 0.3s ease;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n}\n\n.ginseng-main-image:hover {\n  transform: translateY(-5px);\n}\n\n\/* Styles *\/\n.ginseng-features {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 20px;\n  margin: 30px 0;\n}\n\n\/* Styles *\/\n.ginseng-feature-card {\n  background-color: #fff;\n  border-radius: 8px;\n  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n  padding: 25px;\n  transition: all 0.3s ease;\n  border: 1px solid rgba(0, 0, 0, 0.03);\n}\n\n.ginseng-feature-card:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\n}\n\n.ginseng-feature-title {\n  display: flex;\n  align-items: center;\n  margin-bottom: 15px;\n  color: #333;\n  font-size: 18px;\n  font-weight: bold;\n}\n\n.ginseng-feature-icon {\n  margin-left: 10px;\n  color: #d4a017;\n  font-size: 20px;\n}\n\n.ginseng-feature-content {\n  line-height: 1.6;\n  color: #555;\n}\n\n\/* Styles *\/\n.ginseng-ingredients {\n  background-color: #fbfbfb;\n  padding: 30px;\n  border-radius: 8px;\n  margin: 40px 0;\n  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);\n}\n\n.ginseng-section-title {\n  text-align: center;\n  font-size: 22px;\n  color: #333;\n  margin-bottom: 25px;\n}\n\n.ginseng-ingredients-list {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 15px;\n}\n\n.ginseng-ingredient {\n  background-color: #fff;\n  padding: 20px;\n  border-radius: 8px;\n  flex: 1;\n  min-width: 120px;\n  text-align: center;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);\n  transition: transform 0.3s ease;\n}\n\n.ginseng-ingredient:hover {\n  transform: scale(1.03);\n}\n\n.ginseng-ingredient-title {\n  font-weight: bold;\n  color: #333;\n  margin-bottom: 5px;\n}\n\n.ginseng-ingredient-percentage {\n  font-size: 24px;\n  color: #d4a017;\n  font-weight: bold;\n  margin: 10px 0;\n}\n\n\/* Styles *\/\n.ginseng-benefits {\n  margin: 40px 0;\n}\n\n.ginseng-benefits-list {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 15px;\n}\n\n.ginseng-benefit-item {\n  display: flex;\n  align-items: center;\n  padding: 13px 18px;\n  background-color: #fff;\n  border-radius: 6px;\n  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.03);\n  transition: transform 0.3s ease;\n  border: 1px solid rgba(0, 0, 0, 0.03);\n}\n\n.ginseng-benefit-item:hover {\n  transform: translateX(-5px);\n  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.06);\n}\n\n.ginseng-benefit-icon {\n  color: #d4a017;\n  font-size: 18px;\n  margin-left: 10px;\n}\n\n\/* Styles *\/\n.ginseng-how-to-use {\n  background-color: #fff;\n  padding: 30px;\n  border-radius: 8px;\n  margin: 40px 0;\n  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n}\n\n.ginseng-steps {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 20px;\n  margin-top: 20px;\n}\n\n.ginseng-step {\n  flex: 1;\n  display: flex;\n  align-items: flex-start;\n  min-width: 250px;\n}\n\n.ginseng-step-number {\n  background-color: #f5f5f5;\n  color: #333;\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: bold;\n  margin-left: 15px;\n  flex-shrink: 0;\n  border: 1px solid rgba(0, 0, 0, 0.05);\n}\n\n.ginseng-step-content {\n  line-height: 1.6;\n}\n\n\/* Styles *\/\n.ginseng-highlight-section {\n  position: relative;\n  padding-right: 15px;\n}\n\n.ginseng-highlight-section::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 3px;\n  height: 100%;\n  background-color: #d4a017;\n  border-radius: 3px;\n}\n\n\/* Styles *\/\n.ginseng-fade-in {\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n\/* Styles *\/\n@media (max-width: 768px) {\n  .ginseng-features {\n    grid-template-columns: 1fr;\n  }\n  \n  .ginseng-ingredients-list {\n    flex-direction: column;\n  }\n  \n  .ginseng-ingredient {\n    min-width: auto;\n  }\n}\n\u003c\/style\u003e\n\n\u003clink href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\"\/\u003e\n\n\u003cdiv class=\"ginseng-product-description\"\u003e\n\u003ch2 class=\"ginseng-main-title ginseng-fade-in\"\u003eAgua de ginseng – la fuente eterna de juventud para la piel\u003c\/h2\u003e\n\u003cp class=\"ginseng-intro ginseng-fade-in\"\u003e\n    Una rara mezcla de secretos de la medicina tradicional coreana y tecnología moderna. El agua de ginseng al 80% utilizada en este producto no es solo un ingrediente natural, sino más bien un tesoro rico en antioxidantes, saponinas y micronutrientes que apoyan la piel joven desde el interior y la reconstruyen con cada uso.\n  \u003c\/p\u003e\n\u003cimg alt=\"Agua de ginseng\" class=\"ginseng-main-image ginseng-fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Ginseng_Essence_Water_2_38493ea6-27fe-4423-8576-1279076c3b2a.jpg?v=1744744014\"\/\u003e\n\n\u003cdiv class=\"ginseng-features\"\u003e\n\u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-feature-title\"\u003e\n\u003ci class=\"fas fa-leaf ginseng-feature-icon\"\u003e\u003c\/i\u003e\n        Ginseng – uno de los mayores secretos de la piel coreana\n      \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n        Durante siglos, el ginseng ha sido conocido como la “Hierba de los Dioses” en los libros de medicina tradicional coreana como el Donguibogam. Las primeras mujeres coreanas lo usaban para bañarse y cuidar la piel gracias a su extraordinaria capacidad de estimular la circulación sanguínea, nutrir las células y rejuvenecer la piel.\n      \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-feature-title\"\u003e\n\u003ci class=\"fas fa-feather-alt ginseng-feature-icon\"\u003e\u003c\/i\u003e\n        Fórmula ligera – resultados intensos\n      \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n        A pesar de su textura ligera, similar al agua, este tónico proporciona a la piel un concentrado de hidratación y nutrientes. Se absorbe rápidamente sin dejar residuos grasos, ofreciendo una experiencia de uso cómoda y rápida, con resultados visibles desde la primera semana.\n      \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-feature-title\"\u003e\n\u003ci class=\"fas fa-shield-alt ginseng-feature-icon\"\u003e\u003c\/i\u003e\n        Una solución radical a los problemas de irritación e inflamación de la piel\n      \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n        El producto contiene 2% de niacinamida, un ingrediente eficaz respaldado científicamente para fortalecer la barrera hidrolipídica, calmar la inflamación y reducir el enrojecimiento causado por factores ambientales o irritaciones cotidianas.\n      \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cimg alt=\"Beneficios del agua de ginseng\" class=\"ginseng-main-image ginseng-fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/blog-boj-ginseng-water-review-cover-830x518_1.webp?v=1744744064\"\/\u003e\n\n\u003cdiv class=\"ginseng-features\"\u003e\n\u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-feature-title\"\u003e\n\u003ci class=\"fas fa-tint ginseng-feature-icon\"\u003e\u003c\/i\u003e\n        Un hidratante extraordinario para la piel\n      \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n        Las saponinas activas presentes en el agua de ginseng atraen y retienen la humedad en profundidad en la piel, dejando la piel hidratada por más tiempo sin necesidad de reaplicación. Ideal para quienes sufren de sequedad crónica o piel agrietada.\n      \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-feature-title\"\u003e\n\u003ci class=\"fas fa-magic ginseng-feature-icon\"\u003e\u003c\/i\u003e\n        Piel más suave, más clara, más luminosa\n      \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n        Alisando la textura de la piel, regulando la secreción de sebo y contribuyendo a reducir la apariencia de los poros dilatados, este tónico ayuda a mejorar la claridad general de la piel. La niacinamida también trabaja para aclarar las pigmentaciones y unificar el color, dejando el rostro con un aspecto más uniforme y luminoso.\n      \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-feature-title\"\u003e\n\u003ci class=\"fas fa-sun ginseng-feature-icon\"\u003e\u003c\/i\u003e\n        Especialista en tratamiento de despigmentación\n      \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n        La constante opacidad del rostro no es causada solo por el cansancio, sino también por la falta en la piel de elementos que estimulan su regeneración natural. El agua de ginseng proporciona energía a las células de la piel y reactiva la microcirculación en el rostro, devolviéndole la luminosidad y el esplendor naturales.\n      \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cimg alt=\"Ingredientes del agua de ginseng\" class=\"ginseng-main-image ginseng-fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Ginseng_Essence_Water.png?v=1744744535\"\/\u003e\n\n\u003cdiv class=\"ginseng-ingredients ginseng-fade-in\"\u003e\n\u003ch3 class=\"ginseng-section-title\"\u003eFórmula altamente avanzada con agua de ginseng y niacinamida!\u003c\/h3\u003e\n\u003cp style=\"text-align: center; margin-bottom: 20px;\"\u003eEsta fórmula meticulosamente desarrollada combina ciencia y tradición, con ingredientes estudiados:\u003c\/p\u003e\n\u003cdiv class=\"ginseng-ingredients-list\"\u003e\n\u003cdiv class=\"ginseng-ingredient ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-ingredient-title\"\u003eAgua de raíz de ginseng coreano\u003c\/div\u003e\n\u003cdiv class=\"ginseng-ingredient-percentage\"\u003e80%\u003c\/div\u003e\n\u003cp\u003eEl ingrediente esencial para el rejuvenecimiento de la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-ingredient ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-ingredient-title\"\u003eNiacinamida\u003c\/div\u003e\n\u003cdiv class=\"ginseng-ingredient-percentage\"\u003e2%\u003c\/div\u003e\n\u003cp\u003ePara unificar el tono de la piel y reducir la inflamación\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-ingredient ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-ingredient-title\"\u003eComponentes adicionales\u003c\/div\u003e\n\u003cdiv style=\"color: #d4a017; font-size: 24px; margin: 10px 0;\"\u003e\n\u003ci class=\"fas fa-plus-circle\"\u003e\u003c\/i\u003e\n\u003c\/div\u003e\n\u003cp\u003ePantenol, alantoína, extracto de ginseng fermentado, ácido hialurónico\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; margin-top: 20px;\"\u003eCada ingrediente en él trabaja junto para ofrecerte los mejores resultados con el mínimo esfuerzo y sin ninguna irritación.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"ginseng-benefits ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-highlight-section\"\u003e\n\u003ch3 class=\"ginseng-section-title\"\u003ePrincipales Beneficios\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefits-list\"\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003eApoya la piel joven y la reconstruye\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003eEstimular la circulación sanguínea y rejuvenecer la piel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003eHidratación profunda y nutrición inmediata para la piel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003eAbsorción rápida sin efecto graso\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003eFortalecer la barrera hidrolipídica y calmar la inflamación\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003eReducir el enrojecimiento y la irritación\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003eHidratar la piel por períodos largos\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003eAlisar la textura de la piel y regular la secreción de sebo\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"ginseng-how-to-use ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-highlight-section\"\u003e\n\u003ch3 class=\"ginseng-section-title\"\u003eCómo usar\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-steps\"\u003e\n\u003cdiv class=\"ginseng-step ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ginseng-step-content\"\u003e\n          Después de la limpieza de la piel, aplicar una pequeña cantidad en las manos o en un disco de algodón\n        \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-step ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ginseng-step-content\"\u003e\n          Da golpecitos suavemente en cara y cuello con movimientos circulares\n        \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-step ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ginseng-step-content\"\u003e\n          Déjalo hasta que se absorba completamente antes de aplicar el próximo producto en tu rutina\n        \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n  \n  const fadeElements = document.querySelectorAll('.ginseng-fade-in');\n  \n  \n  const observer = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      \n      if (entry.isIntersecting) {\n        \n        setTimeout(() =\u003e {\n          entry.target.style.opacity = \"1\";\n          entry.target.style.transform = \"translateY(0)\";\n        }, 100);\n        \n        \n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.1 }); \n  \n  \n  fadeElements.forEach(element =\u003e {\n    observer.observe(element);\n  });\n});\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44663751704773,"sku":"","price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Ginseng_Essence_Water.webp?v=1744743124"},{"product_id":"yuja-niacin-30days-blemish-care-serum-50","title":"Some by Mi YUJA NIACIN 30DAYS BLEMISH CARE SERUM 50 ml","description":"\n\u003cstyle\u003e\n\/* Styles *\/\n.yuja-serum-container {\n  max-width: 100%;\n  margin: 0 auto;\n  direction: ltr;\n  color: #333;\n  overflow-x: hidden;\n}\n\n.yuja-serum-header {\n  text-align: center;\n  margin-bottom: 30px;\n  opacity: 0;\n  animation: fadeInUp 0.8s ease forwards;\n}\n\n.yuja-serum-title {\n  font-size: 26px;\n  color: #333;\n  margin-bottom: 15px;\n  position: relative;\n  padding-bottom: 15px;\n  display: inline-block;\n}\n\n.yuja-serum-title:after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  right: 50%;\n  transform: translateX(50%);\n  width: 60px;\n  height: 2px;\n  background-color: #9C8102;\n  animation: expandWidth 1.5s ease-in-out;\n}\n\n.yuja-serum-intro {\n  text-align: center;\n  font-size: 16px;\n  margin-bottom: 20px;\n  line-height: 1.6;\n}\n\n.yuja-serum-image {\n  display: block;\n  margin: 25px auto;\n  max-width: 100%;\n  border-radius: 8px;\n  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  opacity: 0;\n  transform: scale(0.95);\n  animation: fadeInAndScale 0.8s ease forwards;\n  animation-delay: 0.2s;\n}\n\n.yuja-serum-image:hover {\n  transform: translateY(-5px) scale(1.02);\n  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\n}\n\n.yuja-serum-section {\n  margin: 40px 0;\n  opacity: 0;\n  transform: translateY(30px);\n}\n\n.yuja-serum-section.visible {\n  opacity: 1;\n  transform: translateY(0);\n  transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.yuja-serum-section-title {\n  display: flex;\n  align-items: center;\n  margin-bottom: 20px;\n  font-size: 22px;\n  color: #333;\n  font-weight: bold;\n}\n\n.yuja-serum-section-icon {\n  margin-left: 10px;\n  color: #9C8102;\n  font-size: 24px;\n}\n\n.yuja-serum-content {\n  background-color: #fff;\n  border-radius: 8px;\n  padding: 25px;\n  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  line-height: 1.7;\n}\n\n.yuja-serum-content:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);\n}\n\n.yuja-serum-ingredients {\n  margin-top: 30px;\n}\n\n.yuja-serum-ingredient-item {\n  display: flex;\n  margin-bottom: 20px;\n  background-color: rgba(156, 129, 2, 0.03);\n  border-radius: 8px;\n  padding: 15px;\n  transform: translateX(30px);\n  opacity: 0;\n  transition: all 0.5s ease;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item {\n  transform: translateX(0);\n  opacity: 1;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(1) {\n  transition-delay: 0.1s;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(2) {\n  transition-delay: 0.2s;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(3) {\n  transition-delay: 0.3s;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(4) {\n  transition-delay: 0.4s;\n}\n\n.yuja-serum-ingredient-icon {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background-color: #9C8102;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #fff;\n  margin-left: 15px;\n}\n\n.yuja-serum-ingredient-content {\n  flex: 1;\n}\n\n.yuja-serum-ingredient-title {\n  font-weight: bold;\n  margin-bottom: 5px;\n}\n\n.yuja-serum-ingredient-desc {\n  color: #555;\n}\n\n.yuja-serum-highlight {\n  color: #9C8102;\n  font-weight: bold;\n}\n\n.yuja-serum-feature-section {\n  margin: 40px 0;\n  padding: 25px;\n  background-color: #fff;\n  border-radius: 8px;\n  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  opacity: 0;\n  transform: translateY(30px);\n}\n\n.yuja-serum-feature-section.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.yuja-serum-feature-section:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);\n}\n\n.yuja-serum-conclusion {\n  text-align: center;\n  margin: 40px 0;\n  padding: 30px;\n  background-color: rgba(156, 129, 2, 0.05);\n  border-radius: 8px;\n  opacity: 0;\n  transform: scale(0.95);\n  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.yuja-serum-conclusion.visible {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.yuja-serum-conclusion p {\n  line-height: 1.7;\n}\n\n@keyframes fadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fadeInAndScale {\n  from {\n    opacity: 0;\n    transform: scale(0.95);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n@keyframes expandWidth {\n  from {\n    width: 0;\n  }\n  to {\n    width: 60px;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"yuja-serum-container\"\u003e\n\u003cdiv class=\"yuja-serum-header\"\u003e\n\u003ch3 class=\"yuja-serum-title\"\u003e🌟 Una revolución en el mundo de los sueros: Some By Mi Yuja Niacin 30 Days Blemish Care Serum\u003c\/h3\u003e\n\u003cp class=\"yuja-serum-intro\"\u003e\n      En un mar de productos para el skincare, este suero se distingue como una obra maestra que combina la naturaleza y la ciencia moderna, ofreciendo una solución inmediata y eficaz a los problemas de la piel.\n    \u003c\/p\u003e\n\u003cimg alt=\"Some By Mi Yuja Niacin Serum\" class=\"yuja-serum-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_serum_blemish_care_2.jpg?v=1744753103\"\/\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"yuja-serum-section\" id=\"ingredients-section\"\u003e\n\u003cdiv class=\"yuja-serum-section-title\"\u003e\n\u003ci class=\"fas fa-lemon yuja-serum-section-icon\"\u003e\u003c\/i\u003e\n\u003ch3\u003eUna fórmula única que supera las expectativas\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-content\"\u003e\n\u003cp\u003eLo que distingue este suero de otros productos con niacinamida es su excepcional combinación de ingredientes:\u003c\/p\u003e\n\u003cdiv class=\"yuja-serum-ingredients\"\u003e\n\u003cdiv class=\"yuja-serum-ingredient-item\"\u003e\n\u003cdiv class=\"yuja-serum-ingredient-icon\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-content\"\u003e\n\u003cdiv class=\"yuja-serum-ingredient-title\"\u003e82,3% extracto de fruta Yuja (mandarino coreano)\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n              Conocido por su alta concentración de vitamina C, contiene tres veces más que el limón, proporcionando a la piel un brillo natural y estimulando la producción de colágeno.\n            \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-item\"\u003e\n\u003cdiv class=\"yuja-serum-ingredient-icon\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-content\"\u003e\n\u003cdiv class=\"yuja-serum-ingredient-title\"\u003e5% niacinamida\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n              A la concentración ideal, unifica el tono de la piel, reduce la pigmentación y refuerza la barrera protectora de la piel sin causar irritaciones.\n            \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-item\"\u003e\n\u003cdiv class=\"yuja-serum-ingredient-icon\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-content\"\u003e\n\u003cdiv class=\"yuja-serum-ingredient-title\"\u003eGlutatión y arbutina\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n              Los potentes antioxidantes contribuyen a reducir la producción de melanina, ayudando a aclarar las manchas oscuras y a dar a la piel un aspecto más uniforme.\n            \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-item\"\u003e\n\u003cdiv class=\"yuja-serum-ingredient-icon\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-content\"\u003e\n\u003cdiv class=\"yuja-serum-ingredient-title\"\u003e12 tipos de vitaminas\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n              Nutre la piel, mejora su vitalidad y ayuda a calmar el estrés debido a factores ambientales dañinos.\n            \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Some By Mi Yuja Niacin Serum Benefits\" class=\"yuja-serum-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_serum_blemish_care_3.jpg?v=1744753101\"\/\u003e\n\n\u003cdiv class=\"yuja-serum-feature-section\" id=\"results-section\"\u003e\n\u003cdiv class=\"yuja-serum-section-title\"\u003e\n\u003ci class=\"fas fa-clock yuja-serum-section-icon\"\u003e\u003c\/i\u003e\n\u003ch3\u003eResultados tangibles en tiempos récord\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp\u003e\n      A diferencia de muchos sueros que tardan meses en mostrar resultados, este suero muestra sus efectos en solo 30 días. Las experiencias de los usuarios indican una clara mejora en uniformar el tono de la piel y reducir las pigmentaciones en poco tiempo.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Some By Mi Yuja Niacin Serum Value\" class=\"yuja-serum-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_serum_blemish_care_2.webp?v=1744753103\"\/\u003e\n\n\u003cdiv class=\"yuja-serum-feature-section\" id=\"value-section\"\u003e\n\u003cdiv class=\"yuja-serum-section-title\"\u003e\n\u003ci class=\"fas fa-gem yuja-serum-section-icon\"\u003e\u003c\/i\u003e\n\u003ch3\u003eUna inversión inteligente para tu piel\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp\u003e\n      Con una capacidad de 50 ml y una alta concentración de principios activos, este suero ofrece una excelente relación calidad-precio. Una pequeña cantidad es suficiente para obtener los resultados deseados, lo que lo hace duradero y ofrece una solución de skincare económica y eficaz.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"yuja-serum-conclusion\" id=\"conclusion-section\"\u003e\n\u003cp\u003e\n      En breve, \u003cstrong class=\"yuja-serum-highlight\"\u003eSome By Mi Yuja Niacin 30 Days Blemish Care Serum\u003c\/strong\u003e No es solo otro suero en el mercado, sino más bien una experiencia única que combina el poder de la naturaleza con la tecnología moderna para lograr una piel sana y radiante en tiempo récord.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n  const sections = document.querySelectorAll('.yuja-serum-section, .yuja-serum-feature-section, .yuja-serum-conclusion');\n  \n  \n  const observer = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.2 });\n  \n  \n  sections.forEach(section =\u003e {\n    observer.observe(section);\n  });\n});\n\u003c\/script\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":44664200888517,"sku":null,"price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_serum_blemish_care.jpg?v=1744752710"},{"product_id":"some-by-mi-yuja-niacin-anti-blemish-cream-60ml","title":"SOME BY MI Yuja Niacin Anti Blemish Cream 60ml","description":"\n\u003cstyle\u003e\n\/* Styles *\/\n.yuja-cream-container {\n  max-width: 100%;\n  margin: 0 auto;\n  direction: ltr;\n  color: #333;\n  overflow-x: hidden;\n}\n\n.yuja-cream-header {\n  text-align: center;\n  margin-bottom: 30px;\n  opacity: 0;\n  animation: fadeInUp 1s ease forwards;\n}\n\n.yuja-cream-title {\n  font-size: 26px;\n  color: #333;\n  margin-bottom: 15px;\n  position: relative;\n  padding-bottom: 15px;\n  display: inline-block;\n}\n\n.yuja-cream-title:after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  right: 50%;\n  transform: translateX(50%);\n  width: 60px;\n  height: 2px;\n  background-color: #9C8102;\n  animation: expandWidth 1.5s ease-in-out;\n}\n\n.yuja-cream-question {\n  font-size: 24px;\n  font-weight: bold;\n  margin: 25px 0 15px;\n  color: #333;\n  text-align: center;\n}\n\n.yuja-cream-intro {\n  text-align: center;\n  font-size: 16px;\n  line-height: 1.7;\n  max-width: 800px;\n  margin: 0 auto 20px;\n}\n\n.yuja-cream-image {\n  display: block;\n  margin: 30px auto;\n  max-width: 100%;\n  border-radius: 8px;\n  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n  transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  opacity: 0;\n  transform: scale(0.95) translateY(20px);\n  animation: fadeInAndScale 1s ease forwards;\n  animation-delay: 0.3s;\n}\n\n.yuja-cream-image:hover {\n  transform: translateY(-10px) scale(1.02);\n  box-shadow: 0 15px 35px rgba(156, 129, 2, 0.2);\n}\n\n.yuja-cream-section {\n  margin: 50px 0;\n  opacity: 0;\n  transform: translateY(30px);\n  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.yuja-cream-section.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.yuja-cream-section-title {\n  display: flex;\n  align-items: center;\n  margin-bottom: 25px;\n  font-size: 24px;\n  color: #333;\n  font-weight: bold;\n  text-align: center;\n  justify-content: center;\n}\n\n.yuja-cream-section-icon {\n  margin-left: 12px;\n  color: #9C8102;\n  font-size: 28px;\n}\n\n.yuja-cream-content {\n  background-color: #fff;\n  border-radius: 10px;\n  padding: 30px;\n  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);\n  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  line-height: 1.8;\n  text-align: center;\n}\n\n.yuja-cream-content:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);\n}\n\n.yuja-cream-ingredients {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 20px;\n  margin-top: 30px;\n}\n\n.yuja-cream-ingredient-item {\n  background-color: #fff;\n  border-radius: 8px;\n  padding: 20px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n  transition: all 0.4s ease;\n  position: relative;\n  overflow: hidden;\n  opacity: 0;\n  transform: translateY(20px);\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(1) {\n  transition-delay: 0.1s;\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(2) {\n  transition-delay: 0.2s;\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(3) {\n  transition-delay: 0.3s;\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(4) {\n  transition-delay: 0.4s;\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(5) {\n  transition-delay: 0.5s;\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(6) {\n  transition-delay: 0.6s;\n}\n\n.yuja-cream-ingredient-item:hover {\n  transform: translateY(-7px);\n  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);\n}\n\n.yuja-cream-ingredient-item:before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 3px;\n  height: 0;\n  background-color: #9C8102;\n  transition: height 0.4s ease;\n}\n\n.yuja-cream-ingredient-item:hover:before {\n  height: 100%;\n}\n\n.yuja-cream-ingredient-title {\n  font-weight: bold;\n  margin-bottom: 10px;\n  color: #333;\n  font-size: 17px;\n}\n\n.yuja-cream-ingredient-desc {\n  color: #555;\n  line-height: 1.6;\n}\n\n.yuja-cream-highlight {\n  color: #9C8102;\n  font-weight: bold;\n}\n\n.yuja-cream-feature-section {\n  margin: 50px 0;\n  padding: 30px;\n  background-color: #fff;\n  border-radius: 10px;\n  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);\n  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  opacity: 0;\n  transform: translateY(30px);\n  text-align: center;\n}\n\n.yuja-cream-feature-section.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.yuja-cream-feature-section:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);\n}\n\n.yuja-cream-feature-content {\n  line-height: 1.8;\n}\n\n.yuja-cream-cta-section {\n  margin: 50px 0;\n  padding: 35px;\n  background: linear-gradient(to left, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1));\n  border-radius: 10px;\n  text-align: center;\n  opacity: 0;\n  transform: scale(0.95);\n  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.yuja-cream-cta-section.visible {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.yuja-cream-cta-title {\n  font-size: 24px;\n  font-weight: bold;\n  margin-bottom: 20px;\n  color: #333;\n}\n\n.yuja-cream-cta-content {\n  line-height: 1.8;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n@keyframes fadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fadeInAndScale {\n  from {\n    opacity: 0;\n    transform: scale(0.95) translateY(20px);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n\n@keyframes expandWidth {\n  from {\n    width: 0;\n  }\n  to {\n    width: 60px;\n  }\n}\n\n@media (max-width: 768px) {\n  .yuja-cream-ingredients {\n    grid-template-columns: 1fr;\n  }\n  \n  .yuja-cream-section-title {\n    font-size: 22px;\n  }\n  \n  .yuja-cream-question {\n    font-size: 20px;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"yuja-cream-container\"\u003e\n\u003cdiv class=\"yuja-cream-header\"\u003e\n\u003ch2 class=\"yuja-cream-title\"\u003e¡Crema yoga y niacinamida! Especializada en el tratamiento de todas las imperfecciones de la piel\u003c\/h2\u003e\n\u003cimg alt=\"Some By Mi Yuja Niacin Anti Blemish Cream\" class=\"yuja-cream-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_anti_blemish_cream.webp?v=1744754502\"\/\u003e\n\u003ch2 class=\"yuja-cream-question\"\u003e¿Tu piel sufre de hiperpigmentación y manchas oscuras?\u003c\/h2\u003e\n\u003cp class=\"yuja-cream-intro\"\u003e\n      Si estás frustrado con los productos que prometen mejorar tu piel pero no dan resultados tangibles, es el momento de probarlo. \u003cstrong\u003eCrema Anti-Manchas Some By Mi Yuja Niacin\u003c\/strong\u003e.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Some By Mi Yuja Niacin Products\" class=\"yuja-cream-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_YUJA_NIACIN_30DAYS_BLEMISH_CARE_SERUM_50_ml.webp?v=1744754624\"\/\u003e\n\n\u003cdiv class=\"yuja-cream-section\" id=\"formula-section\"\u003e\n\u003cdiv class=\"yuja-cream-section-title\"\u003e\n\u003ci class=\"fas fa-flask yuja-cream-section-icon\"\u003e\u003c\/i\u003e\n\u003ch2\u003eFórmula científica avanzada para resultados rápidos y eficaces\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-content\"\u003e\n\u003cp\u003eEsta crema contiene una combinación única de ingredientes activos que trabajan en armonía para iluminar y mejorar la apariencia de la piel:\u003c\/p\u003e\n\u003cdiv class=\"yuja-cream-ingredients\"\u003e\n\u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n\u003cdiv class=\"yuja-cream-ingredient-title\"\u003e5% Niacinamida (Vitamina B3)\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n            Se considera uno de los ingredientes más potentes en la reducción de la pigmentación y en la unificación del tono de la piel.\n          \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n\u003cdiv class=\"yuja-cream-ingredient-title\"\u003eExtracto de Yuga (Yuzu)\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n            Rico en Vitamina C, ayuda a aclarar la piel y reducir las manchas oscuras.\n          \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n\u003cdiv class=\"yuja-cream-ingredient-title\"\u003eArbutina\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n            Contribuye a reducir la producción de melanina, disminuyendo así la aparición de manchas oscuras.\n          \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n\u003cdiv class=\"yuja-cream-ingredient-title\"\u003eGlutatión\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n            Se considera uno de los antioxidantes más potentes, combate los radicales libres y mejora la luminosidad de la piel.\n          \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n\u003cdiv class=\"yuja-cream-ingredient-title\"\u003ePantenol (Vitamina B5)\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n            Hidrata profundamente la piel y refuerza su barrera natural.\n          \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n\u003cdiv class=\"yuja-cream-ingredient-title\"\u003eExtracto de Centella Asiática (Cica)\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n            Calma la piel y favorece la regeneración celular.\n          \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Some By Mi Yuja Niacin Cream Benefits\" class=\"yuja-cream-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/yuja-niacin-Anti-Blemish-Cream.webp?v=1744754799\"\/\u003e\n\n\u003cdiv class=\"yuja-cream-feature-section\" id=\"benefits-section\"\u003e\n\u003cdiv class=\"yuja-cream-section-title\"\u003e\n\u003ci class=\"fas fa-lightbulb yuja-cream-section-icon\"\u003e\u003c\/i\u003e\n\u003ch2\u003e¿Por qué esta crema se considera una revolución en el skincare?\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-feature-content\"\u003e\n\u003cp\u003e\n        La crema combina el revolucionario compuesto niacinamida, que ha revolucionado el skincare, con un extracto de yuga de alta concentración. La planta de yuga, conocida como mandarina coreana, se considera que contiene 3 veces la concentración de vitamina C presente en los limones. Esto hace que este extracto sea un milagro para aclarar, resistir la oxidación y tratar los signos de la edad.\n      \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Some By Mi Yuja Niacin Cream Value\" class=\"yuja-cream-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOMEBYMI_YujaNiacinAntiBlemishCream60g-Holiholiholic_1_480x480_ff0e92bb-54fe-412f-935f-88df680ffe33.webp?v=1744754852\"\/\u003e\n\n\u003cdiv class=\"yuja-cream-feature-section\" id=\"value-section\"\u003e\n\u003cdiv class=\"yuja-cream-section-title\"\u003e\n\u003ci class=\"fas fa-coins yuja-cream-section-icon\"\u003e\u003c\/i\u003e\n\u003ch2\u003eUna inversión inteligente para una piel más radiante\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-feature-content\"\u003e\n\u003cp\u003e\n        Con un volumen de 60 ml, esta crema es una inversión a largo plazo. La concentración de ingredientes activos en su interior garantiza una larga duración, lo que la convierte en una opción económica y eficaz.\n      \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"yuja-cream-cta-section\" id=\"cta-section\"\u003e\n\u003cdiv class=\"yuja-cream-cta-title\"\u003e\n\u003ci class=\"fas fa-star\"\u003e\u003c\/i\u003e Mereces una piel más luminosa y radiante \u003ci class=\"fas fa-star\"\u003e\u003c\/i\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-cta-content\"\u003e\n\u003cp\u003e\n        No dejes que la pigmentación y las manchas oscuras influyan en tu autoestima. Pruébala \u003cstrong class=\"yuja-cream-highlight\"\u003eCrema Anti-Manchas Some By Mi Yuja Niacin\u003c\/strong\u003e Hoy, disfruta de una piel más radiante y fresca.\n      \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n  const sections = document.querySelectorAll('.yuja-cream-section, .yuja-cream-feature-section, .yuja-cream-cta-section');\n  \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  }, { threshold: 0.15 });\n  \n  \n  sections.forEach(section =\u003e {\n    observer.observe(section);\n  });\n});\n\u003c\/script\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":44664277893317,"sku":null,"price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOMEBYMIYujaNiacinAntiBlemishCream60ml.jpg?v=1744754087"},{"product_id":"anua-niacinamide-txa-dark-spot-correcting-serum","title":"Suero ANUA Niacinamide 10% + TXA 4% Corrector de manchas oscuras - Iluminador avanzado y afinador de poros","description":"\u003cdiv class=\"anua-txa-ultimate-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n        .anua-txa-ultimate-wrapper {\n            --atxa-neon-red: #ff2a3b;\n            --atxa-neon-rose: #ff6b7e;\n            --atxa-neon-gold: #ffd24a;\n            --atxa-glow-red: rgba(255, 42, 59, 0.45);\n            --atxa-glow-gold: rgba(255, 210, 74, 0.45);\n\n            --atxa-bg-base: #040304;\n            --atxa-bg-surface: #0a0608;\n            --atxa-bg-card: rgba(18, 10, 13, 0.9);\n            --atxa-bg-card-hover: rgba(26, 14, 18, 0.98);\n\n            --atxa-text-pure: #ffffff;\n            --atxa-border: rgba(255, 42, 59, 0.25);\n            --atxa-border-hover: rgba(255, 42, 59, 0.8);\n            --atxa-line: rgba(255, 255, 255, 0.08);\n\n            line-height: 1.8;\n            position: relative;\n            width: 100%;\n            max-width: 100%;\n            border-radius: 24px;\n            background-color: var(--atxa-bg-base);\n            color: var(--atxa-text-pure);\n            box-shadow: inset 0 0 120px rgba(255, 42, 59, 0.08);\n            box-sizing: border-box;\n            padding: 40px 0;\n            -webkit-font-smoothing: antialiased;\n        }\n\n        .anua-txa-ultimate-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .neon-red {\n            color: var(--atxa-neon-red) !important;\n            text-shadow: 0 0 10px var(--atxa-glow-red), 0 0 20px var(--atxa-glow-red);\n            font-weight: 900;\n        }\n\n        .neon-gold {\n            color: var(--atxa-neon-gold) !important;\n            text-shadow: 0 0 10px var(--atxa-glow-gold), 0 0 20px var(--atxa-glow-gold);\n            font-weight: 900;\n        }\n\n        .neon-rose {\n            color: var(--atxa-neon-rose) !important;\n            text-shadow: 0 0 10px rgba(255, 107, 126, 0.5);\n            font-weight: 900;\n        }\n\n        .pure-white {\n            color: #ffffff !important;\n            font-weight: 600;\n        }\n\n        .anua-txa-ultimate-wrapper img {\n            width: 100%;\n            max-width: 100% !important;\n            height: auto !important;\n            border-radius: 20px;\n            display: block;\n            margin: 0 auto;\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9);\n            border: 1px solid rgba(255, 42, 59, 0.25);\n            box-sizing: border-box;\n            object-fit: contain;\n        }\n\n        .atxa-img-md {\n            max-width: 650px !important;\n            width: 100%;\n        }\n\n        .atxa-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        .atxa-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        .atxa-orb {\n            position: absolute;\n            border-radius: 50%;\n            filter: blur(110px);\n            opacity: 0.35;\n            animation: atxaOrbFloat 18s infinite alternate ease-in-out;\n            pointer-events: none;\n        }\n\n        .atxa-orb-1 {\n            width: 500px; height: 500px;\n            background: radial-gradient(circle, rgba(255, 42, 59, 0.22) 0%, transparent 70%);\n            top: -120px; right: -120px;\n        }\n\n        .atxa-orb-2 {\n            width: 550px; height: 550px;\n            background: radial-gradient(circle, rgba(255, 210, 74, 0.16) 0%, transparent 70%);\n            bottom: 15%; left: -150px;\n            animation-delay: -6s;\n        }\n\n        @keyframes atxaOrbFloat {\n            0% { transform: translate(0, 0) scale(1); }\n            100% { transform: translate(40px, 80px) scale(1.15); }\n        }\n\n        .atxa-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(255, 42, 59, 0.45);\n            word-wrap: break-word;\n        }\n\n        .atxa-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        .atxa-section-title::after {\n            content: '';\n            display: block;\n            width: clamp(80px, 30%, 150px);\n            height: 3px;\n            background: linear-gradient(90deg, transparent, var(--atxa-neon-red), var(--atxa-neon-gold), transparent);\n            border-radius: 10px;\n            margin: 14px auto 0;\n            box-shadow: 0 0 15px var(--atxa-glow-red);\n        }\n\n        .atxa-badge {\n            display: inline-block;\n            background: rgba(255, 42, 59, 0.14);\n            border: 1.5px solid var(--atxa-neon-red);\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(--atxa-glow-red);\n        }\n\n        .atxa-hero-subtitle {\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(--atxa-neon-red);\n            padding-right: 20px;\n            background: linear-gradient(90deg, transparent, rgba(255, 42, 59, 0.1));\n            border-radius: 12px 0 0 12px;\n            text-align: left;\n        }\n\n        .atxa-art-divider {\n            width: 100%;\n            height: 2px;\n            background: linear-gradient(90deg, transparent, var(--atxa-neon-red), var(--atxa-neon-gold), var(--atxa-neon-red), transparent);\n            margin: 35px 0;\n            position: relative;\n            box-shadow: 0 0 15px var(--atxa-glow-red);\n        }\n\n        .atxa-benefits-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 22px;\n            margin: 35px 0;\n            width: 100%;\n        }\n\n        .atxa-card {\n            background: linear-gradient(145deg, rgba(24, 12, 16, 0.92), rgba(8, 4, 6, 0.98));\n            border: 1px solid var(--atxa-border);\n            border-radius: 18px;\n            padding: 28px 22px;\n            transition: transform 0.3s ease, border-color 0.3s ease, background 0.3s ease;\n            position: relative;\n            overflow: hidden;\n            text-align: left;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            min-width: 0;\n            word-break: break-word;\n        }\n\n        .atxa-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--atxa-neon-red);\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--atxa-glow-red);\n            background: rgba(32, 16, 22, 0.98);\n        }\n\n        .atxa-icon-wrap {\n            width: 56px; height: 56px;\n            background: rgba(8, 4, 6, 0.9);\n            border: 1.5px solid rgba(255, 42, 59, 0.35);\n            border-radius: 14px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 18px;\n            color: var(--atxa-neon-red);\n            transition: transform 0.3s ease, background 0.3s ease;\n            box-shadow: 0 0 15px rgba(255, 42, 59, 0.15);\n            flex-shrink: 0;\n            font-size: 1.3rem;\n            font-weight: 900;\n        }\n\n        .atxa-card:hover .atxa-icon-wrap {\n            transform: scale(1.1) rotate(-5deg);\n            background: var(--atxa-neon-red);\n            color: #040304;\n            border-color: transparent;\n            box-shadow: 0 0 25px var(--atxa-neon-red);\n        }\n\n        .atxa-card h3 {\n            font-size: 1.3rem;\n            color: #ffffff;\n            margin-bottom: 10px;\n            font-weight: 800;\n            line-height: 1.4;\n        }\n\n        .atxa-card p {\n            color: #ffffff;\n            font-size: 1.05rem;\n            line-height: 1.75;\n            font-weight: 500;\n        }\n\n        .atxa-ingredient-tag {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background: rgba(255, 42, 59, 0.14);\n            border: 1px solid var(--atxa-neon-red);\n            color: var(--atxa-neon-red);\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(255, 42, 59, 0.2);\n            width: fit-content;\n            max-width: 100%;\n            white-space: normal;\n            word-break: break-word;\n        }\n\n        .atxa-ingredient-tag.gold {\n            background: rgba(255, 210, 74, 0.14);\n            border-color: var(--atxa-neon-gold);\n            color: var(--atxa-neon-gold);\n            box-shadow: 0 0 12px rgba(255, 210, 74, 0.25);\n        }\n\n        .atxa-ingredient-tag.rose {\n            background: rgba(255, 107, 126, 0.14);\n            border-color: var(--atxa-neon-rose);\n            color: var(--atxa-neon-rose);\n            box-shadow: 0 0 12px rgba(255, 107, 126, 0.25);\n        }\n\n        .atxa-diff-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 18px;\n            margin: 30px 0;\n            width: 100%;\n        }\n\n        .atxa-diff-card {\n            background: linear-gradient(145deg, rgba(22, 10, 14, 0.9), rgba(8, 4, 6, 0.98));\n            border: 1.5px solid var(--atxa-border);\n            border-radius: 18px;\n            padding: 24px 18px;\n            text-align: center;\n            transition: transform 0.3s ease, border-color 0.3s ease;\n            min-width: 0;\n        }\n\n        .atxa-diff-card:hover {\n            border-color: var(--atxa-neon-gold);\n            transform: translateY(-5px);\n            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.7);\n        }\n\n        .atxa-bignum {\n            font-size: clamp(34px, 5.5vw, 50px);\n            font-weight: 900;\n            line-height: 1;\n            margin-bottom: 8px;\n            direction: ltr;\n        }\n\n        .atxa-diff-card h4 {\n            font-size: 1.18rem;\n            font-weight: 800;\n            margin-bottom: 8px;\n            color: #ffffff;\n        }\n\n        .atxa-diff-card p {\n            color: #ffffff;\n            font-size: 0.98rem;\n            line-height: 1.65;\n            font-weight: 500;\n        }\n\n        .atxa-stats-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 18px;\n            margin: 35px 0;\n            width: 100%;\n        }\n\n        .atxa-stat-box {\n            background: rgba(18, 8, 12, 0.9);\n            border: 1.5px solid var(--atxa-border);\n            border-radius: 18px;\n            padding: 26px 16px;\n            text-align: center;\n            transition: transform 0.3s ease, border-color 0.3s ease;\n            min-width: 0;\n        }\n\n        .atxa-stat-box:hover {\n            border-color: var(--atxa-neon-gold);\n            transform: translateY(-5px);\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);\n        }\n\n        .atxa-stat-num {\n            font-size: clamp(34px, 5.5vw, 54px);\n            font-weight: 900;\n            line-height: 1;\n            margin-bottom: 8px;\n            direction: ltr;\n        }\n\n        .atxa-stat-title {\n            color: #ffffff;\n            font-size: 1.05rem;\n            font-weight: 800;\n        }\n\n        .atxa-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        .atxa-timeline-card {\n            background: rgba(18, 10, 14, 0.88);\n            border: 1px solid var(--atxa-border);\n            border-top: 4px solid var(--atxa-neon-red);\n            border-radius: 16px;\n            padding: 22px 16px;\n            text-align: left;\n            transition: transform 0.3s ease, border-color 0.3s ease;\n            min-width: 0;\n        }\n\n        .atxa-timeline-card:hover {\n            transform: translateY(-6px);\n            border-top-color: var(--atxa-neon-gold);\n            background: rgba(28, 14, 20, 0.95);\n        }\n\n        .atxa-timeline-badge {\n            display: inline-block;\n            background: rgba(255, 42, 59, 0.14);\n            color: var(--atxa-neon-red);\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(--atxa-border);\n            white-space: nowrap;\n        }\n\n        .atxa-timeline-card p {\n            color: #ffffff;\n            font-size: 0.98rem;\n            line-height: 1.7;\n            font-weight: 500;\n        }\n\n        .atxa-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        .atxa-value-card {\n            background: linear-gradient(145deg, rgba(20, 10, 14, 0.9), rgba(8, 4, 6, 0.98));\n            border: 1px solid var(--atxa-border);\n            border-radius: 18px;\n            padding: 26px 18px;\n            text-align: left;\n            transition: transform 0.3s ease, border-color 0.3s ease;\n            min-width: 0;\n        }\n\n        .atxa-value-card:hover {\n            border-color: var(--atxa-neon-gold);\n            transform: translateY(-5px);\n            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.7);\n        }\n\n        .atxa-value-num {\n            width: 44px; height: 44px;\n            background: rgba(255, 42, 59, 0.15);\n            border: 1.5px solid var(--atxa-neon-red);\n            border-radius: 12px;\n            display: flex; align-items: center; justify-content: center;\n            font-size: 1.2rem; font-weight: 900;\n            color: var(--atxa-neon-gold);\n            margin-bottom: 14px;\n        }\n\n        .atxa-value-card h3 {\n            font-size: 1.2rem;\n            font-weight: 900;\n            margin-bottom: 8px;\n            color: #ffffff;\n        }\n\n        .atxa-value-card p {\n            color: #ffffff;\n            font-size: 0.98rem;\n            line-height: 1.7;\n            font-weight: 500;\n        }\n\n        .atxa-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        .atxa-step-card {\n            background: rgba(18, 8, 12, 0.85);\n            border: 1.5px dashed var(--atxa-border);\n            padding: 24px 16px;\n            border-radius: 16px;\n            text-align: center;\n            transition: transform 0.3s ease, border-color 0.3s ease;\n            min-width: 0;\n        }\n\n        .atxa-step-card:hover {\n            border-color: var(--atxa-neon-red);\n            transform: translateY(-5px);\n            background: rgba(26, 12, 18, 0.95);\n        }\n\n        .atxa-step-num {\n            width: 44px; height: 44px;\n            background: linear-gradient(135deg, #2a080e, #0a0204);\n            border: 2px solid var(--atxa-neon-red);\n            border-radius: 50%;\n            display: flex; align-items: center; justify-content: center;\n            font-size: 1.3rem; font-weight: 900;\n            color: var(--atxa-neon-gold);\n            margin: 0 auto 14px;\n            box-shadow: 0 0 15px var(--atxa-glow-red);\n        }\n\n        .atxa-step-card h4 {\n            color: var(--atxa-neon-red);\n            font-size: 1.2rem;\n            font-weight: 800;\n            margin-bottom: 8px;\n        }\n\n        .atxa-step-card p {\n            color: #ffffff;\n            font-size: 0.98rem;\n            line-height: 1.7;\n            font-weight: 500;\n        }\n\n        .atxa-table-wrap {\n            margin: 35px 0;\n            border-radius: 18px;\n            border: 1px solid var(--atxa-border);\n            background: rgba(18, 8, 12, 0.85);\n            overflow: hidden;\n            width: 100%;\n        }\n\n        .atxa-table { width: 100%; border-collapse: collapse; text-align: left; }\n        .atxa-table th, .atxa-table td {\n            padding: 18px 20px;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n            font-size: 1.05rem;\n            vertical-align: middle;\n        }\n\n        .atxa-table thead th {\n            background: rgba(35, 10, 16, 0.95);\n            font-size: 1.15rem; font-weight: 900;\n            color: #ffffff;\n            border-bottom: 2px solid var(--atxa-neon-red);\n        }\n\n        .atxa-table thead th.atxa-th-win {\n            color: var(--atxa-neon-gold);\n            background: rgba(255, 42, 59, 0.18);\n            text-shadow: 0 0 18px var(--atxa-glow-gold);\n        }\n\n        .atxa-table td:first-child { color: #ffffff; font-weight: 800; }\n        .atxa-table td.atxa-td-old { color: #ffffff; }\n        .atxa-table td.atxa-td-win {\n            color: #ffffff; font-weight: 700;\n            background: rgba(255, 42, 59, 0.08);\n            border-right: 3.5px solid var(--atxa-neon-red);\n        }\n\n        .atxa-table tbody tr:hover { background: rgba(255, 42, 59, 0.06); }\n        .atxa-table tbody tr:last-child td { border-bottom: none; }\n\n        .atxa-reveal {\n            opacity: 0;\n            transform: translateY(35px);\n            transition: opacity 0.6s ease, transform 0.6s ease;\n        }\n\n        .atxa-reveal.atxa-active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .atxa-delay-1 { transition-delay: 0.12s; }\n        .atxa-delay-2 { transition-delay: 0.24s; }\n\n        @media (max-width: 768px) {\n            .anua-txa-ultimate-wrapper { padding: 25px 0; }\n            .atxa-container { padding: 0 14px !important; }\n            .atxa-img-md { max-width: 100% !important; }\n\n            .atxa-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            .atxa-benefits-grid .atxa-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .atxa-benefits-grid .atxa-icon-wrap {\n                width: 38px !important;\n                height: 38px !important;\n                margin-bottom: 10px !important;\n                border-radius: 10px !important;\n                font-size: 16px !important;\n            }\n\n            .atxa-benefits-grid .atxa-card h3 {\n                font-size: 0.94rem !important;\n                margin-bottom: 6px !important;\n                line-height: 1.3 !important;\n            }\n\n            .atxa-benefits-grid .atxa-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            .atxa-benefits-grid .atxa-card p {\n                font-size: 0.82rem !important;\n                line-height: 1.5 !important;\n            }\n\n            .atxa-diff-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .atxa-diff-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .atxa-diff-card:last-child {\n                grid-column: span 2 !important;\n            }\n\n            .atxa-bignum {\n                font-size: 32px !important;\n            }\n\n            .atxa-diff-card h4 {\n                font-size: 0.95rem !important;\n                margin-bottom: 4px !important;\n            }\n\n            .atxa-diff-card p {\n                font-size: 0.82rem !important;\n                line-height: 1.45 !important;\n            }\n\n            .atxa-stats-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .atxa-stat-box {\n                padding: 16px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .atxa-stat-box:last-child {\n                grid-column: span 2 !important;\n            }\n\n            .atxa-stat-num {\n                font-size: 34px !important;\n            }\n\n            .atxa-stat-title {\n                font-size: 0.85rem !important;\n            }\n\n            .atxa-timeline-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .atxa-timeline-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .atxa-timeline-badge {\n                font-size: 0.75rem !important;\n                padding: 3px 8px !important;\n                margin-bottom: 8px !important;\n            }\n\n            .atxa-timeline-card p {\n                font-size: 0.82rem !important;\n                line-height: 1.45 !important;\n            }\n\n            .atxa-value-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .atxa-value-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .atxa-value-card:last-child {\n                grid-column: span 2 !important;\n            }\n\n            .atxa-value-num {\n                width: 36px !important;\n                height: 36px !important;\n                font-size: 1rem !important;\n                margin-bottom: 8px !important;\n            }\n\n            .atxa-value-card h3 {\n                font-size: 0.95rem !important;\n                margin-bottom: 4px !important;\n            }\n\n            .atxa-value-card p {\n                font-size: 0.82rem !important;\n                line-height: 1.45 !important;\n            }\n\n            .atxa-steps-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .atxa-step-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .atxa-step-card:last-child {\n                grid-column: span 2 !important;\n            }\n\n            .atxa-step-num {\n                width: 38px !important;\n                height: 38px !important;\n                font-size: 1.1rem !important;\n                margin-bottom: 8px !important;\n            }\n\n            .atxa-step-card h4 {\n                font-size: 0.95rem !important;\n                margin-bottom: 4px !important;\n            }\n\n            .atxa-step-card p {\n                font-size: 0.82rem !important;\n                line-height: 1.45 !important;\n            }\n\n            .atxa-table, .atxa-table tbody, .atxa-table tr, .atxa-table td { display: block; width: 100%; }\n            .atxa-table thead { display: none; }\n            .atxa-table tr {\n                margin-bottom: 12px;\n                border: 1px solid rgba(255, 42, 59, 0.25);\n                border-radius: 14px;\n                overflow: hidden;\n            }\n            .atxa-table td { border-bottom: 1px solid rgba(255,255,255,0.06); padding: 12px 14px; font-size: 0.88rem; }\n            .atxa-table td:first-child {\n                background: rgba(35, 10, 16, 0.95);\n                font-size: 1rem;\n                color: var(--atxa-neon-gold);\n            }\n            .atxa-table td[data-label]::before {\n                content: attr(data-label) \": \";\n                font-weight: 800;\n                color: var(--atxa-neon-rose);\n                margin-left: 6px;\n            }\n            .atxa-table td.atxa-td-win::before { color: var(--atxa-neon-gold); }\n\n            .atxa-title-glow { font-size: 24px; }\n            .atxa-section-title { font-size: 20px; }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"atxa-ambient-bg\"\u003e\n\u003cdiv class=\"atxa-orb atxa-orb-1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"atxa-orb atxa-orb-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"atxa-hero atxa-reveal atxa-active\" style=\"text-align: center; padding: 20px 0 35px;\"\u003e\n\u003cdiv class=\"atxa-badge\"\u003eLa fórmula más potente para aclarar y corregir las manchas en Corea\u003c\/div\u003e\n\u003ch1 class=\"atxa-title-glow\"\u003e\n                Suero Anua Niacinamida 10% + TXA 4%\u003cbr\/\u003e\n\u003cspan class=\"neon-gold\"\u003eLibérate del maquillaje y recupera la pureza de tu piel en 30 días\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"atxa-hero-subtitle\"\u003e\n                Estoy cansado de su cortesía \u003cspan class=\"neon-red\"\u003eRestos de granos antiguos con el corrector\u003c\/span\u003e? ¿El melasma y las manchas solares desaparecen, sin importar cuánto intentes con los sueros aclarante? \u003cspan class=\"neon-gold\"\u003eEl secreto no es pelar la piel\u003c\/span\u003eEl secreto es detener la mancha misma desde las raíces antes de que aparezca en la superficie de la piel.\n            \u003c\/p\u003e\n\u003cimg alt=\"ANUA Niacinamide 10% + TXA 4% Serum\" class=\"atxa-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Serum_bottle_against_dark_backgr__202608311311.jpg?v=1788171326\" style=\"margin-bottom: 30px;\"\/\u003e\n\u003cdiv style=\"background: rgba(255, 42, 59, 0.08); border: 1.5px solid var(--atxa-neon-red); border-radius: 18px; padding: 22px; text-align: center; max-width: 840px; margin: 0 auto 30px;\"\u003e\n\u003cp style=\"font-size: 1.25rem; font-weight: 900; color: #ffffff; line-height: 1.85;\"\u003e\n                    No es solo un suero aclarador normal. \u003cspan class=\"neon-red\"\u003eTrilogía de corrección inteligente\u003c\/span\u003e Se funde \u003cspan class=\"neon-gold\"\u003e10% niacinamida + 4% tranexámico + 2% arbutina\u003c\/span\u003e Para eliminar la mancha más oscura estás a punto de uniformar tu color sin un solo punto de descamación ni una sola quemadura!\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"background: rgba(255, 210, 74, 0.08); border: 1px dashed var(--atxa-neon-gold); padding: 16px 22px; border-radius: 16px; display: inline-flex; align-items: center; justify-content: center; gap: 14px; max-width: 820px;\"\u003e\n\u003cp style=\"font-size: 1.05rem; font-weight: 800; margin: 0; color: #ffffff;\"\u003e\n                    Producto más vendido en \u003cspan class=\"neon-gold\"\u003eMás de 30 países\u003c\/span\u003e Para poner fin a la batalla contra las manchas persistentes de una vez por todas, completamente seguro para la piel sensible.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 2. Core Targeted Benefits Grid --\u003e\n\u003cdiv class=\"atxa-reveal\" style=\"margin-top: 15px;\"\u003e\n\u003ch2 class=\"atxa-section-title\"\u003e¿Qué cambiará exactamente en tu piel?\u003c\/h2\u003e\n\u003cp class=\"pure-white\" style=\"text-align: center; margin-bottom: 30px; font-size: 1.15rem;\"\u003e\n                La verdadera diferencia que verás en el espejo cada día desde la primera semana:\n            \u003c\/p\u003e\n\u003cdiv class=\"atxa-benefits-grid\"\u003e\n\u003c!-- Benefit 1 --\u003e\n\u003cdiv class=\"atxa-card\"\u003e\n\u003cdiv class=\"atxa-icon-wrap\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"neon-red\"\u003eColor uniforme y poros cerrados\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag\"\u003eNiacinamida 10% puro\u003c\/div\u003e\n\u003cp\u003eControla el exceso de sebo, reduce los poros dilatados y distribuye frescura por todas partes, eliminando la necesidad de polvos compactos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 2 --\u003e\n\u003cdiv class=\"atxa-card atxa-delay-1\"\u003e\n\u003cdiv class=\"atxa-icon-wrap\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eDetén el melasma en la fuente\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag gold\"\u003eÁcido tranexámico 4%\u003c\/div\u003e\n\u003cp\u003ePreviene la formación de pigmentación melánica desde sus raíces profundas, deteniendo el melasma y las manchas solares de verano antes de que se asienten en tu piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 3 --\u003e\n\u003cdiv class=\"atxa-card atxa-delay-2\"\u003e\n\u003cdiv class=\"atxa-icon-wrap\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"neon-rose\"\u003eBorra las marcas de los granos obstinados\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag rose\"\u003eArbutina Pura 2%\u003c\/div\u003e\n\u003cp\u003eFunciona como un elástico sobre las manchas marrones y rojas dejadas por los antiguos granos, así tu piel vuelve a estar clara como un filtro.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 4 --\u003e\n\u003cdiv class=\"atxa-card\"\u003e\n\u003cdiv class=\"atxa-icon-wrap\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"neon-red\"\u003ePlenitud acuosa sin ninguna sequedad\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag\"\u003eÁcido hialurónico y ácido poliglutámico\u003c\/div\u003e\n\u003cp\u003eInfunde a las células de tu piel una hidratación profunda y acuosa, previniendo la sequedad o descamación a menudo causadas por otros sérums aclarantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 5 --\u003e\n\u003cdiv class=\"atxa-card atxa-delay-1\"\u003e\n\u003cdiv class=\"atxa-icon-wrap\"\u003e5\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eEl escudo protector previene la reaparición de las manchas\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag gold\"\u003eCeramida NP\u003c\/div\u003e\n\u003cp\u003eConstruye una barrera protectora sólida que retiene la humedad en la piel y evita que la sensibilidad al sol y las fluctuaciones climáticas te quemen de nuevo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 6 --\u003e\n\u003cdiv class=\"atxa-card atxa-delay-2\"\u003e\n\u003cdiv class=\"atxa-icon-wrap\"\u003e6\u003c\/div\u003e\n\u003ch3 class=\"neon-rose\"\u003eAlivio instantáneo sin enrojecimiento\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag rose\"\u003eCica y té verde natural\u003c\/div\u003e\n\u003cp\u003eUna sensación de frescura y confort desde la primera gota. Elimina la sensación de ardor y calma inmediatamente las irritaciones, incluso si tu piel es muy sensible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 3. Formula Secrets Grid --\u003e\n\u003cdiv class=\"atxa-reveal\"\u003e\n\u003ch2 class=\"atxa-section-title\"\u003e¿Por qué este suero no quemará ni irritará tu piel?\u003c\/h2\u003e\n\u003cimg alt=\"ANUA Serum Natural Ingredients\" class=\"atxa-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Serum_bottle_with_rose_petals_202608311314.jpg?v=1788171326\" style=\"margin-bottom: 25px;\"\/\u003e\n\u003cp class=\"pure-white\" style=\"text-align: center; margin-bottom: 25px; font-size: 1.15rem;\"\u003e\n                La mayoría de los sueros aclarantes es agresiva y provoca ardor y descamación, pero Anua resuelve la ecuación:\n            \u003c\/p\u003e\n\u003cdiv class=\"atxa-diff-grid\"\u003e\n\u003cdiv class=\"atxa-diff-card\"\u003e\n\u003cdiv class=\"atxa-bignum neon-gold\"\u003e10%\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\"\u003eMáxima potencia sin sensibilidad\u003c\/h4\u003e\n\u003cp\u003eLa proporción áurea que aclara y unifica el color rápidamente, pero está respaldada por agentes calmantes y ceramidas, así que te permite mantenerte al 100% cómodo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-diff-card\" style=\"border-color: var(--atxa-neon-red);\"\u003e\n\u003cdiv class=\"atxa-bignum neon-red\"\u003e100%\u003c\/div\u003e\n\u003ch4 class=\"neon-red\"\u003ePureza rosa natural\u003c\/h4\u003e\n\u003cp\u003eSu color rosa cristal no es un colorante artificial, es el color de la vitamina B12 natural, que nutre e ilumina el tono de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-diff-card\" style=\"border-color: var(--atxa-neon-rose);\"\u003e\n\u003cdiv class=\"atxa-bignum neon-rose\"\u003e7 días\u003c\/div\u003e\n\u003ch4 class=\"neon-rose\"\u003eFrescura y luminosidad evidentes\u003c\/h4\u003e\n\u003cp\u003eNo tienes que esperar meses para ver los resultados, ya que la textura de tu piel será lisa y la opacidad desaparecerá desde la primera semana.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"pure-white\" style=\"text-align: center; font-size: 1.15rem; font-weight: 800; margin-top: 25px;\"\u003e\n                Ideal para todo tipo de piel, incluso \u003cspan class=\"neon-gold\"\u003ePiel propensa al acné y sensible\u003c\/span\u003eEs completamente libre de perfumes y alcohol\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 4. Clinical Evidence \u0026 Stats Grid --\u003e\n\u003cdiv class=\"atxa-reveal\"\u003e\n\u003ch2 class=\"atxa-section-title\"\u003eNúmeros reales comprobados por estudios clínicos\u003c\/h2\u003e\n\u003cimg alt=\"ANUA Niacinamide TXA Serum benefits\" class=\"atxa-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Serum_bottle_with_abstract_shapes_202608311314.jpg?v=1788171326\" style=\"margin-bottom: 25px;\"\/\u003e\n\u003cp class=\"pure-white\" style=\"text-align: center; margin-bottom: 25px; font-size: 1.15rem;\"\u003e\n                Resultados documentados después de un estudio basado en laboratorio \u003cspan class=\"neon-gold\"\u003e347 usados\u003c\/span\u003e:\n            \u003c\/p\u003e\n\u003cdiv class=\"atxa-stats-grid\"\u003e\n\u003cdiv class=\"atxa-stat-box\"\u003e\n\u003cdiv class=\"atxa-stat-num neon-gold\"\u003e\n\u003cspan class=\"atxa-counter\" data-target=\"94\"\u003e0\u003c\/span\u003e%\n                    \u003c\/div\u003e\n\u003cdiv class=\"atxa-stat-title\"\u003eDesvanecimiento visible de las manchas oscuras y de la hiperpigmentación\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-stat-box\" style=\"border-color: var(--atxa-neon-red);\"\u003e\n\u003cdiv class=\"atxa-stat-num neon-red\"\u003e\n\u003cspan class=\"atxa-counter\" data-target=\"89\"\u003e0\u003c\/span\u003e%\n                    \u003c\/div\u003e\n\u003cdiv class=\"atxa-stat-title\"\u003eUnificación completa del color de rostro y cuello\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-stat-box\" style=\"border-color: var(--atxa-neon-rose);\"\u003e\n\u003cdiv class=\"atxa-stat-num neon-rose\"\u003e\n\u003cspan class=\"atxa-counter\" data-target=\"91\"\u003e0\u003c\/span\u003e%\n                    \u003c\/div\u003e\n\u003cdiv class=\"atxa-stat-title\"\u003eEvidente suavidad y desaparición de la aspereza de la piel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"pure-white\" style=\"text-align: center; font-size: 1.1rem; font-weight: bold;\"\u003e\n                Resultados documentados por centros de investigación coreanos acreditados, ¡no solo charlas publicitarias!\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 5. Comparison Table --\u003e\n\u003cdiv class=\"atxa-reveal\"\u003e\n\u003ch2 class=\"atxa-section-title\"\u003e¿Por qué el suero Anua es superior a los sueros comunes?\u003c\/h2\u003e\n\u003cdiv class=\"atxa-table-wrap\"\u003e\n\u003ctable class=\"atxa-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eComparación\u003c\/th\u003e\n\u003cth\u003eSueros tradicionales\u003c\/th\u003e\n\u003cth class=\"atxa-th-win\"\u003eSuero ANUA TXA Niacinamide\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Comparación\"\u003eIngredientes activos\u003c\/td\u003e\n\u003ctd class=\"atxa-td-old\" data-label=\"Sueros tradicionales\"\u003e5% a 10% de niacinamida sola\u003c\/td\u003e\n\u003ctd class=\"atxa-td-win\" data-label=\"Suero ANUA TXA Niacinamide\"\u003e10% niacinamida + 4% tranexámico + 2% arbutina\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Comparación\"\u003eCómo tratar las manchas\u003c\/td\u003e\n\u003ctd class=\"atxa-td-old\" data-label=\"Sueros tradicionales\"\u003eEl ligero aclarado superficial ocurre con el primer sol\u003c\/td\u003e\n\u003ctd class=\"atxa-td-win\" data-label=\"Suero ANUA TXA Niacinamide\"\u003eDetener la producción de pigmento en las manchas desde las raíces profundas\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Comparación\"\u003eComodidad de la piel\u003c\/td\u003e\n\u003ctd class=\"atxa-td-old\" data-label=\"Sueros tradicionales\"\u003eProvoca ardor, descamación y piel seca\u003c\/td\u003e\n\u003ctd class=\"atxa-td-win\" data-label=\"Suero ANUA TXA Niacinamide\"\u003eHidratación acuosa instantánea con ceramidas y ácido hialurónico\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Comparación\"\u003eVelocidad del resultado\u003c\/td\u003e\n\u003ctd class=\"atxa-td-old\" data-label=\"Sueros tradicionales\"\u003eSe necesitan dos meses y podrías no notar la diferencia\u003c\/td\u003e\n\u003ctd class=\"atxa-td-win\" data-label=\"Suero ANUA TXA Niacinamide\"\u003eFrescura visible y reducción del desvanecimiento desde los primeros 7 días\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Comparación\"\u003eSeguridad para pieles sensibles\u003c\/td\u003e\n\u003ctd class=\"atxa-td-old\" data-label=\"Sueros tradicionales\"\u003eEstá lleno de alcohol y perfume que inflamann los granos\u003c\/td\u003e\n\u003ctd class=\"atxa-td-win\" data-label=\"Suero ANUA TXA Niacinamide\"\u003eCompletamente libre de perfumes, alcohol e irritantes\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 6. Timeline Transformation Grid --\u003e\n\u003cdiv class=\"atxa-reveal\"\u003e\n\u003ch2 class=\"atxa-section-title\"\u003eEl camino trata paso a paso con el uso\u003c\/h2\u003e\n\u003cdiv class=\"atxa-timeline-grid\"\u003e\n\u003cdiv class=\"atxa-timeline-card\"\u003e\n\u003cdiv class=\"atxa-timeline-badge\"\u003eSemana 1\u003c\/div\u003e\n\u003ch4 class=\"neon-red\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eResplandor instantáneo y frescura\u003c\/h4\u003e\n\u003cp\u003eAbsorción rápida en pocos segundos sin ningún tipo de untuosidad, hidratación acuosa confortable, y la decoloración comenzará a desaparecer y tus manos se verán sanas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-timeline-card\" style=\"border-top-color: var(--atxa-neon-gold);\"\u003e\n\u003cdiv class=\"atxa-timeline-badge\" style=\"color: var(--atxa-neon-gold); border-color: var(--atxa-neon-gold);\"\u003eSemana 2 y 3\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eDesvanecimiento de las marcas de granos\u003c\/h4\u003e\n\u003cp\u003eLos efectos de los granos superficiales empezarán a aclararse visiblemente, el molesto brillo del sebo disminuirá y tus poros se verán más limpios y más pequeños.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-timeline-card\" style=\"border-top-color: var(--atxa-neon-rose);\"\u003e\n\u003cdiv class=\"atxa-timeline-badge\" style=\"color: var(--atxa-neon-rose); border-color: var(--atxa-neon-rose);\"\u003eEl primer mes\u003c\/div\u003e\n\u003ch4 class=\"neon-rose\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eVerdadera uniformidad del color\u003c\/h4\u003e\n\u003cp\u003eUna disminución significativa del melasma y la pigmentación. Sentirás la piel tónica y uniforme, como si llevaras un filtro natural sin maquillaje.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-timeline-card\" style=\"border-top-color: var(--atxa-neon-red);\"\u003e\n\u003cdiv class=\"atxa-timeline-badge\"\u003eEl segundo mes\u003c\/div\u003e\n\u003ch4 class=\"neon-red\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eClaridad permanente y protegida\u003c\/h4\u003e\n\u003cp\u003eLa casi completa desaparición de manchas viejas persistentes, con una barrera fuerte que protege tu piel de que las manchas reaparezcan al sol.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 7. Value Proposition Grid --\u003e\n\u003cdiv class=\"atxa-reveal\"\u003e\n\u003ch2 class=\"atxa-section-title\"\u003e¿Por qué este suero es la mejor inversión para tu piel?\u003c\/h2\u003e\n\u003cimg alt=\"ANUA serum results\" class=\"atxa-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Woman_holding_skincare_serum_bottle_202608311314.jpg?v=1788171326\" style=\"margin-bottom: 25px;\"\/\u003e\n\u003cdiv class=\"atxa-value-grid\"\u003e\n\u003cdiv class=\"atxa-value-card\"\u003e\n\u003cdiv class=\"atxa-value-num\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"neon-red\"\u003eDos puntos son suficientes\u003c\/h3\u003e\n\u003cp\u003eSu alta concentración hace que dos o tres gotas cubran todo el rostro y cuello. El envase de 30 ml durará dos meses completos de uso diario.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-value-card\" style=\"border-color: var(--atxa-neon-gold);\"\u003e\n\u003cdiv class=\"atxa-value-num\" style=\"color: var(--atxa-neon-gold); border-color: var(--atxa-neon-gold);\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eElimina la necesidad de 4 productos\u003c\/h3\u003e\n\u003cp\u003eEn lugar de comprar un suero aclarador, un suero para el acné, un suero de ácido hialurónico y una crema con ceramidas, combina todo esto en un solo paso que ahorra tu presupuesto.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-value-card\" style=\"border-color: var(--atxa-neon-rose);\"\u003e\n\u003cdiv class=\"atxa-value-num\" style=\"color: var(--atxa-neon-rose); border-color: var(--atxa-neon-rose);\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"neon-rose\"\u003eGarantizado y probado a nivel mundial\u003c\/h3\u003e\n\u003cp\u003eN. 1 en las tendencias de belleza coreanas y millones de chicas lo han adoptado en su rutina diaria como una alternativa segura a las costosas sesiones en clínica.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 8. Usage Protocol Grid --\u003e\n\u003cdiv class=\"atxa-reveal\"\u003e\n\u003ch2 class=\"atxa-section-title\"\u003eMétodo fácil de usar para resultados máximos\u003c\/h2\u003e\n\u003cimg alt=\"ANUA serum bottle\" class=\"atxa-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Serum_bottle_on_red_liquid_202608311311.jpg?v=1788171326\" style=\"margin-bottom: 25px;\"\/\u003e\n\u003cdiv class=\"atxa-steps-grid\"\u003e\n\u003cdiv class=\"atxa-step-card\"\u003e\n\u003cdiv class=\"atxa-step-num\"\u003e1\u003c\/div\u003e\n\u003ch4\u003eLimpia el rostro\u003c\/h4\u003e\n\u003cp\u003eÚsalo por la mañana o por la noche sobre la piel completamente limpia y seca después de tu tónico favorito.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-step-card\"\u003e\n\u003cdiv class=\"atxa-step-num\"\u003e2\u003c\/div\u003e\n\u003ch4\u003eExtiende delicadamente\u003c\/h4\u003e\n\u003cp\u003ePoner 2-3 gotas y masajear delicadamente, concentrándose en las manchas y los granos hasta su completa absorción.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-step-card\"\u003e\n\u003cdiv class=\"atxa-step-num\"\u003e3\u003c\/div\u003e\n\u003ch4\u003eCercano con hidratante\u003c\/h4\u003e\n\u003cp\u003eAplicar la crema hidratante normal para fijar los ingredientes, y es muy importante usar protección solar durante el día para proteger la nueva piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 9. Final CTA --\u003e\n\u003cdiv class=\"atxa-reveal\" style=\"text-align: center; margin-top: 55px; padding: 50px 20px; background: linear-gradient(180deg, rgba(32, 10, 16, 0.95) 0%, rgba(8, 2, 4, 0.98) 100%); border-radius: 24px; border: 2px solid var(--atxa-neon-red); box-shadow: 0 20px 60px rgba(255, 42, 59, 0.25);\"\u003e\n\u003ch2 class=\"atxa-title-glow\" style=\"font-size: clamp(24px, 4.5vw, 36px); margin-bottom: 20px;\"\u003e\n                Tu piel no necesita maquillaje para cuidarse... \u003cspan class=\"neon-gold\"\u003eNecesito un suero que lo elimine de verdad\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cimg alt=\"ANUA Niacinamide Serum\" class=\"atxa-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/202608311326.jpg?v=1788172007\" style=\"margin: 30px auto;\"\/\u003e\n\u003cp style=\"font-size: 1.25rem; font-weight: bold; color: #ffffff; max-width: 800px; margin: 0 auto 25px; line-height: 1.85;\"\u003e\n\u003cstrong class=\"neon-red\" style=\"font-size: 1.35rem; display: block; margin-bottom: 10px;\"\u003e¡En lugar de desperdiciar tu dinero y cansar tu piel con experiencias inútiles!\u003c\/strong\u003e\n                Comienza hoy con la fórmula triple Anua aprobada a nivel internacional... y elimina manchas y granos para recuperar tu esplendor natural con seguridad.\n            \u003c\/p\u003e\n\u003cp style=\"color: var(--atxa-neon-gold); font-size: 1.6rem; font-weight: 900; margin-bottom: 20px; text-shadow: 0 0 20px var(--atxa-glow-gold);\"\u003e\n                Ordena ahora el suero original Anua Niacinamide 10% + TXA 4%... ¡y disfruta de una piel luminosa desde el primer mes!\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 10. Technical INCI List --\u003e\n\u003cdiv class=\"atxa-reveal\" style=\"background: rgba(0,0,0,0.85); border: 1px dashed rgba(255, 42, 59, 0.3); border-radius: 16px; padding: 30px 20px; margin-top: 50px; text-align: left; direction: ltr; word-break: break-word; overflow-wrap: break-word;\"\u003e\n\u003ch3 style=\"color: var(--atxa-neon-red); margin-bottom: 15px; font-size: 1.2rem; text-align: left; direction: ltr; font-weight: 800;\"\u003eLista completa de ingredientes aprobados (INCI)\u003c\/h3\u003e\n\u003cp style=\"font-size: 0.95rem; color: #ffffff; line-height: 1.8; font-weight: 500;\"\u003e\n                Water, Glycerin, \u003cstrong class=\"neon-red\"\u003eNiacinamide (10%)\u003c\/strong\u003e, \u003cstrong class=\"neon-gold\"\u003eTranexamic Acid (4%)\u003c\/strong\u003e, Butylene Glycol, Diethoxyethyl Succinate, 1,2-Hexanediol, \u003cstrong class=\"neon-rose\"\u003eArbutin (2%)\u003c\/strong\u003e, Sodium Hyaluronate, Alpha-Arbutin, Coccinia Indica Fruit Extract, Eclipta Prostrata Extract, Macadamia Integrifolia Seed Oil, Olea Europaea (Olive) Fruit Oil, Simmondsia Chinensis (Jojoba) Seed Oil, Vitis Vinifera (Grape) Seed Oil, Theobroma Cacao (Cocoa) Extract, Hydrolyzed Hyaluronic Acid, Chamaecyparis Obtusa Leaf Extract, Prunus Persica (Peach) Flower Extract, Camellia Sinensis Seed Oil, Yeast Ferment Extract, Centella Asiatica Extract, Artemisia Princeps Leaf Extract, Candida Bombicola\/Glucose\/Methyl Rapeseedate Ferment, Hyaluronic Acid, Pentylene Glycol, Betaine Salicylate, Sucrose Palmitate, Hydrogenated Lecithin, Gellan Gum, Sodium Phytate, Cellulose, Caprylic\/Capric Triglyceride, Panthenol, Cyanocobalamin, Polyglutamic Acid, 3-O-Ethyl Ascorbic Acid, \u003cstrong class=\"neon-red\"\u003eCeramide NP\u003c\/strong\u003e, Dextrin, Asiaticoside, Madecassic Acid, Asiatic Acid, Dimethylsilanol Hyaluronate, Hydrolyzed Sodium Hyaluronate, Potassium Hyaluronate, Hydroxypropyltrimonium Hyaluronate, Sodium Hyaluronate Crosspolymer, Sodium Hyaluronate Dimethylsilanol, Sodium Acetylated Hyaluronate, Xanthan Gum.\n            \u003c\/p\u003e\n\u003cp style=\"font-size: 0.95rem; color: var(--atxa-neon-gold); margin-top: 10px; font-weight: bold; direction: ltr; text-align: left;\"\u003e\n                Una fórmula terapéutica puramente coreana completamente libre de perfumes sintéticos, alcohol agresivo y parabenos. 100% segura para pieles sensibles y propensas al acné.\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        document.addEventListener('DOMContentLoaded', function () {\n            var reveals = document.querySelectorAll('.atxa-reveal');\n            var observer = new IntersectionObserver(function (entries, obs) {\n                entries.forEach(function (entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('atxa-active');\n                        \n                        var counters = entry.target.querySelectorAll('.atxa-counter');\n                        if (counters.length \u003e 0) {\n                            runCounters(counters);\n                        }\n                        \n                        obs.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.08, rootMargin: \"0px 0px -40px 0px\" });\n\n            reveals.forEach(function (el) { observer.observe(el); });\n\n            function runCounters(counters) {\n                counters.forEach(function (counter) {\n                    var target = parseFloat(counter.getAttribute('data-target'));\n                    if (isNaN(target)) return;\n                    var duration = 1800;\n                    var frames = 60;\n                    var increment = target \/ (duration \/ (1000 \/ frames));\n                    var current = 0;\n\n                    var updateCounter = function () {\n                        current += increment;\n                        if (current \u003c target) {\n                            counter.innerText = Math.ceil(current);\n                            requestAnimationFrame(updateCounter);\n                        } else {\n                            counter.innerText = target;\n                        }\n                    };\n                    updateCounter();\n                });\n            }\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Anua","offers":[{"title":"Default Title","offer_id":44672001540293,"sku":"","price":1150.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/316f0ef2-2c9d-4fee-83ef-8c7daa178681.avif?v=1788171326"},{"product_id":"some-by-mi-aha-bha-pha-30-days-miracle-starter-kit","title":"SOME BY MI AHA-BHA-PHA 30 Days Miracle Starter Kit","description":"\u003cdiv class=\"some-by-mi-section\"\u003e\n\u003cstyle\u003e\n        .some-by-mi-section * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        .some-by-mi-section {\n            max-width: 1200px;\n            margin: 40px auto;\n            padding: 20px;\n            direction: ltr;\n            font-family: inherit;\n            color: #333;\n        }\n        \n        .kit-header {\n            text-align: center;\n            margin-bottom: 50px;\n        }\n        \n        .kit-title {\n            font-size: 1.8rem;\n            color: #9C8102;\n            margin-bottom: 20px;\n            font-weight: 700;\n        }\n        \n        .kit-subtitle {\n            font-size: 1.2rem;\n            color: #666;\n            line-height: 1.6;\n            max-width: 800px;\n            margin: 0 auto;\n        }\n        \n        .kit-text {\n            font-size: 1rem;\n            line-height: 1.7;\n            color: #444;\n            margin-bottom: 20px;\n        }\n        \n        .kit-image {\n            width: 100%;\n            border-radius: 10px;\n            margin: 30px 0;\n            display: block;\n            box-shadow: 0 5px 20px rgba(0,0,0,0.08);\n        }\n        \n        .kit-section {\n            margin-bottom: 60px;\n            overflow: hidden;\n        }\n        \n        .kit-section-title {\n            font-size: 1.5rem;\n            font-weight: 700;\n            color: #9C8102;\n            margin-bottom: 25px;\n            text-align: left;\n        }\n        \n        .kit-subsection-title {\n            font-size: 1.2rem;\n            font-weight: 600;\n            color: #9C8102;\n            margin: 30px 0 15px;\n        }\n        \n        .kit-content {\n            padding: 0 10px;\n        }\n        \n        .products-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 25px;\n            margin: 30px 0;\n        }\n        \n        .product-card {\n            background-color: #f2f2f2;\n            border-radius: 10px;\n            padding: 25px;\n            box-shadow: 0 3px 10px rgba(0,0,0,0.05);\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .product-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n        }\n        \n        .product-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        .product-card:hover::after {\n            opacity: 1;\n            transform: rotate(30deg) translate(100%, -100%);\n        }\n        \n        .product-title {\n            font-weight: 700;\n            color: #9C8102;\n            margin-bottom: 15px;\n            font-size: 1.1rem;\n        }\n        \n        .kit-list {\n            list-style-type: disc;\n            padding-right: 20px;\n            margin: 20px 0;\n        }\n        \n        .kit-list li {\n            margin-bottom: 15px;\n            line-height: 1.6;\n        }\n        \n        .benefits-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 25px;\n            margin: 30px 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            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .benefit-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n        }\n        \n        .benefit-title {\n            font-weight: 700;\n            color: #9C8102;\n            margin-bottom: 10px;\n            font-size: 1.1rem;\n        }\n        \n        .value-section {\n            background-color: #f2f2f2;\n            border-radius: 10px;\n            padding: 30px;\n            margin-top: 40px;\n            border-right: 4px solid #9C8102;\n        }\n        \n        .highlight {\n            font-weight: 700;\n            color: #9C8102;\n        }\n        \n        .kit-components {\n            margin: 20px 0;\n        }\n        \n        .numbered-list {\n            list-style-type: decimal;\n            padding-right: 25px;\n            margin: 20px 0;\n        }\n        \n        .numbered-list li {\n            margin-bottom: 15px;\n            line-height: 1.6;\n            padding-right: 5px;\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        .stagger-item {\n            opacity: 0;\n            transform: translateY(20px);\n        }\n        \n        .stagger-item.visible {\n            opacity: 1;\n            transform: translateY(0);\n            transition: opacity 0.5s ease, transform 0.5s ease;\n        }\n        \n        @media (max-width: 768px) {\n            .products-grid, \n            .benefits-grid {\n                grid-template-columns: 1fr;\n                gap: 20px;\n            }\n            \n            .kit-title {\n                font-size: 1.5rem;\n            }\n            \n            .kit-section-title {\n                font-size: 1.3rem;\n            }\n            \n            .value-section {\n                padding: 20px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"kit-header fade-in\"\u003e\n\u003ch2 class=\"kit-title\"\u003eSOME BY MI AHA‑BHA‑PHA 30 Days Miracle Starter Kit\u003c\/h2\u003e\n\u003cimg alt=\"SOME BY MI Starter Kit\" class=\"kit-image scale-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/4f7f191837ad09424f833d5c29505f88.jpg?v=1745075290\"\/\u003e\n\u003cp class=\"kit-subtitle\"\u003egrupo \u003cspan class=\"highlight\"\u003eSOME BY MI AHA‑BHA‑PHA 30 Days Miracle Starter Kit\u003c\/span\u003e Ofrece una rutina completa en cuatro pasos diseñada específicamente para la piel propensa al acné y a la pigmentación. Está compuesta por jabón limpiador, tónico, suero y crema, todos ellos con una mezcla de tres ácidos (AHA, BHA, PHA) e ingredientes calmantes como el árbol de té y la centella, para exfoliar las células muertas, limpiar los poros, calmar la inflamación e hidratar profundamente la piel sin privarla de sus aceites naturales. Combinar estos cuatro pasos garantiza un tratamiento completo de la pigmentación, reduce la inflamación y mejora la textura de la piel en solo 30 días.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kit-section\"\u003e\n\u003ch2 class=\"kit-section-title fade-in\"\u003eInformación sobre el grupo\u003c\/h2\u003e\n\u003cdiv class=\"kit-content fade-in\"\u003e\n\u003cp class=\"kit-text\"\u003eEl set contiene cuatro productos en formato de viaje:\u003c\/p\u003e\n\u003cul class=\"kit-list\"\u003e\n\u003cli\u003e\u003cstrong\u003eJabón Limpiador AHA‑BHA‑PHA 30 Days Miracle (25g)\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eTónico AHA‑BHA‑PHA 30 Days Miracle (30ml)\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eSuero AHA‑BHA‑PHA 30 Days Miracle (10ml)\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eCrema AHA‑BHA‑PHA 30 Days Miracle (20g)\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kit-section\"\u003e\n\u003ch2 class=\"kit-section-title fade-in\"\u003eFunciones de cada producto de la gama\u003c\/h2\u003e\n\u003cdiv class=\"products-grid\"\u003e\n\u003cdiv class=\"product-card stagger-item\"\u003e\n\u003ch3 class=\"product-title\"\u003eBarra limpiadora\u003c\/h3\u003e\n\u003cimg alt=\"Cleansing Bar\" class=\"kit-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_2.webp?v=1745075149\"\/\u003e\n\u003cp class=\"kit-text\"\u003eCombina tres ácidos (AHA para eliminar las células muertas, BHA para limpiar los poros, PHA para mantener la hidratación); Contiene agua de árbol de té y fórmula Heartleaf para eliminar bacterias y calmar enrojecimientos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-card stagger-item\"\u003e\n\u003ch3 class=\"product-title\"\u003eTónico Milagroso\u003c\/h3\u003e\n\u003cimg alt=\"Miracle Toner\" class=\"kit-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3.png?v=1745075847\"\/\u003e\n\u003cp class=\"kit-text\"\u003eTónico ligeramente ácido (pH 5,5) que contiene una mezcla de tres ácidos y 10.000 ppm de agua de árbol de té para purificar los poros, calmar e hidratar la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-card stagger-item\"\u003e\n\u003ch3 class=\"product-title\"\u003eSérum Milagroso\u003c\/h3\u003e\n\u003cimg alt=\"Miracle Serum\" class=\"kit-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_2.png?v=1745076405\"\/\u003e\n\u003cp class=\"kit-text\"\u003eLa concentración aumenta al 14,5% de Centella Asiática y a 10.000 ppm de Agua de Árbol de Té para calmar la inflamación y prevenir los brotes cutáneos, con una exfoliación delicada que estimula la renovación celular.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-card stagger-item\"\u003e\n\u003ch3 class=\"product-title\"\u003eCrema Milagrosa\u003c\/h3\u003e\n\u003cimg alt=\"Miracle Cream\" class=\"kit-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_3.png?v=1745076683\"\/\u003e\n\u003cp class=\"kit-text\"\u003eUna crema ligera que mezcla los tres ácidos con árbol de té y centella para hidratar en profundidad, reforzar la barrera hidrolipídica y calmar el enrojecimiento causado por el acné.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kit-section\"\u003e\n\u003ch2 class=\"kit-section-title fade-in\"\u003eCómo trabajan juntos los componentes\u003c\/h2\u003e\n\u003cimg alt=\"SOME BY MI Complete Kit\" class=\"kit-image fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA30-Days-Miracle-Starter-Kit-1pack_7.webp?v=1745076738\"\/\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card slide-in-left\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eExfoliación selectiva\u003c\/h3\u003e\n\u003cp\u003eLos tres ácidos disuelven los enlaces entre las células muertas y limpian los poros sin privar a la piel de sus aceites naturales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card slide-in-right\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eAntiinflamatorios\u003c\/h3\u003e\n\u003cp\u003eAgua de árbol de té y extracto de Centella asiática inhiben el crecimiento bacteriano y reducen enrojecimiento e irritación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card slide-in-left\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eHidratante y protector\u003c\/h3\u003e\n\u003cp\u003eLos ácidos (PHA), el ácido hialurónico (de suero\/crema) y la Centella mejoran la retención de agua dentro de la piel y fortalecen su barrera protectora.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kit-section\"\u003e\n\u003ch2 class=\"kit-section-title fade-in\"\u003eBeneficios de su combinación\u003c\/h2\u003e\n\u003cimg alt=\"SOME BY MI Benefits\" class=\"kit-image fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_3.webp?v=1745076788\"\/\u003e\n\u003col class=\"numbered-list fade-in\"\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eRutina completa\u003c\/strong\u003ePaso: Limpieza - exfoliación - tratamiento - hidratación. Cada fase tiene un papel específico que garantiza resultados secuenciales precisos.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eResultados acelerados\u003c\/strong\u003e: Una piel más clara y pura aparece en 30 días con un uso diario regular.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eTratamiento completo\u003c\/strong\u003e: No solo elimina los granos, sino que también repara la textura y da un aspecto sano y renovado.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kit-section\"\u003e\n\u003ch2 class=\"kit-section-title fade-in\"\u003eSu efecto sobre la piel\u003c\/h2\u003e\n\u003cul class=\"kit-list fade-in\"\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eUnificar el tono de la piel\u003c\/strong\u003e Reducir la pigmentación y las manchas oscuras\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eReducir el tamaño de los poros\u003c\/strong\u003e Reducir la secreción de aceites en exceso.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eAliviar la inflamación\u003c\/strong\u003e Derivado del acné e irritaciones.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eFavoreciendo una sensación de suavidad y elasticidad\u003c\/strong\u003e Para una piel más joven y vital\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kit-section\"\u003e\n\u003ch2 class=\"kit-section-title fade-in\"\u003eValor excepcional por el precio\u003c\/h2\u003e\n\u003cdiv class=\"value-section slide-in-right\"\u003e\n\u003cul class=\"kit-list\"\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eTamaño de viaje económico\u003c\/strong\u003e Permite una experiencia completa de cuatro productos a un precio razonable en comparación con la compra de cada producto por separado.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eCuatro semanas completas\u003c\/strong\u003e Pequeñas dosis son suficientes para el uso diario, mañana y noche, durante todo el período de treinta días.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eIngredientes activos raros y clave\u003c\/strong\u003e Altas concentraciones (Agua de Árbol de Té 10.000 ppm, Centella 14,5%, Niacinamida 2% en el tónico) combinadas en un solo set te ofrecen un valor excepcional que no puedes encontrar en un único suero.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003chr style=\"margin: 40px 0; border: none; height: 1px; background-color: #eee;\"\/\u003e\n\u003cp class=\"kit-text fade-in\"\u003eElegir \u003cstrong\u003eSOME BY MI AHA‑BHA‑PHA 30 Days Miracle Starter Kit\u003c\/strong\u003e Para una experiencia capaz de reconstruir tu piel desde las raíces, obteniendo resultados reales y disfrutando de un valor sin igual en el mundo del skincare.\u003c\/p\u003e\n\u003c\/div\u003e\n\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            \/\/ Staggered animation for product cards\n            const staggerItems = document.querySelectorAll('.stagger-item');\n            \n            const staggerObserver = new IntersectionObserver((entries) =\u003e {\n                entries.forEach((entry, index) =\u003e {\n                    if (entry.isIntersecting) {\n                        setTimeout(() =\u003e {\n                            entry.target.classList.add('visible');\n                        }, index * 150); \/\/ 150ms delay between each item\n                        staggerObserver.unobserve(entry.target);\n                    }\n                });\n            }, {\n                threshold: 0.1,\n                rootMargin: '0px 0px -50px 0px'\n            });\n            \n            staggerItems.forEach(el =\u003e {\n                staggerObserver.observe(el);\n            });\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":44672036569285,"sku":"","price":1300.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME_BY_MI_AHA-BHA-PHA_30_Days_Miracle_Starter_Kit.jpg?v=1745074925"},{"product_id":"skin1004-centella-tone-brightening-capsule-ampoule-50ml","title":"SKIN1004 Centella Madagascar Ampolla\/Tónico con Cápsulas para Aclarar y Unificar el Tono de la Piel","description":"\u003cdiv class=\"ud-skin1004-dark\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n    \/* Scoped Premium Dark Mode CSS for SKIN1004 *\/\n    .ud-skin1004-dark {\n      --ud-bg-main: #070707; \/* Deepest charcoal *\/\n      --ud-bg-surface: #111111; \/* Slightly lighter for sections *\/\n      --ud-bg-card: rgba(255, 255, 255, 0.03); \/* Glassmorphism base *\/\n      --ud-accent: #D4AF37; \/* Centella Gold\/Amber *\/\n      --ud-accent-glow: rgba(212, 175, 55, 0.15);\n      --ud-text-title: #ffffff;\n      --ud-text-body: #b3b3b3;\n      --ud-border: rgba(255, 255, 255, 0.06);\n      --ud-border-hover: rgba(212, 175, 55, 0.3);\n      \n      font-family: inherit;\n      background-color: var(--ud-bg-main);\n      color: var(--ud-text-body);\n      overflow: hidden;\n      line-height: 1.8;\n      border-radius: 16px;\n      margin: 0 auto;\n      max-width: 100%;\n      box-sizing: border-box;\n    }\n\n    .ud-skin1004-dark * {\n      box-sizing: inherit;\n      margin: 0;\n      padding: 0;\n    }\n\n    .ud-skin1004-dark h1, \n    .ud-skin1004-dark h2, \n    .ud-skin1004-dark h3, \n    .ud-skin1004-dark h4, \n    .ud-skin1004-dark h5 {\n      color: var(--ud-text-title);\n      font-weight: 700;\n    }\n\n    .ud-skin1004-dark h1 { font-size: clamp(28px, 4vw, 42px); line-height: 1.3; margin-bottom: 15px; }\n    .ud-skin1004-dark h2 { font-size: clamp(24px, 3.5vw, 36px); line-height: 1.3; margin-bottom: 20px; }\n    .ud-skin1004-dark h3 { font-size: clamp(20px, 3vw, 28px); line-height: 1.4; margin-bottom: 15px; }\n    .ud-skin1004-dark h4 { font-size: 18px; margin-bottom: 12px; color: var(--ud-accent); }\n    .ud-skin1004-dark h5 { font-size: 14px; color: var(--ud-accent); margin-bottom: 15px; letter-spacing: 1px; text-transform: uppercase; }\n    \n    .ud-skin1004-dark p { font-size: 17px; margin-bottom: 20px; color: var(--ud-text-body); }\n    .ud-skin1004-dark p strong { color: #ffffff; font-weight: 700; }\n\n    .ud-gradient-text {\n      background: linear-gradient(135deg, #fff, var(--ud-accent));\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      display: inline-block;\n    }\n\n    .ud-section { padding: 60px 5%; position: relative; border-bottom: 1px solid var(--ud-border); }\n    .ud-section-alt { background-color: var(--ud-bg-surface); }\n    .ud-section:last-child { border-bottom: none; }\n    \n    .ud-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 40px; align-items: center; }\n    .ud-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }\n    \n    .ud-img-fluid {\n      max-width: 100%;\n      height: auto;\n      border-radius: 16px;\n      box-shadow: 0 20px 40px rgba(0,0,0,0.5);\n      border: 1px solid var(--ud-border);\n      display: block;\n    }\n\n    .ud-img-float { animation: udFloat 6s ease-in-out infinite; }\n\n    .ud-glow {\n      position: absolute;\n      width: 500px;\n      height: 500px;\n      background: radial-gradient(circle, var(--ud-accent-glow) 0%, transparent 70%);\n      border-radius: 50%;\n      pointer-events: none;\n      z-index: 0;\n    }\n\n    .ud-hero {\n      text-align: center;\n      padding: 80px 5%;\n      position: relative;\n      background: radial-gradient(ellipse at top, #1a1505 0%, var(--ud-bg-main) 70%);\n    }\n\n    .ud-warning-box {\n      background: linear-gradient(135deg, rgba(212, 175, 55, 0.08), rgba(0,0,0,0));\n      border-right: 4px solid var(--ud-accent);\n      padding: 35px;\n      border-radius: 12px;\n      margin: 40px 5%;\n      box-shadow: 0 10px 30px rgba(0,0,0,0.3);\n      position: relative;\n    }\n\n    .ud-glass-card {\n      background: var(--ud-bg-card);\n      backdrop-filter: blur(10px);\n      -webkit-backdrop-filter: blur(10px);\n      border: 1px solid var(--ud-border);\n      border-radius: 16px;\n      padding: 30px;\n      transition: all 0.4s ease;\n      position: relative;\n      overflow: hidden;\n      z-index: 2;\n    }\n\n    .ud-glass-card::before {\n      content: '';\n      position: absolute;\n      top: 0; right: 0;\n      width: 100%; height: 3px;\n      background: var(--ud-accent);\n      transform: scaleX(0);\n      transform-origin: right;\n      transition: transform 0.4s ease;\n    }\n\n    .ud-glass-card:hover {\n      transform: translateY(-8px);\n      background: rgba(255, 255, 255, 0.05);\n      border-color: var(--ud-border-hover);\n      box-shadow: 0 15px 35px rgba(0,0,0,0.4);\n    }\n    .ud-glass-card:hover::before { transform: scaleX(1); }\n\n    .ud-check-list { list-style: none; margin-top: 15px; }\n    .ud-check-list li { position: relative; padding-right: 30px; margin-bottom: 15px; }\n    .ud-check-list li::before {\n      content: '✓';\n      position: absolute;\n      right: 0; top: 0;\n      color: var(--ud-accent);\n      font-weight: bold;\n      font-size: 18px;\n    }\n\n    .ud-steps-list { display: flex; flex-direction: column; gap: 20px; margin-top: 20px; }\n    .ud-step-item {\n      display: flex; align-items: center; gap: 20px;\n      background: var(--ud-bg-surface);\n      padding: 20px; border-radius: 12px;\n      border: 1px solid var(--ud-border);\n    }\n    .ud-step-num {\n      width: 45px; height: 45px; min-width: 45px;\n      background: rgba(212, 175, 55, 0.1);\n      color: var(--ud-accent);\n      border: 1px solid var(--ud-accent);\n      border-radius: 50%;\n      display: flex; align-items: center; justify-content: center;\n      font-weight: bold; font-size: 18px;\n    }\n\n    .ud-btn {\n      display: inline-block;\n      padding: 15px 40px;\n      background: var(--ud-accent);\n      color: #000;\n      font-weight: bold;\n      border-radius: 30px;\n      text-decoration: none;\n      font-size: 18px;\n      transition: all 0.3s ease;\n      box-shadow: 0 5px 20px rgba(212, 175, 55, 0.3);\n      margin-top: 20px;\n    }\n    .ud-btn:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 10px 30px rgba(212, 175, 55, 0.5);\n      background: #fff;\n    }\n\n    @keyframes udFloat { 0% { transform: translateY(0); } 50% { transform: translateY(-15px); } 100% { transform: translateY(0); } }\n    \n    .ud-reveal { opacity: 0; transform: translateY(40px); transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); }\n    .ud-reveal.ud-active { opacity: 1; transform: translateY(0); }\n\n    @media (max-width: 768px) {\n      .ud-section { padding: 40px 5%; }\n      .ud-step-item { flex-direction: column; text-align: center; }\n    }\n  \u003c\/style\u003e\n\u003cdiv class=\"ud-hero\"\u003e\n\u003cdiv class=\"ud-glow\" style=\"top: 20%; left: 50%; transform: translate(-50%, -50%);\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ud-reveal\" style=\"position: relative; z-index: 2; max-width: 800px; margin: 0 auto;\"\u003e\n\u003cimg alt=\"SKIN1004\" class=\"ud-img-fluid ud-img-float\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin1004_centella_tone_brightening_capsule_ampoule_50ml_1.webp?v=1745768174\" style=\"max-height: 400px; margin: 0 auto 30px; object-fit: contain; background: transparent; border: none; box-shadow: none;\"\/\u003e\n\u003ch5\u003e- SKIN1004 Centella Tone Brightening Capsule Ampoule -\u003c\/h5\u003e\n\u003ch1\u003e¿La pesadilla de la piel apagada y la pigmentación oscura amenaza tu apariencia?\u003c\/h1\u003e\n\u003ch3 class=\"ud-gradient-text\" style=\"font-size: 24px;\"\u003e¡Despiértate con sueños radiantes gracias a la ampolla milagrosa!\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-warning-box ud-reveal\"\u003e\n\u003cdiv class=\"ud-glow\" style=\"top: -50%; right: -10%; width: 300px; height: 300px; background: radial-gradient(circle, rgba(255,50,50,0.08) 0%, transparent 70%);\"\u003e\u003c\/div\u003e\n\u003cp\u003eLa pigmentación no desaparece con el tiempo, sino que empeora y deja marcas difíciles de eliminar.\u003c\/p\u003e\n\u003ch3 style=\"color: #ff6b6b; font-size: 20px; margin: 15px 0;\"\u003e¿Se ignorará el problema hasta volverse difícil de tratar?\u003c\/h3\u003e\n\u003cp style=\"margin-bottom: 0;\"\u003eNo dejes que la pigmentación robe tu luminosidad y te haga prisionera de las consecuencias de tu retraso.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-section ud-section-alt\"\u003e\n\u003cdiv class=\"ud-grid-2\"\u003e\n\u003cdiv class=\"ud-reveal\"\u003e\n\u003cimg alt=\"Solution\" class=\"ud-img-fluid\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin1004_centella_tone_brightening_capsule_ampoule_50ml_2.webp?v=1745768402\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-reveal\" style=\"transition-delay: 0.2s;\"\u003e\n\u003ch5\u003eLa solución radical\u003c\/h5\u003e\n\u003ch2\u003eUna solución radical al problema de la pigmentación: \u003cspan class=\"ud-gradient-text\"\u003eEl poder de la Centella asiática\u003c\/span\u003e En un producto\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eCómo hace magia:\u003c\/strong\u003e Esta fórmula avanzada penetra profundamente en las capas de la piel, trabajando para romper la pigmentación existente y prevenir la aparición de nueva pigmentación. Hidrata y nutre profundamente la piel, dándole una textura suave y un aspecto radiante y uniforme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-section\"\u003e\n\u003cdiv class=\"ud-reveal\" style=\"text-align: center; margin-bottom: 40px;\"\u003e\n\u003ch2\u003eQué distingue al suero SKIN1004?\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eLa fuerza de este frasco reside en su fórmula única que combina:\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-grid-2\"\u003e\n\u003cdiv class=\"ud-glass-card ud-reveal\"\u003e\n\u003ch4\u003eExtracto Puro de Centella Asiática\u003c\/h4\u003e\n\u003cp\u003eCon una alta concentración para calmar la piel sensible y reforzar su barrera natural, haciéndola más resistente a los factores externos que provocan la pigmentación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-glass-card ud-reveal\" style=\"transition-delay: 0.1s;\"\u003e\n\u003ch4\u003eÁcido tranexámico\u003c\/h4\u003e\n\u003cp\u003eEs un ingrediente potente que actúa eficazmente para aclarar las manchas oscuras y uniformar el tono de la piel inhibiendo la producción excesiva de melanina.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-glass-card ud-reveal\" style=\"transition-delay: 0.2s;\"\u003e\n\u003ch4\u003eNiacinamida\u003c\/h4\u003e\n\u003cp\u003eConocida también como Vitamina B3, ilumina la piel, reduce la apariencia de los poros y mejora la elasticidad de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-glass-card ud-reveal\" style=\"transition-delay: 0.3s;\"\u003e\n\u003ch4\u003eCápsulas Radiance\u003c\/h4\u003e\n\u003cp\u003eContiene ingredientes activos adicionales que mejoran la luminosidad de la piel y le dan un aspecto sano y radiante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-section ud-section-alt\"\u003e\n\u003cdiv class=\"ud-grid-2\" style=\"margin-bottom: 40px;\"\u003e\n\u003cdiv class=\"ud-reveal\"\u003e\n\u003ch5\u003e- Tecnología innovadora para obtener resultados excepcionales\u003c\/h5\u003e\n\u003ch2\u003e¿Cómo funciona el suero SKIN1004?\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eContiene una concentración excepcional de Centella de Madagascar, 100% pura.\u003c\/strong\u003e, conocido por su suprema capacidad para mejorar la elasticidad de la piel, calmar las irritaciones y favorecer la regeneración celular.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-reveal\" style=\"transition-delay: 0.2s;\"\u003e\n\u003cimg alt=\"Application\" class=\"ud-img-fluid\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin1004_centella_tone_brightening_capsule_ampoule_50ml_3.webp?v=1745768408\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-grid-3\"\u003e\n\u003cdiv class=\"ud-glass-card ud-reveal\"\u003e\n\u003ch4\u003eTecnología de las cápsulas inteligentes:\u003c\/h4\u003e\n\u003cp\u003eCuando el suero entra en contacto con la piel, las cápsulas estallan y liberan los ingredientes activos de manera rápida y eficaz.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-glass-card ud-reveal\" style=\"transition-delay: 0.1s;\"\u003e\n\u003ch4\u003eAclaramiento inmediato:\u003c\/h4\u003e\n\u003cp\u003eLos ingredientes activos aclaran y unifican significativamente la piel, contribuyendo a reducir la apariencia de la pigmentación y de las manchas oscuras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-glass-card ud-reveal\" style=\"transition-delay: 0.2s;\"\u003e\n\u003ch4\u003eMejora la textura de la piel:\u003c\/h4\u003e\n\u003cp\u003eCon un uso regular, la piel se vuelve más suave y más radiante, con una reducción visible de arrugas y líneas finas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-section\"\u003e\n\u003cdiv class=\"ud-grid-2\"\u003e\n\u003cdiv class=\"ud-reveal\"\u003e\n\u003cimg alt=\"Results\" class=\"ud-img-fluid\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SKIN1004ToneBrighteningCapsuleAmpoule-4_1024x1024_7fc5f799-638a-4264-ab88-fc40b94ae2fe.webp?v=1745768463\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-reveal\" style=\"transition-delay: 0.2s;\"\u003e\n\u003ch2\u003eLa Centella se llama la dosis de luz líquida!\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eSKIN1004 Centella Tone Brightening Capsule Ampoule\u003c\/strong\u003e Es la solución perfecta para reducir la pigmentación y obtener un tono de piel natural.\u003c\/p\u003e\n\u003cul class=\"ud-check-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlta concentración de ingredientes activos:\u003c\/strong\u003e Una fórmula potente rica en ingredientes activos que ofrece resultados visibles y rápidos en este ampolla\/suero.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFórmula segura:\u003c\/strong\u003e No provoca irritación ni sequedad incluso en la piel sensible y proporciona una hidratación duradera sin ningún efecto secundario.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-section ud-section-alt\"\u003e\n\u003cdiv class=\"ud-reveal\" style=\"text-align: center; margin-bottom: 40px;\"\u003e\n\u003ch2\u003eCómo usar\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003ePara aprovechar al máximo el poder de este pequeño frasco mágico, sigue estos pasos:\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-grid-2\"\u003e\n\u003cdiv class=\"ud-steps-list\"\u003e\n\u003cdiv class=\"ud-step-item ud-reveal\"\u003e\n\u003cdiv class=\"ud-step-num\"\u003e1\u003c\/div\u003e\n\u003cp style=\"margin: 0;\"\u003e\u003cstrong\u003eDespués de haber limpiado bien la piel (usando el tónico), coloque una cantidad adecuada de ampolla en la palma de la mano.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-step-item ud-reveal\" style=\"transition-delay: 0.1s;\"\u003e\n\u003cdiv class=\"ud-step-num\"\u003e2\u003c\/div\u003e\n\u003cp style=\"margin: 0;\"\u003e\u003cstrong\u003eAplicar delicadamente la ampolla en todo el rostro y cuello, concentrándose en las áreas afectadas por opacidad y pigmentación.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-step-item ud-reveal\" style=\"transition-delay: 0.2s;\"\u003e\n\u003cdiv class=\"ud-step-num\"\u003e3\u003c\/div\u003e\n\u003cp style=\"margin: 0;\"\u003e\u003cstrong\u003eDa golpecitos suavemente con la punta de los dedos para ayudar a que la piel absorba completamente la ampolla.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-step-item ud-reveal\" style=\"transition-delay: 0.3s;\"\u003e\n\u003cdiv class=\"ud-step-num\"\u003e4\u003c\/div\u003e\n\u003cp style=\"margin: 0;\"\u003e\u003cstrong\u003ePara mejores resultados, usar dos veces al día, por la mañana y por la noche, como parte de la rutina de skincare.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-reveal\" style=\"transition-delay: 0.4s; height: 100%;\"\u003e\n\u003cimg alt=\"Usage\" class=\"ud-img-fluid\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin1004_centella_tone_brightening_capsule_ampoule_50ml_4_e718e36f-eedf-4247-bfc5-af2cb8a625c5.webp?v=1745768428\" style=\"height: 100%; object-fit: cover;\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-section\"\u003e\n\u003cdiv class=\"ud-reveal\" style=\"text-align: center; margin-bottom: 40px;\"\u003e\n\u003ch2\u003eEl método técnico de producción del producto\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-grid-3\"\u003e\n\u003cdiv class=\"ud-glass-card ud-reveal\"\u003e\n\u003ch4\u003eExtracto de Centella asiática\u003c\/h4\u003e\n\u003cp\u003eContiene compuestos activos como \u003cstrong\u003eMadecassoside\u003c\/strong\u003e, \u003cstrong\u003eAsiatocoside\u003c\/strong\u003e, \u003cstrong\u003ey ácido asiático\u003c\/strong\u003e. Estos compuestos trabajan para:\u003c\/p\u003e\n\u003cul class=\"ud-check-list\" style=\"font-size: 15px;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eEstimular la producción de colágeno:\u003c\/strong\u003e Esto mejora la elasticidad de la piel y reduce la aparición de líneas finas y arrugas de expresión.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAliviar la inflamación:\u003c\/strong\u003e Inhibiendo la liberación de citocinas proinflamatorias.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcelera la curación de las heridas y la regeneración celular:\u003c\/strong\u003e Que ayuda a reparar posibles daños en la barrera hidrolipídica.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-glass-card ud-reveal\" style=\"transition-delay: 0.1s;\"\u003e\n\u003ch4\u003eÁcido tranexámico\u003c\/h4\u003e\n\u003cp\u003eInhibe principalmente la producción de... \u003cstrong\u003ePlasmina\u003c\/strong\u003eEs una enzima que estimula la producción de melanina (pigmento de la piel). Contribuye a:\u003c\/p\u003e\n\u003cul class=\"ud-check-list\" style=\"font-size: 15px;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAclaramiento de manchas oscuras e hiperpigmentación:\u003c\/strong\u003e Incluye melasma, pecas e hiperpigmentación.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUnificar el tono de la piel:\u003c\/strong\u003e Previniendo la acumulación irregular de melanina.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-glass-card ud-reveal\" style=\"transition-delay: 0.2s;\"\u003e\n\u003ch4\u003eNiacinamida\u003c\/h4\u003e\n\u003cp\u003eEs una forma de vitamina B3 y tiene múltiples beneficios para la piel, entre ellos:\u003c\/p\u003e\n\u003cul class=\"ud-check-list\" style=\"font-size: 15px;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eInhibición del transporte de los melanosomas:\u003c\/strong\u003e Previene la transferencia de los gránulos de melanina de los melanocitos.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFortalecer la función de la barrera hidro-lipídica:\u003c\/strong\u003e Aumenta la producción de ceramidas y ácidos grasos.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReducir la inflamación y el enrojecimiento\u003c\/strong\u003e Tiene propiedades antiinflamatorias.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMejorar el aspecto de los poros:\u003c\/strong\u003e Puede ayudar a regular la producción de sebo.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-section ud-section-alt\" style=\"text-align: center; padding-top: 80px; padding-bottom: 80px;\"\u003e\n\u003cdiv class=\"ud-glow\" style=\"top: 50%; left: 50%; transform: translate(-50%, -50%); width: 600px; height: 600px;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ud-reveal\" style=\"position: relative; z-index: 2;\"\u003e\n\u003ch2 style=\"font-size: clamp(28px, 4vw, 42px);\"\u003eEl fin de la pigmentación \u003cspan class=\"ud-gradient-text\"\u003eComienza aquí\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp style=\"max-width: 800px; margin: 0 auto 30px; font-size: 18px;\"\u003e\u003cstrong\u003eNo dejes que la opacidad y la pigmentación controlen más la belleza de tu piel. Dale a tu piel la oportunidad de transformarse con SKIN1004 Centella Tone Brightening Capsule Ampoule y descubre el secreto de la luminosidad atemporal!\u003c\/strong\u003e\u003c\/p\u003e\n\u003ca class=\"ud-btn\" href=\"#\"\u003eCompra ahora\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    document.addEventListener(\"DOMContentLoaded\", function() {\n      const observerOptions = {\n        root: null,\n        rootMargin: '0px',\n        threshold: 0.15\n      };\n\n      const observer = new IntersectionObserver((entries, observer) =\u003e {\n        entries.forEach(entry =\u003e {\n          if (entry.isIntersecting) {\n            entry.target.classList.add('ud-active');\n            observer.unobserve(entry.target);\n          }\n        });\n      }, observerOptions);\n\n      document.querySelectorAll('.ud-reveal').forEach(el =\u003e {\n        observer.observe(el);\n      });\n    });\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":44691699957957,"sku":"","price":1250.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_centella_ampoule.png?v=1745769605"},{"product_id":"beauty-of-joseon-relief-sun-rice-probiotics-50ml","title":"Beauty of Joseon Relief Sun : Rice + Probiotics 50ml","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n    \/* Base styles *\/\n    .product-container {\n        max-width: 1000px;\n        margin: 0 auto;\n        padding: 20px;\n        color: #333;\n        line-height: 1.6;\n        direction: ltr;\n        \n        background-color: #ffffff;\n    }\n\n    \/* Typography *\/\n    .product-container h2, \n    .product-container h3 {\n        color: #9C8102;\n        margin-top: 1.8em;\n        margin-bottom: 0.8em;\n        font-weight: 700;\n    }\n\n    .product-container h2 {\n        font-size: 1.8rem;\n        position: relative;\n    }\n    \n    .product-container 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-container h3 {\n        font-size: 1.4rem;\n        color: #777;\n        font-style: italic;\n        margin-top: -0.5em;\n    }\n\n    .product-container p {\n        font-size: 1.1rem;\n        margin-bottom: 1.2em;\n        line-height: 1.8;\n    }\n\n    .product-container strong {\n        color: #9C8102;\n        font-weight: bold;\n    }\n    \n    .product-container ul, \n    .product-container ol {\n        padding-right: 25px;\n        margin: 1.5em 0;\n    }\n    \n    .product-container li {\n        margin-bottom: 1em;\n        position: relative;\n    }\n    \n    .product-container li p {\n        margin-bottom: 0.5em;\n    }\n\n    \/* Hero image *\/\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        margin: 30px 0;\n        transition: transform 0.5s ease;\n    }\n\n    .hero-image:hover {\n        transform: scale(1.02);\n    }\n\n    \/* Introduction section with subtle background *\/\n    .intro-section {\n        background-color: #fafafa;\n        border-radius: 15px;\n        padding: 30px;\n        margin: 40px 0;\n        border-right: 4px solid #9C8102;\n    }\n\n    \/* Features section *\/\n    .features-section {\n        background-color: #ffffff;\n        border-radius: 15px;\n        padding: 30px;\n        margin: 40px 0;\n        border: 1px solid #f0f0f0;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n    }\n\n    \/* Process steps *\/\n    .process-steps {\n        counter-reset: step-counter;\n    }\n    \n    .process-step {\n        background-color: #ffffff;\n        border-radius: 10px;\n        padding: 20px;\n        margin-bottom: 15px;\n        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\n        border-right: 3px solid #9C8102;\n        transition: transform 0.3s ease;\n        position: relative;\n    }\n    \n    .process-step:hover {\n        transform: translateX(-5px);\n    }\n    \n    .process-step::before {\n        counter-increment: step-counter;\n        content: counter(step-counter);\n        position: absolute;\n        right: -15px;\n        top: 50%;\n        transform: translateY(-50%);\n        width: 30px;\n        height: 30px;\n        background-color: #9C8102;\n        color: white;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-weight: bold;\n    }\n    \n    .step-title {\n        color: #9C8102;\n        font-weight: bold;\n        margin-bottom: 5px;\n    }\n\n    \/* Benefits grid *\/\n    .benefits-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 20px;\n        margin: 30px 0;\n    }\n    \n    .benefit-card {\n        background-color: #ffffff;\n        border-radius: 15px;\n        padding: 25px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n        border: 1px solid #f0f0f0;\n        transition: transform 0.3s ease;\n    }\n    \n    .benefit-card:hover {\n        transform: translateY(-8px);\n    }\n    \n    .benefit-title {\n        color: #9C8102;\n        font-weight: bold;\n        font-size: 1.1rem;\n        margin-bottom: 10px;\n    }\n\n    \/* Two column section *\/\n    .two-column-section {\n        display: flex;\n        gap: 30px;\n        margin: 40px 0;\n    }\n    \n    .column {\n        flex: 1;\n        min-width: 300px;\n    }\n    \n    .column img {\n        width: 100%;\n        height: auto;\n        border-radius: 15px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n    }\n\n    \/* Call to action - Black *\/\n    .cta-section {\n        background: #000000;\n        color: white;\n        padding: 40px;\n        border-radius: 15px;\n        text-align: center;\n        margin: 40px 0;\n    }\n    \n    .cta-title {\n        color: white;\n        font-size: 1.6rem;\n        margin-bottom: 20px;\n        position: relative;\n    }\n    \n    .cta-title::after {\n        content: '';\n        display: block;\n        width: 60px;\n        height: 3px;\n        background-color: #9C8102;\n        margin: 15px auto 0;\n    }\n    \n    .cta-text {\n        font-size: 1.1rem;\n        margin-bottom: 30px;\n        color: white;\n    }\n    \n    .cta-button {\n        display: inline-block;\n        padding: 12px 35px;\n        background-color: #9C8102;\n        color: white;\n        font-weight: bold;\n        border-radius: 30px;\n        text-decoration: none;\n        font-size: 1.1rem;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\n    }\n    \n    .cta-button:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);\n        background-color: #b49a1c;\n    }\n\n    \/* Separator *\/\n    .separator {\n        height: 1px;\n        background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.3), transparent);\n        margin: 40px 0;\n        width: 100%;\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    \/* Badge *\/\n    .spf-badge {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        background-color: #9C8102;\n        color: white;\n        padding: 5px 15px;\n        border-radius: 20px;\n        font-weight: bold;\n        margin-right: 10px;\n    }\n\n    \/* Responsive adjustments *\/\n    @media (max-width: 768px) {\n        .benefits-grid {\n            grid-template-columns: 1fr;\n        }\n        \n        .two-column-section {\n            flex-direction: column;\n        }\n        \n        .process-step::before {\n            right: 10px;\n            top: 10px;\n            transform: none;\n        }\n        \n        .process-step {\n            padding-right: 45px;\n        }\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003cimg alt=\"Beauty of Joseon Relief Sun\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Relief_Sun_Rice_Probiotics_50ml.jpg?v=1745773366\"\/\u003e\n\u003ch2\u003eSUPER PROTECCIÓN: Protector solar con cuidado coreano\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Introduction Section --\u003e\n\u003cdiv class=\"intro-section fade-in\"\u003e\n\u003cp\u003e: \u003cstrong\u003eBeauty of Joseon Relief Sun: Rice + Probiotics SPF50+ PA++++ (50ml)\u003c\/strong\u003e Es un protector solar innovador coreano que combina protección de amplio espectro con un potente SPF50+ PA++++ y una fórmula rica en nutrientes para hidratar y nutrir profundamente la piel. Este protector contiene el 30% de extracto de arroz fermentado y una mezcla de probióticos que reequilibran el microbioma cutáneo y alivian el enrojecimiento y la sequedad. Gracias a su textura ligera y luminosa que desaparece instantáneamente sin dejar película oleosa o blanca, Relief Sun une eficacia y comodidad diaria para todo tipo de piel, incluso las sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Complete Protection Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003cimg alt=\"Beauty of Joseon Relief Sun Protection\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Relief_Sun_Rice_Probiotics_50ml_2.jpg?v=1745773397\"\/\u003e\n\u003ch2\u003eProtección completa sin compromisos\u003c\/h2\u003e\n\u003ch3\u003e- Formulación avanzada para prevenir los daños del sol\u003c\/h3\u003e\n\u003cp\u003eRelief Sun ofrece una protección eficaz contra los rayos UVA y UVB gracias a filtros químicos avanzados que garantizan SPF50+ PA++++, reduciendo el riesgo de quemaduras e hiperpigmentación derivadas de la exposición diaria al sol. Fórmula sin perfume, sin alcohol y segura (nivel verde EWG), adecuada para piel sensible y para quienes son alérgicos a los protectores solares convencionales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003cimg alt=\"Beauty of Joseon Relief Sun Texture\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Relief_Sun.webp?v=1745773502\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"features-section fade-in\"\u003e\n\u003ch2\u003eDuo hidratación y nutrición: arroz y probióticos en una mezcla única\u003c\/h2\u003e\n\u003ch3\u003e- Ingredientes naturales para hidratación profunda y alivio instantáneo\u003c\/h3\u003e\n\u003cdiv class=\"two-column-section\"\u003e\n\u003cdiv class=\"column\"\u003e\n\u003cimg alt=\"Beauty of Joseon Relief Sun Ingredients\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_relief_sun_rice_probiotics.webp?v=1745773561\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"column\"\u003e\n\u003cp\u003eRelief Sun combina el 30% de extracto de arroz fermentado con una mezcla de probióticos y cereales fermentados, ricos en vitaminas B, C, E, aminoácidos y minerales, para proporcionar a la piel hidratación inmediata y calmar el enrojecimiento y la sequedad durante todo el día.\u003c\/p\u003e\n\u003cp\u003eAdemás, la fórmula está enriquecida con Niacinamida, que equilibra los niveles de aceite y humedad de la piel, minimizando el tamaño de los poros para un aspecto más liso y más completo.\u003c\/p\u003e\n\u003cdiv style=\"display: flex; gap: 10px; margin-top: 20px;\"\u003e\n\u003cspan class=\"spf-badge\"\u003eSPF50+\u003c\/span\u003e\n\u003cspan class=\"spf-badge\"\u003ePA++++\u003c\/span\u003e\n\u003cspan class=\"spf-badge\"\u003eEWG GREEN\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003ch2\u003e¿Cómo funciona el producto?\u003c\/h2\u003e\n\u003ch3\u003e- La tecnología hidratante funciona en sinergia con la protección solar -\u003c\/h3\u003e\n\u003cdiv class=\"process-steps\"\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eComienzo de la calma\u003c\/div\u003e\n\u003cp\u003eCuando se aplica el protector, los probióticos y el arroz fermentado calman la piel y alivian la sensación de sequedad y enrojecimiento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eFuerte barrera protectora\u003c\/div\u003e\n\u003cp\u003eLos filtros SPF50+ PA++++ reflejan y absorben los rayos dañinos antes de que penetren en la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eHidratante y nutritivo\u003c\/div\u003e\n\u003cp\u003eEl arroz fermentado libera sus ingredientes hidratantes en profundidad en la piel, mientras que la niacinamida refuerza la barrera natural de agua de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eAcabado ligero\u003c\/div\u003e\n\u003cp\u003eLa textura de gel brillante se absorbe rápidamente, dejando la piel suave sin ningún rastro blanco ni molestia pegajosa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Advantages Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003ch2\u003eEl secreto de la excelencia: ¿Por qué Relief Sun supera a los demás?\u003c\/h2\u003e\n\u003ch3\u003e- Resultados prácticos y experiencia de usuario confiable\u003c\/h3\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eTextura irresistible\u003c\/h4\u003e\n\u003cp\u003eLigera como el aire, se funde en la piel sin dejar rastro de grasitud o molestos residuos blancos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eEficacia comprobada\u003c\/h4\u003e\n\u003cp\u003eUna de las cremas solares con las calificaciones más altas del mundo con puntuaciones superiores a 4,5 estrellas de millones de usuarios\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eFórmula científica y natural\u003c\/h4\u003e\n\u003cp\u003eCombina filtros químicos avanzados con extractos orgánicos tradicionales de arroz fermentado y probióticos, para garantizar protección e hidratación completa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eReconocimiento de los expertos\u003c\/h4\u003e\n\u003cp\u003eRespaldado por la recomendación de Allure como una de las mejores cremas solares coreanas por la combinación de protección y estilo, y aprobado por dermatólogos gracias a su fórmula segura y eficaz.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eAdecuado para todas las condiciones\u003c\/h4\u003e\n\u003cp\u003eFunciona de manera excelente en condiciones de alta humedad y previene una sensación de pesadez o resbaladiza, convirtiéndolo en la elección perfecta para el uso diario con o sin maquillaje.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action Section - Black --\u003e\n\u003cdiv class=\"cta-section fade-in\"\u003e\n\u003ch2 class=\"cta-title\"\u003eProtege tu piel con la última elegancia coreana\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003eDisfruta de la protección SPF50+ con hidratación profunda y nutrición en un solo producto. Di adiós a las cremas solares pesadas y blancas y da la bienvenida a un cutis sano y protegido durante todo el día.\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eCompra ahora\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    \/\/ Add subtle animations and interactions\n    (function() {\n        \/\/ Function to handle fade-in animations\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 fade-in elements when they come into view\n        observeElements(document.querySelectorAll('.fade-in'), (element) =\u003e {\n            setTimeout(() =\u003e {\n                element.classList.add('visible');\n            }, 100);\n        });\n        \n        \/\/ Add hover effects to process steps\n        document.querySelectorAll('.process-step').forEach(step =\u003e {\n            step.addEventListener('mouseenter', () =\u003e {\n                step.style.transform = 'translateX(-5px)';\n            });\n            \n            step.addEventListener('mouseleave', () =\u003e {\n                step.style.transform = '';\n            });\n        });\n    })();\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44691703300293,"sku":"","price":950.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/51KXcVZceoL.jpg?v=1745768552"},{"product_id":"beauty-of-joseon-light-on-serum-30ml","title":"BEAUTY OF JOSEON Light On Whitening Serum con Extracto de Centella y Vitamina C, Formato 30 ml","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n    \/* Base styles *\/\n    .product-container {\n        max-width: 1000px;\n        margin: 0 auto;\n        padding: 20px;\n        color: #333;\n        line-height: 1.6;\n        direction: ltr;\n       \n        background-color: #ffffff;\n    }\n\n    \/* Typography *\/\n    .product-container h1, \n    .product-container h2 {\n        color: #9C8102;\n        margin-top: 1.8em;\n        margin-bottom: 0.8em;\n        font-weight: 700;\n    }\n\n    .product-container h1 {\n        font-size: 2.2rem;\n        text-align: center;\n        position: relative;\n    }\n    \n    .product-container h1::after {\n        content: '';\n        display: block;\n        width: 100px;\n        height: 3px;\n        background-color: #9C8102;\n        margin: 15px auto 0;\n    }\n\n    .product-container h2 {\n        font-size: 1.6rem;\n        position: relative;\n    }\n    \n    .product-container h2::after {\n        content: '';\n        display: block;\n        width: 60px;\n        height: 3px;\n        background-color: #9C8102;\n        margin-top: 10px;\n    }\n\n    .product-container p {\n        font-size: 1.1rem;\n        margin-bottom: 1.2em;\n        line-height: 1.8;\n    }\n\n    .product-container strong {\n        color: #9C8102;\n        font-weight: bold;\n    }\n    \n    .product-container ul {\n        padding-right: 20px;\n        margin: 1.5em 0;\n    }\n    \n    .product-container li {\n        margin-bottom: 1em;\n        position: relative;\n    }\n    \n    .product-container li p {\n        margin-bottom: 0.5em;\n    }\n\n    \/* Hero section *\/\n    .hero-section {\n        text-align: center;\n        margin-bottom: 40px;\n        background-color: #ffffff;\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        margin: 30px 0;\n        transition: transform 0.5s ease;\n    }\n\n    .hero-image:hover {\n        transform: scale(1.02);\n    }\n\n    \/* Feature section *\/\n    .feature-section {\n        background-color: #ffffff;\n        border-radius: 15px;\n        padding: 30px;\n        margin: 40px 0;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n        border: 1px solid #f0f0f0;\n    }\n    \n    \/* Info box *\/\n    .info-box {\n        background-color: #f9f9f9;\n        border-radius: 15px;\n        padding: 30px;\n        margin: 30px 0;\n        position: relative;\n    }\n    \n    .info-box::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        width: 4px;\n        background-color: #9C8102;\n        border-radius: 0 15px 15px 0;\n    }\n\n    \/* List items with custom bullets *\/\n    .custom-list {\n        list-style: none;\n        padding: 0;\n    }\n    \n    .custom-list li {\n        padding-right: 25px;\n        position: relative;\n        margin-bottom: 15px;\n    }\n    \n    .custom-list li::before {\n        content: '';\n        position: absolute;\n        right: 0;\n        top: 10px;\n        width: 8px;\n        height: 8px;\n        background-color: #9C8102;\n        border-radius: 50%;\n    }\n\n    \/* Benefits grid *\/\n    .benefits-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 20px;\n        margin: 30px 0;\n    }\n    \n    .benefit-card {\n        background-color: #ffffff;\n        border-radius: 15px;\n        padding: 25px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n        border: 1px solid #f0f0f0;\n        transition: transform 0.3s ease;\n    }\n    \n    .benefit-card:hover {\n        transform: translateY(-8px);\n    }\n    \n    .benefit-title {\n        color: #9C8102;\n        font-weight: bold;\n        font-size: 1.1rem;\n        margin-bottom: 10px;\n    }\n\n    \/* Testimonials section *\/\n    .testimonials-section {\n        background-color: #fafafa;\n        border-radius: 15px;\n        padding: 30px;\n        margin: 40px 0;\n    }\n    \n    .testimonials-title {\n        text-align: center;\n        margin-bottom: 30px;\n    }\n    \n    .testimonials-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 20px;\n    }\n    \n    .testimonial-card {\n        background-color: #ffffff;\n        border-radius: 10px;\n        padding: 20px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n    }\n    \n    .testimonial-highlight {\n        color: #9C8102;\n        font-weight: bold;\n        font-size: 1.1rem;\n        margin-bottom: 10px;\n    }\n\n    \/* Call to action - Black *\/\n    .cta-section {\n        background: #000000;\n        color: white;\n        padding: 40px;\n        border-radius: 15px;\n        text-align: center;\n        margin: 40px 0;\n    }\n    \n    .cta-title {\n        color: white;\n        font-size: 1.6rem;\n        margin-bottom: 20px;\n        position: relative;\n    }\n    \n    .cta-title::after {\n        content: '';\n        display: block;\n        width: 60px;\n        height: 3px;\n        background-color: #9C8102;\n        margin: 15px auto 0;\n    }\n    \n    .cta-text {\n        font-size: 1.1rem;\n        margin-bottom: 30px;\n        color: white;\n    }\n    \n    .cta-button {\n        display: inline-block;\n        padding: 12px 35px;\n        background-color: #9C8102;\n        color: white;\n        font-weight: bold;\n        border-radius: 30px;\n        text-decoration: none;\n        font-size: 1.1rem;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\n    }\n    \n    .cta-button:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);\n        background-color: #b49a1c;\n    }\n\n    \/* Separator *\/\n    .separator {\n        height: 1px;\n        background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.3), transparent);\n        margin: 40px 0;\n        width: 100%;\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    \/* Ingredients section *\/\n    .ingredients-section {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        margin: 40px 0;\n        gap: 30px;\n    }\n    \n    .ingredients-image {\n        flex: 1;\n        min-width: 300px;\n    }\n    \n    .ingredients-content {\n        flex: 1;\n        min-width: 300px;\n    }\n    \n    \/* Responsive adjustments *\/\n    @media (max-width: 768px) {\n        .benefits-grid,\n        .testimonials-grid {\n            grid-template-columns: 1fr;\n        }\n        \n        .ingredients-section {\n            flex-direction: column;\n        }\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section fade-in\"\u003e\n\u003ch1\u003eSérum Beauty of Joseon Light On (Centella + Vitamina C) – luminosidad radiante coreana\u003c\/h1\u003e\n\u003cimg alt=\"Beauty of Joseon Light On Serum\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_centella_vitamin_c.webp?v=1745771070\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- Introduction Section --\u003e\n\u003cdiv class=\"feature-section fade-in\"\u003e\n\u003ch2\u003eBrillo sin obstáculos: la importancia de tratar la pigmentación y rejuvenecer la piel\u003c\/h2\u003e\n\u003cp\u003eLa pigmentación y las manchas oscuras no solo reducen la belleza de la piel, sino que la hacen parecer opaca y más vieja de lo que realmente es. El tratamiento de la pigmentación restaura el equilibrio natural de la piel, haciéndola más clara, luminosa y radiante. La vitamina C desempeña un papel esencial en la reducción de la pigmentación y en la unificación del tono de la piel, y también estimula la producción de colágeno, lo que rejuvenece la piel y mejora su elasticidad. Cuando tu piel se mantiene uniforme y luminosa, tu autoestima brilla delante de todo el mundo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Beauty of Joseon Light On Serum Application\" class=\"hero-image fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_light_on_serum_6eeba7fb-b756-4410-a59a-26c1d9a92945.webp?v=1745772222\"\/\u003e\n\u003c!-- Korean Heritage Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003ch2\u003eLa magia de la herencia coreana y de la innovación moderna\u003c\/h2\u003e\n\u003cp\u003eSuero Light On Este producto es la encarnación del arte del skincare coreano. Contiene el 68% de extracto orgánico de Centella asiática, la legendaria planta famosa por su capacidad milagrosa de calmar la piel y renovar sus células. Respaldado por las técnicas más recientes de estabilización de la vitamina C, el suero ofrece la máxima eficacia para iluminar y tratar la pigmentación sin ninguna irritación. Un toque de tradición y un toque de innovación... y el resultado: verdadera magia en tu piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Beauty of Joseon Light On Serum Benefits\" class=\"hero-image fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_centella_vitamin_c_2_24ba1a6d-be84-4fd5-a1a6-06a5a41a6a23.webp?v=1745772244\"\/\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"info-box fade-in\"\u003e\n\u003ch2\u003e¿Cómo funciona el suero: un dúo único de iluminador e hidratante?\u003c\/h2\u003e\n\u003cul class=\"custom-list\"\u003e\n\u003cli\u003e\n\u003cp\u003eEn cuanto aplicas el suero sobre la piel, el extracto de Centella comienza a hidratarla y a calmar cualquier enrojecimiento o inflamación.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eLa Vitamina C estabilizada penetra de manera segura en la piel, reduce la producción de melanina y aclara gradualmente las pigmentaciones rebeldes.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eCon un uso regular, notarás que tu piel se vuelve más suave, más clara y sin manchas, con una hidratación profunda que la mantiene firme y luminosa.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"ingredients-section fade-in\"\u003e\n\u003cdiv class=\"ingredients-image\"\u003e\n\u003cimg alt=\"Beauty of Joseon Light On Serum Ingredients\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/centella_beauty_of_joseon.jpg?v=1745772318\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-content\"\u003e\n\u003ch2\u003ePrincipales ingredientes y su papel: Vitamina C y Centella al servicio de tu piel\u003c\/h2\u003e\n\u003cul class=\"custom-list\"\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eVitamina C (Ácido Ascórbico 3-O-Etil 10%)\u003c\/strong\u003e: Un potente antioxidante que unifica el tono de la piel, aclara las manchas oscuras y activa la producción de colágeno para mejorar la apariencia de las líneas finas y las arrugas.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eExtracto de Centella asiática (68%)\u003c\/strong\u003e: Una planta terapéutica que calma la piel irritada, estimula la regeneración de las células cutáneas y mejora la hidratación profunda para mantener la elasticidad y la salud de la piel.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n\u003c!-- Unique Benefits Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003ch2\u003eEl secreto de la excelencia: ¿Por qué este suero es diferente de todo lo que has probado antes?\u003c\/h2\u003e\n\u003cimg alt=\"Beauty of Joseon Light On Serum Unique Benefits\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty-of-Joeson-Light-On-Serum-Centella-Vita-C-30ml-6-min.jpg?v=1745772347\"\/\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eLa fórmula ligera se absorbe rápidamente\u003c\/h3\u003e\n\u003cp\u003eNo hay sensación de grasa o capa pegajosa, sino suavidad y luminosidad clara.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eAlta concentración de ingredientes activos\u003c\/h3\u003e\n\u003cp\u003eLa cantidad de Vitamina C y Centella es mayor en comparación con la mayoría de los sueros competidores, lo que significa resultados más rápidos y más efectivos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eIdeal para pieles sensibles\u003c\/h3\u003e\n\u003cp\u003eSin perfumes y alcohol, alivia la piel en lugar de irritarla.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eDoble resultado\u003c\/h3\u003e\n\u003cp\u003eIluminar + combatir los signos del envejecimiento en un solo paso sencillo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Testimonials Section --\u003e\n\u003cdiv class=\"testimonials-section fade-in\"\u003e\n\u003ch2 class=\"testimonials-title\"\u003eReseñas de los usuarios: historias de éxito reales\u003c\/h2\u003e\n\u003cdiv class=\"testimonials-grid\"\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003eResultados evidentes desde las primeras semanas\u003c\/h3\u003e\n\u003cp\u003eLa mayoría de los usuarios ha notado una clara diferencia en la unificación del tono de la piel y en el aumento de su luminosidad en pocas semanas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003eTextura ligera y confortable\u003c\/h3\u003e\n\u003cp\u003eTodos han elogiado el hecho de que su textura es ligera y fácil de absorber, ideal también para los días calurosos de verano.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003eApto para pieles sensibles\u003c\/h3\u003e\n\u003cp\u003eMuchas personas con piel sensible han confirmado que ha ayudado a calmar su piel sin ninguna irritación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003eSatisfacción completa y recomendaciones extendidas\u003c\/h3\u003e\n\u003cp\u003eUn gran porcentaje de quienes lo han probado lo han amado tanto que lo han vuelto a comprar más de una vez.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action Section - Black Box --\u003e\n\u003cdiv class=\"cta-section fade-in\"\u003e\n\u003ch2 class=\"cta-title\"\u003eDescubre hoy el secreto de la luminosidad coreana\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003ePiel más luminosa y radiante en un solo paso. Di adiós a las manchas oscuras y a la hiperpigmentación, ¡y dale la bienvenida a una piel luminosa!\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eCompra ahora\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    \/\/ Add subtle animations and interactions\n    (function() {\n        \/\/ Function to handle fade-in animations\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 fade-in elements when they come into view\n        observeElements(document.querySelectorAll('.fade-in'), (element) =\u003e {\n            setTimeout(() =\u003e {\n                element.classList.add('visible');\n            }, 100);\n        });\n    })();\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44691708903621,"sku":"","price":1300.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty-of-joseon-light-on-serum-centella-vita-c-30ml.jpg?v=1745770414"},{"product_id":"centella-skincare-routine-set","title":"Centella Skincare Routine Set Complete Centella-Based Skincare Solution","description":"\u003cdiv class=\"sk-mfg-oasis\" dir=\"ltr\" id=\"skin1004-madagascar-wrapper\"\u003e\n\u003cstyle\u003e\n        \/* Styles *\/\n        .sk-mfg-oasis {\n            \/* Styles *\/\n            --bg-basalt-deep: #090807;     \/* Styles *\/\n            --bg-sand-night: #12100D;      \/* Styles *\/\n            --bg-earth-dune: #1A1612;      \/* Styles *\/\n            --bg-card-glass: #171310;\n            --bg-card-hover: #221c17;\n\n            \/* Styles *\/\n            --sand-primary: #D4A373;       \/* Styles *\/\n            --sand-bright: #F0DFC8;        \/* Styles *\/\n            --sand-soft: #C29668;          \/* Styles *\/\n            --sand-glow: rgba(212, 163, 115, 0.22);\n            --sand-border: rgba(212, 163, 115, 0.2);\n            --sand-border-strong: rgba(212, 163, 115, 0.45);\n\n            \/* Styles *\/\n            --text-main: #FDFBF7;          \/* Styles *\/\n            --text-muted: #C8BFB5;         \/* Styles *\/\n            --text-gold: #E5BA82;          \/* Styles *\/\n\n            font-family: inherit;\n            line-height: 1.8;\n            overflow: hidden;\n            position: relative;\n            background-color: var(--bg-basalt-deep);\n            color: var(--text-main);\n            border-radius: 24px;\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.7);\n        }\n\n        .sk-mfg-oasis * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .oasis-container {\n            max-width: 1040px;\n            margin: 0 auto;\n            padding: 0 24px;\n            position: relative;\n            z-index: 3;\n        }\n\n        \/* Styles *\/\n        .oasis-hl-sand {\n            color: #FFF4E5;\n            font-weight: 900;\n            text-shadow: 0 0 8px rgba(212, 163, 115, 0.5);\n            display: inline;\n        }\n\n        .oasis-hl-gold {\n            color: #F8CD9C;\n            font-weight: 900;\n            text-shadow: 0 0 8px rgba(212, 163, 115, 0.6);\n            display: inline;\n        }\n\n        .oasis-mark-glow {\n            display: inline;\n            background: rgba(212, 163, 115, 0.2);\n            color: #FFFFFF;\n            font-weight: 800;\n            padding: 2px 8px;\n            border-radius: 6px;\n            border-bottom: 1.5px solid var(--sand-primary);\n        }\n\n        .oasis-pill-sand {\n            display: inline-block;\n            background: rgba(212, 163, 115, 0.16);\n            border: 1px solid var(--sand-primary);\n            color: #FFF6EB;\n            font-weight: 900;\n            padding: 3px 14px;\n            border-radius: 8px;\n            margin: 2px 0;\n        }\n\n        \/* Styles *\/\n        .oasis-section {\n            padding: 75px 0;\n            position: relative;\n        }\n\n        \/* Styles *\/\n        .oasis-theme-basalt {\n            background-color: var(--bg-basalt-deep);\n            border-bottom: 1px solid rgba(255, 255, 255, 0.04);\n        }\n\n        \/* Styles *\/\n        .oasis-theme-night {\n            background-color: var(--bg-sand-night);\n            border-top: 1px solid var(--sand-border);\n            border-bottom: 1px solid var(--sand-border);\n        }\n\n        \/* Styles *\/\n        .oasis-theme-dune-grad {\n            background: linear-gradient(180deg, #12100D 0%, #1A1510 50%, #12100D 100%);\n            border-top: 1px solid rgba(212, 163, 115, 0.15);\n            border-bottom: 1px solid rgba(212, 163, 115, 0.15);\n        }\n\n        \/* Styles *\/\n        .oasis-theme-earth {\n            background-color: var(--bg-earth-dune);\n            border-top: 1px solid rgba(255, 255, 255, 0.05);\n            border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n        }\n\n        .oasis-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background: rgba(212, 163, 115, 0.12);\n            border: 1px solid var(--sand-primary);\n            color: var(--sand-bright);\n            padding: 7px 24px;\n            border-radius: 40px;\n            font-size: 0.95rem;\n            font-weight: 800;\n            margin-bottom: 22px;\n            letter-spacing: 0.5px;\n        }\n\n        .oasis-main-title {\n            font-size: clamp(26px, 4.5vw, 42px);\n            font-weight: 900;\n            text-align: center;\n            margin-bottom: 25px;\n            line-height: 1.35;\n            color: #FFFFFF;\n        }\n\n        .oasis-section-title {\n            font-size: clamp(22px, 3.5vw, 32px);\n            font-weight: 900;\n            text-align: center;\n            margin-bottom: 25px;\n            position: relative;\n            line-height: 1.4;\n            color: #FFFFFF;\n        }\n\n        .oasis-section-title::after {\n            content: '';\n            display: block;\n            width: 70px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, var(--sand-primary), transparent);\n            margin: 12px auto 0;\n            border-radius: 4px;\n        }\n\n        \/* Styles *\/\n        .oasis-media-wrapper {\n            width: 100%;\n            max-width: 850px;\n            margin: 0 auto 35px;\n            border-radius: 20px;\n            overflow: hidden;\n            border: 1px solid var(--sand-border-strong);\n            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.7);\n            position: relative;\n        }\n\n        .oasis-media-wrapper img {\n            width: 100%;\n            height: auto;\n            display: block;\n            object-fit: cover;\n            transition: transform 0.4s ease;\n        }\n\n        .oasis-media-wrapper:hover img {\n            transform: scale(1.015);\n        }\n\n        \/* Styles *\/\n        .oasis-hook-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n            gap: 16px;\n            margin: 30px 0;\n        }\n\n        .oasis-hook-card {\n            background: #181411;\n            border: 1px solid var(--sand-border);\n            border-radius: 16px;\n            padding: 22px 18px;\n            text-align: left;\n            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);\n            transition: transform 0.25s ease, border-color 0.25s ease;\n        }\n\n        .oasis-hook-card:hover {\n            transform: translateY(-3px);\n            border-color: var(--sand-primary);\n        }\n\n        .oasis-hook-card h4 {\n            color: var(--sand-bright);\n            font-size: 1.15rem;\n            font-weight: 800;\n            margin-bottom: 6px;\n        }\n\n        .oasis-hook-card p {\n            color: var(--text-muted);\n            font-size: 0.95rem;\n            line-height: 1.6;\n        }\n\n        \/* Styles *\/\n        .oasis-danger-card {\n            background: linear-gradient(145deg, rgba(50, 16, 16, 0.9) 0%, rgba(24, 17, 13, 0.98) 100%);\n            border: 1px solid rgba(239, 68, 68, 0.3);\n            border-radius: 20px;\n            padding: 30px 26px;\n            margin: 30px 0;\n            text-align: left;\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.6);\n        }\n\n        .oasis-danger-card h3 {\n            color: #FCA5A5;\n            font-size: 1.35rem;\n            font-weight: 900;\n            margin-bottom: 12px;\n        }\n\n        .oasis-damage-list {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n            gap: 12px;\n            list-style: none;\n            margin-top: 16px;\n        }\n\n        .oasis-damage-list li {\n            position: relative;\n            padding-right: 24px;\n            color: #FFFFFF;\n            font-size: 1rem;\n            font-weight: 600;\n        }\n\n        .oasis-damage-list li::before {\n            content: 'x';\n            position: absolute;\n            right: 0;\n            top: 0;\n            color: #EF4444;\n            font-weight: 900;\n            font-size: 1.1rem;\n        }\n\n        \/* Styles *\/\n        .oasis-legend-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n            gap: 18px;\n            margin: 30px 0;\n        }\n\n        .oasis-legend-card {\n            background: #181410;\n            border: 1px solid var(--sand-border);\n            border-radius: 16px;\n            padding: 24px 20px;\n            text-align: left;\n            transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;\n        }\n\n        .oasis-legend-card:hover {\n            transform: translateY(-4px);\n            border-color: var(--sand-primary);\n            background: #201A14;\n        }\n\n        .oasis-legend-tag {\n            font-size: 0.85rem;\n            color: var(--sand-primary);\n            font-weight: 800;\n            margin-bottom: 8px;\n            display: block;\n        }\n\n        .oasis-legend-title {\n            color: #FFFFFF;\n            font-size: 1.25rem;\n            font-weight: 900;\n            margin-bottom: 8px;\n        }\n\n        .oasis-legend-desc {\n            color: var(--text-muted);\n            font-size: 0.95rem;\n            line-height: 1.6;\n        }\n\n        \/* Styles *\/\n        .oasis-table-wrap {\n            overflow-x: auto;\n            margin: 30px 0;\n            border-radius: 18px;\n            border: 1px solid var(--sand-border-strong);\n            background: #110E0B;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);\n        }\n\n        .oasis-table {\n            width: 100%;\n            border-collapse: collapse;\n            text-align: left;\n            min-width: 600px;\n        }\n\n        .oasis-table th,\n        .oasis-table td {\n            padding: 16px 20px;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.07);\n            font-size: 1.05rem;\n        }\n\n        .oasis-table th {\n            background: #18130E;\n            color: var(--sand-bright);\n            font-weight: 900;\n            font-size: 1.15rem;\n        }\n\n        .oasis-table td.col-centella {\n            background: rgba(212, 163, 115, 0.08);\n            color: var(--sand-bright);\n            font-weight: 800;\n        }\n\n        .oasis-table td.col-cortisone {\n            color: #FCA5A5;\n            font-weight: 600;\n        }\n\n        .oasis-table tr:last-child td {\n            border-bottom: none;\n        }\n\n        \/* Styles *\/\n        .oasis-env-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n            gap: 18px;\n            margin: 30px 0;\n        }\n\n        .oasis-env-card {\n            background: #181410;\n            border: 1px solid var(--sand-border);\n            border-radius: 16px;\n            padding: 24px 20px;\n            text-align: left;\n            transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;\n        }\n\n        .oasis-env-card:hover {\n            transform: translateY(-3px);\n            border-color: var(--sand-primary);\n            background: #201A14;\n        }\n\n        .oasis-env-num {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: 34px;\n            height: 34px;\n            background: rgba(212, 163, 115, 0.15);\n            color: var(--sand-bright);\n            border: 1px solid var(--sand-primary);\n            border-radius: 8px;\n            font-weight: 900;\n            margin-bottom: 12px;\n        }\n\n        .oasis-env-card h4 {\n            color: #FFFFFF;\n            font-size: 1.2rem;\n            font-weight: 800;\n            margin-bottom: 6px;\n        }\n\n        .oasis-env-card p {\n            color: var(--text-muted);\n            font-size: 0.95rem;\n            line-height: 1.6;\n        }\n\n        \/* Styles *\/\n        .oasis-conflict-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 24px;\n            margin: 35px 0;\n        }\n\n        .oasis-conflict-card {\n            border-radius: 20px;\n            padding: 28px 24px;\n            text-align: left;\n            box-shadow: 0 10px 24px rgba(0, 0, 0, 0.5);\n        }\n\n        .oasis-conflict-card.bad {\n            background: linear-gradient(180deg, rgba(45, 18, 18, 0.95) 0%, rgba(24, 15, 15, 0.98) 100%);\n            border: 1px solid rgba(239, 68, 68, 0.25);\n        }\n\n        .oasis-conflict-card.good {\n            background: linear-gradient(180deg, rgba(38, 28, 20, 0.95) 0%, rgba(22, 17, 13, 0.98) 100%);\n            border: 1px solid var(--sand-border-strong);\n        }\n\n        .oasis-conflict-card h4 {\n            font-size: 1.3rem;\n            font-weight: 900;\n            margin-bottom: 12px;\n        }\n\n        .oasis-conflict-card.bad h4 { color: #FCA5A5; }\n        .oasis-conflict-card.good h4 { color: var(--sand-bright); }\n\n        .oasis-conflict-list {\n            list-style: none;\n            margin-top: 12px;\n        }\n\n        .oasis-conflict-list li {\n            position: relative;\n            padding-right: 24px;\n            margin-bottom: 10px;\n            font-size: 1rem;\n            color: #FFFFFF;\n        }\n\n        .oasis-conflict-card.bad .oasis-conflict-list li::before {\n            content: 'x';\n            position: absolute;\n            right: 0;\n            color: #EF4444;\n            font-weight: 900;\n        }\n\n        .oasis-conflict-card.good .oasis-conflict-list li::before {\n            content: '✓';\n            position: absolute;\n            right: 0;\n            color: var(--sand-primary);\n            font-weight: 900;\n        }\n\n        \/* Styles *\/\n        .oasis-products-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));\n            gap: 22px;\n            margin: 35px 0;\n        }\n\n        .oasis-product-card {\n            background: #181410;\n            border: 1px solid var(--sand-border);\n            border-radius: 18px;\n            padding: 24px 20px;\n            display: flex;\n            flex-direction: column;\n            text-align: left;\n            transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;\n            box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);\n        }\n\n        .oasis-product-card:hover {\n            transform: translateY(-4px);\n            border-color: var(--sand-primary);\n            background: #211A14;\n        }\n\n        .oasis-product-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 12px;\n        }\n\n        .oasis-product-step {\n            background: rgba(212, 163, 115, 0.15);\n            border: 1px solid var(--sand-primary);\n            color: var(--sand-bright);\n            font-size: 0.82rem;\n            font-weight: 900;\n            padding: 3px 12px;\n            border-radius: 6px;\n        }\n\n        .oasis-product-size {\n            color: var(--sand-primary);\n            font-weight: 800;\n            font-size: 0.95rem;\n        }\n\n        .oasis-product-card h3 {\n            color: #FFFFFF;\n            font-size: 1.35rem;\n            font-weight: 900;\n            margin-bottom: 4px;\n        }\n\n        .oasis-product-subtitle {\n            color: var(--sand-gold);\n            font-size: 0.95rem;\n            font-weight: 700;\n            margin-bottom: 14px;\n            padding-bottom: 8px;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n        }\n\n        .oasis-product-bullets {\n            list-style: none;\n            margin-bottom: 16px;\n        }\n\n        .oasis-product-bullets li {\n            position: relative;\n            padding-right: 22px;\n            color: var(--text-main);\n            font-size: 0.96rem;\n            line-height: 1.55;\n            margin-bottom: 8px;\n        }\n\n        .oasis-product-bullets li::before {\n            content: '✓';\n            position: absolute;\n            right: 0;\n            top: 0;\n            color: var(--sand-primary);\n            font-weight: 900;\n        }\n\n        .oasis-product-review {\n            margin-top: auto;\n            background: #110E0B;\n            border: 1px solid rgba(212, 163, 115, 0.2);\n            padding: 12px 16px;\n            border-radius: 12px;\n            color: var(--sand-bright);\n            font-size: 0.88rem;\n            font-weight: 700;\n        }\n\n        \/* Styles *\/\n        .oasis-routine-flex {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 24px;\n            margin: 35px 0;\n        }\n\n        .oasis-routine-card {\n            background: #191410;\n            border: 1px solid var(--sand-border);\n            border-radius: 20px;\n            padding: 28px 22px;\n            text-align: left;\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);\n        }\n\n        .oasis-routine-card.evening {\n            border-color: rgba(212, 163, 115, 0.35);\n        }\n\n        .oasis-routine-card.morning {\n            border-color: rgba(240, 223, 200, 0.35);\n        }\n\n        .oasis-routine-tag {\n            display: inline-block;\n            padding: 6px 16px;\n            border-radius: 8px;\n            font-weight: 900;\n            font-size: 0.95rem;\n            margin-bottom: 18px;\n            background: rgba(212, 163, 115, 0.15);\n            color: var(--sand-bright);\n            border: 1px solid var(--sand-primary);\n        }\n\n        .oasis-steps-list {\n            list-style: none;\n        }\n\n        .oasis-steps-list li {\n            padding: 12px 0;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.07);\n            display: flex;\n            align-items: center;\n            gap: 14px;\n            font-size: 1rem;\n            color: #FFFFFF;\n        }\n\n        .oasis-steps-list li:last-child {\n            border-bottom: none;\n        }\n\n        .oasis-step-num {\n            width: 30px;\n            height: 30px;\n            background: #0A0908;\n            border: 2px solid var(--sand-primary);\n            color: var(--sand-bright);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: 900;\n            font-size: 0.88rem;\n            flex-shrink: 0;\n        }\n\n        \/* Styles *\/\n        .oasis-accordion-box {\n            background: #181410;\n            border: 1px solid var(--sand-border);\n            border-radius: 12px;\n            margin-bottom: 12px;\n            overflow: hidden;\n            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);\n        }\n\n        .oasis-acc-btn {\n            width: 100%;\n            padding: 16px 20px;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            cursor: pointer;\n            background: transparent;\n            border: none;\n            color: #FFFFFF;\n            font-size: 1.05rem;\n            font-weight: 800;\n            text-align: left;\n            user-select: none;\n        }\n\n        .oasis-acc-btn span.icon {\n            color: var(--sand-primary);\n            font-size: 1.4rem;\n            font-weight: 900;\n            transition: transform 0.3s ease;\n        }\n\n        .oasis-accordion-box.active .oasis-acc-btn span.icon {\n            transform: rotate(45deg);\n            color: var(--sand-bright);\n        }\n\n        .oasis-acc-content {\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.35s ease, padding 0.35s ease;\n            padding: 0 20px;\n            font-size: 0.9rem;\n            color: var(--text-muted);\n            direction: ltr;\n            text-align: left;\n            line-height: 1.6;\n            background: #100D0A;\n        }\n\n        .oasis-accordion-box.active .oasis-acc-content {\n            padding: 16px 20px;\n            max-height: 380px;\n        }\n\n        \/* Styles *\/\n        .oasis-cta-card {\n            text-align: center;\n            padding: 55px 24px;\n            background: linear-gradient(180deg, #1C1712 0%, #0A0908 100%);\n            border-radius: 22px;\n            border: 1px solid var(--sand-primary);\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.7);\n        }\n\n        .oasis-cta-btn {\n            display: inline-block;\n            background: linear-gradient(135deg, var(--sand-bright), var(--sand-primary));\n            color: #0F0D0A;\n            font-size: 1.35rem;\n            font-weight: 900;\n            padding: 18px 48px;\n            border-radius: 40px;\n            cursor: pointer;\n            transition: transform 0.25s ease, box-shadow 0.25s ease;\n            margin-top: 25px;\n            border: none;\n            text-decoration: none;\n        }\n\n        .oasis-cta-btn:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 10px 25px rgba(212, 163, 115, 0.4);\n            background: linear-gradient(135deg, #FFFFFF, var(--sand-bright));\n        }\n\n        \/* Styles *\/\n        .oasis-reveal {\n            opacity: 0;\n            transform: translateY(20px);\n            transition: opacity 0.5s ease, transform 0.5s ease;\n            will-change: opacity, transform;\n        }\n\n        .oasis-reveal.oasis-active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        \/* Styles *\/\n        .oasis-timeline-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n            gap: 18px;\n            margin-top: 30px;\n        }\n\n        .oasis-timeline-card {\n            background: #191410;\n            border: 1px solid var(--sand-border);\n            border-radius: 18px;\n            padding: 24px 20px;\n            text-align: left;\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);\n            transition: transform 0.25s ease, border-color 0.25s ease;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .oasis-timeline-card:hover {\n            transform: translateY(-3px);\n            border-color: var(--sand-primary);\n        }\n\n        .oasis-timeline-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 6px;\n            background: rgba(212, 163, 115, 0.14);\n            border: 1px solid rgba(212, 163, 115, 0.4);\n            color: var(--sand-bright);\n            font-size: 0.82rem;\n            font-weight: 900;\n            padding: 4px 12px;\n            border-radius: 20px;\n            margin-bottom: 12px;\n            letter-spacing: 0.5px;\n        }\n\n        .oasis-timeline-card h4 {\n            font-size: 1.25rem;\n            font-weight: 900;\n            margin-bottom: 8px;\n        }\n\n        .oasis-timeline-card p {\n            color: var(--text-muted);\n            font-size: 0.96rem;\n            line-height: 1.65;\n            margin: 0;\n        }\n\n        @media (max-width: 768px) {\n            .oasis-table th, .oasis-table td { padding: 12px 14px; font-size: 0.95rem; }\n            .oasis-hook-grid { grid-template-columns: 1fr; }\n            .oasis-conflict-grid { grid-template-columns: 1fr; }\n            .oasis-products-grid { grid-template-columns: 1fr; }\n            .oasis-timeline-grid { grid-template-columns: 1fr; }\n        }\n    \u003c\/style\u003e\n\u003c!-- 1. Hero Section (Basalt Deep Theme) --\u003e\n\u003cdiv class=\"oasis-section oasis-theme-basalt\"\u003e\n\u003cdiv class=\"oasis-container\" style=\"text-align: center;\"\u003e\n\u003cdiv class=\"oasis-badge\"\u003eMini rutina coreana de rescate para la piel\u003c\/div\u003e\n\u003ch1 class=\"oasis-main-title\"\u003e\n                SKIN1004 Madagascar Centella Travel Kit\u003cbr\/\u003e\n\u003cspan class=\"oasis-hl-sand\"\u003eEl set que te devolverá la piel calma y cómoda\u003c\/span\u003e\n\u003c\/h1\u003e\n\n\u003cdiv class=\"oasis-media-wrapper\"\u003e\n\u003cimg alt=\"SKIN1004 Centella Travel Kit in Mountains\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Centella_travel_kit_in_mountains_20260912200048.jpg?v=1789232691\"\/\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"oasis-hook-grid\"\u003e\n\u003cdiv class=\"oasis-hook-card\"\u003e\n\u003ch4\u003e¿Tu piel se inflama rápidamente?\u003c\/h4\u003e\n\u003cp\u003eEl mínimo que te hace enrojecer e irritar. \u003cspan class=\"oasis-mark-glow\"\u003eY no sabes cómo usar ningún producto a tu conveniencia\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oasis-hook-card\"\u003e\n\u003ch4\u003e¿La barrera de tu piel está dañada?\u003c\/h4\u003e\n\u003cp\u003e¿Tu piel se siente tensa, seca o escamosa debido a... \u003cspan class=\"oasis-mark-glow\"\u003eUsa demasiados exfoliantes o productos agresivos\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oasis-hook-card\"\u003e\n\u003ch4\u003e¿Las pastillas dejan una marca?\u003c\/h4\u003e\n\u003cp\u003eLa pastilla va, pero queda atrás \u003cspan class=\"oasis-mark-glow\"\u003eUna marca roja u oscura que no desaparece fácilmente\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oasis-hook-card\"\u003e\n\u003ch4\u003e¿Tienes miedo de asumir riesgos?\u003c\/h4\u003e\n\u003cp\u003e¿Solo quieres probar una rutina coreana completa? \u003cspan class=\"oasis-mark-glow\"\u003eMiedo a comprar formatos grandes que no se ajusten\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 1.25rem; font-weight: 800; color: var(--sand-bright); margin-bottom: 25px;\"\u003e\n                El problema no es tu tipo de piel, el problema eres tú \u003cspan class=\"oasis-hl-sand\"\u003e¿Aún no has probado la rutina que realmente elimina la inflamación?\u003c\/span\u003e.\n            \u003c\/p\u003e\n\n\u003cdiv class=\"oasis-danger-card\"\u003e\n\u003ch3\u003e¿Por qué tu piel no puede tolerarla y sus problemas persisten?\u003c\/h3\u003e\n\u003cp style=\"font-size: 1.15rem; color: #FFFFFF; font-weight: 700;\"\u003e\n                    El secreto está todo en \u003cspan class=\"oasis-pill-sand\"\u003ebarrera hidrolipídica\u003c\/span\u003e\n\u003c\/p\u003e\n\u003cp style=\"color: var(--text-muted); margin-top: 8px; font-size: 1rem;\"\u003e\n                    Cuando se rompe la barrera protectora de tu piel, \u003cspan class=\"oasis-hl-gold\"\u003eCualquier cosa simple crea un gran problema\u003c\/span\u003eEsto es lo que causa:\n                \u003c\/p\u003e\n\u003cul class=\"oasis-damage-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"oasis-mark-glow\"\u003eEnrojecimiento y sensibilidad\u003c\/span\u003e De cualquier producto nuevo o incluso del aire.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"oasis-mark-glow\"\u003eSequedad y grietas\u003c\/span\u003e No importa lo mojado que estés.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"oasis-mark-glow\"\u003eNuevos granos aparecen\u003c\/span\u003e Por qué las bacterias entran fácilmente.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"oasis-mark-glow\"\u003eSeñales persistentes y pigmentación\u003c\/span\u003e ¿Por qué la piel no puede curarse sola?\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"background: rgba(212, 163, 115, 0.1); border: 1px solid var(--sand-primary); border-radius: 14px; padding: 18px; margin-top: 20px;\"\u003e\n\u003cp style=\"font-size: 1.2rem; font-weight: 800; color: #FFFFFF; margin: 0;\"\u003e\n                    Para detener esta espiral: Necesitas el ingrediente mágico que repara rápidamente esta barrera: \u003cspan class=\"oasis-hl-sand\"\u003eExtracto de Centella Asiática de Madagascar\u003c\/span\u003e.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2. Story: Tiger Herb (Dark Sand Night Theme) --\u003e\n\u003cdiv class=\"oasis-section oasis-theme-night oasis-reveal\"\u003e\n\u003cdiv class=\"oasis-container\"\u003e\n\u003ch2 class=\"oasis-section-title\"\u003e¿Qué es la hierba centella? ¿Por qué la llaman “hierba de tigre”?\u003c\/h2\u003e\n\u003cdiv style=\"text-align: center; max-width: 820px; margin: 0 auto 20px;\"\u003e\n\u003cp style=\"font-size: 1.15rem; color: var(--text-muted); font-weight: 500;\"\u003e\n                    La historia comenzó en la naturaleza... cuando notaron que los tigres heridos, después de cada conflicto, se dirigían a revolcarse entre las hojas de cierta planta. Sorprendentemente, \u003cspan class=\"oasis-mark-glow\"\u003eSus heridas sanaban increíblemente rápido y sin dejar ninguna marca!\u003c\/span\u003e Esta planta es la Centella, y desde entonces se ha usado para tratar quemaduras y heridas graves.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oasis-legend-grid\"\u003e\n\u003cdiv class=\"oasis-legend-card\"\u003e\n\u003cspan class=\"oasis-legend-tag\"\u003ePoder de restauración\u003c\/span\u003e\n\u003ch3 class=\"oasis-legend-title\"\u003eTrata la piel en profundidad\u003c\/h3\u003e\n\u003cp class=\"oasis-legend-desc\"\u003eEstimula la producción de colágeno natural \u003cspan class=\"oasis-hl-sand\"\u003eEl tejido cutáneo dañado se reconstruye\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oasis-legend-card\"\u003e\n\u003cspan class=\"oasis-legend-tag\"\u003eCalma instantánea\u003c\/span\u003e\n\u003ch3 class=\"oasis-legend-title\"\u003eApaga el “fuego” de la inflamación\u003c\/h3\u003e\n\u003cp class=\"oasis-legend-desc\"\u003eCalma inmediatamente enrojecimientos y sensibilidad \u003cspan class=\"oasis-hl-sand\"\u003eMe hiciste quemar\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oasis-legend-card\" style=\"border-color: var(--sand-primary); border-width: 2px;\"\u003e\n\u003cspan class=\"oasis-legend-tag\" style=\"color: var(--sand-bright);\"\u003eMadagascar en particular\u003c\/span\u003e\n\u003ch3 class=\"oasis-legend-title\" style=\"color: var(--sand-bright);\"\u003eLa variedad más pura del mundo\u003c\/h3\u003e\n\u003cp class=\"oasis-legend-desc\"\u003e¿Por qué la naturaleza volcánica de Madagascar produce centella en concentración \u003cspan class=\"oasis-mark-glow\"\u003eDoble eficacia en comparación con otros\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. Comparison Table (Dark Earth Theme) --\u003e\n\u003cdiv class=\"oasis-section oasis-theme-earth oasis-reveal\"\u003e\n\u003cdiv class=\"oasis-container\"\u003e\n\u003ch2 class=\"oasis-section-title\"\u003eLa Centella es una alternativa natural y segura a las cremas medicinales fuertes\u003c\/h2\u003e\n\u003cp style=\"text-align: center; color: var(--text-muted); font-size: 1.15rem; margin-bottom: 20px;\"\u003e\n                Cuando tu piel está gravemente inflamada, los médicos a menudo prescriben cremas que contienen cortisona, pero la cortisona tiene efectos dañinos a largo plazo. La centella todavía está llegando a ti \u003cspan class=\"oasis-hl-sand\"\u003eMismo resultado que calmar\u003c\/span\u003e Pero \u003cspan class=\"oasis-hl-gold\"\u003eCompletamente seguro\u003c\/span\u003e:\n            \u003c\/p\u003e\n\u003cdiv class=\"oasis-table-wrap\"\u003e\n\u003ctable class=\"oasis-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003e¿Cuál es la diferencia?\u003c\/th\u003e\n\u003cth\u003eCremas médicas fuertes (como la cortisona)\u003c\/th\u003e\n\u003cth style=\"background: rgba(212, 163, 115, 0.2); color: var(--sand-bright);\"\u003eCentella Natural de SKIN1004\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003e¿Usar todos los días?\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"col-cortisone\"\u003eProhibido (la piel se cansa con el tiempo)\u003c\/td\u003e\n\u003ctd class=\"col-centella\"\u003e\u003cspan class=\"oasis-mark-glow\"\u003eMuy segura y usada diariamente\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eGrosor y protección de la piel\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"col-cortisone\"\u003eAdelgaza la piel y la vuelve muy débil\u003c\/td\u003e\n\u003ctd class=\"col-centella\"\u003e\u003cspan class=\"oasis-hl-sand\"\u003eRefuerza la piel, aumenta su grosor y protección\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003e¿Si dejas de usarlo?\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"col-cortisone\"\u003eEl problema vuelve de nuevo y con fuerza\u003c\/td\u003e\n\u003ctd class=\"col-centella\"\u003e\u003cspan class=\"oasis-hl-gold\"\u003eLa piel ha sanado y no hay recaídas\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eEnrojecimiento y cerdas\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"col-cortisone\"\u003ePodría aumentar la apariencia de los capilares sanguíneos\u003c\/td\u003e\n\u003ctd class=\"col-centella\"\u003e\u003cspan class=\"oasis-mark-glow\"\u003eAlivia el enrojecimiento y trata la irritación\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. Zero Brand Conflict System (Dark Night Theme) --\u003e\n\u003cdiv class=\"oasis-section oasis-theme-night oasis-reveal\"\u003e\n\u003cdiv class=\"oasis-container\"\u003e\n\u003ch2 class=\"oasis-section-title\"\u003e¿Por qué usar un set completo en lugar de productos aleatorios?\u003c\/h2\u003e\n\u003cp style=\"text-align: center; color: var(--text-muted); max-width: 820px; margin: 0 auto 25px; font-size: 1.1rem;\"\u003e\n                ¡El error más grande que puedes cometer es comprar loción de una marca, tónico de otra y suero de la tercera! \u003cspan class=\"oasis-hl-gold\"\u003eEstos productos no están diseñados para funcionar juntos\u003c\/span\u003ePueden interactuar entre sí e irritar tu piel.\n            \u003c\/p\u003e\n\u003cdiv class=\"oasis-conflict-grid\"\u003e\n\n\u003cdiv class=\"oasis-conflict-card bad\"\u003e\n\u003ch4\u003eLicuadora: Productos de cada canción de la película\u003c\/h4\u003e\n\u003cp style=\"color: var(--text-muted); margin-bottom: 12px;\"\u003e¿Qué sucede cuando se mezclan diferentes productos?\u003c\/p\u003e\n\u003cul class=\"oasis-conflict-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"oasis-mark-glow\" style=\"border-color: #EF4444; background: rgba(239, 68, 68, 0.2);\"\u003eLos materiales colisionan entre sí\u003c\/span\u003e Y puedes anular su efecto.\u003c\/li\u003e\n\u003cli\u003eTu piel se vuelve irritada, inflamada, y aparecen nuevos granos.\u003c\/li\u003e\n\u003cli\u003eGasto mucho dinero en cosas inadecuadas.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"oasis-conflict-card good\"\u003e\n\u003ch4\u003eLa solución inteligente: la rutina integrada SKIN1004\u003c\/h4\u003e\n\u003cp style=\"color: var(--text-muted); margin-bottom: 12px;\"\u003eEstos 5 productos están diseñados para complementarse entre sí:\u003c\/p\u003e\n\u003cul class=\"oasis-conflict-list\"\u003e\n\u003cli\u003eCada paso \u003cspan class=\"oasis-mark-glow\"\u003ePrepara la piel y potenciar sus beneficios\u003c\/span\u003e Al siguiente paso.\u003c\/li\u003e\n\u003cli\u003eToma una dosis de Centella \u003cspan class=\"oasis-hl-gold\"\u003eEn cada paso\u003c\/span\u003e Para una recuperación más rápida y más fuerte.\u003c\/li\u003e\n\u003cli\u003eGarantía \u003cspan class=\"oasis-mark-glow\"\u003e100% sin conflictos\u003c\/span\u003e O te sucederán alergias.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6. The 5 Products Breakdown (Basalt Deep Theme) --\u003e\n\u003cdiv class=\"oasis-section oasis-theme-basalt oasis-reveal\"\u003e\n\u003cdiv class=\"oasis-container\"\u003e\n\u003ch2 class=\"oasis-section-title\"\u003e¿Qué hay dentro de este grupo? (5 pasos para una piel más calmada)\u003c\/h2\u003e\n\u003cp style=\"text-align: center; color: var(--text-muted); margin-bottom: 25px; font-weight: 700;\"\u003e\n                Formatos de viaje (suficientes para 2-3 semanas)... ¡Perfectos para probar toda la rutina antes de comprar los envases más grandes!\n            \u003c\/p\u003e\n\u003cdiv class=\"oasis-products-grid\"\u003e\n\u003c!-- Product 1 --\u003e\n\u003cdiv class=\"oasis-product-card\"\u003e\n\u003cdiv class=\"oasis-product-header\"\u003e\n\u003cspan class=\"oasis-product-step\"\u003ePaso 1\u003c\/span\u003e\n\u003cspan class=\"oasis-product-size\"\u003e30 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eAceite limpiador ligero\u003c\/h3\u003e\n\u003cp class=\"oasis-product-subtitle\"\u003ePara eliminar maquillaje y protector solar sin frotar\u003c\/p\u003e\n\u003cul class=\"oasis-product-bullets\"\u003e\n\u003cli\u003e\n\u003cspan class=\"oasis-mark-glow\"\u003eTrata todo con amabilidad\u003c\/span\u003e Incluso la grasa que obstruye los poros.\u003c\/li\u003e\n\u003cli\u003eMuy ligera, como el agua. \u003cspan class=\"oasis-hl-sand\"\u003eno comedogénico (no comedogénico (no comedogénico (no obstruye los poros))) ni causa granos\u003c\/span\u003e.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Product 2 --\u003e\n\u003cdiv class=\"oasis-product-card\"\u003e\n\u003cdiv class=\"oasis-product-header\"\u003e\n\u003cspan class=\"oasis-product-step\"\u003ePaso 2\u003c\/span\u003e\n\u003cspan class=\"oasis-product-size\"\u003e20 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eDetergente espumoso con Centella\u003c\/h3\u003e\n\u003cp class=\"oasis-product-subtitle\"\u003eLimpieza profunda que respeta tu piel\u003c\/p\u003e\n\u003cul class=\"oasis-product-bullets\"\u003e\n\u003cli\u003eSu espuma es muy suave \u003cspan class=\"oasis-mark-glow\"\u003eNunca seca la cara\u003c\/span\u003e Después del lavado.\u003c\/li\u003e\n\u003cli\u003eMantiene el equilibrio de la piel para que no segregue exceso de grasa.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Product 3 --\u003e\n\u003cdiv class=\"oasis-product-card\"\u003e\n\u003cdiv class=\"oasis-product-header\"\u003e\n\u003cspan class=\"oasis-product-step\"\u003ePaso 3\u003c\/span\u003e\n\u003cspan class=\"oasis-product-size\"\u003e30 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eTónico exfoliante delicado\u003c\/h3\u003e\n\u003cp class=\"oasis-product-subtitle\"\u003eSuavidad y uniformidad del color sin irritaciones\u003c\/p\u003e\n\u003cul class=\"oasis-product-bullets\"\u003e\n\u003cli\u003eExfolia las células muertas \u003cspan class=\"oasis-mark-glow\"\u003eMuy, muy suavemente\u003c\/span\u003e Con ácidos PHA.\u003c\/li\u003e\n\u003cli\u003ePrepara la piel para \u003cspan class=\"oasis-hl-sand\"\u003eBebe el suero de manera más efectiva\u003c\/span\u003e.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Product 4 --\u003e\n\u003cdiv class=\"oasis-product-card\" style=\"border: 2px solid var(--sand-primary); background: rgba(36, 28, 20, 0.85);\"\u003e\n\u003cdiv class=\"oasis-product-header\"\u003e\n\u003cspan class=\"oasis-product-step\" style=\"background: var(--sand-primary); color: #0C0B0A;\"\u003eProducto mágico\u003c\/span\u003e\n\u003cspan class=\"oasis-product-size\"\u003e30 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eAmpolla de centella pura\u003c\/h3\u003e\n\u003cp class=\"oasis-product-subtitle\"\u003e\u003cspan class=\"oasis-hl-sand\"\u003eExtracto de Centella 100% crudo de alta concentración\u003c\/span\u003e\u003c\/p\u003e\n\u003cul class=\"oasis-product-bullets\"\u003e\n\u003cli\u003e\n\u003cspan class=\"oasis-hl-gold\"\u003eCalma cualquier enrojecimiento o acné inflamado\u003c\/span\u003e ¡En tiempo récord!\u003c\/li\u003e\n\u003cli\u003eRepara la barrera hidrolipídica dañada\u003cspan class=\"oasis-mark-glow\"\u003eTrata los efectos de los granos persistentes\u003c\/span\u003e.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Product 5 --\u003e\n\u003cdiv class=\"oasis-product-card\"\u003e\n\u003cdiv class=\"oasis-product-header\"\u003e\n\u003cspan class=\"oasis-product-step\"\u003ePaso 5\u003c\/span\u003e\n\u003cspan class=\"oasis-product-size\"\u003e30 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eGel crema calmante\u003c\/h3\u003e\n\u003cp class=\"oasis-product-subtitle\"\u003eBloquea la humedad y protege la piel durante todo el día\u003c\/p\u003e\n\u003cul class=\"oasis-product-bullets\"\u003e\n\u003cli\u003eGel ligero, \u003cspan class=\"oasis-mark-glow\"\u003eLa piel la absorbe inmediatamente y no queda nada pegajosa\u003c\/span\u003e.\u003c\/li\u003e\n\u003cli\u003eContiene ceramidas porque \u003cspan class=\"oasis-hl-sand\"\u003eFortalece el escudo protector\u003c\/span\u003e De tu piel.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. Complete Routine (Morning \u0026 Evening) in Dune Gradient Theme --\u003e\n\u003cdiv class=\"oasis-section oasis-theme-dune-grad oasis-reveal\"\u003e\n\u003cdiv class=\"oasis-container\"\u003e\n\u003ch2 class=\"oasis-section-title\"\u003e¿Cómo se usa este grupo? (rutina diaria)\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.15rem; font-weight: 800; color: var(--sand-bright); margin-bottom: 25px;\"\u003e\n                ¡Pasos muy sencillos que no te llevarán más de unos minutos!\n            \u003c\/p\u003e\n\u003cdiv class=\"oasis-routine-flex\"\u003e\n\u003c!-- Morning Routine --\u003e\n\u003cdiv class=\"oasis-routine-card morning\"\u003e\n\u003cspan class=\"oasis-routine-tag\"\u003eRutina matutina (rápida y ligera)\u003c\/span\u003e\n\u003cul class=\"oasis-steps-list\"\u003e\n\u003cli\u003e\n\u003cdiv class=\"oasis-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong class=\"oasis-hl-gold\"\u003eEspuma de Ampolla:\u003c\/strong\u003e Lava la cara con un limpiador espumoso (puede bastar solo un poco de agua si tu piel es seca).\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"oasis-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong class=\"oasis-hl-gold\"\u003eTónico tonificante:\u003c\/strong\u003e Aplica un poco de tónico para refrescar la piel.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"oasis-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong class=\"oasis-hl-gold\"\u003eAmpolla de Centella:\u003c\/strong\u003e Dos o tres gotas calmarán tu piel y la protegerán durante todo el día.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"oasis-step-num\"\u003e4\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong class=\"oasis-hl-gold\"\u003eCrema calmante:\u003c\/strong\u003e Aplica la crema gel para hidratar la piel.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Evening Routine --\u003e\n\u003cdiv class=\"oasis-routine-card evening\"\u003e\n\u003cspan class=\"oasis-routine-tag\"\u003eRutina nocturna (para limpieza profunda y reparación)\u003c\/span\u003e\n\u003cul class=\"oasis-steps-list\"\u003e\n\u003cli\u003e\n\u003cdiv class=\"oasis-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong class=\"oasis-hl-sand\"\u003eAceite limpiador:\u003c\/strong\u003e Masajear sobre la piel seca para remover el maquillaje, luego lavar.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"oasis-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong class=\"oasis-hl-sand\"\u003eEspuma de Ampolla:\u003c\/strong\u003e Lava la cara para asegurarte de que los poros estén completamente limpios.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"oasis-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong class=\"oasis-hl-sand\"\u003eTónico tonificante:\u003c\/strong\u003e Pásalo sobre la boca para una exfoliación delicada.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"oasis-step-num\"\u003e4\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong class=\"oasis-hl-sand\"\u003eAmpolla de Centella:\u003c\/strong\u003e ¡Es hora de revitalizarse! Aplícalo y deja que actúe mientras duermes.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"oasis-step-num\"\u003e5\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong class=\"oasis-hl-sand\"\u003eCrema calmante:\u003c\/strong\u003e Cierra tu rutina con él para mantener la hidratación durante toda la noche.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 10. Final Closing \u0026 Required Second Image (Basalt Theme) --\u003e\n\u003cdiv class=\"oasis-section oasis-theme-basalt oasis-reveal\" style=\"padding-bottom: 90px;\"\u003e\n\u003cdiv class=\"oasis-container\"\u003e\n\u003cdiv class=\"oasis-cta-card\"\u003e\n\u003ch2 class=\"oasis-main-title\" style=\"font-size: clamp(24px, 4vw, 36px); margin-bottom: 20px;\"\u003e\n                    Tu oportunidad más inteligente para experimentar toda la rutina coreana\n                \u003c\/h2\u003e\n\n\u003cdiv class=\"oasis-media-wrapper\" style=\"margin: 25px auto; max-width: 780px;\"\u003e\n\u003cimg alt=\"SKIN1004 Madagascar Centella Routine Kit\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Skin1004_centella_travel_kit_in_20260912200000.jpg?v=1789232695\"\/\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 1.25rem; color: #FFFFFF; font-weight: 700; max-width: 800px; margin: 0 auto 15px; line-height: 1.85;\"\u003e\n                    En lugar de comprar un producto a precio elevado sin saber si se adaptará a tu piel o no, este set está disponible para ti. \u003cspan class=\"oasis-hl-sand\"\u003e5 productos completos en formatos excelentes para pruebas y viajes\u003c\/span\u003e!\n                \u003c\/p\u003e\n\u003cp style=\"color: var(--sand-bright); font-size: 1.45rem; font-weight: 900; text-shadow: 0 0 15px var(--sand-glow);\"\u003e\n                    Invierte en tu piel y experimenta la verdadera pureza.\n                \u003c\/p\u003e\n\u003cbutton class=\"oasis-cta-btn\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'}); return false;\" type=\"button\"\u003e\n                    Ordena ahora el Travel Kit SKIN1004 Centella\n                \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            \n            var reveals = document.querySelectorAll('.oasis-reveal');\n            var revealObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('oasis-active');\n                        observer.unobserve(entry.target); \n                    }\n                });\n            }, {\n                threshold: 0.08,\n                rootMargin: \"0px 0px -40px 0px\"\n            });\n\n            reveals.forEach(function(el) {\n                revealObserver.observe(el);\n            });\n\n            \n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e\n```eof\n","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":44693260566725,"sku":"","price":1700.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Centella_Skincare_Routine_Set.webp?v=1745851775"},{"product_id":"some-by-mi-aha-bha-pha-14-days-super-miracle-spot-all-kill-cream","title":"SOME BY MI Aha.Bha.Pha 14 Days Super Miracle Spot All Kill Cream 30ml","description":"\u003cstyle\u003e\n  .somebymi-container {\n    max-width: 100%;\n    margin: 0 auto;\n    color: #333;\n    line-height: 1.6;\n    background: #fff;\n    direction: ltr;\n  }\n\n  .hero-section {\n    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n    padding: 60px 30px;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .hero-section::before {\n    content: '';\n    position: absolute;\n    top: -50%;\n    left: -50%;\n    width: 200%;\n    height: 200%;\n    background: linear-gradient(45deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n    animation: shimmer 6s infinite;\n  }\n\n  @keyframes shimmer {\n    0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\n    100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\n  }\n\n  .hero-image {\n    max-width: 400px;\n    width: 100%;\n    height: auto;\n    border-radius: 15px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n    margin-bottom: 30px;\n    opacity: 0;\n    transform: scale(0.9);\n    animation: zoomIn 1s 0.3s forwards;\n  }\n\n  @keyframes zoomIn {\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  .main-title {\n    font-size: 2.5em;\n    font-weight: 700;\n    color: #9C8102;\n    margin-bottom: 15px;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUp 1s 0.2s forwards;\n  }\n\n  .subtitle {\n    font-size: 1.4em;\n    color: #666;\n    margin-bottom: 20px;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUp 1s 0.4s forwards;\n  }\n\n  .hero-description {\n    font-size: 1.2em;\n    color: #555;\n    max-width: 800px;\n    margin: 0 auto;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUp 1s 0.6s forwards;\n  }\n\n  .main-benefits-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n    gap: 25px;\n    margin-top: 40px;\n  }\n\n  .benefit-card {\n    background: white;\n    padding: 25px;\n    border-radius: 15px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateY(50px);\n    transition: all 0.3s ease;\n    border: 1px solid #e9ecef;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .benefit-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n  }\n\n  .benefit-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n    border-color: #9C8102;\n  }\n\n  .benefit-number {\n    display: inline-block;\n    width: 30px;\n    height: 30px;\n    background: #9C8102;\n    color: white;\n    border-radius: 50%;\n    text-align: center;\n    line-height: 30px;\n    font-weight: 700;\n    margin-bottom: 15px;\n    font-size: 0.9em;\n  }\n\n  .benefit-title {\n    color: #9C8102;\n    font-size: 1.2em;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  .benefit-description {\n    color: #666;\n    font-size: 0.95em;\n    line-height: 1.6;\n  }\n\n  .ingredient-highlight {\n    background: #f8f9fa;\n    padding: 2px 6px;\n    border-radius: 4px;\n    font-weight: 600;\n    color: #9C8102;\n  }\n\n  .truecica-section {\n    background: #f8f9fa;\n    padding: 60px 30px;\n  }\n\n  .truecica-content {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n    gap: 40px;\n    align-items: center;\n  }\n\n  .truecica-image {\n    max-width: 100%;\n    border-radius: 15px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n  }\n\n  .truecica-info {\n    background: white;\n    padding: 40px;\n    border-radius: 15px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .truecica-info::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n  }\n\n  .ingredient-list {\n    list-style: none;\n    padding: 0;\n    margin: 20px 0;\n  }\n\n  .ingredient-list li {\n    padding: 10px 0;\n    border-bottom: 1px solid #f0f0f0;\n    position: relative;\n    padding-right: 25px;\n  }\n\n  .ingredient-list li::before {\n    content: '🌿';\n    position: absolute;\n    right: 0;\n    top: 10px;\n  }\n\n  .triple-acid-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .acid-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 30px;\n    margin-top: 40px;\n  }\n\n  .acid-card {\n    background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n    padding: 30px;\n    border-radius: 15px;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.3s ease;\n    border: 2px solid transparent;\n    text-align: center;\n  }\n\n  .acid-card:hover {\n    border-color: #9C8102;\n    transform: translateY(-5px);\n  }\n\n  .acid-icon {\n    font-size: 3em;\n    margin-bottom: 20px;\n    display: block;\n  }\n\n  .acid-title {\n    color: #9C8102;\n    font-size: 1.5em;\n    font-weight: 700;\n    margin-bottom: 15px;\n  }\n\n  .timeline-section {\n    background: #f8f9fa;\n    padding: 60px 30px;\n  }\n\n  .timeline-container {\n    max-width: 800px;\n    margin: 0 auto;\n    position: relative;\n    padding-right: 40px;\n  }\n\n  .timeline-container::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 20px;\n    height: 100%;\n    width: 4px;\n    background: linear-gradient(to bottom, #9C8102, #d4af37);\n    border-radius: 2px;\n  }\n\n  .timeline-item {\n    position: relative;\n    margin-bottom: 40px;\n    padding-right: 60px;\n    background: white;\n    padding: 25px;\n    border-radius: 15px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateX(50px);\n    transition: all 0.3s ease;\n  }\n\n  .timeline-item::before {\n    content: '';\n    position: absolute;\n    right: -42px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    background: #9C8102;\n    border: 4px solid white;\n    box-shadow: 0 2px 10px rgba(0,0,0,0.2);\n    z-index: 1;\n  }\n\n  .timeline-item:hover {\n    transform: translateX(0);\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n  }\n\n  .timeline-day {\n    color: #9C8102;\n    font-weight: 700;\n    font-size: 1.1em;\n    margin-bottom: 10px;\n  }\n\n  .texture-section {\n    background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n    color: #333;\n    padding: 50px 30px;\n    text-align: center;\n    margin: 40px 0;\n    border-radius: 15px;\n  }\n\n  .texture-highlights {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 25px;\n    margin-top: 40px;\n  }\n\n  .texture-card {\n    background: white;\n    padding: 25px;\n    border-radius: 15px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.3s ease;\n    border: 2px solid transparent;\n  }\n\n  .texture-card:hover {\n    transform: translateY(-5px);\n    border-color: #9C8102;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n  }\n\n  .texture-icon {\n    font-size: 2.5em;\n    color: #9C8102;\n    margin-bottom: 15px;\n    display: block;\n  }\n\n  .texture-title {\n    color: #9C8102;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  .investment-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .investment-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 25px;\n    margin-top: 40px;\n  }\n\n  .investment-card {\n    background: white;\n    padding: 25px;\n    border-radius: 15px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateY(50px);\n    transition: all 0.3s ease;\n    border: 1px solid #e9ecef;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .investment-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n  }\n\n  .investment-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n    border-color: #9C8102;\n  }\n\n  .investment-icon {\n    font-size: 2.5em;\n    color: #9C8102;\n    margin-bottom: 15px;\n    display: block;\n    text-align: center;\n  }\n\n  .investment-title {\n    color: #9C8102;\n    font-weight: 700;\n    margin-bottom: 10px;\n    text-align: center;\n  }\n\n  .cta-section {\n    background: linear-gradient(135deg, #000000, #1a1a1a, #2d2d2d);\n    color: white;\n    padding: 60px 30px;\n    text-align: center;\n  }\n\n  .cta-button {\n    background: #9C8102;\n    color: white;\n    padding: 15px 40px;\n    border: none;\n    border-radius: 50px;\n    font-size: 1.2em;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    margin-top: 30px;\n    animation: glow 2s infinite alternate;\n  }\n\n  @keyframes glow {\n    0% { box-shadow: 0 0 20px rgba(156, 129, 2, 0.5); }\n    100% { box-shadow: 0 0 30px rgba(156, 129, 2, 0.8), 0 0 40px rgba(156, 129, 2, 0.3); }\n  }\n\n  .cta-button:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 15px 30px rgba(156, 129, 2, 0.4);\n    background: #d4af37;\n  }\n\n  .section-title {\n    text-align: center;\n    font-size: 2.2em;\n    color: #9C8102;\n    margin-bottom: 20px;\n    position: relative;\n    opacity: 0;\n    transform: translateY(30px);\n  }\n\n  .section-subtitle {\n    text-align: center;\n    font-size: 1.3em;\n    color: #666;\n    margin-bottom: 40px;\n    opacity: 0;\n    transform: translateY(30px);\n  }\n\n  .section-title::after {\n    content: '';\n    position: absolute;\n    bottom: -10px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 80px;\n    height: 3px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n    animation: expandLine 1s ease-out forwards;\n  }\n\n  @keyframes expandLine {\n    0% { width: 0; }\n    100% { width: 80px; }\n  }\n\n  @keyframes fadeInUp {\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  .animate-on-scroll {\n    opacity: 0;\n    transform: translateY(50px);\n    transition: all 0.8s ease;\n  }\n\n  .animate-on-scroll.animated {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .highlight {\n    color: #9C8102;\n    font-weight: 700;\n  }\n\n  .divider {\n    height: 2px;\n    background: linear-gradient(90deg, transparent, #9C8102, transparent);\n    margin: 40px 0;\n    opacity: 0;\n    animation: fadeIn 1s forwards;\n  }\n\n  @keyframes fadeIn {\n    to { opacity: 1; }\n  }\n\n  @media (max-width: 768px) {\n    .main-title { font-size: 2em; }\n    .section-title { font-size: 1.8em; }\n    .benefits-grid, .acid-grid, .texture-highlights, .investment-grid {\n      grid-template-columns: 1fr;\n    }\n    .truecica-content {\n      grid-template-columns: 1fr;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"somebymi-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cimg alt=\"SOME BY MI Spot All Kill Cream\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME_BY_MI_Aha.Bha.Pha_14_Days_Super_Miracle_Spot_All_Kill_Cream_30ml.webp?v=1745858282\"\/\u003e\n\u003ch1 class=\"main-title\"\u003eEl milagro de 14 días: eliminación completa de las manchas\u003c\/h1\u003e\n\u003ch2 class=\"subtitle\"\u003eSOME BY MI Aha·Bha·Pha 14 Days Super Miracle Spot All Kill Cream\u003c\/h2\u003e\n\u003cp class=\"hero-description\"\u003e\u003cstrong\u003eEsta no es una crema común, este es el milagro más potente diseñado por SOME BY MI para decir adiós a las manchas y el acné en menos de dos semanas\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Main Benefits Section --\u003e\n\u003cdiv class=\"main-benefits-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eUsos principales\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-number\"\u003e1\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eElimina granos y puntos negros\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eContiene \u003cspan class=\"ingredient-highlight\"\u003eNiacinamida y Ácido Salicílico (500 ppm)\u003c\/span\u003e Para eliminar las bacterias que causan los granos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-number\"\u003e2\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003e Enrojecimiento e irritación cutánea, calmantes para pieles sensibles\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eAlimentado por \u003cspan class=\"ingredient-highlight\"\u003eExtracto de Centella asiática (250.000 ppm), pantenol y alantoína\u003c\/span\u003e Para calmar irritaciones y enrojecimientos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-number\"\u003e3\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eExfoliante para granos y hoyuelos \u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eFunciona \u003cspan class=\"ingredient-highlight\"\u003eÁcido salicílico (500 ppm) y ácido lactobiónico (300 ppm)\u003c\/span\u003e Exfolia delicadamente la piel, reduciendo cicatrices, efectos del acné y pigmentación\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-number\"\u003e4\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eTratamiento avanzado para las pigmentaciones más difíciles\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e\u003cspan class=\"ingredient-highlight\"\u003eNiacinamida y ácidos hidroxílicos\u003c\/span\u003e Aclara eficazmente las manchas oscuras y uniforma el tono de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-number\"\u003e5\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003e Hidratación profunda e intensa\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eContiene \u003cspan class=\"ingredient-highlight\"\u003eGlicerina, ácido hialurónico y hialuronato de sodio\u003c\/span\u003e Para hidratación profunda.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-number\"\u003e6\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eProtección antioxidante\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eFortalecido con \u003cspan class=\"ingredient-highlight\"\u003eExtracto de Centella asiática, madecassósido y asiaticósido\u003c\/span\u003e Para proteger la piel de los daños.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-number\"\u003e7\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eRegeneración celular y antienvejecimiento\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e\u003cspan class=\"ingredient-highlight\"\u003eNiacinamida y adenosina\u003c\/span\u003e Estimulan la regeneración de las células de la piel y reducen los signos del envejecimiento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-number\"\u003e8\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eLimpieza profunda natural\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e\u003cspan class=\"ingredient-highlight\"\u003eAgua de hojas de árbol de té (500.000 ppm)\u003c\/span\u003e Limpia y purifica profundamente la piel de manera natural.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003c!-- Truecica Section --\u003e\n\u003cdiv class=\"truecica-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003e¿Qué es Truecica™? El secreto para un alivio supremo\u003c\/h2\u003e\n\u003cdiv class=\"truecica-content\"\u003e\n\u003cimg alt=\"SOME BY MI Spot All Kill Cream Texture\" class=\"truecica-image animate-on-scroll\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME_BY_MI_Aha.Bha.Pha_14_Days_Super_Miracle_Spot_All_Kill_Cream_30ml_c850d135-1092-47ee-8828-7df3d8a06e64.webp?v=1745858375\"\/\u003e\n\u003cdiv class=\"truecica-info animate-on-scroll\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 15px;\"\u003eUna fórmula exclusiva que calma y refuerza la barrera hidrolipídica\u003c\/h3\u003e\n\u003cp style=\"margin-bottom: 20px;\"\u003eTruecica™ no es solo un ingrediente, es una combinación de:\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003eExtracto Puro de Centella Asiática\u003c\/li\u003e\n\u003cli\u003eConcentrado de madecassósido\u003c\/li\u003e\n\u003cli\u003eExtracto de árbol de té\u003c\/li\u003e\n\u003cli\u003eExtracto de Lechuga Cavallina (Artemisia)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp style=\"background: #f8f9fa; padding: 15px; border-radius: 10px; margin-top: 20px;\"\u003eEsta combinación calma la inflamación y refuerza la barrera hidrolipídica desde el primer uso, reduciendo enrojecimientos y protegiendo la piel de las irritaciones.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Triple Acid Section --\u003e\n\u003cdiv class=\"triple-acid-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003ePeeling de triple acción: AHA BHA PHA\u003c\/h2\u003e\n\u003ch3 class=\"section-subtitle animate-on-scroll\"\u003eBuena suerte tratando de ver los poros de la piel después de usar la crema\u003c\/h3\u003e\n\u003cdiv class=\"acid-grid\"\u003e\n\u003cdiv class=\"acid-card animate-on-scroll\"\u003e\n\u003cspan class=\"acid-icon\"\u003e🧪\u003c\/span\u003e\n\u003ch3 class=\"acid-title\"\u003eAHA\u003c\/h3\u003e\n\u003cp\u003eExfolia delicadamente la capa superficial y reduce las arrugas finas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acid-card animate-on-scroll\"\u003e\n\u003cspan class=\"acid-icon\"\u003e⚗️\u003c\/span\u003e\n\u003ch3 class=\"acid-title\"\u003eBHA\u003c\/h3\u003e\n\u003cp\u003ePenetra en profundidad en los poros, elimina los aceites y previene la acumulación de suciedad.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acid-card animate-on-scroll\"\u003e\n\u003cspan class=\"acid-icon\"\u003e🔬\u003c\/span\u003e\n\u003ch3 class=\"acid-title\"\u003ePHA\u003c\/h3\u003e\n\u003cp\u003eExfolia suavemente, hidrata y revitaliza la piel con una radiancia saludable. Juntos, ofrecen una exfoliación continua inteligente que deja la piel limpia y el estómago nutrido.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Timeline --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eCronología de Resultados Visibles: Piel nueva en 14 días\u003c\/h2\u003e\n\u003ch3 class=\"section-subtitle animate-on-scroll\"\u003e– Progreso temporal paso a paso –\u003c\/h3\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n\u003cdiv class=\"timeline-day\"\u003eDía 1:\u003c\/div\u003e\n\u003cp\u003eAlivia instantáneamente el punto, reduce el enrojecimiento y proporciona una sensación de confort en la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n\u003cdiv class=\"timeline-day\"\u003eDía 3:\u003c\/div\u003e\n\u003cp\u003e¿Notas un leve ensanchamiento de los bordes de la mancha y la desaparición de algo de hinchazón?\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n\u003cdiv class=\"timeline-day\"\u003eFin de la primera semana:\u003c\/div\u003e\n\u003cp\u003eLa diferencia permanece clara, el color de la piel empieza a uniformarse y las manchas oscuras se reducen significativamente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n\u003cdiv class=\"timeline-day\"\u003eDía 10:\u003c\/div\u003e\n\u003cp\u003ePrepárate para decir adiós a la mayoría de los signos de imperfección; La piel estará clara y más cercana a un color natural y uniforme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n\u003cdiv class=\"timeline-day\"\u003eDía catorce:\u003c\/div\u003e\n\u003cp\u003eEl milagro ha triunfado; tus manchas casi desaparecen y tu piel recupera completamente frescura y vitalidad.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Texture Section --\u003e\n\u003cdiv class=\"texture-section\"\u003e\n\u003ch2 style=\"font-size: 1.8em; color: #9C8102; margin-bottom: 20px;\"\u003eGel transparente ligero\u003c\/h2\u003e\n\u003ch3 style=\"font-size: 1.3em; color: #666; margin-bottom: 30px;\"\u003eAbsorción inmediata sin ningún efecto grasoso\u003c\/h3\u003e\n\u003cdiv class=\"texture-highlights\"\u003e\n\u003cdiv class=\"texture-card animate-on-scroll\"\u003e\n\u003cspan class=\"texture-icon\"\u003e💧\u003c\/span\u003e\n\u003ch3 class=\"texture-title\"\u003eGel transparente\u003c\/h3\u003e\n\u003cp\u003eTextura ligera que se desliza sobre la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"texture-card animate-on-scroll\"\u003e\n\u003cspan class=\"texture-icon\"\u003e⚡\u003c\/span\u003e\n\u003ch3 class=\"texture-title\"\u003eAbsorción inmediata\u003c\/h3\u003e\n\u003cp\u003eDesaparece instantáneamente sin dejar pegajoso\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"texture-card animate-on-scroll\"\u003e\n\u003cspan class=\"texture-icon\"\u003e✨\u003c\/span\u003e\n\u003ch3 class=\"texture-title\"\u003eSin rastro\u003c\/h3\u003e\n\u003cp\u003eNinguna capa blanca o grasosa\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Investment Section --\u003e\n\u003cdiv class=\"investment-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eUna de las mejores inversiones para la salud de tu piel\u003c\/h2\u003e\n\u003cdiv class=\"investment-grid\"\u003e\n\u003cdiv class=\"investment-card animate-on-scroll\"\u003e\n\u003cspan class=\"investment-icon\"\u003e⚡\u003c\/span\u003e\n\u003ch3 class=\"investment-title\"\u003eMilagro rápido\u003c\/h3\u003e\n\u003cp\u003eDi adiós a las manchas en solo 14 días.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"investment-card animate-on-scroll\"\u003e\n\u003cspan class=\"investment-icon\"\u003e🛡️\u003c\/span\u003e\n\u003ch3 class=\"investment-title\"\u003eApto para pieles sensibles\u003c\/h3\u003e\n\u003cp\u003eSometido a 20 pruebas de no adherencia.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"investment-card animate-on-scroll\"\u003e\n\u003cspan class=\"investment-icon\"\u003e🚫\u003c\/span\u003e\n\u003ch3 class=\"investment-title\"\u003eLibre de 20 sustancias nocivas\u003c\/h3\u003e\n\u003cp\u003eNi parabenos, ni fragancia artificial ni colorante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"investment-card animate-on-scroll\"\u003e\n\u003cspan class=\"investment-icon\"\u003e🔬\u003c\/span\u003e\n\u003ch3 class=\"investment-title\"\u003eCombinación perfecta\u003c\/h3\u003e\n\u003cp\u003eTruecica™ + Pantenol + AHA·BHA·PHA = máxima eficacia y comodidad.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"animate-on-scroll\"\u003eUn verdadero milagro en solo 14 días\u003c\/h2\u003e\n\u003cp class=\"animate-on-scroll\" style=\"font-size: 1.2em; margin-top: 20px;\"\u003eComienza hoy el milagro del cambio con \u003cstrong style=\"color: white;\"\u003eSOME BY MI 14 Days Super Miracle Spot All Kill Cream\u003c\/strong\u003e Y deja que tu piel se acerque a la perfección en solo 14 días!\u003c\/p\u003e\n\u003cbutton class=\"cta-button animate-on-scroll\"\u003eCompra ahora\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n  \/\/ Intersection Observer for scroll animations\n  const observerOptions = {\n    threshold: 0.1,\n    rootMargin: '0px 0px -50px 0px'\n  };\n\n  const observer = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('animated');\n      }\n    });\n  }, observerOptions);\n\n  \/\/ Observe all animate-on-scroll elements\n  document.querySelectorAll('.animate-on-scroll').forEach(el =\u003e {\n    observer.observe(el);\n  });\n\n  \/\/ Animate benefits cards\n  const benefitsObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.benefit-card');\n        cards.forEach((card, index) =\u003e {\n          setTimeout(() =\u003e {\n            card.style.opacity = '1';\n            card.style.transform = 'translateY(0)';\n          }, index * 150);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.main-benefits-section').forEach(section =\u003e {\n    benefitsObserver.observe(section);\n  });\n\n  \/\/ Animate acid cards\n  const acidObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.acid-card');\n        cards.forEach((card, index) =\u003e {\n          setTimeout(() =\u003e {\n            card.style.opacity = '1';\n            card.style.transform = 'translateY(0)';\n          }, index * 200);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.triple-acid-section').forEach(section =\u003e {\n    acidObserver.observe(section);\n  });\n\n  \/\/ Animate timeline items\n  const timelineObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.style.opacity = '1';\n        entry.target.style.transform = 'translateX(0)';\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.timeline-item').forEach(item =\u003e {\n    timelineObserver.observe(item);\n  });\n\n  \/\/ Animate texture cards\n  const textureObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.texture-card');\n        cards.forEach((card, index) =\u003e {\n          setTimeout(() =\u003e {\n            card.style.opacity = '1';\n            card.style.transform = 'translateY(0)';\n          }, index * 150);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.texture-section').forEach(section =\u003e {\n    textureObserver.observe(section);\n  });\n\n  \/\/ Animate investment cards\n  const investmentObserver = 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  }, observerOptions);\n\n  document.querySelectorAll('.investment-card').forEach(card =\u003e {\n    investmentObserver.observe(card);\n  });\n\n  \/\/ CTA button interaction\n  document.querySelector('.cta-button')?.addEventListener('click', () =\u003e {\n    const button = document.querySelector('.cta-button');\n    button.style.animation = 'none';\n    setTimeout(() =\u003e {\n      button.style.animation = 'glow 2s infinite alternate';\n    }, 100);\n  });\n\u003c\/script\u003e","brand":"some by mi","offers":[{"title":"Default Title","offer_id":44693277475013,"sku":"","price":900.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_-_2025-04-28T201324.540.jpg?v=1745860430"},{"product_id":"anua-peach-70-niacinamide-serum","title":"Anua Serum con 70% de durazno y niacinamida para iluminar la piel, unificar el tono y combatir las pigmentaciones, 30 ml","description":"\u003cdiv class=\"anua-txa-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n        \/* Styles *\/\n        .anua-txa-wrapper {\n            --atxa-bg-dark: #0f0508; \/* Styles *\/\n            --atxa-bg-card: rgba(25, 10, 15, 0.6); \/* Styles *\/\n            --atxa-rose-gold: #e29587; \/* Styles *\/\n            --atxa-peach-glow: #fca38d; \/* Styles *\/\n            --atxa-pink-light: #fad6d0; \/* Styles *\/\n            --atxa-glow: rgba(226, 149, 135, 0.25);\n            --atxa-text-main: #fdfaf9;\n            --atxa-text-muted: #d4b5b0;\n            --atxa-border: rgba(226, 149, 135, 0.2);\n            --atxa-border-hover: rgba(252, 163, 141, 0.5);\n            \n            background-color: var(--atxa-bg-dark);\n            color: var(--atxa-text-main);\n            font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            line-height: 1.7;\n            overflow: hidden;\n            position: relative;\n            padding: 30px 0;\n            border-radius: 16px;\n            box-shadow: 0 0 60px rgba(226, 149, 135, 0.05) inset;\n        }\n\n        .anua-txa-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .anua-txa-wrapper img {\n            max-width: 100%;\n            height: auto;\n            border-radius: 16px;\n            display: block;\n            margin-left: auto;\n            margin-right: auto;\n            box-shadow: 0 15px 40px rgba(0,0,0,0.6);\n        }\n\n        .atxa-container {\n            max-width: 850px;\n            margin: 0 auto;\n            padding: 0 20px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* Styles *\/\n        .atxa-ambient-particles {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 1;\n            pointer-events: none;\n            overflow: hidden;\n        }\n\n        .atxa-particle {\n            position: absolute;\n            background: radial-gradient(circle, var(--atxa-glow) 0%, transparent 70%);\n            border-radius: 50%;\n            bottom: -100px;\n            animation: floatUpPeach 14s infinite ease-in-out;\n            filter: blur(6px);\n        }\n\n        @keyframes floatUpPeach {\n            0% { transform: translateY(0) scale(0.8) translateX(0); opacity: 0; }\n            20% { opacity: 0.6; }\n            80% { opacity: 0.3; }\n            100% { transform: translateY(-1600px) scale(1.5) translateX(40px); opacity: 0; }\n        }\n\n        \/* Styles *\/\n        .atxa-title-glow {\n            display: block;\n            width: 100%;\n            font-size: clamp(24px, 4.5vw, 36px);\n            font-weight: 900;\n            text-align: center;\n            margin-bottom: 25px;\n            line-height: 1.5;\n            background: linear-gradient(135deg, #ffffff 0%, var(--atxa-peach-glow) 60%, var(--atxa-rose-gold) 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            text-shadow: 0 0 30px var(--atxa-glow);\n        }\n\n        .atxa-section-title {\n            display: block;\n            width: 100%;\n            font-size: clamp(22px, 4vw, 28px);\n            font-weight: 800;\n            color: var(--atxa-peach-glow);\n            text-align: center;\n            margin: 60px auto 30px;\n            position: relative;\n            line-height: 1.5;\n        }\n\n        .atxa-section-title::after {\n            content: '';\n            position: absolute;\n            bottom: -12px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: clamp(80px, 30%, 150px);\n            height: 3px;\n            background: linear-gradient(90deg, transparent, var(--atxa-rose-gold), transparent);\n            border-radius: 10px;\n        }\n\n        \/* Styles *\/\n        .atxa-hero {\n            text-align: center;\n            padding: 20px 0 40px;\n            position: relative;\n        }\n\n        .atxa-badge {\n            display: inline-block;\n            background: rgba(226, 149, 135, 0.15);\n            border: 1px solid var(--atxa-rose-gold);\n            color: var(--atxa-peach-glow);\n            padding: 8px 25px;\n            border-radius: 30px;\n            font-size: 0.95rem;\n            font-weight: bold;\n            margin-bottom: 25px;\n            box-shadow: 0 0 20px var(--atxa-glow);\n        }\n        \n        .atxa-hero-subtitle {\n            font-size: 1.15rem;\n            color: var(--atxa-text-muted);\n            max-width: 750px;\n            margin: 0 auto 30px;\n            font-weight: 500;\n            line-height: 1.8;\n        }\n\n        \/* Styles *\/\n        .atxa-glass-box {\n            background: var(--atxa-bg-card);\n            backdrop-filter: blur(12px);\n            -webkit-backdrop-filter: blur(12px);\n            border: 1px solid var(--atxa-border);\n            border-radius: 20px;\n            padding: 30px;\n            margin: 40px auto;\n            box-shadow: 0 20px 40px rgba(0,0,0,0.6);\n            position: relative;\n            overflow: hidden;\n            max-width: 800px;\n        }\n\n        .atxa-glass-box::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            right: 0;\n            width: 4px;\n            height: 100%;\n            background: linear-gradient(180deg, var(--atxa-peach-glow), transparent);\n        }\n\n        \/* Styles *\/\n        .atxa-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 20px;\n            margin: 30px 0;\n        }\n\n        .atxa-card {\n            background: linear-gradient(145deg, rgba(25, 10, 15, 0.7), rgba(15, 5, 8, 0.9));\n            border: 1px solid var(--atxa-border);\n            border-radius: 16px;\n            padding: 25px;\n            transition: all 0.4s ease;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .atxa-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--atxa-peach-glow);\n            box-shadow: 0 10px 30px var(--atxa-glow);\n            background: rgba(35, 15, 20, 0.8);\n        }\n\n        .atxa-icon {\n            width: 55px;\n            height: 55px;\n            background: rgba(226, 149, 135, 0.1);\n            border: 1px solid rgba(252, 163, 141, 0.3);\n            border-radius: 14px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 20px;\n            color: var(--atxa-peach-glow);\n            transition: transform 0.3s ease;\n        }\n        \n        .atxa-card:hover .atxa-icon {\n            transform: scale(1.1) rotate(-5deg);\n            background: linear-gradient(135deg, var(--atxa-rose-gold), var(--atxa-peach-glow));\n            color: #111;\n            border-color: transparent;\n        }\n\n        .atxa-card h3 {\n            font-size: 1.15rem;\n            color: #fff;\n            margin-bottom: 12px;\n            line-height: 1.4;\n        }\n\n        .atxa-card p {\n            color: var(--atxa-text-muted);\n            font-size: 0.95rem;\n            line-height: 1.6;\n        }\n\n        \/* Styles *\/\n        .atxa-table-container {\n            overflow-x: auto;\n            margin: 30px 0;\n            border-radius: 16px;\n            border: 1px solid var(--atxa-border);\n            box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n            background: rgba(15, 5, 8, 0.6);\n        }\n\n        .atxa-table {\n            width: 100%;\n            border-collapse: collapse;\n            text-align: left;\n            min-width: 600px;\n        }\n\n        .atxa-table th, .atxa-table td {\n            padding: 15px 20px;\n            border-bottom: 1px solid rgba(255,255,255,0.05);\n        }\n\n        .atxa-table th {\n            background: rgba(226, 149, 135, 0.1);\n            color: var(--atxa-pink-light);\n            font-weight: 800;\n            font-size: 1.1rem;\n        }\n\n        .atxa-table td strong {\n            color: var(--atxa-text-main);\n        }\n\n        .atxa-table tr:hover {\n            background: rgba(226, 149, 135, 0.05);\n        }\n        \n        .atxa-table tr:last-child td {\n            border-bottom: none;\n        }\n\n        \/* Styles *\/\n        .atxa-timeline-list {\n            list-style: none;\n            display: flex;\n            flex-direction: column;\n            gap: 15px;\n        }\n\n        .atxa-timeline-item {\n            display: flex;\n            align-items: center;\n            gap: 20px;\n            background: rgba(255,255,255,0.02);\n            border: 1px dashed var(--atxa-border);\n            padding: 20px;\n            border-radius: 12px;\n            border-right: 4px solid var(--atxa-rose-gold);\n            transition: all 0.3s ease;\n        }\n\n        .atxa-timeline-item:hover {\n            background: rgba(226, 149, 135, 0.05);\n            border-color: var(--atxa-peach-glow);\n        }\n\n        .atxa-phase-badge {\n            background: var(--atxa-bg-card);\n            border: 1px solid var(--atxa-rose-gold);\n            color: var(--atxa-peach-glow);\n            padding: 8px 15px;\n            border-radius: 8px;\n            font-weight: bold;\n            min-width: 120px;\n            text-align: center;\n        }\n\n        \/* Styles *\/\n        .atxa-reveal {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        .atxa-reveal.atxa-active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .atxa-delay-1 { transition-delay: 0.1s; }\n        .atxa-delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .atxa-hero { padding: 10px 0 20px; }\n            .atxa-timeline-item { flex-direction: column; text-align: center; }\n            .atxa-phase-badge { margin-bottom: 10px; width: 100%; }\n        }\n    \u003c\/style\u003e\n\n\u003cdiv class=\"atxa-ambient-particles\" id=\"atxa-particles\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"atxa-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"atxa-hero atxa-reveal atxa-active\"\u003e\n\u003cdiv class=\"atxa-badge\"\u003eLa ecuación coreana para la piel de vidrio\u003c\/div\u003e\n\u003ch1 class=\"atxa-title-glow\"\u003e“¡Te han engañado diciéndote que todos los niacinamidas son iguales!”\u003c\/h1\u003e\n\u003cp class=\"atxa-hero-subtitle\"\u003e\n                En un mundo en el que las promesas son las mismas, los resultados son radicalmente diferentes. Hoy te enfrentas a una elección fatal: continuar utilizando productos comunes que dan resultados superficiales, o tomar una decisión que cambiará el destino de tu piel para siempre.\n            \u003c\/p\u003e\n\u003cimg alt=\"Anua Peach 70% Niacinamide Serum\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_1.png?v=1747140901\" style=\"margin: 0 auto 30px;\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- 2. The Problem Section --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eTu piel está apagada... ¡y la gente lo nota!\u003c\/h2\u003e\n\u003cdiv class=\"atxa-glass-box atxa-reveal\"\u003e\n\u003cp style=\"text-align: center; color: var(--atxa-text-main); line-height: 1.8; margin-bottom: 20px; font-size: 1.1rem;\"\u003e\n                ¿Has notado que tu piel pierde frescura año tras año? Con el tiempo, las manchas oscuras aumentan, los poros se dilatan y la piel se vuelve rugosa y opaca. \u003cstrong\u003ePero la pregunta más importante: ¿qué has decidido hacer al respecto?\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cdiv style=\"border-top: 1px dashed var(--atxa-border); padding-top: 20px; text-align: center;\"\u003e\n\u003cp style=\"font-size: 1.25rem; color: var(--atxa-peach-glow); font-weight: bold; margin-bottom: 10px;\"\u003e\n                    El secreto que las grandes empresas de belleza están escondiendo\n                \u003c\/p\u003e\n\u003cp style=\"color: var(--atxa-text-muted);\"\u003e\n                    La mayoría de los sueros promete resultados fantásticos, pero utiliza bajas concentraciones de principios activos para reducir costos. \u003cstrong\u003ePero Anua rompió todas las reglas.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Skin Problems\" class=\"atxa-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_3.webp?v=1747140899\" style=\"margin: 0 auto 40px;\"\/\u003e\n\u003c!-- 3. The Solution \/ Formula --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eAnua Peach Serum 70%: La fórmula científica para una piel luminosa y radiante\u003c\/h2\u003e\n\u003cp class=\"atxa-reveal\" style=\"text-align: center; color: var(--atxa-text-muted); font-size: 1.1rem; margin-bottom: 30px;\"\u003e\n            Los científicos de Anua han pasado 3 años desarrollando esta fórmula perfecta que transformará tu piel de opaca y cansada a radiante y luminosa. \u003cstrong\u003eComo si estuviera esculpida por la luz\u003c\/strong\u003e.\n        \u003c\/p\u003e\n\u003cimg alt=\"Anua Peach Formula\" class=\"atxa-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_4.webp?v=1747140899\" style=\"margin: 0 auto 40px;\"\/\u003e\n\u003c!-- 4. How it works (Ingredients Grid) --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003e¿Cómo funciona? (La ciencia de la frescura)\u003c\/h2\u003e\n\u003cdiv class=\"atxa-grid\"\u003e\n\u003cdiv class=\"atxa-card atxa-reveal\"\u003e\n\u003cdiv class=\"atxa-icon\"\u003e\n\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"28\"\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 style=\"color: var(--atxa-peach-glow);\"\u003eFuerza de durazno 70% concentración\u003c\/h3\u003e\n\u003cp\u003eNo es solo una fruta... es toda una planta de vitaminas y ácidos. Extracto de durazno \u003cstrong\u003ePenetra 7 capas de células cutáneas\u003c\/strong\u003e Para alcanzar las capas profundas y tratarlas desde el interior hacia el exterior.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-card atxa-reveal atxa-delay-1\"\u003e\n\u003cdiv class=\"atxa-icon\"\u003e\n\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"28\"\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 style=\"color: var(--atxa-peach-glow);\"\u003eNiacinamida 5% (Miracolo)\u003c\/h3\u003e\n\u003cp\u003eLa niacinamida es un ingrediente revolucionario en el mundo del skincare. \u003cstrong\u003eA una concentración ideal del 5%\u003c\/strong\u003e, puede:\u003c\/p\u003e\n\u003cul class=\"atxa-list\"\u003e\n\u003cli\u003eReduce la aparición de poros \u003cspan class=\"atxa-highlight-num\"\u003e68%\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003eAclarar las manchas oscuras \u003cspan class=\"atxa-highlight-num\"\u003e14\u003c\/span\u003e Un día\u003c\/li\u003e\n\u003cli\u003eRegula la secreción de sebo y previene el brillo\u003c\/li\u003e\n\u003cli\u003eConstruye y refuerza la barrera natural de la piel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-card atxa-reveal atxa-delay-2\"\u003e\n\u003cdiv class=\"atxa-icon\"\u003e\n\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"28\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 8v8\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 12h8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"color: var(--atxa-peach-glow);\"\u003eTriple ácido hialurónico\u003c\/h3\u003e\n\u003cp\u003eNo un tipo... sino \u003cstrong\u003e3 diferentes tipos\u003c\/strong\u003e Con diferentes pesos moleculares para alcanzar todas las capas de la piel:\u003c\/p\u003e\n\u003cul class=\"atxa-list\"\u003e\n\u003cli\u003eSuperficie: hidrata instantáneamente\u003c\/li\u003e\n\u003cli\u003eCorazón: atrapa el agua dentro\u003c\/li\u003e\n\u003cli\u003eProfundo: aumenta el nivel de hidratación desde las raíces\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-card atxa-reveal\"\u003e\n\u003cdiv class=\"atxa-icon\"\u003e\n\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"28\"\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 style=\"color: var(--atxa-peach-glow);\"\u003eComplejo Bio-melocotón y yogur\u003c\/h3\u003e\n\u003cp\u003ePor primera vez en el mundo, el extracto de durazno se ha combinado con bacterias beneficiosas del yogur en una biotecnología única. ¿El resultado? \u003cstrong\u003eUn compuesto que elimina las células muertas\u003c\/strong\u003e Delicadamente y sin irritación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. Scientific Miracle --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eEl milagro científico que te están ocultando\u003c\/h2\u003e\n\u003cimg alt=\"Scientific Miracle\" class=\"atxa-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_5.webp?v=1747140899\" style=\"margin: 0 auto 30px;\"\/\u003e\n\u003cdiv class=\"atxa-glass-box atxa-reveal\" style=\"padding: 25px; text-align: center;\"\u003e\n\u003cp style=\"color: #fff; font-size: 1.2rem; margin-bottom: 10px;\"\u003e\n                Todos te preguntarán: \u003cstrong\u003e“¿Qué le estás haciendo a tu piel?”\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp style=\"color: var(--atxa-text-muted); line-height: 1.8;\"\u003e\n                El secreto reside en la tecnología “smart breakthrough” que distingue este suero. Los ingredientes están encapsulados en micro-polvos (nanotecnología) para transportar los ingredientes activos a las áreas donde se necesitan en profundidad, y no quedarse solo en la superficie como los productos normales.\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Timeline Results --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eTu camino de transformación de la piel con el suero Anua\u003c\/h2\u003e\n\u003cimg alt=\"Skin Transformation\" class=\"atxa-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_2.webp?v=1747140895\" style=\"margin: 0 auto 40px;\"\/\u003e\n\u003cdiv class=\"atxa-glass-box atxa-reveal\" style=\"padding: 20px;\"\u003e\n\u003cul class=\"atxa-timeline-list\"\u003e\n\u003cli class=\"atxa-timeline-item\"\u003e\n\u003cdiv class=\"atxa-phase-badge\"\u003eDespués del primer uso\u003c\/div\u003e\n\u003cdiv\u003eBrillo instantáneo y suavidad evidente, como si hubieras hecho una sesión de mascarilla costosa en una clínica de belleza.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"atxa-timeline-item\"\u003e\n\u003cdiv class=\"atxa-phase-badge\"\u003eDespués de 3 días\u003c\/div\u003e\n\u003cdiv\u003eUna clara reducción del tamaño de los poros y un evidente inicio de la uniformización del tono de la piel y reducción del enrojecimiento.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"atxa-timeline-item\"\u003e\n\u003cdiv class=\"atxa-phase-badge\"\u003eDespués de una semana\u003c\/div\u003e\n\u003cdiv\u003eLa aspereza y la textura cansada desaparecen, dejando la piel un 40% más suave y lista para un maquillaje perfecto.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"atxa-timeline-item\"\u003e\n\u003cdiv class=\"atxa-phase-badge\"\u003eDespués de dos semanas\u003c\/div\u003e\n\u003cdiv\u003eAclarar visiblemente las manchas oscuras y dar un nuevo resplandor como si la piel hubiera retrocedido 5 años\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"atxa-timeline-item\"\u003e\n\u003cdiv class=\"atxa-phase-badge\"\u003eDespués de un mes\u003c\/div\u003e\n\u003cdiv\u003eTRANSFORMACIÓN COMPLETA - Piel clara, luminosa y radiante incluso sin una gota de maquillaje.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- 7. Why Choose Anua --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eEn un mundo lleno de productos... ¿por qué Anua?\u003c\/h2\u003e\n\u003cimg alt=\"Why Choose Anua\" class=\"atxa-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/qXFYxnaNUR28pIwzePQs50YSmVPBLdE7.jpg?v=1747141341\" style=\"margin: 0 auto 40px;\"\/\u003e\n\u003cdiv class=\"atxa-grid atxa-reveal\"\u003e\n\u003cdiv class=\"atxa-card\" style=\"text-align: center; border-color: var(--atxa-rose-gold);\"\u003e\n\u003ch3 style=\"color: #fff;\"\u003eFórmula científicamente probada\u003c\/h3\u003e\n\u003cp\u003eLos rigurosos ensayos clínicos han demostrado resultados sorprendentes en cientos de voluntarios en todo el mundo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-card\" style=\"text-align: center; border-color: var(--atxa-rose-gold);\"\u003e\n\u003ch3 style=\"color: #fff;\"\u003ePotencia de alta concentración\u003c\/h3\u003e\n\u003cp\u003eProporciona concentraciones de principios activos 3 veces superiores en comparación con los competidores convencionales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-card\" style=\"text-align: center; border-color: var(--atxa-rose-gold);\"\u003e\n\u003ch3 style=\"color: #fff;\"\u003eSeguro para todo tipo de piel\u003c\/h3\u003e\n\u003cp\u003eDiseñado para ser delicado incluso en pieles sensibles, mixtas y grasas sin causar ninguna irritación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8. Skin Type Table --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003e¿Es adecuado para tu tipo de piel?\u003c\/h2\u003e\n\u003cdiv class=\"atxa-table-container atxa-reveal\"\u003e\n\u003ctable class=\"atxa-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eTipo de piel\u003c\/th\u003e\n\u003cth\u003eEl problema básico\u003c\/th\u003e\n\u003cth style=\"background: rgba(252, 163, 141, 0.15); color: #fff;\"\u003eQué ofrecerá Anua a ella?\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eSiempre exhaustivo\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eOpaco y sin luminosidad\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eDespierta las células y otorga una luminosidad y brillo instantáneos.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eMuy sensible\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eIrritación y enrojecimiento causados por cualquier producto\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eAlivia inmediatamente la inflamación y refuerza la barrera protectora\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eBrillante y grasoso\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003ePoros dilatados y molesta luminosidad\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eControla el sebo y reduce eficazmente el tamaño de los poros en un 68%\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eedad avanzada\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eLíneas finas y pigmentación\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eAclara las manchas oscuras y mejora la elasticidad de la piel\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eMezclado (confundido)\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eSeco en algunas zonas y graso en otras\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eEquilibra la piel de manera inteligente e hidrata en profundidad sin dejar pegajoso\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- 9. Final CTA --\u003e\n\u003cdiv class=\"atxa-reveal\" style=\"text-align: center; margin-top: 60px; padding: 40px 20px; background: linear-gradient(180deg, transparent, rgba(226, 149, 135, 0.15)); border-radius: 20px; border: 1px solid var(--atxa-border);\"\u003e\n\u003ch2 class=\"atxa-title-glow\" style=\"font-size: clamp(22px, 4vw, 32px);\"\u003e“Toda inversión tiene un retorno... invertir en tu piel tiene el retorno más alto.”\u003c\/h2\u003e\n\u003cimg alt=\"Anua Peach Serum\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_1.jpg?v=1747140897\" style=\"margin: 30px auto; border-radius: 16px; box-shadow: 0 15px 40px rgba(0,0,0,0.6); max-width: 600px;\"\/\u003e\n\u003cp style=\"font-size: 1.15rem; color: #fff; max-width: 750px; margin: 0 auto 20px; line-height: 1.8;\"\u003e\n                No trates tu piel como la última prioridad, es lo primero que la gente nota de ti.\n            \u003c\/p\u003e\n\u003cp style=\"color: var(--atxa-peach-glow); font-size: 1.5rem; font-weight: bold; margin-bottom: 20px; text-shadow: 0 0 15px var(--atxa-glow);\"\u003e\n                Anua Peach \u0026amp; Niacinamide Serum 70% - Porque tu piel merece lo mejor. ¡Ordénalo ahora!\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            var reveals = document.querySelectorAll('.atxa-reveal');\n            var revealObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('atxa-active');\n                        observer.unobserve(entry.target); \n                    }\n                });\n            }, {\n                root: null,\n                threshold: 0.1,\n                rootMargin: \"0px 0px -50px 0px\"\n            });\n\n            reveals.forEach(function(reveal) {\n                reveal.classList.remove('atxa-active');\n                revealObserver.observe(reveal);\n            });\n\n            \/\/ Ambient Particles Generator\n            var ambientContainer = document.getElementById('atxa-particles');\n            var particleCount = 20; \n            \n            for (var i = 0; i \u003c particleCount; i++) {\n                var particle = document.createElement('div');\n                particle.classList.add('atxa-particle');\n                \n                var size = Math.random() * 50 + 20; \n                var left = Math.random() * 100; \n                var duration = Math.random() * 15 + 12; \n                var delay = Math.random() * 8; \n                \n                particle.style.width = size + 'px';\n                particle.style.height = size + 'px';\n                particle.style.left = left + '%';\n                particle.style.animationDuration = duration + 's';\n                particle.style.animationDelay = delay + 's';\n                \n                ambientContainer.appendChild(particle);\n            }\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Anua","offers":[{"title":"Default Title","offer_id":44719323545797,"sku":"","price":1100.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Peach70NiacinSerum_30ml_AMZ_2000x2000_thumb_fa77cea2-3e78-4653-a242-b5ef3c8f4cb3.webp?v=1747141686"},{"product_id":"anua-heartleaf-70-intense-calming-cream-50ml","title":"Crema ANUA Advanced calmante para pieles sensibles con 70% de extracto de heartleaf y ceramidas 50 ml","description":"\u003cdiv class=\"anua-product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"anua-hero\"\u003e\n\u003cdiv class=\"anua-hero-image\"\u003e\u003cimg alt=\"Anua Heartleaf Intense Calming Cream\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_heartleaf_intense_calming_cream_2.webp?v=1747143721\"\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"anua-hero-content\"\u003e\n\u003ch1 class=\"accent-text\"\u003e\"Imagina Corea... ¡un país que no sabe lo que significa 'piel sensible'!\"\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e\u003cstrong\u003eLos científicos coreanos han descubierto una planta natural que crece en forma de corazón y la han extraído a una concentración del 70%, lo que ha sido la solución mágica para la piel inflamada. El secreto finalmente ha llegado a Egipto\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Problem Section --\u003e\n\u003cdiv class=\"anua-section problem-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eLos expertos afirman que el 80% de los problemas de la piel son causados por una barrera protectora débil\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e¿Tu piel se enrojece por alguna razón? ¿Sientes una sensación de ardor y escozor con cada producto que pruebas? ¿El frío causa sequedad y descamación? \u003cstrong\u003e¿Cuánto tiempo soportarás este dolor?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"problem-image\"\u003e\u003cimg alt=\"Skin Problems\" class=\"full-width-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_heartleaf_intense_calming_cream_1.webp?v=1747143745\"\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"highlighted-text\"\u003e\n\u003ch3 class=\"accent-text\"\u003e“Todas las cremas calmantes son iguales... y esta es la mentira más grande en el mundo del skincare.”\u003c\/h3\u003e\n\u003cp\u003eLa mayoría de las cremas calmantes se basan en ingredientes químicos que tratan los síntomas y eliminan la causa principal. \u003cstrong\u003eANUA ha elegido un camino completamente diferente.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product Introduction --\u003e\n\u003cdiv class=\"anua-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eAnua Crema Calmante con Extracto de Heartleaf 70%: El guardaespaldas de tu piel sensible\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eLos científicos de Anua han utilizado una tecnología única para extraer el extracto de heartleaf de granjas privadas en Corea con una concentración del 70%. \u003cstrong\u003eEl porcentaje más alto del mundo.\u003c\/strong\u003e ¿El resultado? La crema no solo alivia la piel... reprograme la forma en que enfrenta los irritantes externos.\u003c\/p\u003e\n\u003cdiv class=\"section-header secondary-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eEl secreto de la piel coreana que nunca irrita!\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"anua-section\"\u003e\n\u003cdiv class=\"ingredients-grid\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-image\"\u003e\u003cimg alt=\"Heartleaf Plant\" class=\"ingredient-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/philodendron_cordatum_heart_leaf_PDP_02.webp?v=1747143691\"\/\u003e\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eLa maravilla de Hartliffe\u003c\/h3\u003e\n\u003cp\u003eHeartleaf (en forma de corazón) no es solo un ingrediente común... esto \u003cstrong\u003eSistema de protección integrado\u003c\/strong\u003e. Contiene potentes agentes naturales antiinflamatorios que detienen inmediatamente enrojecimientos e irritaciones y corrigen el pH alterado de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-image\"\u003e\u003cimg alt=\"Ceramide\" class=\"ingredient-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/AnuaUS_1080x1346_Listing_HeartleafIntenseCalmingCream12.webp?v=1747144240\"\/\u003e\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eCeramidas a protección concentrada\u003c\/h3\u003e\n\u003cp\u003eLa ceramida no es una crema... esta lo es \u003cstrong\u003eLadrillos para la construcción de la barrera hidrolipídica\u003c\/strong\u003e Preservativo. Cuando se pierden los ceramidas, se produce una pérdida de humedad y la entrada de sustancias contaminantes. La crema Anua es rica en ceramidas, que reconstruyen la barrera protectora y previenen completamente futuras infecciones.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-image\"\u003e\u003cimg alt=\"Panthenol\" class=\"ingredient-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/AnuaUS_BHAToner_1200x1200_Listing3_b3fce2a0-8095-4f85-8456-2453dbd1f4be.webp?v=1747144258\"\/\u003e\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003ePantenol (Vitamina B5) milagro\u003c\/h3\u003e\n\u003cp\u003eEl pantenol es un ingrediente mágico que penetra profundamente en la piel y hace dos cosas importantes:\u003c\/p\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eAcelera la curación de las células dañadas en un porcentaje \u003cspan class=\"counter\" data-target=\"34\"\u003e0\u003c\/span\u003e%\u003c\/li\u003e\n\u003cli\u003eForma un escudo de reserva contra futuras irritaciones\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Three-Layer Theory --\u003e\n\u003cdiv class=\"anua-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eLa teoría de los “tres niveles” de protección absoluta\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"table-container\"\u003e\n\u003ctable class=\"comparison-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eClase\u003c\/th\u003e\n\u003cth\u003eEl papel de la crema Anua\u003c\/th\u003e\n\u003cth\u003eOtras cremas\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr class=\"table-row\"\u003e\n\u003ctd\u003e\u003cstrong\u003ecapa externa\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eAlivia y detiene el enrojecimiento instantáneamente\u003c\/td\u003e\n\u003ctd\u003eSolo tratan los síntomas\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"table-row\"\u003e\n\u003ctd\u003e\u003cstrong\u003eClase media\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eHidrata en profundidad y previene la pérdida de agua\u003c\/td\u003e\n\u003ctd\u003eHidratan temporalmente la superficie\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"table-row\"\u003e\n\u003ctd\u003e\u003cstrong\u003eCapa interna\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eRepara las células y fortalece la inmunidad de la piel\u003c\/td\u003e\n\u003ctd\u003eNo alcanzan en absoluto esta clase\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Timeline --\u003e\n\u003cdiv class=\"anua-section\"\u003e\n\u003cdiv class=\"results-image\"\u003e\u003cimg alt=\"Product Results\" class=\"full-width-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/AnuaUS_HeartleafIntenseCalmingCream_2000x2200_Listing1.webp?v=1747144397\"\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003e“La paciencia es buena... pero no debes esperar mucho tiempo.”\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eCronología de los resultados visibles al usar la crema\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eDesde el primer uso\u003c\/h3\u003e\n\u003cp\u003eAlivio inmediato, menos enrojecimiento y poros menos obstruidos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eDespués de 3 días\u003c\/h3\u003e\n\u003cp\u003eLa irritación desaparece y el color de la piel vuelve a la normalidad\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eDespués de una semana\u003c\/h3\u003e\n\u003cp\u003eLa piel es más resistente a los irritantes y menos sensible a otros productos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eDespués de dos semanas\u003c\/h3\u003e\n\u003cp\u003eLa capacidad de la piel para protegerse se duplica\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eDespués de un mes\u003c\/h3\u003e\n\u003cp\u003eTransformación completa - piel equilibrada y fuerte que no se ve influenciada por factores externos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Skin Types Section --\u003e\n\u003cdiv class=\"anua-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eEsto no es solo una crema... es un sistema de socorro para la piel cansada\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"quote-box\"\u003e\n\u003cp\u003e¡El fin del enrojecimiento y la irritación comienza aquí!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp\u003eAnua Heartleaf Cream está especialmente diseñada para la piel que está cansada de todo. Que tu piel:\u003c\/p\u003e\n\u003cdiv class=\"skin-types-container\"\u003e\n\u003cdiv class=\"skin-type-box\"\u003e\n\u003ch3\u003eSensible y se enrojece por cualquier cosa\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-box\"\u003e\n\u003ch3\u003eSeco y se desmenuza con el clima\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-box\"\u003e\n\u003ch3\u003eGrasoso, brillante e irritado\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-box\"\u003e\n\u003ch3\u003eMezclado y confundido\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Features Section --\u003e\n\u003cdiv class=\"anua-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eCaracterísticas que no encontrarás en ningún otro producto:\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch3\u003eTextura no grasosa\u003c\/h3\u003e\n\u003cp\u003eAbsorbe inmediatamente sin dejar residuos grasos o brillantes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch3\u003eInodoro\u003c\/h3\u003e\n\u003cp\u003eNo hay fragancias artificiales que irriten la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch3\u003eFórmula original coreana\u003c\/h3\u003e\n\u003cp\u003eExtracto de granjas privadas en Corea\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch3\u003eCompatible con todo tipo de piel\u003c\/h3\u003e\n\u003cp\u003eSensible a la grasa\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"anua-cta\"\u003e\n\u003ch2 class=\"cta-heading accent-text\"\u003eTu piel no debe soportar dolor tampoco... \u003c\/h2\u003e\n\u003cp class=\"cta-subheading\"\u003ePiel calmada = más confianza = mejor vida\u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003eComienza hoy... La Crema Anua Heartliffe será la mejor decisión que tomarás para tu piel.\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eOrdena ahora\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Base Styles *\/\n.anua-product-container {\n  font-family: Arial, sans-serif;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 20px;\n  color: #333;\n  direction: ltr;\n}\n\n.accent-text {\n  color: #9C8102;\n}\n\n.section-line {\n  height: 3px;\n  width: 80px;\n  background-color: #9C8102;\n  margin: 10px 0 30px;\n}\n\n\/* Hero Section *\/\n.anua-hero {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin-bottom: 60px;\n  gap: 30px;\n}\n\n.anua-hero-content {\n  flex: 1;\n}\n\n.anua-hero-image {\n  flex: 1;\n  text-align: center;\n}\n\n.anua-hero-content h1 {\n  font-size: 2.2rem;\n  margin-bottom: 20px;\n}\n\n.hero-subtitle {\n  font-size: 1.3rem;\n  line-height: 1.6;\n}\n\n.product-image {\n  max-width: 100%;\n  height: auto;\n  border-radius: 10px;\n  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n  transition: transform 0.5s ease, box-shadow 0.5s ease;\n}\n\n.product-image:hover {\n  transform: translateY(-10px);\n  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\n}\n\n\/* Section Styles *\/\n.anua-section {\n  margin-bottom: 60px;\n}\n\n.section-header {\n  margin-bottom: 30px;\n}\n\n.section-header h2 {\n  font-size: 1.8rem;\n  margin-bottom: 5px;\n}\n\n.secondary-header {\n  margin-top: 40px;\n}\n\n\/* Full Width Images *\/\n.full-width-image {\n  width: 100%;\n  border-radius: 10px;\n  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n  margin: 30px 0;\n  transition: transform 0.3s ease;\n}\n\n.full-width-image:hover {\n  transform: translateY(-5px);\n}\n\n\/* Highlighted Text *\/\n.highlighted-text {\n  background-color: #f9f9f9;\n  border-radius: 10px;\n  padding: 30px;\n  margin: 30px 0;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.highlighted-text h3 {\n  margin-bottom: 15px;\n  font-size: 1.4rem;\n}\n\n\/* Ingredients Grid *\/\n.ingredients-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\n  gap: 30px;\n  margin-top: 30px;\n}\n\n.ingredient-card {\n  background-color: #f9f9f9;\n  border-radius: 10px;\n  padding: 25px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.ingredient-card:hover {\n  transform: translateY(-7px);\n  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);\n}\n\n.ingredient-image {\n  text-align: center;\n  margin-bottom: 20px;\n}\n\n.ingredient-img {\n  max-width: 100%;\n  height: auto;\n  border-radius: 10px;\n  transition: transform 0.3s ease;\n}\n\n.ingredient-card:hover .ingredient-img {\n  transform: scale(1.03);\n}\n\n.ingredient-card h3 {\n  margin-bottom: 15px;\n  font-size: 1.4rem;\n}\n\n.ingredient-benefits {\n  list-style-type: disc;\n  padding-right: 20px;\n  margin-top: 15px;\n}\n\n.ingredient-benefits li {\n  margin-bottom: 10px;\n}\n\n\/* Table Styles *\/\n.table-container {\n  overflow-x: auto;\n  margin: 30px 0;\n}\n\n.comparison-table {\n  width: 100%;\n  border-collapse: collapse;\n  background-color: #fff;\n  border-radius: 10px;\n  overflow: hidden;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.comparison-table th {\n  background-color: #9C8102;\n  color: white;\n  text-align: left;\n  padding: 15px;\n}\n\n.comparison-table td {\n  padding: 15px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n}\n\n.comparison-table tr:last-child td {\n  border-bottom: none;\n}\n\n.table-row {\n  transition: background-color 0.3s ease;\n}\n\n.table-row:hover {\n  background-color: #f5f5f5;\n}\n\n\/* Timeline Section *\/\n.timeline {\n  position: relative;\n  margin: 40px 0;\n  padding-right: 40px;\n}\n\n.timeline:before {\n  content: '';\n  position: absolute;\n  top: 0;\n  right: 10px;\n  height: 100%;\n  width: 2px;\n  background: #9C8102;\n}\n\n.timeline-item {\n  position: relative;\n  margin-bottom: 40px;\n}\n\n.timeline-marker {\n  position: absolute;\n  top: 5px;\n  right: -40px;\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: #9C8102;\n  box-shadow: 0 0 0 4px rgba(156, 129, 2, 0.2);\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.timeline-item:hover .timeline-marker {\n  transform: scale(1.2);\n  box-shadow: 0 0 0 6px rgba(156, 129, 2, 0.3);\n}\n\n.timeline-content {\n  background: #f9f9f9;\n  border-radius: 10px;\n  padding: 20px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n  transition: transform 0.3s ease;\n}\n\n.timeline-item:hover .timeline-content {\n  transform: translateX(-10px);\n}\n\n.timeline-content h3 {\n  color: #9C8102;\n  margin-bottom: 10px;\n  font-size: 1.2rem;\n}\n\n\/* Quote Box *\/\n.quote-box {\n  background-color: #f9f9f9;\n  border-right: 4px solid #9C8102;\n  padding: 20px;\n  margin: 30px 0;\n  font-style: italic;\n  font-size: 1.2rem;\n  position: relative;\n}\n\n.quote-box:before {\n  content: '\"';\n  position: absolute;\n  right: -15px;\n  top: 10px;\n  font-size: 3rem;\n  color: #9C8102;\n  font-family: serif;\n}\n\n\/* Skin Types *\/\n.skin-types-container {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n  gap: 20px;\n  margin: 30px 0;\n}\n\n.skin-type-box {\n  background-color: #f9f9f9;\n  border-radius: 10px;\n  padding: 20px;\n  text-align: center;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n  transition: transform 0.3s ease, background-color 0.3s ease;\n}\n\n.skin-type-box:hover {\n  transform: translateY(-5px);\n  background-color: #f5f1e2;\n}\n\n.skin-type-box h3 {\n  color: #9C8102;\n  font-size: 1.1rem;\n}\n\n\/* Features Grid *\/\n.features-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n  gap: 25px;\n  margin-top: 30px;\n}\n\n.feature-card {\n  background-color: #f9f9f9;\n  border-radius: 10px;\n  padding: 25px;\n  text-align: center;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.feature-card:hover {\n  transform: translateY(-7px);\n  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);\n}\n\n.feature-card h3 {\n  margin-bottom: 10px;\n  font-size: 1.2rem;\n  color: #9C8102;\n}\n\n\/* CTA Section *\/\n.anua-cta {\n  text-align: center;\n  padding: 40px;\n  background-color: #f9f9f9;\n  border-radius: 10px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.cta-heading {\n  font-size: 2rem;\n  margin-bottom: 15px;\n}\n\n.cta-subheading {\n  font-size: 1.4rem;\n  margin-bottom: 15px;\n  font-weight: bold;\n}\n\n.cta-text {\n  font-size: 1.1rem;\n  margin-bottom: 25px;\n}\n\n.cta-button {\n  padding: 15px 35px;\n  background-color: #9C8102;\n  color: white;\n  border: none;\n  border-radius: 50px;\n  font-size: 1.2rem;\n  cursor: pointer;\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.cta-button:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n}\n\n\/* Responsive Adjustments *\/\n@media (max-width: 768px) {\n  .anua-hero {\n    flex-direction: column;\n  }\n  \n  .ingredients-grid, .features-grid, .skin-types-container {\n    grid-template-columns: 1fr;\n  }\n  \n  .timeline {\n    padding-right: 30px;\n  }\n}\n\n\/* Animation Classes *\/\n.fade-in {\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n.fade-in.active {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* Add animation delays for staggered effect *\/\n.fade-in:nth-child(2) { transition-delay: 0.2s; }\n.fade-in:nth-child(3) { transition-delay: 0.4s; }\n.fade-in:nth-child(4) { transition-delay: 0.6s; }\n\u003c\/style\u003e","brand":"Anua","offers":[{"title":"Default Title","offer_id":44719443902661,"sku":"","price":999.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_heartleaf_intense_calming_cream_1.jpg?v=1747143721"},{"product_id":"beauty-of-joseon-glow-deep-serum","title":"Beauty of Joseon Deep Glow Serum con Arroz y Alfa-Arbutina para iluminar la piel.","description":"\u003cdiv class=\"joseon-product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"joseon-hero\"\u003e\n\u003cdiv class=\"hero-image\"\u003e\n\u003cimg alt=\"Beauty of Joseon Glow Deep Serum\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_2.webp?v=1747571948\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003ch1 class=\"accent-text\"\u003eBeauty of Joseon Deep Serum: Cuando la herencia ancestral se encuentra con la ciencia del futuro\u003c\/h1\u003e\n\u003cp class=\"hero-description\"\u003eEn el corazón de este suero milagroso, el secreto de belleza de las emperatrices coreanas (\u003cstrong\u003e68% agua de salvado de arroz\u003c\/strong\u003e(Con el ingrediente científico moderno más poderoso para aclarar la piel)\u003cstrong\u003e2% alfa arbutina\u003c\/strong\u003e).\u003c\/p\u003e\n\u003cp class=\"hero-conclusion\"\u003e\u003cstrong\u003e¿El resultado? Una verdadera revolución\u003c\/strong\u003e En el mundo del aclarado de la piel y la unificación del color de la piel de manera segura, eficaz y rápida.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Traditional Wisdom Section --\u003e\n\u003cdiv class=\"section tradition-section\"\u003e\n\u003cdiv class=\"section-image right-image\"\u003e\n\u003cimg alt=\"Traditional Korean Beauty Secret\" class=\"section-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_1.webp?v=1747571949\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003ch2 class=\"section-title accent-text\"\u003eUn antiguo tesoro coreano con tecnología moderna\u003c\/h2\u003e\n\u003cp\u003eDesde la era de la antigua dinastía coreana Joseon, hemos descubierto el secreto de belleza de las emperatrices coreanas que usaban el agua de salvado de arroz como 'agua de belleza' para una piel radiante y perfecta.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product Introduction --\u003e\n\u003cdiv class=\"section product-intro\"\u003e\n\u003cdiv class=\"intro-image\"\u003e\n\u003cimg alt=\"Beauty of Joseon Glow Deep Serum\" class=\"full-width-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum.webp?v=1747572064\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"intro-content\"\u003e\n\u003ch2 class=\"intro-title accent-text\"\u003eGlow Deep Serum de Beauty of Gossion: la ciencia de la iluminación de la piel en su forma más pura\u003c\/h2\u003e\n\u003cp\u003eEste suero combina el poder de cientos de años de herencia coreana con los últimos descubrimientos de la ciencia del skincare en una fórmula única que contiene:\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"section ingredients-section\"\u003e\n\u003ch2 class=\"section-title accent-text\"\u003eIngredientes ultra potentes y eficaces:\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-container\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-image\"\u003e\n\u003cimg alt=\"Rice Water\" class=\"ingredient-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_6.webp?v=1747571949\"\/\u003e\n\u003cdiv class=\"rice-animation\"\u003e\n\u003cdiv class=\"rice-grain grain1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"rice-grain grain2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"rice-grain grain3\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"rice-grain grain4\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-content\"\u003e\n\u003ch3 class=\"ingredient-title accent-text\"\u003eAgua de salvado de arroz concentrada \u003cspan class=\"counter\" data-target=\"68\"\u003e0\u003c\/span\u003e%\u003c\/h3\u003e\n\u003cp\u003eNo solo un ingrediente humectante común... sino un tesoro nutricional para la piel:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eRico en aminoácidos esenciales para construir nuevas células\u003c\/li\u003e\n\u003cli\u003eRico en minerales que estimulan la circulación sanguínea y crean un brillo natural\u003c\/li\u003e\n\u003cli\u003eContiene enzimas naturales que exfolian suavemente la piel y renuevan sus células\u003c\/li\u003e\n\u003cli\u003eConocido históricamente por su capacidad de aclarar y unificar el tono de la piel de manera segura\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-image\"\u003e\n\u003cimg alt=\"Alpha Arbutin\" class=\"ingredient-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_7.webp?v=1747571949\"\/\u003e\n\u003cdiv class=\"arbutin-animation\"\u003e\n\u003cdiv class=\"molecule molecule1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"molecule molecule2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"molecule molecule3\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-content\"\u003e\n\u003ch3 class=\"ingredient-title accent-text\"\u003eConcentración de Alfa-Arbutina \u003cspan class=\"counter\" data-target=\"2\"\u003e0\u003c\/span\u003e% (porcentaje científicamente ideal)\u003c\/h3\u003e\n\u003cp\u003eIngrediente japonés avanzado que supera a todos los aclaradores tradicionales para la piel:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eMás fuerte con \u003cspan class=\"counter\" data-target=\"10\"\u003e0\u003c\/span\u003e veces la cantidad de beta-arbutina utilizada en la mayoría de los productos\u003c\/li\u003e\n\u003cli\u003eInhibe de manera segura la enzima tirosinasa responsable de la producción de melanina\u003c\/li\u003e\n\u003cli\u003eApunta a las manchas oscuras en la raíz sin irritar la piel\u003c\/li\u003e\n\u003cli\u003ePreviene la aparición de nuevas pigmentaciones con el uso regular\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Features Section --\u003e\n\u003cdiv class=\"section features-section\"\u003e\n\u003cdiv class=\"features-image\"\u003e\n\u003cimg alt=\"Product Features\" class=\"full-width-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_3.webp?v=1747571949\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title accent-text\"\u003eLas características únicas lo hacen el número uno en aclarar la piel:\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e\n\u003cdiv class=\"droplet-animation\"\u003e\n\u003cdiv class=\"droplet\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3 class=\"feature-title accent-text\"\u003eFórmula ligera de rápida absorción\u003c\/h3\u003e\n\u003cp\u003eA diferencia de los productos aclarante grasos y pesados, Glow Deep Serum:\u003c\/p\u003e\n\u003cul class=\"check-list\"\u003e\n\u003cli\u003ePenetra en las capas profundas de la piel inmediatamente\u003c\/li\u003e\n\u003cli\u003eNo deja rastros de untuosidad o brillo\u003c\/li\u003e\n\u003cli\u003eIdeal para todo tipo de piel (también grasa y mixta)\u003c\/li\u003e\n\u003cli\u003eSe puede usar directamente antes del maquillaje sin problemas\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e\n\u003cdiv class=\"results-animation\"\u003e\n\u003cdiv class=\"chart-bar bar1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"chart-bar bar2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"chart-bar bar3\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3 class=\"feature-title accent-text\"\u003eResultados científicamente probados\u003c\/h3\u003e\n\u003cul class=\"check-list\"\u003e\n\u003cli\u003eAclarar las manchas oscuras hasta \u003cspan class=\"counter\" data-target=\"43\"\u003e0\u003c\/span\u003e% en 4 semanas\u003c\/li\u003e\n\u003cli\u003eUnificar el tono de la piel y reducir las diferencias de color\u003c\/li\u003e\n\u003cli\u003eAumentar la luminosidad y frescura de la piel\u003c\/li\u003e\n\u003cli\u003eMejorar la salud general de la piel y la fuerza de su barrera protectora\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"section timeline-section\"\u003e\n\u003ch2 class=\"section-title accent-text\"\u003eViaje de transformación con Glow Deep Serum:\u003c\/h2\u003e\n\u003cdiv class=\"timeline-table-container\"\u003e\n\u003ctable class=\"timeline-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003efase\u003c\/th\u003e\n\u003cth\u003eResultado previsto\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr class=\"timeline-row\"\u003e\n\u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eLa primera semana\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003eHidratación profunda, suavidad visible, luminosidad inicial\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"timeline-row\"\u003e\n\u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eLa segunda semana\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003eEl inicio del aclaramiento de las manchas antiguas, unificación gradual del color\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"timeline-row\"\u003e\n\u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eCuarta semana\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003eMejora visible de manchas y tono, piel más saludable\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"timeline-row\"\u003e\n\u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eEl segundo mes\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003eTransformación completa - piel radiante, uniforme y sana\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"section usage-section\"\u003e\n\u003cdiv class=\"usage-image\"\u003e\n\u003cimg alt=\"How to Use\" class=\"full-width-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_4.webp?v=1747571949\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title accent-text\"\u003eIdeal cómo usar:\u003c\/h2\u003e\n\u003cdiv class=\"steps-container\"\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003eAplicar 2-3 gotas sobre la piel limpia e hidratada\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003eMasajear delicadamente con movimientos circulares desde el centro hacia el exterior\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003eÚsalo por la mañana y por la noche para obtener resultados óptimos\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003eAsegúrate de usar protector solar durante el día para mantener los resultados\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"joseon-cta\"\u003e\n\u003ch2 class=\"cta-heading accent-text\"\u003e“El verdadero brillo de tu piel está allí... pero necesita la llave correcta.”\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003eHistoria antigua de Corea + ciencia avanzada japonesa = piel perfecta y uniforme.\u003c\/p\u003e\n\u003cp class=\"cta-conclusion\"\u003eGlow Deep Serum de Beauty of Gossion - \u003cstrong\u003e¿Por qué tu piel merece brillar con su color natural y uniforme?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eOrdena Ahora\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Base Styles *\/\n.joseon-product-container {\n\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 20px;\n  color: #333;\n  direction: ltr;\n  background-color: #fafafa;\n}\n\n.accent-text {\n  color: #9C8102;\n}\n\n\/* Hero Section *\/\n.joseon-hero {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin-bottom: 60px;\n  gap: 30px;\n}\n\n.hero-image {\n  flex: 1;\n}\n\n.hero-content {\n  flex: 1;\n}\n\n.hero-content h1 {\n  font-size: 2.2rem;\n  margin-bottom: 20px;\n  line-height: 1.3;\n}\n\n.hero-description {\n  font-size: 1.1rem;\n  margin-bottom: 15px;\n  line-height: 1.6;\n}\n\n.hero-conclusion {\n  font-size: 1.2rem;\n  margin-top: 20px;\n}\n\n.product-image {\n  max-width: 100%;\n  height: auto;\n  border-radius: 10px;\n  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);\n  transition: transform 0.5s ease, box-shadow 0.5s ease;\n}\n\n.product-image:hover {\n  transform: translateY(-10px);\n  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n}\n\n\/* Section Styles *\/\n.section {\n  margin-bottom: 70px;\n  padding: 30px;\n  background-color: #fff;\n  border-radius: 15px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n  position: relative;\n  overflow: hidden;\n}\n\n.section:after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  width: 100px;\n  height: 100px;\n  background-color: rgba(156, 129, 2, 0.03);\n  border-radius: 50%;\n  z-index: 1;\n}\n\n.section-title {\n  font-size: 1.8rem;\n  margin-bottom: 25px;\n  position: relative;\n  display: inline-block;\n}\n\n.section-title:after {\n  content: '';\n  position: absolute;\n  bottom: -10px;\n  right: 0;\n  width: 60px;\n  height: 3px;\n  background-color: #9C8102;\n}\n\n.tradition-section {\n  display: flex;\n  flex-direction: row-reverse;\n  align-items: center;\n  gap: 30px;\n}\n\n.section-image {\n  flex: 1;\n}\n\n.section-content {\n  flex: 1;\n}\n\n.right-image {\n  order: 2;\n}\n\n.section-img, .full-width-img {\n  max-width: 100%;\n  height: auto;\n  border-radius: 10px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n  transition: transform 0.3s ease;\n}\n\n.section-img:hover, .full-width-img:hover {\n  transform: scale(1.02);\n}\n\n.intro-image {\n  margin-bottom: 20px;\n}\n\n.intro-title {\n  text-align: center;\n  margin-bottom: 20px;\n}\n\n\/* Ingredients Section *\/\n.ingredients-container {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));\n  gap: 30px;\n  margin-top: 40px;\n}\n\n.ingredient-card {\n  display: flex;\n  background-color: #f9f9f9;\n  border-radius: 15px;\n  padding: 25px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n  overflow: hidden;\n  position: relative;\n}\n\n.ingredient-card:hover {\n  transform: translateY(-7px);\n  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);\n}\n\n.ingredient-image {\n  flex: 1;\n  margin-left: 20px;\n  position: relative;\n}\n\n.ingredient-img {\n  width: 100%;\n  border-radius: 10px;\n  position: relative;\n  z-index: 2;\n}\n\n.ingredient-content {\n  flex: 2;\n  text-align: left;\n  width: 100%;\n}\n\n.ingredient-title {\n  font-size: 1.4rem;\n  margin-bottom: 15px;\n  text-align: left;\n  width: 100%;\n}\n\n.benefits-list {\n  list-style-type: none;\n  padding: 0;\n  margin: 15px 0 0 0;\n  width: 100%;\n  display: block;\n  text-align: left;\n}\n\n.benefits-list li {\n  padding: 12px 0;\n  position: relative;\n  padding-right: 40px;\n  margin-bottom: 10px;\n  width: 100%;\n  box-sizing: border-box;\n  text-align: left;\n  display: block;\n}\n\n.benefits-list li:before {\n  content: '•';\n  color: #9C8102;\n  position: absolute;\n  right: 10px;\n  top: 12px;\n  font-size: 20px;\n}\n\n\/* Rice Animation *\/\n.rice-animation {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  opacity: 0.3;\n}\n\n.rice-grain {\n  position: absolute;\n  width: 15px;\n  height: 8px;\n  background-color: #fff;\n  border-radius: 50%;\n  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);\n  opacity: 0;\n  animation: float 3s infinite;\n}\n\n.grain1 {\n  top: 20%;\n  left: 20%;\n  animation-delay: 0s;\n}\n\n.grain2 {\n  top: 30%;\n  left: 60%;\n  animation-delay: 0.5s;\n}\n\n.grain3 {\n  top: 50%;\n  left: 40%;\n  animation-delay: 1s;\n}\n\n.grain4 {\n  top: 70%;\n  left: 70%;\n  animation-delay: 1.5s;\n}\n\n@keyframes float {\n  0% { transform: translateY(0); opacity: 0; }\n  50% { opacity: 1; }\n  100% { transform: translateY(-20px); opacity: 0; }\n}\n\n\/* Arbutin Animation *\/\n.arbutin-animation {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  opacity: 0.3;\n}\n\n.molecule {\n  position: absolute;\n  width: 10px;\n  height: 10px;\n  background-color: #9C8102;\n  border-radius: 50%;\n  opacity: 0;\n  animation: pulse 3s infinite;\n}\n\n.molecule1 {\n  top: 30%;\n  left: 30%;\n  animation-delay: 0s;\n}\n\n.molecule2 {\n  top: 50%;\n  left: 50%;\n  animation-delay: 1s;\n}\n\n.molecule3 {\n  top: 70%;\n  left: 20%;\n  animation-delay: 2s;\n}\n\n@keyframes pulse {\n  0% { transform: scale(1); opacity: 0; }\n  50% { transform: scale(1.5); opacity: 1; }\n  100% { transform: scale(1); opacity: 0; }\n}\n\n\/* Features Section *\/\n.features-image {\n  margin-bottom: 30px;\n}\n\n.features-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));\n  gap: 30px;\n  margin-top: 40px;\n  width: 100%;\n}\n\n.features-section,\n.ingredients-section {\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.feature-card {\n  display: flex;\n  background-color: #f9f9f9;\n  border-radius: 15px;\n  padding: 25px 15px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n  width: 100%;\n  box-sizing: border-box;\n  align-items: flex-start;\n  text-align: left;\n}\n\n.feature-icon {\n  width: 50px;\n  height: 50px;\n  margin-left: 20px;\n  position: relative;\n  flex-shrink: 0;\n}\n\n.feature-content {\n  flex: 1;\n  width: 100%;\n  text-align: left;\n  padding-right: 0;\n}\n\n.feature-title {\n  font-size: 1.3rem;\n  margin-bottom: 15px;\n  text-align: left;\n  width: 100%;\n}\n\n.check-list {\n  list-style-type: none;\n  padding: 0;\n  width: 100%;\n  display: block;\n  text-align: left;\n  margin: 0;\n}\n\n.check-list li {\n  padding: 12px 0;\n  position: relative;\n  padding-right: 40px;\n  margin-bottom: 10px;\n  width: 100%;\n  box-sizing: border-box;\n  text-align: left;\n  display: block;\n}\n\n.check-list li:before {\n  content: '✓';\n  color: #9C8102;\n  position: absolute;\n  right: 10px;\n  top: 12px;\n  font-weight: bold;\n  font-size: 16px;\n}\n\n\/* Droplet Animation *\/\n.droplet-animation {\n  position: relative;\n  width: 60px;\n  height: 60px;\n}\n\n.droplet {\n  position: absolute;\n  top: 0;\n  left: 20px;\n  width: 20px;\n  height: 20px;\n  background-color: #9C8102;\n  border-radius: 50% 50% 50% 0;\n  transform: rotate(-45deg);\n  opacity: 0.7;\n  animation: drip 2.5s infinite;\n}\n\n@keyframes drip {\n  0% { top: 0; opacity: 0.7; }\n  80% { top: 30px; opacity: 0.7; transform: rotate(-45deg) scale(1); }\n  100% { top: 30px; opacity: 0; transform: rotate(-45deg) scale(1.5); }\n}\n\n\/* Results Animation *\/\n.results-animation {\n  position: relative;\n  width: 60px;\n  height: 60px;\n}\n\n.chart-bar {\n  position: absolute;\n  bottom: 0;\n  width: 10px;\n  background-color: #9C8102;\n  border-radius: 5px 5px 0 0;\n  opacity: 0.7;\n  animation: grow 2.5s infinite;\n}\n\n.bar1 {\n  height: 20px;\n  left: 5px;\n  animation-delay: 0s;\n}\n\n.bar2 {\n  height: 30px;\n  left: 25px;\n  animation-delay: 0.5s;\n}\n\n.bar3 {\n  height: 40px;\n  left: 45px;\n  animation-delay: 1s;\n}\n\n@keyframes grow {\n  0% { height: 0; opacity: 0.5; }\n  60% { height: 100%; opacity: 0.7; }\n  100% { height: 100%; opacity: 0.5; }\n}\n\n\/* Counter Style *\/\n.counter {\n  color: #9C8102;\n  font-weight: bold;\n  display: inline-block;\n  min-width: 2rem;\n  text-align: center;\n}\n\n\/* Timeline Section *\/\n.timeline-table-container {\n  overflow-x: auto;\n  margin: 30px 0;\n}\n\n.timeline-table {\n  width: 100%;\n  border-collapse: collapse;\n  background-color: #fff;\n  border-radius: 15px;\n  overflow: hidden;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.timeline-table th {\n  background-color: #9C8102;\n  color: white;\n  text-align: left;\n  padding: 15px;\n  font-weight: 600;\n}\n\n.timeline-table td {\n  padding: 15px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n}\n\n.timeline-row {\n  transition: background-color 0.3s ease, transform 0.3s ease;\n}\n\n.timeline-row:hover {\n  background-color: #f5f5f5;\n  transform: translateX(-5px);\n}\n\n.timeline-phase {\n  width: 150px;\n  font-weight: bold;\n}\n\n\/* Usage Instructions *\/\n.usage-image {\n  margin-bottom: 30px;\n}\n\n.steps-container {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n  gap: 20px;\n  margin-top: 30px;\n}\n\n.step-card {\n  display: flex;\n  align-items: center;\n  background-color: #f9f9f9;\n  border-radius: 15px;\n  padding: 20px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n  transition: transform 0.3s ease;\n}\n\n.step-card:hover {\n  transform: translateY(-5px);\n}\n\n.step-number {\n  width: 40px;\n  height: 40px;\n  background-color: #9C8102;\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 1.2rem;\n  font-weight: bold;\n  margin-left: 15px;\n  flex-shrink: 0;\n}\n\n.step-content {\n  flex: 1;\n  font-size: 1rem;\n}\n\n\/* CTA Section *\/\n.joseon-cta {\n  text-align: center;\n  padding: 50px 40px;\n  background-color: #f9f9f9;\n  border-radius: 15px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n  margin-top: 50px;\n  position: relative;\n  overflow: hidden;\n}\n\n.joseon-cta:before {\n  content: '';\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 100%;\n  height: 5px;\n  background: linear-gradient(to left, #9C8102, transparent);\n}\n\n.cta-heading {\n  font-size: 2rem;\n  margin-bottom: 20px;\n}\n\n.cta-text {\n  font-size: 1.3rem;\n  margin-bottom: 15px;\n}\n\n.cta-conclusion {\n  font-size: 1.2rem;\n  margin-bottom: 30px;\n}\n\n.cta-button {\n  padding: 15px 40px;\n  background-color: #9C8102;\n  color: white;\n  border: none;\n  border-radius: 50px;\n  font-size: 1.2rem;\n  cursor: pointer;\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.cta-button:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n}\n\n\/* Responsive Adjustments *\/\n@media (max-width: 768px) {\n  .joseon-hero, .tradition-section {\n    flex-direction: column;\n  }\n  \n  .ingredients-container, .features-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .ingredient-card {\n    flex-direction: column;\n    width: 100%;\n    box-sizing: border-box;\n    text-align: left;\n  }\n  \n  .ingredient-image {\n    margin-left: 0;\n    margin-bottom: 20px;\n  }\n  \n  .right-image {\n    order: 1;\n  }\n  \n  .feature-card, \n  .ingredient-card,\n  .step-card {\n    width: 100%;\n    box-sizing: border-box;\n    padding: 20px 15px;\n  }\n  \n  .steps-container {\n    grid-template-columns: 1fr;\n  }\n  \n  .feature-content,\n  .ingredient-content {\n    width: 100%;\n    text-align: left;\n  }\n  \n  .check-list li,\n  .benefits-list li {\n    width: 100%;\n    box-sizing: border-box;\n    padding-right: 40px;\n    text-align: left;\n  }\n  \n  .check-list li:before,\n  .benefits-list li:before {\n    right: 10px;\n  }\n  \n  .section {\n    padding: 20px 15px;\n  }\n  \n  .feature-title, \n  .ingredient-title {\n    width: 100%;\n    text-align: left;\n  }\n  \n  .ingredient-content {\n    padding-right: 0;\n  }\n}\n\n\/* Animation Classes *\/\n.fade-in {\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n.fade-in.active {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* Add animation delays for staggered effect *\/\n.fade-in:nth-child(2) { transition-delay: 0.2s; }\n.fade-in:nth-child(3) { transition-delay: 0.4s; }\n.fade-in:nth-child(4) { transition-delay: 0.6s; }\n\u003c\/style\u003e\n\u003cscript\u003e\n\/\/ Start animations when page loads\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Start all counters immediately\n  startAllCounters();\n  \n  \/\/ Setup the scroll animation for other elements\n  setupScrollAnimations();\n  \n  \/\/ Add button animation\n  setupButtonAnimation();\n});\n\nfunction startAllCounters() {\n  const counters = document.querySelectorAll('.counter');\n  \n  counters.forEach(counter =\u003e {\n    const target = parseInt(counter.getAttribute('data-target'));\n    let current = 0;\n    const increment = Math.max(1, Math.floor(target \/ 40)); \/\/ Ensure minimum step of 1\n    \n    \/\/ Immediately visible animation\n    const timer = setInterval(() =\u003e {\n      current += increment;\n      \n      \/\/ Make sure we don't go over the target\n      if (current \u003e= target) {\n        current = target;\n        clearInterval(timer);\n      }\n      \n      \/\/ Update the counter text\n      counter.textContent = current;\n    }, 30); \/\/ Speed of animation - lower number = faster\n  });\n}\n\nfunction setupScrollAnimations() {\n  \/\/ Add fade-in class to elements we want to animate\n  const elementsToAnimate = [\n    ...document.querySelectorAll('.ingredient-card'),\n    ...document.querySelectorAll('.feature-card'),\n    ...document.querySelectorAll('.step-card'),\n    ...document.querySelectorAll('.timeline-row'),\n    document.querySelector('.joseon-cta'),\n    ...document.querySelectorAll('.section-title')\n  ];\n  \n  elementsToAnimate.forEach(element =\u003e {\n    if (element) element.classList.add('fade-in');\n  });\n  \n  \/\/ Initial check for elements in viewport\n  handleScrollAnimations();\n  \n  \/\/ Listen for scroll events\n  window.addEventListener('scroll', handleScrollAnimations);\n}\n\nfunction handleScrollAnimations() {\n  \/\/ Animate fade-in elements\n  document.querySelectorAll('.fade-in').forEach(element =\u003e {\n    if (isInViewport(element)) {\n      element.classList.add('active');\n    }\n  });\n}\n\nfunction isInViewport(element) {\n  const rect = element.getBoundingClientRect();\n  \/\/ Consider element in viewport even if only partially visible\n  return (\n    rect.top \u003c (window.innerHeight || document.documentElement.clientHeight) + 100 \u0026\u0026\n    rect.bottom \u003e -100\n  );\n}\n\nfunction setupButtonAnimation() {\n  \/\/ Add click event to CTA button\n  const ctaButton = document.querySelector('.cta-button');\n  if (ctaButton) {\n    ctaButton.addEventListener('click', function(e) {\n      e.preventDefault();\n      this.textContent = '¡Añadido a la cesta!';\n      setTimeout(() =\u003e {\n        this.textContent = 'Pedir Ahora';\n      }, 2000);\n    });\n  }\n}\n\u003c\/script\u003e\n\u003c\/div\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44730295582917,"sku":"","price":990.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/BeautyofjoseonGlowDeepSerumRice_Alpha-ArbutinBrighteningSerum_1.jpg?v=1747572137"},{"product_id":"beauty-of-joseon-revive-serum","title":"Suero Revitalizante para la Piel Belleza de Joseon con ginseng y secreción de caracol para el rejuvenecimiento y la elasticidad de la piel.","description":"\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Video Section --\u003e\n\u003cdiv class=\"video-section\"\u003e\n\u003cdiv class=\"video-container\"\u003e\n\u003cvideo autoplay=\"\" loop=\"\" muted=\"\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/3ef500d9baac416bbea61350e65fce38.mp4\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Text Section --\u003e\n\u003cdiv class=\"hero-text-section\"\u003e\n\u003ch1 class=\"main-title fade-in\"\u003eLa ciencia demuestra: Ginseng + Moco de caracol = La ecuación perfecta de la juventud\u003c\/h1\u003e\n\u003cp class=\"subtitle slide-up\"\u003eBeauty of Joseon Revive Serum: Una fórmula científica avanzada que reprograma las células de la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Key Benefits Grid --\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eUsos principales\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"100\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e💫\u003c\/div\u003e\n\u003ch3\u003eTratamiento anti-decoloración\u003c\/h3\u003e\n\u003cp\u003eGinseng 63% estimula la circulación sanguínea y devuelve la luminosidad natural a la piel cansada en dos semanas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"200\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eAntioxidante\u003c\/h3\u003e\n\u003cp\u003e15 tipos de ginsenósidos protegen la piel de los radicales libres, la contaminación y los rayos nocivos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"300\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⏰\u003c\/div\u003e\n\u003ch3\u003eAntiedad\u003c\/h3\u003e\n\u003cp\u003eMucosa de caracol 3% estimula la producción de colágeno y reduce la apariencia de líneas finas y arrugas de expresión.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"400\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003eHidratante profundo\u003c\/h3\u003e\n\u003cp\u003eEl ácido hialurónico natural retiene la humedad en la piel durante 12 horas consecutivas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"500\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eMejora la textura de la piel\u003c\/h3\u003e\n\u003cp\u003eLas proteínas naturales suavizan la textura de la piel y reducen la apariencia de los poros y la aspereza.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"600\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eAlivia el enrojecimiento\u003c\/h3\u003e\n\u003cp\u003eLa alantoína en el moco de caracol reduce la inflamación y la irritación y calma la piel sensible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Science Section --\u003e\n\u003cdiv class=\"science-section\"\u003e\n\u003cdiv class=\"ingredient-showcase\"\u003e\n\u003cdiv class=\"ingredient-card ginseng-card\"\u003e\n\u003cimg alt=\"Ginseng\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_5_c8f51ca2-5353-4586-a78a-f3c95b3cb1b3.jpg?v=1748094708\"\/\u003e\n\u003cdiv class=\"ingredient-info\"\u003e\n\u003ch3\u003eGinseng 63% - motor de la regeneración celular\u003c\/h3\u003e\n\u003cdiv class=\"molecular-animation\"\u003e\n\u003cdiv class=\"molecule\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"molecule\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"molecule\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eJabón activo: estimula la microcirculación en un 40%\u003c\/li\u003e\n\u003cli\u003eGinsenósidos: estimulan la producción natural de colágeno\u003c\/li\u003e\n\u003cli\u003eAntioxidantes potentes: combaten los radicales libres\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card snail-card\"\u003e\n\u003cimg alt=\"Snail Mucin\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_7.jpg?v=1748096683\"\/\u003e\n\u003cdiv class=\"ingredient-info\"\u003e\n\u003ch3\u003eMoco de caracol purificado 3% - un milagro de reparación y renovación\u003c\/h3\u003e\n\u003cdiv class=\"repair-animation\"\u003e\n\u003cdiv class=\"cell\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cell\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cell\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003col class=\"ingredient-process\"\u003e\n\u003cli\u003ePenetra en las capas profundas de la piel\u003c\/li\u003e\n\u003cli\u003eEstimula la producción de nuevo colágeno\u003c\/li\u003e\n\u003cli\u003eRepara el ADN dañado\u003c\/li\u003e\n\u003cli\u003eFavorece la renovación celular\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Centella Asiatica Section --\u003e\n\u003cdiv class=\"centella-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eComponentes auxiliares: un equipo científico integrado\u003c\/h2\u003e\n\u003cdiv class=\"centella-container\"\u003e\n\u003cdiv class=\"centella-image\"\u003e\n\u003cimg alt=\"Centella Asiatica\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/centella_asiatica_beauty_of_joseon_revive_serum.jpg?v=1748097213\"\/\u003e\n\u003cdiv class=\"healing-animation\"\u003e\n\u003cdiv class=\"healing-wave\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"healing-wave\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"healing-wave\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"centella-info\"\u003e\n\u003ch3\u003e🌿 Extracto de Centella asiática\u003c\/h3\u003e\n\u003cdiv class=\"compound-list\"\u003e\n\u003cdiv class=\"compound-item\" data-aos=\"fade-left\" data-delay=\"100\"\u003e\n\u003cdiv class=\"compound-icon\"\u003e🧬\u003c\/div\u003e\n\u003cdiv class=\"compound-details\"\u003e\n\u003ch4\u003eÁcido asiático\u003c\/h4\u003e\n\u003cp\u003eEstimula la producción de colágeno de tipo 1 y 3\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"compound-item\" data-aos=\"fade-left\" data-delay=\"200\"\u003e\n\u003cdiv class=\"compound-icon\"\u003e🔬\u003c\/div\u003e\n\u003cdiv class=\"compound-details\"\u003e\n\u003ch4\u003eMadencasoside\u003c\/h4\u003e\n\u003cp\u003eUn antiinflamatorio natural que alivia instantáneamente el enrojecimiento\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"compound-item\" data-aos=\"fade-left\" data-delay=\"300\"\u003e\n\u003cdiv class=\"compound-icon\"\u003e⚕️\u003c\/div\u003e\n\u003cdiv class=\"compound-details\"\u003e\n\u003ch4\u003eAsiatocoside\u003c\/h4\u003e\n\u003cp\u003eAcelera la curación de pequeñas heridas e irritaciones\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Clinical Results --\u003e\n\u003cdiv class=\"results-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eResultados científicos probados en laboratorio\u003c\/h2\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item\" data-week=\"1\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eDespués de una semana\u003c\/h3\u003e\n\u003cdiv class=\"stats-grid\"\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-number\" data-target=\"78\"\u003e0\u003c\/span\u003e%\n                            \u003cspan class=\"stat-label\"\u003eSuavidad instantánea\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-number\" data-target=\"65\"\u003e0\u003c\/span\u003e%\n                            \u003cspan class=\"stat-label\"\u003eMejorado el brillo\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-number\" data-target=\"58\"\u003e0\u003c\/span\u003e%\n                            \u003cspan class=\"stat-label\"\u003eReducir el enrojecimiento\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\" data-week=\"4\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eCuatro semanas después\u003c\/h3\u003e\n\u003cdiv class=\"stats-grid\"\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-number\" data-target=\"89\"\u003e0\u003c\/span\u003e%\n                            \u003cspan class=\"stat-label\"\u003eMejorar la flexibilidad\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-number\" data-target=\"76\"\u003e0\u003c\/span\u003e%\n                            \u003cspan class=\"stat-label\"\u003eReducir las arrugas\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-number\" data-target=\"91\"\u003e0\u003c\/span\u003e%\n                            \u003cspan class=\"stat-label\"\u003eHidratación profunda\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Smart Mucin Technology --\u003e\n\u003cdiv class=\"technology-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e Fórmula tecnológicamente avanzada\u003c\/h2\u003e\n\u003cdiv class=\"technology-grid\"\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3\u003eInnovación en la textura\u003c\/h3\u003e\n\u003cdiv class=\"tech-features\"\u003e\n\u003cdiv class=\"tech-feature\" data-aos=\"zoom-in\" data-delay=\"100\"\u003e\n\u003cdiv class=\"tech-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch4\u003eNanopartículas\u003c\/h4\u003e\n\u003cp\u003ePenetra fácilmente en la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\" data-aos=\"zoom-in\" data-delay=\"200\"\u003e\n\u003cdiv class=\"tech-icon\"\u003e⏱️\u003c\/div\u003e\n\u003ch4\u003eTecnología de liberación gradual\u003c\/h4\u003e\n\u003cp\u003ePara ingredientes activos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\" data-aos=\"zoom-in\" data-delay=\"300\"\u003e\n\u003cdiv class=\"tech-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch4\u003eFilm protector temporal\u003c\/h4\u003e\n\u003cp\u003eTrata la humedad debajo de la superficie de la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\" data-aos=\"zoom-in\" data-delay=\"400\"\u003e\n\u003cdiv class=\"tech-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch4\u003eAbsorción rápida\u003c\/h4\u003e\n\u003cp\u003eSin dejar residuos grasos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-timeline\"\u003e\n\u003ch3\u003eLa diferencia que sientes\u003c\/h3\u003e\n\u003cdiv class=\"experience-steps\"\u003e\n\u003cdiv class=\"experience-step\" data-time=\"instant\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ Aplicación instantánea\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eDistribución sedosa instantánea\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-step\" data-time=\"1min\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ En un minuto\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eAbsorción completa y sensación de comodidad\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-step\" data-time=\"5min\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ Después de 5 minutos\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eSuavidad aterciopelada y luminosidad natural\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-step\" data-time=\"allday\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ Todo el día\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eHidratación continua y protección eficaz\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!-- Why Choose Section --\u003e\n\u003cdiv class=\"why-choose-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e¿Por qué elegir Revive Serum? La evidencia científica no miente\u003c\/h2\u003e\n\u003cdiv class=\"scientific-proof\"\u003e\n\u003cdiv class=\"proof-card concentration-card\"\u003e\n\u003cdiv class=\"proof-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch3\u003eConcentración óptima calculada científicamente\u003c\/h3\u003e\n\u003cul class=\"proof-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e63% ginseng\u003c\/strong\u003e: Concentración óptima de eficacia sin irritación\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e3% moco de caracol\u003c\/strong\u003e: La proporción probada para los mejores resultados\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEquilibrio perfecto\u003c\/strong\u003e: Entre fuerza y seguridad para el uso diario\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"proof-card testing-card\"\u003e\n\u003cdiv class=\"proof-icon\"\u003e🧪\u003c\/div\u003e\n\u003ch3\u003eProbado y certificado\u003c\/h3\u003e\n\u003cul class=\"proof-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePruebas alergológicas\u003c\/strong\u003e: Seguro para piel sensible\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrueba de eficacia\u003c\/strong\u003eResultados comprobados en 28 días\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrueba de calidad\u003c\/strong\u003e: Normas internacionales estrictas\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"proof-card unique-card\"\u003e\n\u003cdiv class=\"proof-icon\"\u003e⚗️\u003c\/div\u003e\n\u003ch3\u003eTecnología única\u003c\/h3\u003e\n\u003cul class=\"proof-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eNo provoca poros obstruidos\u003c\/strong\u003e: Probado dermatológicamente\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCompatible con todo tipo de piel\u003c\/strong\u003e: De seca a grasa\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFunciona con otros productos\u003c\/strong\u003e: No interfiere con tu rutina de cuidado\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Investment Section --\u003e\n\u003cdiv class=\"investment-section\"\u003e\n\u003cdiv class=\"investment-content\"\u003e\n\u003ch2 class=\"investment-title\"\u003eInvierte en la ciencia... invierte en tu piel\u003c\/h2\u003e\n\u003cp class=\"investment-tagline\"\u003eNo encontrarás otra fórmula que combine el poder del ginseng natural con el milagro del moco de caracol purificado en un equilibrio tan perfecto.\u003c\/p\u003e\n\u003cdiv class=\"final-results\"\u003e\n\u003ch3\u003eEl resultado final: piel científicamente sana\u003c\/h3\u003e\n\u003cdiv class=\"final-benefits\"\u003e\n\u003cdiv class=\"final-benefit\" data-aos=\"fade-up\" data-delay=\"100\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🔄\u003c\/span\u003e\n\u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eCélulas renovadas\u003c\/strong\u003e Funciona de manera muy eficiente\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-benefit\" data-aos=\"fade-up\" data-delay=\"200\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🛡️\u003c\/span\u003e\n\u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eFuerte barrera natural\u003c\/strong\u003e Protege contra los factores externos\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-benefit\" data-aos=\"fade-up\" data-delay=\"300\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e💧\u003c\/span\u003e\n\u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eHidratación profunda\u003c\/strong\u003e Dura 72 horas\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-benefit\" data-aos=\"fade-up\" data-delay=\"400\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🌟\u003c\/span\u003e\n\u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eMejorada la flexibilidad\u003c\/strong\u003e Hasta un 34%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-benefit\" data-aos=\"fade-up\" data-delay=\"500\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✨\u003c\/span\u003e\n\u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eBrillo natural\u003c\/strong\u003e Sin maquillaje\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eCómo usar\u003c\/h2\u003e\n\u003cdiv class=\"usage-container\"\u003e\n\u003cdiv class=\"usage-video\"\u003e\n\u003cvideo autoplay=\"\" loop=\"\" muted=\"\" onloadstart=\"this.muted=true\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/a658a0f994a34d3da3dd6f5136de09b2.mp4\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step\" data-step=\"1\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cp\u003eLimpia bien el rostro\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\" data-step=\"2\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cp\u003eAplicar 3 o 4 gotas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\" data-step=\"3\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cp\u003eMasajear delicadamente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\" data-step=\"4\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cp\u003eÚsalo por la mañana y por la noche\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients --\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTodos los componentes\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-container\"\u003e\n\u003cp class=\"ingredients-text\"\u003ePanax Ginseng Root Water, Water, Butylene Glycol, Dipropylene Glycol, 1,2-Hexanediol, Glycerin, Niacinamide, Propanediol, Trehalose, Snail Secretion Filtrate, Carbomer, Tromethamine, Xanthan Gum, Malt Extract, Sodium Polyacrylate, Adenosine, Glyceryl Acrylate\/Acrylic Acid Copolymer, Disodium Edta, Panax Ginseng Root Extract, Ganoderma Lucidum (Mushroom) Extract, Phellinus Linteus Extract, Centella Asiatica Extract, Sodium Hyaluronate, Hydrolyzed Hyaluronic Acid, Forsythia Suspensa Fruit Extract, Lonicera Japonica (Honeysuckle) Flower Extract, Scutellaria Baicalensis Root Extract, Sodium Acetylated Hyaluronate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    .product-description {\n        max-width: 1200px;\n        margin: 0 auto;\n        \n        color: #333;\n        line-height: 1.6;\n        overflow-x: hidden;\n    }\n\n    \/* Video Section *\/\n    .video-section {\n        width: 100%;\n        margin-bottom: 2rem;\n        border-radius: 20px;\n        overflow: hidden;\n        box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n    }\n\n    .video-container {\n        position: relative;\n        width: 100%;\n        height: 60vh;\n        min-height: 400px;\n    }\n\n    .video-container video {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n    }\n\n    \/* Hero Text Section *\/\n    .hero-text-section {\n        text-align: center;\n        padding: 4rem 2rem;\n        background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n        border-radius: 20px;\n        margin-bottom: 4rem;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n    }\n\n    .main-title {\n        font-size: 2.5rem;\n        font-weight: 700;\n        color: #9C8102;\n        margin-bottom: 1.5rem;\n        text-align: center;\n        direction: ltr;\n    }\n\n    .subtitle {\n        font-size: 1.2rem;\n        color: #666;\n        max-width: 800px;\n        margin: 0 auto;\n        text-align: center;\n        line-height: 1.8;\n    }\n\n    \/* Animations *\/\n    .fade-in {\n        opacity: 0;\n        animation: fadeIn 2s ease-out forwards;\n    }\n\n    .slide-up {\n        opacity: 0;\n        transform: translateY(30px);\n        animation: slideUp 2s ease-out 0.5s forwards;\n    }\n\n    @keyframes fadeIn {\n        to { opacity: 1; }\n    }\n\n    @keyframes slideUp {\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    \/* Section Titles *\/\n    .section-title {\n        font-size: 2rem;\n        font-weight: 700;\n        color: #9C8102;\n        text-align: center;\n        margin-bottom: 3rem;\n        position: relative;\n    }\n\n    .section-title::after {\n        content: '';\n        position: absolute;\n        bottom: -10px;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 80px;\n        height: 3px;\n        background: linear-gradient(90deg, transparent, #9C8102, transparent);\n    }\n\n    \/* Benefits Grid *\/\n    .benefits-section {\n        padding: 4rem 2rem;\n        background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n        margin-bottom: 4rem;\n        border-radius: 20px;\n    }\n\n    .benefits-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 2rem;\n        max-width: 1000px;\n        margin: 0 auto;\n    }\n\n    .benefit-card {\n        background: white;\n        padding: 2rem;\n        border-radius: 15px;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n        text-align: center;\n        transition: all 0.3s ease;\n        opacity: 0;\n        transform: translateY(50px);\n    }\n\n    .benefit-card:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 20px 40px rgba(156,129,2,0.2);\n    }\n\n    .benefit-icon {\n        font-size: 3rem;\n        margin-bottom: 1rem;\n        animation: float 3s ease-in-out infinite;\n    }\n\n    .benefit-card h3 {\n        color: #9C8102;\n        font-size: 1.3rem;\n        font-weight: 600;\n        margin-bottom: 1rem;\n    }\n\n    .benefit-card p {\n        color: #666;\n        text-align: left;\n        direction: ltr;\n    }\n\n    @keyframes float {\n        0%, 100% { transform: translateY(0px); }\n        50% { transform: translateY(-10px); }\n    }\n\n    \/* Science Section *\/\n    .science-section {\n        padding: 4rem 2rem;\n        margin-bottom: 4rem;\n    }\n\n    .ingredient-showcase {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));\n        gap: 3rem;\n        max-width: 1100px;\n        margin: 0 auto;\n    }\n\n    .ingredient-card {\n        background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n        border-radius: 20px;\n        overflow: hidden;\n        box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n        transition: all 0.3s ease;\n    }\n\n    .ingredient-card:hover {\n        transform: scale(1.02);\n        box-shadow: 0 20px 40px rgba(156,129,2,0.15);\n    }\n\n    .ingredient-card img {\n        width: 100%;\n        height: 250px;\n        object-fit: cover;\n    }\n\n    .ingredient-info {\n        padding: 2rem;\n    }\n\n    .ingredient-info h3 {\n        color: #9C8102;\n        font-size: 1.4rem;\n        font-weight: 600;\n        margin-bottom: 1.5rem;\n        text-align: left;\n        direction: ltr;\n    }\n\n    .molecular-animation {\n        display: flex;\n        justify-content: center;\n        margin: 2rem 0;\n        gap: 1rem;\n    }\n\n    .molecule {\n        width: 20px;\n        height: 20px;\n        background: #9C8102;\n        border-radius: 50%;\n        animation: pulse 2s ease-in-out infinite;\n    }\n\n    .molecule:nth-child(2) { animation-delay: 0.5s; }\n    .molecule:nth-child(3) { animation-delay: 1s; }\n\n    @keyframes pulse {\n        0%, 100% { \n            transform: scale(1); \n            opacity: 1; \n        }\n        50% { \n            transform: scale(1.5); \n            opacity: 0.7; \n        }\n    }\n\n    .repair-animation {\n        display: flex;\n        justify-content: center;\n        margin: 2rem 0;\n        gap: 1rem;\n    }\n\n    .cell {\n        width: 25px;\n        height: 25px;\n        background: linear-gradient(45deg, #9C8102, #d4c140);\n        border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\n        animation: regenerate 3s ease-in-out infinite;\n    }\n\n    .cell:nth-child(2) { animation-delay: 1s; }\n    .cell:nth-child(3) { animation-delay: 2s; }\n\n    @keyframes regenerate {\n        0%, 100% { \n            border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\n            transform: rotate(0deg);\n        }\n        50% { \n            border-radius: 70% 30% 30% 70% \/ 70% 70% 30% 30%;\n            transform: rotate(180deg);\n        }\n    }\n\n    .ingredient-benefits, .ingredient-process {\n        text-align: left;\n        direction: ltr;\n        color: #555;\n    }\n\n    .ingredient-benefits li, .ingredient-process li {\n        margin-bottom: 0.8rem;\n        position: relative;\n        padding-right: 1.5rem;\n    }\n\n    \/* Centella Section *\/\n    .centella-section {\n        padding: 4rem 2rem;\n        background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n        margin-bottom: 4rem;\n        border-radius: 20px;\n    }\n\n    .centella-container {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 3rem;\n        max-width: 1000px;\n        margin: 0 auto;\n        align-items: center;\n    }\n\n    .centella-image {\n        position: relative;\n        border-radius: 15px;\n        overflow: hidden;\n        box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n    }\n\n    .centella-image img {\n        width: 100%;\n        height: 300px;\n        object-fit: cover;\n    }\n\n    .healing-animation {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: 100px;\n        height: 100px;\n    }\n\n    .healing-wave {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        width: 20px;\n        height: 20px;\n        border: 2px solid rgba(156,129,2,0.6);\n        border-radius: 50%;\n        transform: translate(-50%, -50%);\n        animation: healingPulse 3s ease-out infinite;\n    }\n\n    .healing-wave:nth-child(2) { animation-delay: 1s; }\n    .healing-wave:nth-child(3) { animation-delay: 2s; }\n\n    @keyframes healingPulse {\n        0% {\n            width: 20px;\n            height: 20px;\n            opacity: 1;\n        }\n        100% {\n            width: 100px;\n            height: 100px;\n            opacity: 0;\n        }\n    }\n\n    .centella-info h3 {\n        color: #9C8102;\n        font-size: 1.5rem;\n        font-weight: 600;\n        margin-bottom: 2rem;\n        text-align: left;\n        direction: ltr;\n    }\n\n    .compound-list {\n        direction: ltr;\n        text-align: left;\n    }\n\n    .compound-item {\n        display: flex;\n        align-items: center;\n        margin-bottom: 1.5rem;\n        padding: 1rem;\n        background: white;\n        border-radius: 10px;\n        box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n        transition: all 0.3s ease;\n        opacity: 0;\n        transform: translateX(50px);\n    }\n\n    .compound-item:hover {\n        transform: translateX(0) translateY(-5px);\n        box-shadow: 0 10px 25px rgba(156,129,2,0.15);\n    }\n\n    .compound-icon {\n        font-size: 2rem;\n        margin-left: 1rem;\n        animation: rotate 4s linear infinite;\n    }\n\n    @keyframes rotate {\n        from { transform: rotate(0deg); }\n        to { transform: rotate(360deg); }\n    }\n\n    .compound-details h4 {\n        color: #9C8102;\n        font-size: 1.1rem;\n        font-weight: 600;\n        margin-bottom: 0.5rem;\n    }\n\n    .compound-details p {\n        color: #666;\n        font-size: 0.95rem;\n    }\n\n    \/* Technology Section *\/\n    .technology-section {\n        padding: 4rem 2rem;\n        background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);\n        color: white;\n        margin-bottom: 4rem;\n        border-radius: 20px;\n    }\n\n    .technology-section .section-title {\n        color: white;\n    }\n\n    .technology-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 3rem;\n        max-width: 1100px;\n        margin: 0 auto;\n    }\n\n    .tech-card, .experience-timeline {\n        background: rgba(255,255,255,0.1);\n        padding: 2rem;\n        border-radius: 15px;\n        backdrop-filter: blur(10px);\n        border: 1px solid rgba(255,255,255,0.2);\n    }\n\n    .tech-card h3, .experience-timeline h3 {\n        color: #9C8102;\n        font-size: 1.4rem;\n        font-weight: 600;\n        margin-bottom: 2rem;\n        text-align: center;\n    }\n\n    .tech-features {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 1.5rem;\n    }\n\n    .tech-feature {\n        text-align: center;\n        padding: 1rem;\n        background: rgba(255,255,255,0.05);\n        border-radius: 10px;\n        transition: all 0.3s ease;\n        opacity: 0;\n        transform: scale(0.8);\n    }\n\n    .tech-feature:hover {\n        transform: scale(1.05);\n        background: rgba(156,129,2,0.2);\n    }\n\n    .tech-icon {\n        font-size: 2rem;\n        margin-bottom: 0.5rem;\n        animation: float 3s ease-in-out infinite;\n    }\n\n    .tech-feature h4 {\n        color: #9C8102;\n        font-size: 1rem;\n        font-weight: 600;\n        margin-bottom: 0.5rem;\n    }\n\n    .tech-feature p {\n        font-size: 0.85rem;\n        opacity: 0.9;\n    }\n\n    .experience-steps {\n        direction: ltr;\n        text-align: left;\n    }\n\n    .experience-step {\n        display: flex;\n        align-items: center;\n        margin-bottom: 1.5rem;\n        padding: 1rem;\n        background: rgba(255,255,255,0.05);\n        border-radius: 10px;\n        border-left: 4px solid #9C8102;\n        transition: all 0.3s ease;\n    }\n\n    .experience-step:hover {\n        background: rgba(156,129,2,0.1);\n        transform: translateX(-10px);\n    }\n\n    .step-time {\n        font-weight: bold;\n        color: #9C8102;\n        margin-left: 1rem;\n        min-width: 120px;\n    }\n\n    .step-desc {\n        opacity: 0.9;\n    }\n\n    \/* Why Choose Section *\/\n    .why-choose-section {\n        padding: 4rem 2rem;\n        margin-bottom: 4rem;\n    }\n\n    .scientific-proof {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n        gap: 2rem;\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n\n    .proof-card {\n        background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n        padding: 2rem;\n        border-radius: 15px;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n        text-align: center;\n        transition: all 0.3s ease;\n        border-top: 4px solid #9C8102;\n    }\n\n    .proof-card:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 20px 40px rgba(156,129,2,0.2);\n    }\n\n    .proof-icon {\n        font-size: 3rem;\n        margin-bottom: 1rem;\n        animation: pulse 3s ease-in-out infinite;\n    }\n\n    .proof-card h3 {\n        color: #9C8102;\n        font-size: 1.3rem;\n        font-weight: 600;\n        margin-bottom: 1.5rem;\n    }\n\n    .proof-list {\n        text-align: left;\n        direction: ltr;\n        list-style: none;\n        padding: 0;\n    }\n\n    .proof-list li {\n        margin-bottom: 1rem;\n        padding: 0.8rem;\n        background: rgba(156,129,2,0.05);\n        border-radius: 8px;\n        border-right: 3px solid #9C8102;\n    }\n\n    .proof-list li strong {\n        color: #9C8102;\n    }\n\n    \/* Investment Section *\/\n    .investment-section {\n        padding: 4rem 2rem;\n        background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);\n        color: white;\n        border-radius: 20px;\n        margin-bottom: 2rem;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .investment-section::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"grain\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"25\" cy=\"25\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.05\"\/\u003e\u003ccircle cx=\"75\" cy=\"75\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.05\"\/\u003e\u003ccircle cx=\"50\" cy=\"50\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.05\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23grain)\"\/\u003e\u003c\/svg\u003e');\n        opacity: 0.3;\n    }\n\n    .investment-content {\n        position: relative;\n        z-index: 2;\n        max-width: 900px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .investment-title {\n        font-size: 2.5rem;\n        font-weight: 700;\n        color: #9C8102;\n        margin-bottom: 1.5rem;\n        text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n    }\n\n    .investment-tagline {\n        font-size: 1.2rem;\n        line-height: 1.8;\n        margin-bottom: 3rem;\n        opacity: 0.9;\n        text-align: left;\n        direction: ltr;\n    }\n\n    .final-results h3 {\n        color: #9C8102;\n        font-size: 1.8rem;\n        font-weight: 600;\n        margin-bottom: 2rem;\n    }\n\n    .final-benefits {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 1rem;\n        text-align: left;\n        direction: ltr;\n    }\n\n    .final-benefit {\n        display: flex;\n        align-items: center;\n        padding: 1rem;\n        background: rgba(255,255,255,0.1);\n        border-radius: 10px;\n        backdrop-filter: blur(10px);\n        border-right: 4px solid #9C8102;\n        transition: all 0.3s ease;\n        opacity: 0;\n        transform: translateY(30px);\n    }\n\n    .final-benefit:hover {\n        background: rgba(156,129,2,0.2);\n        transform: translateY(0) translateX(-10px);\n    }\n\n    .final-benefit .benefit-icon {\n        font-size: 1.5rem;\n        margin-left: 1rem;\n        animation: bounce 2s ease-in-out infinite;\n    }\n\n    .final-benefit:nth-child(2) .benefit-icon { animation-delay: 0.2s; }\n    .final-benefit:nth-child(3) .benefit-icon { animation-delay: 0.4s; }\n    .final-benefit:nth-child(4) .benefit-icon { animation-delay: 0.6s; }\n    .final-benefit:nth-child(5) .benefit-icon { animation-delay: 0.8s; }\n\n    @keyframes bounce {\n        0%, 100% { transform: translateY(0); }\n        50% { transform: translateY(-5px); }\n    }\n\n    .final-benefit .benefit-text {\n        font-size: 1rem;\n        line-height: 1.5;\n    }\n\n    .final-benefit strong {\n        color: #9C8102;\n    }\n\n    \/* Results Section *\/\n    .results-section {\n        padding: 4rem 2rem;\n        background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);\n        color: white;\n        margin-bottom: 4rem;\n        border-radius: 20px;\n    }\n\n    .results-section .section-title {\n        color: white;\n    }\n\n    .timeline {\n        max-width: 900px;\n        margin: 0 auto;\n        position: relative;\n    }\n\n    .timeline::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 50%;\n        width: 2px;\n        height: 100%;\n        background: #9C8102;\n        transform: translateX(-50%);\n    }\n\n    .timeline-item {\n        display: flex;\n        align-items: center;\n        margin-bottom: 3rem;\n        position: relative;\n    }\n\n    .timeline-item:nth-child(odd) .timeline-content {\n        margin-right: 50%;\n        padding-right: 3rem;\n        text-align: left;\n    }\n\n    .timeline-item:nth-child(even) .timeline-content {\n        margin-left: 50%;\n        padding-left: 3rem;\n    }\n\n    .timeline-marker {\n        position: absolute;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 60px;\n        height: 60px;\n        background: #9C8102;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1.5rem;\n        font-weight: bold;\n        color: white;\n        z-index: 2;\n        animation: glow 2s ease-in-out infinite alternate;\n    }\n\n    @keyframes glow {\n        from { box-shadow: 0 0 20px rgba(156,129,2,0.5); }\n        to { box-shadow: 0 0 30px rgba(156,129,2,0.8); }\n    }\n\n    .timeline-content h3 {\n        color: #9C8102;\n        font-size: 1.4rem;\n        margin-bottom: 1.5rem;\n    }\n\n    .stats-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n        gap: 1.5rem;\n    }\n\n    .stat {\n        text-align: center;\n        padding: 1rem;\n        background: rgba(255,255,255,0.1);\n        border-radius: 10px;\n        backdrop-filter: blur(10px);\n    }\n\n    .stat-number {\n        display: block;\n        font-size: 2.5rem;\n        font-weight: bold;\n        color: #9C8102;\n        margin-bottom: 0.5rem;\n    }\n\n    .stat-label {\n        font-size: 0.9rem;\n        opacity: 0.9;\n    }\n\n    \/* Usage Section *\/\n    .usage-section {\n        padding: 4rem 2rem;\n        margin-bottom: 4rem;\n    }\n\n    .usage-container {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 3rem;\n        max-width: 1000px;\n        margin: 0 auto;\n        align-items: center;\n    }\n\n    .usage-video {\n        border-radius: 15px;\n        overflow: hidden;\n        box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n        background: linear-gradient(135deg, #9C8102 0%, #d4c140 100%);\n        position: relative;\n    }\n\n    .usage-video video {\n        width: 100%;\n        height: auto;\n        display: block;\n        position: relative;\n        z-index: 2;\n    }\n\n    .usage-steps {\n        direction: ltr;\n        text-align: left;\n    }\n\n    .step {\n        display: flex;\n        align-items: center;\n        margin-bottom: 2rem;\n        opacity: 0;\n        transform: translateX(50px);\n        animation: slideInRight 0.8s ease-out forwards;\n    }\n\n    .step:nth-child(1) { animation-delay: 0.2s; }\n    .step:nth-child(2) { animation-delay: 0.4s; }\n    .step:nth-child(3) { animation-delay: 0.6s; }\n    .step:nth-child(4) { animation-delay: 0.8s; }\n\n    @keyframes slideInRight {\n        to {\n            opacity: 1;\n            transform: translateX(0);\n        }\n    }\n\n    .step-number {\n        width: 50px;\n        height: 50px;\n        background: linear-gradient(135deg, #9C8102, #d4c140);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1.3rem;\n        font-weight: bold;\n        color: white;\n        margin-left: 1.5rem;\n        box-shadow: 0 5px 15px rgba(156,129,2,0.3);\n    }\n\n    .step p {\n        font-size: 1.1rem;\n        color: #333;\n        font-weight: 500;\n    }\n\n    \/* Ingredients Section *\/\n    .ingredients-section {\n        padding: 4rem 2rem;\n        background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n        border-radius: 20px;\n        margin-bottom: 2rem;\n    }\n\n    .ingredients-container {\n        max-width: 800px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .ingredients-text {\n        font-size: 0.95rem;\n        line-height: 1.8;\n        color: #555;\n        padding: 2rem;\n        background: white;\n        border-radius: 15px;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n        border-left: 4px solid #9C8102;\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 768px) {\n        .main-title {\n            font-size: 1.8rem;\n        }\n\n        .subtitle {\n            font-size: 1rem;\n        }\n\n        .video-container {\n            height: 50vh;\n            min-height: 300px;\n        }\n\n        .hero-text-section {\n            padding: 2rem 1rem;\n        }\n\n        .benefits-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .ingredient-showcase {\n            grid-template-columns: 1fr;\n        }\n\n        .centella-container {\n            grid-template-columns: 1fr;\n        }\n\n        .technology-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .tech-features {\n            grid-template-columns: 1fr;\n        }\n\n        .scientific-proof {\n            grid-template-columns: 1fr;\n        }\n\n        .usage-container {\n            grid-template-columns: 1fr;\n        }\n\n        .timeline::before {\n            left: 30px;\n        }\n\n        .timeline-item:nth-child(odd) .timeline-content,\n        .timeline-item:nth-child(even) .timeline-content {\n            margin-left: 80px;\n            margin-right: 0;\n            padding-left: 2rem;\n            padding-right: 0;\n            text-align: left;\n        }\n\n        .timeline-marker {\n            left: 30px;\n            width: 40px;\n            height: 40px;\n            font-size: 1.2rem;\n        }\n\n        .stats-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .investment-title {\n            font-size: 2rem;\n        }\n\n        .compound-item {\n            flex-direction: column;\n            text-align: center;\n        }\n\n        .compound-icon {\n            margin: 0 0 1rem 0;\n        }\n    }\n\n    \/* Advanced Animation Triggers *\/\n    .benefit-card.animate {\n        opacity: 1;\n        transform: translateY(0);\n        transition: all 0.8s ease;\n    }\n\n    .benefit-card:nth-child(1).animate { transition-delay: 0.1s; }\n    .benefit-card:nth-child(2).animate { transition-delay: 0.2s; }\n    .benefit-card:nth-child(3).animate { transition-delay: 0.3s; }\n    .benefit-card:nth-child(4).animate { transition-delay: 0.4s; }\n    .benefit-card:nth-child(5).animate { transition-delay: 0.5s; }\n    .benefit-card:nth-child(6).animate { transition-delay: 0.6s; }\n\u003c\/style\u003e\n\u003cscript\u003e\n    \/\/ Intersection Observer for animations\n    const observerOptions = {\n        threshold: 0.1,\n        rootMargin: '0px 0px -50px 0px'\n    };\n\n    const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n            if (entry.isIntersecting) {\n                if (entry.target.classList.contains('benefit-card')) {\n                    entry.target.classList.add('animate');\n                }\n                \n                if (entry.target.classList.contains('stat-number')) {\n                    animateNumber(entry.target);\n                }\n\n                if (entry.target.classList.contains('compound-item')) {\n                    entry.target.style.opacity = '1';\n                    entry.target.style.transform = 'translateX(0)';\n                }\n\n                if (entry.target.classList.contains('tech-feature')) {\n                    entry.target.style.opacity = '1';\n                    entry.target.style.transform = 'scale(1)';\n                }\n\n                if (entry.target.classList.contains('final-benefit')) {\n                    entry.target.style.opacity = '1';\n                    entry.target.style.transform = 'translateY(0)';\n                }\n            }\n        });\n    }, observerOptions);\n\n    \/\/ Observe benefit cards\n    document.querySelectorAll('.benefit-card').forEach(card =\u003e {\n        observer.observe(card);\n    });\n\n    \/\/ Observe stat numbers\n    document.querySelectorAll('.stat-number').forEach(stat =\u003e {\n        observer.observe(stat);\n    });\n\n    \/\/ Observe compound items for centella section\n    document.querySelectorAll('.compound-item').forEach(item =\u003e {\n        observer.observe(item);\n    });\n\n    \/\/ Observe tech features\n    document.querySelectorAll('.tech-feature').forEach(feature =\u003e {\n        observer.observe(feature);\n    });\n\n    \/\/ Observe final benefits\n    document.querySelectorAll('.final-benefit').forEach(benefit =\u003e {\n        observer.observe(benefit);\n    });\n\n    \/\/ Animate numbers\n    function animateNumber(element) {\n        const target = parseInt(element.dataset.target);\n        const duration = 2000;\n        const start = Date.now();\n        \n        function updateNumber() {\n            const elapsed = Date.now() - start;\n            const progress = Math.min(elapsed \/ duration, 1);\n            \n            \/\/ Easing function\n            const easeOutCubic = 1 - Math.pow(1 - progress, 3);\n            const current = Math.floor(easeOutCubic * target);\n            \n            element.textContent = current;\n            \n            if (progress \u003c 1) {\n                requestAnimationFrame(updateNumber);\n            } else {\n                element.textContent = target;\n            }\n        }\n        \n        updateNumber();\n    }\n\n    \/\/ Add scroll-triggered animations for ingredient cards\n    const ingredientCards = document.querySelectorAll('.ingredient-card');\n    \n    const ingredientObserver = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n            if (entry.isIntersecting) {\n                entry.target.style.transform = 'translateY(0) scale(1)';\n                entry.target.style.opacity = '1';\n            }\n        });\n    }, { threshold: 0.2 });\n\n    ingredientCards.forEach(card =\u003e {\n        card.style.transform = 'translateY(50px) scale(0.9)';\n        card.style.opacity = '0';\n        card.style.transition = 'all 0.8s ease';\n        ingredientObserver.observe(card);\n    });\n\n    \/\/ Add animations for proof cards\n    const proofCards = document.querySelectorAll('.proof-card');\n    \n    const proofObserver = new IntersectionObserver((entries) =\u003e {\n        entries.forEach((entry, index) =\u003e {\n            if (entry.isIntersecting) {\n                setTimeout(() =\u003e {\n                    entry.target.style.transform = 'translateY(0) scale(1)';\n                    entry.target.style.opacity = '1';\n                }, index * 200);\n            }\n        });\n    }, { threshold: 0.2 });\n\n    proofCards.forEach(card =\u003e {\n        card.style.transform = 'translateY(50px) scale(0.9)';\n        card.style.opacity = '0';\n        card.style.transition = 'all 0.8s ease';\n        proofObserver.observe(card);\n    });\n\n    \/\/ Add animations for experience steps\n    const experienceSteps = document.querySelectorAll('.experience-step');\n    \n    const experienceObserver = new IntersectionObserver((entries) =\u003e {\n        entries.forEach((entry, index) =\u003e {\n            if (entry.isIntersecting) {\n                setTimeout(() =\u003e {\n                    entry.target.style.transform = 'translateX(0)';\n                    entry.target.style.opacity = '1';\n                }, index * 300);\n            }\n        });\n    }, { threshold: 0.3 });\n\n    experienceSteps.forEach(step =\u003e {\n        step.style.transform = 'translateX(100px)';\n        step.style.opacity = '0';\n        step.style.transition = 'all 0.8s ease';\n        experienceObserver.observe(step);\n    });\n\n    \/\/ Timeline animation\n    const timelineItems = document.querySelectorAll('.timeline-item');\n    \n    const timelineObserver = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n            if (entry.isIntersecting) {\n                entry.target.style.transform = 'translateX(0)';\n                entry.target.style.opacity = '1';\n            }\n        });\n    }, { threshold: 0.3 });\n\n    timelineItems.forEach((item, index) =\u003e {\n        item.style.transform = index % 2 === 0 ? 'translateX(-100px)' : 'translateX(100px)';\n        item.style.opacity = '0';\n        item.style.transition = 'all 0.8s ease';\n        timelineObserver.observe(item);\n    });\n\n    \/\/ Handle video loading and mobile compatibility\n    function handleVideoLoading() {\n        const videos = document.querySelectorAll('video');\n        \n        videos.forEach(video =\u003e {\n            \/\/ Ensure video is muted for autoplay\n            video.muted = true;\n            video.setAttribute('muted', 'true');\n            video.setAttribute('webkit-playsinline', 'true');\n            video.setAttribute('playsinline', 'true');\n            \n            \/\/ Try to play the video\n            const playPromise = video.play();\n            \n            if (playPromise !== undefined) {\n                playPromise.then(() =\u003e {\n                    console.log('Video is playing');\n                }).catch(error =\u003e {\n                    console.log('Video autoplay prevented:', error);\n                });\n            }\n\n            \/\/ Ensure video stays muted\n            video.addEventListener('loadstart', function() {\n                this.muted = true;\n            });\n        });\n    }\n\n    \/\/ Initialize video handling when DOM is loaded\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', handleVideoLoading);\n    } else {\n        handleVideoLoading();\n    }\n\n    \/\/ Smooth scroll behavior for better user experience\n    document.documentElement.style.scrollBehavior = 'smooth';\n\n    \/\/ Add hover effects to step numbers\n    document.querySelectorAll('.step-number').forEach(step =\u003e {\n        step.addEventListener('mouseenter', () =\u003e {\n            step.style.transform = 'scale(1.1) rotate(10deg)';\n            step.style.transition = 'all 0.3s ease';\n        });\n        \n        step.addEventListener('mouseleave', () =\u003e {\n            step.style.transform = 'scale(1) rotate(0deg)';\n        });\n    });\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44748493226181,"sku":"","price":1100.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/revive-serum-ginseng-snail-mucin-serums-ampoules-406964.webp?v=1748097935"},{"product_id":"beauty-of-joseon-calming-serum-green-tea-and-panthenol-clear-30ml","title":"Beauty of Joseon Calming Serum está especializado en calmar la piel y reducir enrojecimientos 30ml","description":"\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Video Section --\u003e\n\u003cdiv class=\"video-section\"\u003e\n\u003cdiv class=\"video-container\"\u003e\n\u003cvideo autoplay=\"\" loop=\"\" muted=\"\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/413443a24bfe4ef1a568fe7c3bc4544c.mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Text Section --\u003e\n\u003cdiv class=\"hero-text-section\"\u003e\n\u003ch1 class=\"main-title fade-in\"\u003eLa fórmula coreana que transforma la piel inflamada en piel perfecta\u003c\/h1\u003e\n\u003cp class=\"subtitle slide-up\"\u003eBeauty of Joseon Calming Serum: La fórmula mágica para piel sensible\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Problem Section --\u003e\n\u003cdiv class=\"problem-section\"\u003e\n\u003cdiv class=\"problem-container\"\u003e\n\u003cimg alt=\"Beauty of Joseon Calming Serum\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_calming_serum.png?v=1748104893\"\/\u003e\n\u003cdiv class=\"problem-content\"\u003e\n\u003ch2\u003ePiel sensible e inflamada - tu primer enemigo\u003c\/h2\u003e\n\u003cp class=\"problem-intro\"\u003eSufres de \u003cstrong\u003e¿La piel reacciona a todo?\u003c\/strong\u003e Enrojecimiento constante debido al sol, irritación por los productos más simples, sequedad y picazón que no se detienen?\u003c\/p\u003e\n\u003ch3\u003eProblemas básicos:\u003c\/h3\u003e\n\u003cul class=\"problem-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e🔥\u003c\/span\u003e\u003cstrong\u003eInflamación crónica\u003c\/strong\u003e Que destruye la barrera natural de la piel\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e☀️\u003c\/span\u003e\u003cstrong\u003eDaño UV\u003c\/strong\u003e Que causa enrojecimiento y envejecimiento prematuro\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e💧\u003c\/span\u003e\u003cstrong\u003ePérdida rápida de humedad\u003c\/strong\u003e Que deja la piel seca y agrietada\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e😰\u003c\/span\u003e\u003cstrong\u003eSensibilidad excesiva\u003c\/strong\u003e Hace que cualquier producto nuevo sea fuente de miedo y ansiedad\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"painful-result\"\u003e\n\u003ch3\u003eResultado doloroso:\u003c\/h3\u003e\n\u003cp\u003ePiel enojada y rebelde, confianza perdida y sensación constante de que no hay solución a este sufrimiento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Solution Benefits --\u003e\n\u003cdiv class=\"solution-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eLa solución definitiva que detiene el sufrimiento de la piel sensible en 60 segundos\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"100\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eAntiinflamatorio\u003c\/h3\u003e\n\u003cp\u003eAlivio inmediato del enrojecimiento y la irritación causados por alergias o exposición al sol.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"200\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eFortalecer la barrera hidrolipídica\u003c\/h3\u003e\n\u003cp\u003eRepara y refuerza la capa protectora natural para prevenir la penetración de irritantes externos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"300\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e💦\u003c\/div\u003e\n\u003ch3\u003eFavorecer la hidratación profunda\u003c\/h3\u003e\n\u003cp\u003eLa hidratación en capas alcanza profundamente la piel y retiene la humedad durante muchas horas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"400\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e💚\u003c\/div\u003e\n\u003ch3\u003eAliviar la piel sensible\u003c\/h3\u003e\n\u003cp\u003eAlivio inmediato para la piel que reacciona a factores ambientales y productos cosméticos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"500\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e☂️\u003c\/div\u003e\n\u003ch3\u003eProtección contra los rayos nocivos\u003c\/h3\u003e\n\u003cp\u003eResistencia a los efectos negativos de los rayos ultravioleta y de la contaminación ambiental.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Science Behind Formula --\u003e\n\u003cdiv class=\"science-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eLa ciencia detrás de la fórmula desarrollada\u003c\/h2\u003e\n\u003ch1 class=\"science-subtitle\"\u003eDesde el primer toque: ¿Cómo hace este suero coreano para borrar 15 años de daños en la piel?\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003c!-- Main Ingredients --\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003cdiv class=\"ingredient-showcase\"\u003e\n\u003cdiv class=\"ingredient-card green-tea-card\"\u003e\n\u003cimg alt=\"Green Tea\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_calming_serum_2.jpg?v=1748105004\"\/\u003e\n\u003cdiv class=\"ingredient-info\"\u003e\n\u003ch3\u003eTé verde 50% | Potencia del té verde\u003c\/h3\u003e\n\u003cdiv class=\"ancient-wisdom\"\u003e\n\u003cp\u003eEn el antiguo libro de medicina Dong Ui Bogam: “El té verde revitaliza la energía, aclara la mente y alivia la piel dañada por el sol.”\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch4\u003e¿Cómo vence el té verde coreano los tipos de inflamación más difíciles?\u003c\/h4\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eAliviar la inflamación causada por los rayos ultravioleta\u003c\/li\u003e\n\u003cli\u003eCombate los radicales libres con el poder de los antioxidantes naturales\u003c\/li\u003e\n\u003cli\u003eRenueva las células de la piel dañadas y las protege de daños futuros\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card mugwort-card\"\u003e\n\u003cimg alt=\"Mugwort\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_calming_serum_3.jpg?v=1748105031\"\/\u003e\n\u003cdiv class=\"ingredient-info\"\u003e\n\u003ch3\u003eExtracto de artemisa 30% | Extracto de Artemisia\u003c\/h3\u003e\n\u003cdiv class=\"sacred-herb\"\u003e\n\u003cp\u003eUna hierba sagrada en la medicina oriental, conocida como la “Madre de las Hierbas” por sus distintivas propiedades curativas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch4\u003eNatural Relief ofrece:\u003c\/h4\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eAlivio instantáneo de la piel irritada e inflamada\u003c\/li\u003e\n\u003cli\u003eHidratación profunda y delicada para piel sensible\u003c\/li\u003e\n\u003cli\u003eFortalecer la inmunidad natural de la piel contra los irritantes externos\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card panthenol-card\"\u003e\n\u003cimg alt=\"Panthenol\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/12.webp?v=1748105051\"\/\u003e\n\u003cdiv class=\"ingredient-info\"\u003e\n\u003ch3\u003ePantenol 5% | Pro-Vitamina B5\u003c\/h3\u003e\n\u003cdiv class=\"revolutionary-development\"\u003e\n\u003cp\u003eDesarrollo revolucionario: ¡concentración aumentada del 2% al 5% para una doble protección!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch4\u003eEl pantenol avanzado alcanza:\u003c\/h4\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eCrea una barrera protectora hidratante de 24 horas\u003c\/li\u003e\n\u003cli\u003eConversión inmediata en vitamina B5 dentro de las células de la piel\u003c\/li\u003e\n\u003cli\u003ePreviene la pérdida de humedad y protege la piel de irritaciones frecuentes\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Supporting Ingredients --\u003e\n\u003cdiv class=\"supporting-ingredients\"\u003e\n\u003ch2 class=\"section-title\"\u003eIngredientes avanzados para suplementos\u003c\/h2\u003e\n\u003cdiv class=\"supporting-grid\"\u003e\n\u003cdiv class=\"supporting-item\" data-aos=\"fade-up\" data-delay=\"100\"\u003e\n\u003cdiv class=\"supporting-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003eAlantoína | Alantoína\u003c\/h3\u003e\n\u003cp\u003eUn agente calmante natural que acelera la curación de la piel dañada y reduce la irritación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"supporting-item\" data-aos=\"fade-up\" data-delay=\"200\"\u003e\n\u003cdiv class=\"supporting-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003eÁcido hialurónico | Sal de sodio del ácido hialurónico\u003c\/h3\u003e\n\u003cp\u003eLas moléculas de agua retienen la humedad y suavizan la textura de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"supporting-item\" data-aos=\"fade-up\" data-delay=\"300\"\u003e\n\u003cdiv class=\"supporting-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eExtracto de regaliz | Dicalcio de glicirrizato\u003c\/h3\u003e\n\u003cp\u003eUn antiinflamatorio natural que uniforma el tono de la piel y reduce la pigmentación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"supporting-item\" data-aos=\"fade-up\" data-delay=\"400\"\u003e\n\u003cdiv class=\"supporting-icon\"\u003e🌾\u003c\/div\u003e\n\u003ch3\u003eExtracto de raíz de Coptis | Extracto de raíz de Coptis Japonica\u003c\/h3\u003e\n\u003cp\u003eUna hierba tradicional china que es antibacteriana y calmante para la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Transformation Journey --\u003e\n\u003cdiv class=\"transformation-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eViaje de transformación con suero\u003c\/h2\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item\" data-time=\"1hour\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e1h\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eDurante la primera hora\u003c\/h3\u003e\n\u003cdiv class=\"results-list\"\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Alivio inmediato del enrojecimiento y picazón\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Una sensación de frescura y comodidad\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Absorción rápida sin dejar restos grasos\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\" data-time=\"1week\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e1w\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eDentro de una semana\u003c\/h3\u003e\n\u003cdiv class=\"results-list\"\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Mejora evidente de la sensibilidad de la piel\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Hidratación más profunda y duradera\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Fortalecimiento claro de la barrera natural de la piel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\" data-time=\"1month\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e1m\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eDentro de un mes\u003c\/h3\u003e\n\u003cdiv class=\"results-list\"\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Piel más resistente a los agentes irritantes externos\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Unificar el tono de la piel y reducir el enrojecimiento crónico\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Textura más suave, sana y fresca\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!-- What Makes It Unique --\u003e\n\u003cdiv class=\"unique-section\"\u003e\n\u003cdiv class=\"unique-image\"\u003e\n\u003cimg alt=\"Green Tea and Mugwort\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_calming_serum_green_tea_mugwort.webp?v=1748105239\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"unique-content\"\u003e\n\u003ch2\u003e¿Qué distingue este suero de otros sueros calmantes?\u003c\/h2\u003e\n\u003cdiv class=\"unique-features\"\u003e\n\u003cdiv class=\"unique-feature\" data-aos=\"fade-right\" data-delay=\"100\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eDoble impulso de calma\u003c\/h3\u003e\n\u003cp\u003eAumentar la concentración de artemisa del 20% al 30% para un efecto calmante más fuerte y duradero.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"unique-feature\" data-aos=\"fade-right\" data-delay=\"200\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🛡️\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eDoble protección de la hidratación\u003c\/h3\u003e\n\u003cp\u003eAumento del pantenol del 2% al 5% para una barrera de hidratación más fuerte y una mejor protección.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"unique-feature\" data-aos=\"fade-right\" data-delay=\"300\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚖️\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eFórmula perfectamente equilibrada\u003c\/h3\u003e\n\u003cp\u003eProporciones calculadas científicamente para garantizar la máxima eficacia con el mínimo potencial de irritación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"unique-feature\" data-aos=\"fade-right\" data-delay=\"400\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eTextura sedosa avanzada\u003c\/h3\u003e\n\u003cp\u003eLa textura ligera se absorbe rápidamente y deja la piel suave y fresca.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"usage-instructions\"\u003e\n\u003ch2 class=\"section-title\"\u003eModo de uso correcto\u003c\/h2\u003e\n\u003cdiv class=\"usage-grid\"\u003e\n\u003cdiv class=\"usage-time morning\"\u003e\n\u003ch3\u003eMañana\u003c\/h3\u003e\n\u003col class=\"usage-steps\"\u003e\n\u003cli\u003eDespués de limpiar el rostro, aplicar una pequeña cantidad en rostro y cuello\u003c\/li\u003e\n\u003cli\u003eMasajear delicadamente con movimientos hacia arriba hasta la completa absorción\u003c\/li\u003e\n\u003cli\u003eSeguir con hidratante y protector solar\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-time evening\"\u003e\n\u003ch3\u003eNoche\u003c\/h3\u003e\n\u003col class=\"usage-steps\"\u003e\n\u003cli\u003eAplica el suero sobre la piel limpia y seca\u003c\/li\u003e\n\u003cli\u003eDejar absorber durante dos minutos antes de aplicar otros productos\u003c\/li\u003e\n\u003cli\u003eUsa diariamente para los mejores resultados\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-time sensitive\"\u003e\n\u003ch3\u003ePara pieles muy sensibles\u003c\/h3\u003e\n\u003cul class=\"usage-steps\"\u003e\n\u003cli\u003eComienza a usar una vez cada dos días\u003c\/li\u003e\n\u003cli\u003eAumentar gradualmente la frecuencia según la respuesta de la piel\u003c\/li\u003e\n\u003cli\u003ePuede ser utilizado como mascarilla calmante durante 10 minutos y luego retirado delicadamente\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List --\u003e\n\u003cdiv class=\"ingredients-list-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTodos los componentes\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-container\"\u003e\n\u003cp class=\"ingredients-text\"\u003eCamellia Sinensis Leaf Water, Water, Panthenol, Glycerin, Butylene Glycol, 1,2-Hexanediol, Methylpropanediol, Acrylates\/C10-30 Alkyl Acrylate Crosspolymer, Tromethamine, Betaine, Ethylhexylglycerin, Allantoin, Dipotassium Glycyrrhizate, Artemisia Capillaris Extract, Glyceryl Acrylate\/Acrylic Acid Copolymer, Melia Azadirachta Leaf Extract, Polyquaternium-51, Malt Extract, Melia Azadirachta Flower Extract, Coptis Japonica Root Extract, Sodium Hyaluronate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    .product-description {\n        max-width: 1200px;\n        margin: 0 auto;\n      \n        color: #333;\n        line-height: 1.6;\n        overflow-x: hidden;\n    }\n\n    \/* Video Section *\/\n    .video-section {\n        width: 100%;\n        margin-bottom: 2rem;\n        border-radius: 20px;\n        overflow: hidden;\n        box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n    }\n\n    .video-container {\n        position: relative;\n        width: 100%;\n        height: 60vh;\n        min-height: 400px;\n    }\n\n    .video-container video {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n    }\n\n    \/* Hero Text Section *\/\n    .hero-text-section {\n        text-align: center;\n        padding: 4rem 2rem;\n        background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n        border-radius: 20px;\n        margin-bottom: 4rem;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n    }\n\n    .main-title {\n        font-size: 2.5rem;\n        font-weight: 700;\n        color: #9C8102;\n        margin-bottom: 1.5rem;\n        text-align: center;\n        direction: ltr;\n    }\n\n    .subtitle {\n        font-size: 1.2rem;\n        color: #666;\n        max-width: 800px;\n        margin: 0 auto;\n        text-align: center;\n        line-height: 1.8;\n    }\n\n    \/* Problem Section *\/\n    .problem-section {\n        padding: 4rem 2rem;\n        background: linear-gradient(135deg, #2c2c2c 0%, #1a1a1a 100%);\n        color: white;\n        border-radius: 20px;\n        margin-bottom: 4rem;\n        border-left: 5px solid #9C8102;\n    }\n\n    .problem-container {\n        display: grid;\n        grid-template-columns: 1fr 2fr;\n        gap: 3rem;\n        max-width: 1000px;\n        margin: 0 auto;\n        align-items: center;\n    }\n\n    .problem-container img {\n        width: 100%;\n        border-radius: 15px;\n        box-shadow: 0 15px 35px rgba(0,0,0,0.3);\n    }\n\n    .problem-content {\n        direction: ltr;\n        text-align: left;\n    }\n\n    .problem-content h2 {\n        color: #9C8102;\n        font-size: 1.8rem;\n        font-weight: 600;\n        margin-bottom: 1.5rem;\n    }\n\n    .problem-intro {\n        font-size: 1.1rem;\n        line-height: 1.8;\n        margin-bottom: 2rem;\n        color: #f0f0f0;\n    }\n\n    .problem-content h3 {\n        color: #9C8102;\n        font-size: 1.3rem;\n        font-weight: 600;\n        margin-bottom: 1rem;\n    }\n\n    .problem-list {\n        list-style: none;\n        padding: 0;\n        margin-bottom: 2rem;\n    }\n\n    .problem-list li {\n        display: flex;\n        align-items: center;\n        margin-bottom: 1rem;\n        padding: 1rem;\n        background: rgba(255,255,255,0.1);\n        border-radius: 10px;\n        border-right: 3px solid #9C8102;\n        backdrop-filter: blur(10px);\n    }\n\n    .problem-icon {\n        font-size: 1.5rem;\n        margin-left: 1rem;\n        animation: pulse 2s ease-in-out infinite;\n    }\n\n    .painful-result {\n        background: linear-gradient(135deg, #1a1a1a 0%, #000000 100%);\n        color: white;\n        padding: 2rem;\n        border-radius: 15px;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n        border: 2px solid #9C8102;\n    }\n\n    .painful-result h3 {\n        color: #9C8102;\n        margin-bottom: 1rem;\n    }\n\n    \/* Section Titles *\/\n    .section-title {\n        font-size: 2rem;\n        font-weight: 700;\n        color: #9C8102;\n        text-align: center;\n        margin-bottom: 3rem;\n        position: relative;\n        direction: ltr;\n    }\n\n    .section-title::after {\n        content: '';\n        position: absolute;\n        bottom: -10px;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 80px;\n        height: 3px;\n        background: linear-gradient(90deg, transparent, #9C8102, transparent);\n    }\n\n    .science-header {\n        text-align: center;\n        padding: 4rem 2rem;\n        margin-bottom: 4rem;\n    }\n\n    .science-subtitle {\n        font-size: 1.8rem;\n        font-weight: 600;\n        color: #2c3e50;\n        margin-top: 1rem;\n        direction: ltr;\n    }\n\n    \/* Solution Benefits *\/\n    .solution-section {\n        padding: 4rem 2rem;\n        background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n        margin-bottom: 4rem;\n        border-radius: 20px;\n        border-left: 5px solid #9C8102;\n    }\n\n    .benefits-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 2rem;\n        max-width: 1000px;\n        margin: 0 auto;\n    }\n\n    .benefit-card {\n        background: white;\n        padding: 2rem;\n        border-radius: 15px;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n        text-align: center;\n        transition: all 0.3s ease;\n        opacity: 0;\n        transform: translateY(50px);\n        border-top: 4px solid #9C8102;\n    }\n\n    .benefit-card:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 20px 40px rgba(156,129,2,0.2);\n    }\n\n    .benefit-icon {\n        font-size: 3rem;\n        margin-bottom: 1rem;\n        animation: float 3s ease-in-out infinite;\n    }\n\n    .benefit-card h3 {\n        color: #9C8102;\n        font-size: 1.3rem;\n        font-weight: 600;\n        margin-bottom: 1rem;\n    }\n\n    .benefit-card p {\n        color: #666;\n        text-align: left;\n        direction: ltr;\n    }\n\n    \/* Ingredients Section *\/\n    .ingredients-section {\n        padding: 4rem 2rem;\n        margin-bottom: 4rem;\n    }\n\n    .ingredient-showcase {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 4rem;\n        max-width: 1000px;\n        margin: 0 auto;\n    }\n\n    .ingredient-card {\n        background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n        border-radius: 20px;\n        overflow: hidden;\n        box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n        transition: all 0.3s ease;\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 2rem;\n        align-items: center;\n    }\n\n    .ingredient-card:hover {\n        transform: scale(1.02);\n        box-shadow: 0 20px 40px rgba(156,129,2,0.15);\n    }\n\n    .ingredient-card img {\n        width: 100%;\n        height: 300px;\n        object-fit: cover;\n    }\n\n    .ingredient-info {\n        padding: 2rem;\n        direction: ltr;\n        text-align: left;\n    }\n\n    .ingredient-info h3 {\n        color: #9C8102;\n        font-size: 1.4rem;\n        font-weight: 600;\n        margin-bottom: 1.5rem;\n    }\n\n    .ancient-wisdom, .sacred-herb, .revolutionary-development {\n        background: rgba(156,129,2,0.1);\n        padding: 1rem;\n        border-radius: 10px;\n        margin-bottom: 1.5rem;\n        border-right: 4px solid #9C8102;\n        font-style: italic;\n        color: #666;\n    }\n\n    .ingredient-info h4 {\n        color: #2c3e50;\n        font-size: 1.1rem;\n        font-weight: 600;\n        margin-bottom: 1rem;\n    }\n\n    .ingredient-benefits {\n        list-style: none;\n        padding: 0;\n    }\n\n    .ingredient-benefits li {\n        margin-bottom: 0.8rem;\n        position: relative;\n        padding-right: 1.5rem;\n    }\n\n    .ingredient-benefits li::before {\n        content: '✓';\n        position: absolute;\n        right: 0;\n        color: #9C8102;\n        font-weight: bold;\n    }\n\n    \/* Supporting Ingredients *\/\n    .supporting-ingredients {\n        padding: 4rem 2rem;\n        background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n        border-radius: 20px;\n        margin-bottom: 4rem;\n    }\n\n    .supporting-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n        gap: 2rem;\n        max-width: 1000px;\n        margin: 0 auto;\n    }\n\n    .supporting-item {\n        background: white;\n        padding: 1.5rem;\n        border-radius: 15px;\n        text-align: center;\n        box-shadow: 0 5px 20px rgba(0,0,0,0.05);\n        transition: all 0.3s ease;\n        opacity: 0;\n        transform: translateY(30px);\n    }\n\n    .supporting-item:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 30px rgba(156,129,2,0.15);\n    }\n\n    .supporting-icon {\n        font-size: 2.5rem;\n        margin-bottom: 1rem;\n        animation: rotate 4s linear infinite;\n    }\n\n    .supporting-item h3 {\n        color: #9C8102;\n        font-size: 1.1rem;\n        font-weight: 600;\n        margin-bottom: 0.8rem;\n    }\n\n    .supporting-item p {\n        color: #666;\n        font-size: 0.9rem;\n        text-align: left;\n        direction: ltr;\n    }\n\n    \/* Transformation Timeline *\/\n    .transformation-section {\n        padding: 4rem 2rem;\n        background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);\n        color: white;\n        margin-bottom: 4rem;\n        border-radius: 20px;\n    }\n\n    .transformation-section .section-title {\n        color: white;\n    }\n\n    .timeline {\n        max-width: 900px;\n        margin: 0 auto;\n        position: relative;\n    }\n\n    .timeline::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 50%;\n        width: 2px;\n        height: 100%;\n        background: #9C8102;\n        transform: translateX(-50%);\n    }\n\n    .timeline-item {\n        display: flex;\n        align-items: center;\n        margin-bottom: 3rem;\n        position: relative;\n    }\n\n    .timeline-item:nth-child(odd) .timeline-content {\n        margin-right: 50%;\n        padding-right: 3rem;\n        text-align: left;\n    }\n\n    .timeline-item:nth-child(even) .timeline-content {\n        margin-left: 50%;\n        padding-left: 3rem;\n    }\n\n    .timeline-marker {\n        position: absolute;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 60px;\n        height: 60px;\n        background: #9C8102;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1rem;\n        font-weight: bold;\n        color: white;\n        z-index: 2;\n        animation: glow 2s ease-in-out infinite alternate;\n    }\n\n    .timeline-content h3 {\n        color: #9C8102;\n        font-size: 1.4rem;\n        margin-bottom: 1.5rem;\n    }\n\n    .results-list {\n        direction: ltr;\n        text-align: left;\n    }\n\n    .result-item {\n        margin-bottom: 0.8rem;\n        padding: 0.5rem;\n        background: rgba(255,255,255,0.1);\n        border-radius: 5px;\n        font-size: 0.95rem;\n    }\n\n    \/* Unique Features *\/\n    .unique-section {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 3rem;\n        padding: 4rem 2rem;\n        margin-bottom: 4rem;\n        align-items: center;\n    }\n\n    .unique-image img {\n        width: 100%;\n        border-radius: 15px;\n        box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n    }\n\n    .unique-content {\n        direction: ltr;\n        text-align: left;\n    }\n\n    .unique-content h2 {\n        color: #9C8102;\n        font-size: 1.8rem;\n        font-weight: 600;\n        margin-bottom: 2rem;\n    }\n\n    .unique-feature {\n        display: flex;\n        align-items: flex-start;\n        margin-bottom: 2rem;\n        opacity: 0;\n        transform: translateX(50px);\n        transition: all 0.8s ease;\n    }\n\n    .feature-icon {\n        font-size: 2rem;\n        margin-left: 1rem;\n        animation: bounce 2s ease-in-out infinite;\n    }\n\n    .feature-content h3 {\n        color: #9C8102;\n        font-size: 1.2rem;\n        font-weight: 600;\n        margin-bottom: 0.5rem;\n    }\n\n    .feature-content p {\n        color: #666;\n        line-height: 1.6;\n    }\n\n    \/* Usage Instructions *\/\n    .usage-instructions {\n        padding: 4rem 2rem;\n        background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);\n        border-radius: 20px;\n        margin-bottom: 4rem;\n    }\n\n    .usage-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 2rem;\n        max-width: 1000px;\n        margin: 0 auto;\n    }\n\n    .usage-time {\n        background: white;\n        padding: 2rem;\n        border-radius: 15px;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n        direction: ltr;\n        text-align: left;\n    }\n\n    .morning {\n        border-top: 4px solid #ffc107;\n    }\n\n    .evening {\n        border-top: 4px solid #6f42c1;\n    }\n\n    .sensitive {\n        border-top: 4px solid #dc3545;\n    }\n\n    .usage-time h3 {\n        color: #9C8102;\n        font-size: 1.3rem;\n        font-weight: 600;\n        margin-bottom: 1.5rem;\n        text-align: center;\n    }\n\n    .usage-steps {\n        padding-right: 1rem;\n    }\n\n    .usage-steps li {\n        margin-bottom: 1rem;\n        line-height: 1.6;\n        color: #555;\n    }\n\n    \/* Ingredients List *\/\n    .ingredients-list-section {\n        padding: 4rem 2rem;\n        background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n        border-radius: 20px;\n        margin-bottom: 2rem;\n    }\n\n    .ingredients-container {\n        max-width: 800px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .ingredients-text {\n        font-size: 0.95rem;\n        line-height: 1.8;\n        color: #555;\n        padding: 2rem;\n        background: white;\n        border-radius: 15px;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n        border-left: 4px solid #9C8102;\n    }\n\n    \/* Animations *\/\n    .fade-in {\n        opacity: 0;\n        animation: fadeIn 2s ease-out forwards;\n    }\n\n    .slide-up {\n        opacity: 0;\n        transform: translateY(30px);\n        animation: slideUp 2s ease-out 0.5s forwards;\n    }\n\n    @keyframes fadeIn {\n        to { opacity: 1; }\n    }\n\n    @keyframes slideUp {\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    @keyframes float {\n        0%, 100% { transform: translateY(0px); }\n        50% { transform: translateY(-10px); }\n    }\n\n    @keyframes pulse {\n        0%, 100% { \n            transform: scale(1); \n            opacity: 1; \n        }\n        50% { \n            transform: scale(1.1); \n            opacity: 0.8; \n        }\n    }\n\n    @keyframes rotate {\n        from { transform: rotate(0deg); }\n        to { transform: rotate(360deg); }\n    }\n\n    @keyframes glow {\n        from { box-shadow: 0 0 20px rgba(156,129,2,0.5); }\n        to { box-shadow: 0 0 30px rgba(156,129,2,0.8); }\n    }\n\n    @keyframes bounce {\n        0%, 100% { transform: translateY(0); }\n        50% { transform: translateY(-5px); }\n    }\n\n    \/* Advanced Animation Triggers *\/\n    .benefit-card.animate {\n        opacity: 1;\n        transform: translateY(0);\n        transition: all 0.8s ease;\n    }\n\n    .benefit-card:nth-child(1).animate { transition-delay: 0.1s; }\n    .benefit-card:nth-child(2).animate { transition-delay: 0.2s; }\n    .benefit-card:nth-child(3).animate { transition-delay: 0.3s; }\n    .benefit-card:nth-child(4).animate { transition-delay: 0.4s; }\n    .benefit-card:nth-child(5).animate { transition-delay: 0.5s; }\n\n    \/* Responsive Design *\/\n    @media (max-width: 768px) {\n        .main-title {\n            font-size: 1.8rem;\n        }\n\n        .subtitle {\n            font-size: 1rem;\n        }\n\n        .video-container {\n            height: 50vh;\n            min-height: 300px;\n        }\n\n        .hero-text-section {\n            padding: 2rem 1rem;\n        }\n\n        .problem-container {\n            grid-template-columns: 1fr;\n        }\n\n        .benefits-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .ingredient-card {\n            grid-template-columns: 1fr;\n        }\n\n        .supporting-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .unique-section {\n            grid-template-columns: 1fr;\n        }\n\n        .usage-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .timeline::before {\n            left: 30px;\n        }\n\n        .timeline-item:nth-child(odd) .timeline-content,\n        .timeline-item:nth-child(even) .timeline-content {\n            margin-left: 80px;\n            margin-right: 0;\n            padding-left: 2rem;\n            padding-right: 0;\n            text-align: left;\n        }\n\n        .timeline-marker {\n            left: 30px;\n            width: 40px;\n            height: 40px;\n            font-size: 0.9rem;\n        }\n\n        .science-subtitle {\n            font-size: 1.4rem;\n        }\n    }\n\u003c\/style\u003e\n\u003cscript\u003e\n    \/\/ Intersection Observer for animations\n    const observerOptions = {\n        threshold: 0.1,\n        rootMargin: '0px 0px -50px 0px'\n    };\n\n    const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n            if (entry.isIntersecting) {\n                if (entry.target.classList.contains('benefit-card')) {\n                    entry.target.classList.add('animate');\n                }\n                \n                if (entry.target.classList.contains('supporting-item')) {\n                    entry.target.style.opacity = '1';\n                    entry.target.style.transform = 'translateY(0)';\n                }\n\n                if (entry.target.classList.contains('unique-feature')) {\n                    entry.target.style.opacity = '1';\n                    entry.target.style.transform = 'translateX(0)';\n                }\n            }\n        });\n    }, observerOptions);\n\n    \/\/ Observe benefit cards\n    document.querySelectorAll('.benefit-card').forEach(card =\u003e {\n        observer.observe(card);\n    });\n\n    \/\/ Observe supporting items\n    document.querySelectorAll('.supporting-item').forEach(item =\u003e {\n        observer.observe(item);\n    });\n\n    \/\/ Observe unique features\n    document.querySelectorAll('.unique-feature').forEach(feature =\u003e {\n        observer.observe(feature);\n    });\n\n    \/\/ Add scroll-triggered animations for ingredient cards\n    const ingredientCards = document.querySelectorAll('.ingredient-card');\n    \n    const ingredientObserver = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n            if (entry.isIntersecting) {\n                entry.target.style.transform = 'translateY(0) scale(1)';\n                entry.target.style.opacity = '1';\n            }\n        });\n    }, { threshold: 0.2 });\n\n    ingredientCards.forEach(card =\u003e {\n        card.style.transform = 'translateY(50px) scale(0.9)';\n        card.style.opacity = '0';\n        card.style.transition = 'all 0.8s ease';\n        ingredientObserver.observe(card);\n    });\n\n    \/\/ Timeline animation\n    const timelineItems = document.querySelectorAll('.timeline-item');\n    \n    const timelineObserver = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n            if (entry.isIntersecting) {\n                entry.target.style.transform = 'translateX(0)';\n                entry.target.style.opacity = '1';\n            }\n        });\n    }, { threshold: 0.3 });\n\n    timelineItems.forEach((item, index) =\u003e {\n        item.style.transform = index % 2 === 0 ? 'translateX(-100px)' : 'translateX(100px)';\n        item.style.opacity = '0';\n        item.style.transition = 'all 0.8s ease';\n        timelineObserver.observe(item);\n    });\n\n    \/\/ Handle video loading and mobile compatibility\n    function handleVideoLoading() {\n        const videos = document.querySelectorAll('video');\n        \n        videos.forEach(video =\u003e {\n            \/\/ Ensure video is muted for autoplay\n            video.muted = true;\n            video.setAttribute('muted', 'true');\n            video.setAttribute('webkit-playsinline', 'true');\n            video.setAttribute('playsinline', 'true');\n            \n            \/\/ Try to play the video\n            const playPromise = video.play();\n            \n            if (playPromise !== undefined) {\n                playPromise.then(() =\u003e {\n                    console.log('Video is playing');\n                }).catch(error =\u003e {\n                    console.log('Video autoplay prevented:', error);\n                });\n            }\n\n            \/\/ Ensure video stays muted\n            video.addEventListener('loadstart', function() {\n                this.muted = true;\n            });\n        });\n    }\n\n    \/\/ Initialize video handling when DOM is loaded\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', handleVideoLoading);\n    } else {\n        handleVideoLoading();\n    }\n\n    \/\/ Smooth scroll behavior for better user experience\n    document.documentElement.style.scrollBehavior = 'smooth';\n\n    \/\/ Add stagger animation for problem list items\n    const problemItems = document.querySelectorAll('.problem-list li');\n    problemItems.forEach((item, index) =\u003e {\n        item.style.opacity = '0';\n        item.style.transform = 'translateX(50px)';\n        item.style.transition = 'all 0.8s ease';\n        \n        setTimeout(() =\u003e {\n            item.style.opacity = '1';\n            item.style.transform = 'translateX(0)';\n        }, 500 + (index * 200));\n    });\n\n    \/\/ Add hover effects to usage time cards\n    document.querySelectorAll('.usage-time').forEach(card =\u003e {\n        card.addEventListener('mouseenter', () =\u003e {\n            card.style.transform = 'translateY(-5px) scale(1.02)';\n            card.style.transition = 'all 0.3s ease';\n        });\n        \n        card.addEventListener('mouseleave', () =\u003e {\n            card.style.transform = 'translateY(0) scale(1)';\n        });\n    });\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44748510331077,"sku":null,"price":995.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_calming_serum_a6c32d2e-456b-45c9-bd2d-dd33566ec2f3.jpg?v=1748104597"},{"product_id":"madagascar-centella-probio-cica-intensive-ampoule","title":"SKIN1004 Centella Madagascar Probiotic Cica Intense Ampolla\/Suero Probiótico 95ml","description":"\u003cstyle\u003e\n  .skin1004-container {\n    max-width: 100%;\n    margin: 0 auto;\n    color: #333;\n    line-height: 1.6;\n    background: #fff;\n    direction: ltr;\n  }\n\n  .hero-section {\n    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n    padding: 60px 30px;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .hero-section::before {\n    content: '';\n    position: absolute;\n    top: -50%;\n    left: -50%;\n    width: 200%;\n    height: 200%;\n    background: linear-gradient(45deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n    animation: shimmer 8s infinite;\n  }\n\n  @keyframes shimmer {\n    0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\n    100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\n  }\n\n  .hero-image {\n    max-width: 500px;\n    width: 100%;\n    height: auto;\n    border-radius: 20px;\n    box-shadow: 0 20px 50px rgba(0,0,0,0.15);\n    margin-bottom: 40px;\n    opacity: 0;\n    transform: scale(0.9);\n    animation: zoomIn 1.2s 0.3s forwards;\n  }\n\n  @keyframes zoomIn {\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  .main-title {\n    font-size: 2.8em;\n    font-weight: 700;\n    color: #9C8102;\n    margin-bottom: 20px;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUp 1s 0.2s forwards;\n  }\n\n  .subtitle {\n    font-size: 1.6em;\n    color: #666;\n    margin-bottom: 30px;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUp 1s 0.4s forwards;\n  }\n\n  .hero-description {\n    font-size: 1.3em;\n    color: #555;\n    max-width: 900px;\n    margin: 0 auto;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUp 1s 0.6s forwards;\n    line-height: 1.8;\n  }\n\n  .magic-intro {\n    background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n    color: #333;\n    padding: 50px 30px;\n    text-align: center;\n    margin: 40px 0;\n    border-radius: 20px;\n  }\n\n  .magic-intro h2 {\n    color: #9C8102;\n    font-size: 2.2em;\n    margin-bottom: 25px;\n  }\n\n  .magic-intro p {\n    font-size: 1.2em;\n    line-height: 1.8;\n    max-width: 900px;\n    margin: 0 auto;\n  }\n\n  .main-benefits-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .benefits-intro {\n    text-align: center;\n    margin-bottom: 50px;\n  }\n\n  .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n    gap: 30px;\n    margin-top: 40px;\n  }\n\n  .benefit-card {\n    background: white;\n    padding: 30px;\n    border-radius: 20px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateY(50px);\n    transition: all 0.4s ease;\n    border: 1px solid #e9ecef;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .benefit-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 5px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n  }\n\n  .benefit-card:hover {\n    transform: translateY(-10px);\n    box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n    border-color: #9C8102;\n  }\n\n  .benefit-icon {\n    font-size: 3em;\n    margin-bottom: 20px;\n    display: block;\n    text-align: center;\n  }\n\n  .benefit-title {\n    color: #9C8102;\n    font-size: 1.4em;\n    font-weight: 700;\n    margin-bottom: 15px;\n    text-align: center;\n  }\n\n  .benefit-description {\n    color: #666;\n    font-size: 1.05em;\n    line-height: 1.7;\n    text-align: center;\n  }\n\n  .technology-section {\n    background: #f8f9fa;\n    padding: 60px 30px;\n  }\n\n  .tech-content {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n    gap: 40px;\n    align-items: center;\n  }\n\n  .tech-image {\n    max-width: 100%;\n    border-radius: 20px;\n    box-shadow: 0 20px 50px rgba(0,0,0,0.1);\n  }\n\n  .tech-info {\n    background: white;\n    padding: 40px;\n    border-radius: 20px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .tech-info::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 5px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n  }\n\n  .tech-feature {\n    background: #f8f9fa;\n    padding: 25px;\n    border-radius: 15px;\n    margin: 20px 0;\n  }\n\n  .tech-feature h4 {\n    color: #9C8102;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  .ingredient-list {\n    list-style: none;\n    padding: 0;\n    margin: 15px 0;\n  }\n\n  .ingredient-list li {\n    padding: 8px 0;\n    border-bottom: 1px solid #f0f0f0;\n    position: relative;\n    padding-right: 25px;\n  }\n\n  .ingredient-list li::before {\n    content: '🧬';\n    position: absolute;\n    right: 0;\n    top: 8px;\n  }\n\n  .transformation-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .transformation-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 30px;\n    margin-top: 40px;\n  }\n\n  .transformation-phase {\n    background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n    padding: 35px;\n    border-radius: 20px;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.4s ease;\n    border: 2px solid transparent;\n    text-align: center;\n  }\n\n  .transformation-phase:hover {\n    border-color: #9C8102;\n    transform: translateY(-8px);\n  }\n\n  .phase-icon {\n    font-size: 3.5em;\n    margin-bottom: 20px;\n    display: block;\n  }\n\n  .phase-title {\n    color: #9C8102;\n    font-size: 1.4em;\n    font-weight: 700;\n    margin-bottom: 20px;\n  }\n\n  .phase-benefits {\n    text-align: left;\n  }\n\n  .phase-benefits p {\n    margin: 10px 0;\n    color: #666;\n    font-weight: 600;\n  }\n\n  .skin-types-section {\n    background: #f8f9fa;\n    padding: 60px 30px;\n  }\n\n  .skin-types-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 25px;\n    margin-top: 40px;\n  }\n\n  .skin-type-card {\n    background: white;\n    padding: 25px;\n    border-radius: 15px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.3s ease;\n    border: 2px solid transparent;\n    text-align: center;\n  }\n\n  .skin-type-card:hover {\n    transform: translateY(-5px);\n    border-color: #9C8102;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n  }\n\n  .skin-type-icon {\n    font-size: 2.5em;\n    color: #9C8102;\n    margin-bottom: 15px;\n    display: block;\n  }\n\n  .skin-type-title {\n    color: #9C8102;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  .texture-section {\n    background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n    color: #333;\n    padding: 50px 30px;\n    text-align: center;\n    margin: 40px 0;\n    border-radius: 20px;\n  }\n\n  .texture-features {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 25px;\n    margin-top: 40px;\n  }\n\n  .texture-feature {\n    background: white;\n    padding: 25px;\n    border-radius: 15px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.3s ease;\n    border: 2px solid transparent;\n  }\n\n  .texture-feature:hover {\n    transform: translateY(-5px);\n    border-color: #9C8102;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n  }\n\n  .texture-icon {\n    font-size: 2.5em;\n    color: #9C8102;\n    margin-bottom: 15px;\n    display: block;\n    text-align: center;\n  }\n\n  .science-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .science-content {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n    gap: 40px;\n    align-items: center;\n  }\n\n  .science-image {\n    max-width: 100%;\n    border-radius: 20px;\n    box-shadow: 0 20px 50px rgba(0,0,0,0.1);\n  }\n\n  .science-info {\n    background: #f8f9fa;\n    padding: 40px;\n    border-radius: 20px;\n    border: 1px solid #e9ecef;\n  }\n\n  .science-stats {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n    gap: 20px;\n    margin-top: 30px;\n  }\n\n  .stat-card {\n    background: white;\n    padding: 20px;\n    border-radius: 15px;\n    text-align: center;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    border: 2px solid transparent;\n    transition: all 0.3s ease;\n  }\n\n  .stat-card:hover {\n    border-color: #9C8102;\n    transform: translateY(-5px);\n  }\n\n  .stat-number {\n    font-size: 2.2em;\n    font-weight: 700;\n    color: #9C8102;\n    display: block;\n    margin-bottom: 5px;\n  }\n\n  .stat-label {\n    color: #666;\n    font-size: 0.9em;\n  }\n\n  .usage-section {\n    background: #f8f9fa;\n    padding: 60px 30px;\n  }\n\n  .usage-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n    gap: 30px;\n    margin-top: 40px;\n  }\n\n  .usage-card {\n    background: white;\n    padding: 30px;\n    border-radius: 20px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .usage-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 5px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n  }\n\n  .usage-time {\n    color: #9C8102;\n    font-size: 1.5em;\n    font-weight: 700;\n    margin-bottom: 20px;\n    text-align: center;\n  }\n\n  .usage-steps {\n    list-style: none;\n    padding: 0;\n  }\n\n  .usage-steps li {\n    padding: 10px 0;\n    border-bottom: 1px solid #f0f0f0;\n    position: relative;\n    padding-right: 30px;\n  }\n\n  .usage-steps li::before {\n    content: attr(data-step);\n    position: absolute;\n    right: 0;\n    top: 10px;\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    background: #9C8102;\n    color: white;\n    text-align: center;\n    line-height: 20px;\n    font-size: 0.8em;\n    font-weight: 700;\n  }\n\n  .why-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .why-features {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 25px;\n    margin-top: 40px;\n  }\n\n  .why-feature {\n    background: white;\n    padding: 25px;\n    border-radius: 15px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateY(50px);\n    transition: all 0.3s ease;\n    border: 1px solid #e9ecef;\n    position: relative;\n    overflow: hidden;\n    text-align: center;\n  }\n\n  .why-feature::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n  }\n\n  .why-feature:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n    border-color: #9C8102;\n  }\n\n  .why-icon {\n    font-size: 2.5em;\n    color: #9C8102;\n    margin-bottom: 15px;\n    display: block;\n  }\n\n  .why-title {\n    color: #9C8102;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  .cta-section {\n    background: linear-gradient(135deg, #000000, #1a1a1a, #2d2d2d);\n    color: white;\n    padding: 80px 30px;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .cta-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Madagascar_Centella_Probio_Cica_Intensive_Ampoule_95ml_11.jpg?v=1749656535') center\/cover;\n    opacity: 0.1;\n    z-index: 0;\n  }\n\n  .cta-content {\n    position: relative;\n    z-index: 1;\n  }\n\n  .cta-image {\n    max-width: 300px;\n    width: 100%;\n    border-radius: 20px;\n    margin-bottom: 30px;\n    box-shadow: 0 20px 50px rgba(0,0,0,0.3);\n  }\n\n  .cta-button {\n    background: #9C8102;\n    color: white;\n    padding: 18px 45px;\n    border: none;\n    border-radius: 50px;\n    font-size: 1.3em;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    margin-top: 30px;\n    animation: glow 2s infinite alternate;\n  }\n\n  @keyframes glow {\n    0% { box-shadow: 0 0 25px rgba(156, 129, 2, 0.5); }\n    100% { box-shadow: 0 0 35px rgba(156, 129, 2, 0.8), 0 0 45px rgba(156, 129, 2, 0.3); }\n  }\n\n  .cta-button:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 15px 30px rgba(156, 129, 2, 0.4);\n    background: #d4af37;\n  }\n\n  .section-title {\n    text-align: center;\n    font-size: 2.4em;\n    color: #9C8102;\n    margin-bottom: 20px;\n    position: relative;\n    opacity: 0;\n    transform: translateY(30px);\n  }\n\n  .section-subtitle {\n    text-align: center;\n    font-size: 1.4em;\n    color: #666;\n    margin-bottom: 40px;\n    opacity: 0;\n    transform: translateY(30px);\n  }\n\n  .section-title::after {\n    content: '';\n    position: absolute;\n    bottom: -15px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 100px;\n    height: 4px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n    border-radius: 2px;\n    animation: expandLine 1s ease-out forwards;\n  }\n\n  @keyframes expandLine {\n    0% { width: 0; }\n    100% { width: 100px; }\n  }\n\n  @keyframes fadeInUp {\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  .animate-on-scroll {\n    opacity: 0;\n    transform: translateY(50px);\n    transition: all 0.8s ease;\n  }\n\n  .animate-on-scroll.animated {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .highlight {\n    color: #9C8102;\n    font-weight: 700;\n  }\n\n  .divider {\n    height: 3px;\n    background: linear-gradient(90deg, transparent, #9C8102, transparent);\n    margin: 50px 0;\n    opacity: 0;\n    animation: fadeIn 1s forwards;\n    border-radius: 2px;\n  }\n\n  @keyframes fadeIn {\n    to { opacity: 1; }\n  }\n\n  @media (max-width: 768px) {\n    .main-title { font-size: 2.2em; }\n    .section-title { font-size: 2em; }\n    .benefits-grid, .transformation-grid, .skin-types-grid, .texture-features, .science-stats, .usage-grid, .why-features {\n      grid-template-columns: 1fr;\n    }\n    .tech-content, .science-content {\n      grid-template-columns: 1fr;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"skin1004-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cimg alt=\"Skin 1004 Madagascar Centella Probio Cica Intensive Ampoule\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Madagascar_Centella_Probio_Cica_Intensive_Ampoule_95ml_3.webp?v=1749656251\"\/\u003e\n\u003ch1 class=\"main-title\"\u003eSkin 1004 Madagascar Centella Probio Cica Intensive Ampoule\u003c\/h1\u003e\n\u003ch2 class=\"subtitle\"\u003eMadagascar Magic Brewed In Golden Drops - 95ml\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Magic Introduction --\u003e\n\u003cdiv class=\"magic-intro\"\u003e\n\u003ch2\u003eCuando el milagro de la naturaleza se encuentra con el genio de la ciencia\u003c\/h2\u003e\n\u003cp\u003eImagina que la Centella más pura del mundo de la isla incontaminada de Madagascar sufre un mágico proceso de fermentación con probióticos para mantenerse... \u003cstrong class=\"highlight\"\u003e10 veces más fuerte\u003c\/strong\u003e De su aspecto natural... esto es exactamente lo que encontrarás en cada gota de este raro vial!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Main Benefits Section --\u003e\n\u003cdiv class=\"main-benefits-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eUsos principales\u003c\/h2\u003e\n\u003cdiv class=\"benefits-intro animate-on-scroll\"\u003e\n\u003ch3 style=\"color: #666; font-size: 1.3em;\"\u003e\u003cstrong\u003eUna fórmula versátil que aborda cada problema de tu piel\u003c\/strong\u003e\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🌿\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eAlivio instantáneo y profundo\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eLa centella fermentada con probióticos calma cualquier inflamación o enrojecimiento en pocos segundos y deja la piel cómoda y reconfortada.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🔬\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003ePoros claramente reducidos\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eLa fórmula avanzada restringe los poros y los hace parecer más pequeños y lisos, lo que le da a la piel la textura sedosa de tus sueños.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e💧\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eHidratación profunda que dura todo el día\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eLas ceramidas y los ácidos naturales bloquean la humedad en la piel y previenen la sequedad, incluso si el clima es difícil o la piel es sensible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🛡️\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eFortalecer la barrera natural de la piel\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eLos probióticos fortalecen las defensas de tu piel y la hacen menos sensible y más resistente a factores externos como la contaminación y el sol.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✨\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eBrillo natural\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eEl resultado final es una piel luminosa y fresca que te hace sentir segura de ti misma incluso sin maquillaje.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003c!-- Technology Section --\u003e\n\u003cdiv class=\"technology-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eTecnología de fermentación avanzada: revolucionando la ciencia del skincare\u003c\/h2\u003e\n\u003cdiv class=\"tech-content\"\u003e\n\u003cimg alt=\"Advanced Fermentation Technology\" class=\"tech-image animate-on-scroll\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Madagascar_Centella_Probio_Cica_Intensive_Ampoule_95ml_2.webp?v=1749656297\"\/\u003e\n\u003cdiv class=\"tech-info animate-on-scroll\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.6em; margin-bottom: 20px;\"\u003e¿Qué hace completamente diferente a este ampolla:\u003c\/h3\u003e\n\u003cdiv class=\"tech-feature\"\u003e\n\u003ch4\u003eCentella fermentada con probióticos\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003eMoléculas más pequeñas penetran en las capas más profundas de la piel\u003c\/li\u003e\n\u003cli\u003eDoble eficacia en calmar y reparar\u003c\/li\u003e\n\u003cli\u003eExcepcional capacidad para fortalecer la barrera natural de la piel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\"\u003e\n\u003ch4\u003eFórmula exclusiva TECA\u003c\/h4\u003e\n\u003cp style=\"margin-bottom: 15px;\"\u003eUna combinación de 4 ácidos activos naturales:\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eÁcido madecásico\u003c\/strong\u003e: Reparar los daños profundos\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAsiatocoside\u003c\/strong\u003e: Renovar las células\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÁcido asiático\u003c\/strong\u003e: Calmar la inflamación\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMadecassoside\u003c\/strong\u003e: Para la protección antioxidante\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\"\u003e\n\u003ch4\u003eCeramide NP de alta calidad\u003c\/h4\u003e\n\u003cp\u003eLa proporción áurea es 3:1:1 (ceramidas:fitosteroles:ácidos grasos) para retener la hidratación.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Transformation Section --\u003e\n\u003cdiv class=\"transformation-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eUn viaje transformador desde el primer uso\u003c\/h2\u003e\n\u003cdiv class=\"transformation-grid\"\u003e\n\u003cdiv class=\"transformation-phase animate-on-scroll\"\u003e\n\u003cspan class=\"phase-icon\"\u003e⚡\u003c\/span\u003e\n\u003ch3 class=\"phase-title\"\u003eDesde el primer momento:\u003c\/h3\u003e\n\u003cdiv class=\"phase-benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eHidratación profunda inmediata\u003c\/strong\u003e Penetra en profundidad en la piel\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eResplandor natural sedoso\u003c\/strong\u003e Sin pegajosidad ni pesadez\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCalma instantánea\u003c\/strong\u003e Para enrojecimiento e irritación\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"transformation-phase animate-on-scroll\"\u003e\n\u003cspan class=\"phase-icon\"\u003e📈\u003c\/span\u003e\n\u003ch3 class=\"phase-title\"\u003eDespués de una semana de uso:\u003c\/h3\u003e\n\u003cdiv class=\"phase-benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eReducción visible de los poros\u003c\/strong\u003e dilatado\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eFuerte barrera\u003c\/strong\u003e Protege contra los factores externos\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePiel más resistente\u003c\/strong\u003e Y menos sensible\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"transformation-phase animate-on-scroll\"\u003e\n\u003cspan class=\"phase-icon\"\u003e👑\u003c\/span\u003e\n\u003ch3 class=\"phase-title\"\u003eResultado final:\u003c\/h3\u003e\n\u003cdiv class=\"phase-benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003ePiel como seda\u003c\/strong\u003e - Suave, luminosa, saludable\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eUn aspecto renovado y juvenil\u003c\/strong\u003e Impecable\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eMirada segura\u003c\/strong\u003e Se comenta por sí solo\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Skin Types Section --\u003e\n\u003cdiv class=\"skin-types-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003e¿Adecuado para quién?\u003c\/h2\u003e\n\u003cdiv class=\"skin-types-grid\"\u003e\n\u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"skin-type-icon\"\u003e🏜️\u003c\/span\u003e\n\u003ch3 class=\"skin-type-title\"\u003ePiel seca\u003c\/h3\u003e\n\u003cp\u003eLa hidratación profunda revitaliza las células sedientas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"skin-type-icon\"\u003e⚖️\u003c\/span\u003e\n\u003ch3 class=\"skin-type-title\"\u003ePiel normal\u003c\/h3\u003e\n\u003cp\u003eProtege y nutre para mantener el equilibrio perfecto\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"skin-type-icon\"\u003e🔄\u003c\/span\u003e\n\u003ch3 class=\"skin-type-title\"\u003ePiel mixta\u003c\/h3\u003e\n\u003cp\u003eRegulación natural del sebo con hidratación óptima\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"skin-type-icon\"\u003e🌸\u003c\/span\u003e\n\u003ch3 class=\"skin-type-title\"\u003ePiel sensible\u003c\/h3\u003e\n\u003cp\u003eAlivio delicado sin irritaciones\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Texture Section --\u003e\n\u003cdiv class=\"texture-section\"\u003e\n\u003ch2 style=\"font-size: 2em; color: #9C8102; margin-bottom: 20px;\"\u003eLa textura de los sueños\u003c\/h2\u003e\n\u003cdiv class=\"texture-features\"\u003e\n\u003cdiv class=\"texture-feature animate-on-scroll\"\u003e\n\u003cspan class=\"texture-icon\"\u003e🥛\u003c\/span\u003e\n\u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eTextura lechosa lujosa\u003c\/h3\u003e\n\u003cp\u003eSe desliza sobre la piel como seda\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"texture-feature animate-on-scroll\"\u003e\n\u003cspan class=\"texture-icon\"\u003e💨\u003c\/span\u003e\n\u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eAbsorción rápida\u003c\/h3\u003e\n\u003cp\u003eSin ningún residuo o pegajosidad\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"texture-feature animate-on-scroll\"\u003e\n\u003cspan class=\"texture-icon\"\u003e✨\u003c\/span\u003e\n\u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eAcabado aterciopelado\u003c\/h3\u003e\n\u003cp\u003eDeja que tu piel brille de adentro hacia afuera\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Science Section --\u003e\n\u003cdiv class=\"science-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eLa ciencia detrás de la magia\u003c\/h2\u003e\n\u003cdiv class=\"science-content\"\u003e\n\u003cimg alt=\"Science Behind the Magic\" class=\"science-image animate-on-scroll\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/2_jpg.webp?v=1749656443\"\/\u003e\n\u003cdiv class=\"science-info animate-on-scroll\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px;\"\u003eTecnología de fermentación avanzada:\u003c\/h3\u003e\n\u003cp style=\"margin-bottom: 20px;\"\u003eLos probióticos transforman las grandes moléculas de Centella en moléculas pequeñas y altamente permeables, duplicando su capacidad de:\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003eRepara los daños a nivel celular\u003c\/li\u003e\n\u003cli\u003eEstimula la producción natural de colágeno\u003c\/li\u003e\n\u003cli\u003eFortalecer el microbioma sano de la piel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 style=\"color: #9C8102; margin: 25px 0 15px;\"\u003eEvidencia científica:\u003c\/h4\u003e\n\u003cdiv class=\"science-stats\"\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e95%\u003c\/span\u003e\n\u003cspan class=\"stat-label\"\u003eMejora inmediata de la suavidad de la piel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e90%\u003c\/span\u003e\n\u003cspan class=\"stat-label\"\u003eMejora del nivel de hidratación\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e88%\u003c\/span\u003e\n\u003cspan class=\"stat-label\"\u003eReducción del tamaño de los poros\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Section --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eCómo usarlo para obtener los mejores resultados\u003c\/h2\u003e\n\u003cdiv class=\"usage-grid\"\u003e\n\u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n\u003ch3 class=\"usage-time\"\u003ePor la mañana ☀️\u003c\/h3\u003e\n\u003cul class=\"usage-steps\"\u003e\n\u003cli data-step=\"1\"\u003eDespués del tónico, aplicar 2-3 gotas en el rostro limpio\u003c\/li\u003e\n\u003cli data-step=\"2\"\u003eMasajear con movimientos circulares delicados hasta completa absorción\u003c\/li\u003e\n\u003cli data-step=\"3\"\u003eSeguir con hidratante y protector solar\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n\u003ch3 class=\"usage-time\"\u003eDe noche 🌙\u003c\/h3\u003e\n\u003cul class=\"usage-steps\"\u003e\n\u003cli data-step=\"1\"\u003eUsa el mismo método después de haber limpiado la piel\u003c\/li\u003e\n\u003cli data-step=\"2\"\u003ePuedes usarlo como doble capa para una hidratación extra\u003c\/li\u003e\n\u003cli data-step=\"3\"\u003eDeja que la piel se beneficie del poder reparador de la noche\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Why Skin 1004 Section --\u003e\n\u003cdiv class=\"why-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003e¿Por qué Skin 1004 es la elección perfecta?\u003c\/h2\u003e\n\u003cdiv class=\"why-features\"\u003e\n\u003cdiv class=\"why-feature animate-on-scroll\"\u003e\n\u003cspan class=\"why-icon\"\u003e🌱\u003c\/span\u003e\n\u003ch3 class=\"why-title\"\u003eIngrediente 100% natural\u003c\/h3\u003e\n\u003cp\u003eDe la virgen Madagascar\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"why-feature animate-on-scroll\"\u003e\n\u003cspan class=\"why-icon\"\u003e🔬\u003c\/span\u003e\n\u003ch3 class=\"why-title\"\u003eTecnología avanzada coreana\u003c\/h3\u003e\n\u003cp\u003eRespaldado por la investigación científica\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"why-feature animate-on-scroll\"\u003e\n\u003cspan class=\"why-icon\"\u003e🐰\u003c\/span\u003e\n\u003ch3 class=\"why-title\"\u003eNo hago experimentos en animales\u003c\/h3\u003e\n\u003cp\u003eProducto ético y seguro\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"why-feature animate-on-scroll\"\u003e\n\u003cspan class=\"why-icon\"\u003e🚫\u003c\/span\u003e\n\u003ch3 class=\"why-title\"\u003eLibre de sustancias nocivas\u003c\/h3\u003e\n\u003cp\u003eSin parabenos o sulfatos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"why-feature animate-on-scroll\"\u003e\n\u003cspan class=\"why-icon\"\u003e♻️\u003c\/span\u003e\n\u003ch3 class=\"why-title\"\u003eEcológico\u003c\/h3\u003e\n\u003cp\u003eEmbalaje reciclable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003cdiv class=\"cta-content\"\u003e\n\u003cimg alt=\"Skin 1004 Investment\" class=\"cta-image animate-on-scroll\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Madagascar_Centella_Probio_Cica_Intensive_Ampoule_95ml_1.webp?v=1749656297\"\/\u003e\n\u003ch2 class=\"animate-on-scroll\"\u003eUna inversión en tu belleza... y en tu autoestima\u003c\/h2\u003e\n\u003ch3 class=\"animate-on-scroll\" style=\"color: white; font-size: 1.4em; margin: 20px 0;\"\u003eSkin 1004 Madagascar Centella Probio Cica Intensive Ampoule\u003c\/h3\u003e\n\u003cp class=\"animate-on-scroll\" style=\"font-size: 1.2em; margin: 25px 0;\"\u003eNo solo un producto de cuidado... esto \u003cstrong style=\"color: #9C8102;\"\u003eUna promesa de transformación\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"animate-on-scroll\" style=\"margin: 30px 0;\"\u003e\n\u003cp style=\"font-size: 1.3em; color: #d4af37;\"\u003e\u003cstrong\u003e95 ml de pura magia\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"font-size: 1.2em; color: #d4af37;\"\u003e\u003cstrong\u003eUna dosis intensa de belleza malgache\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"font-size: 1.2em; color: #d4af37;\"\u003e\u003cstrong\u003eTu camino hacia la piel de tus sueños\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"cta-button animate-on-scroll\"\u003eOrdena ahora y disfruta la transformación\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n  \/\/ Intersection Observer for scroll animations\n  const observerOptions = {\n    threshold: 0.1,\n    rootMargin: '0px 0px -50px 0px'\n  };\n\n  const observer = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('animated');\n      }\n    });\n  }, observerOptions);\n\n  \/\/ Observe all animate-on-scroll elements\n  document.querySelectorAll('.animate-on-scroll').forEach(el =\u003e {\n    observer.observe(el);\n  });\n\n  \/\/ Animate benefits cards\n  const benefitsObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.benefit-card');\n        cards.forEach((card, index) =\u003e {\n          setTimeout(() =\u003e {\n            card.style.opacity = '1';\n            card.style.transform = 'translateY(0)';\n          }, index * 200);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.main-benefits-section').forEach(section =\u003e {\n    benefitsObserver.observe(section);\n  });\n\n  \/\/ Animate transformation phases\n  const transformationObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const phases = entry.target.querySelectorAll('.transformation-phase');\n        phases.forEach((phase, index) =\u003e {\n          setTimeout(() =\u003e {\n            phase.style.opacity = '1';\n            phase.style.transform = 'translateY(0)';\n          }, index * 300);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.transformation-section').forEach(section =\u003e {\n    transformationObserver.observe(section);\n  });\n\n  \/\/ Animate skin type cards\n  const skinTypesObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.skin-type-card');\n        cards.forEach((card, index) =\u003e {\n          setTimeout(() =\u003e {\n            card.style.opacity = '1';\n            card.style.transform = 'translateY(0)';\n          }, index * 150);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.skin-types-section').forEach(section =\u003e {\n    skinTypesObserver.observe(section);\n  });\n\n  \/\/ Animate texture features\n  const textureObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const features = entry.target.querySelectorAll('.texture-feature');\n        features.forEach((feature, index) =\u003e {\n          setTimeout(() =\u003e {\n            feature.style.opacity = '1';\n            feature.style.transform = 'translateY(0)';\n          }, index * 200);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.texture-section').forEach(section =\u003e {\n    textureObserver.observe(section);\n  });\n\n  \/\/ Animate why features\n  const whyObserver = 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  }, observerOptions);\n\n  document.querySelectorAll('.why-feature').forEach(feature =\u003e {\n    whyObserver.observe(feature);\n  });\n\n  \/\/ CTA button interaction\n  document.querySelector('.cta-button')?.addEventListener('click', () =\u003e {\n    const button = document.querySelector('.cta-button');\n    button.style.animation = 'none';\n    setTimeout(() =\u003e {\n      button.style.animation = 'glow 2s infinite alternate';\n    }, 100);\n  });\n\u003c\/script\u003e","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":44812513378501,"sku":null,"price":1250.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin1004MadagascarCentellaProbioCicaIntensiveAmpoule95ml_1.jpg?v=1749655636"},{"product_id":"beauty-of-joseon-ground-rice-honey-glow-mask","title":"Mascarilla Beauty of Joseon Magic Glow con Arroz Molido y Miel: Purificante, exfoliante y super iluminadora.","description":"\u003cstyle\u003e\n  * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n  \n  .joseon-mask-container {\n    line-height: 1.6;\n    color: #333;\n    background: #ffffff;\n    overflow: hidden;\n    direction: ltr;\n    text-align: left;\n  }\n  \n  .hero-section {\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    padding: 3rem 1.5rem;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .hero-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 50% 60%, rgba(156, 129, 2, 0.15) 0%, transparent 60%);\n    animation: heroGlow 6s ease-in-out infinite alternate;\n  }\n  \n  .hero-title {\n    font-size: 2.4rem;\n    font-weight: 700;\n    margin-bottom: 1rem;\n    color: #9C8102;\n    position: relative;\n    z-index: 2;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: slideInFade 1s ease-out 0.2s forwards;\n  }\n  \n  .hero-subtitle {\n    font-size: 1.2rem;\n    margin-bottom: 2rem;\n    color: white;\n    font-weight: 400;\n    position: relative;\n    z-index: 2;\n    opacity: 0;\n    animation: slideInFade 1s ease-out 0.4s forwards;\n    max-width: 800px;\n    margin-left: auto;\n    margin-right: auto;\n    line-height: 1.7;\n  }\n  \n  .video-section {\n    padding: 2rem 1.5rem;\n    text-align: center;\n    background: #fafafa;\n  }\n  \n  .product-video {\n    max-width: 600px;\n    width: 100%;\n    height: auto;\n    border-radius: 20px;\n    box-shadow: 0 20px 50px rgba(156, 129, 2, 0.2);\n    opacity: 0;\n    transform: scale(0.95);\n    animation: videoZoom 1.2s ease-out 0.5s forwards;\n    transition: all 0.4s ease;\n  }\n  \n  .product-video:hover {\n    transform: scale(1.02);\n    box-shadow: 0 30px 70px rgba(156, 129, 2, 0.3);\n  }\n  \n  .section {\n    padding: 3rem 1.5rem;\n    margin: 1rem 0;\n  }\n  \n  .section-title {\n    font-size: 2rem;\n    font-weight: 700;\n    color: #9C8102;\n    text-align: center;\n    margin-bottom: 2.5rem;\n    position: relative;\n    opacity: 0;\n    animation: titleSlide 0.8s ease-out 0.2s forwards;\n  }\n  \n  .section-title::after {\n    content: '';\n    position: absolute;\n    bottom: -10px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 80px;\n    height: 3px;\n    background: linear-gradient(90deg, #9C8102, #b8941a);\n    border-radius: 2px;\n    animation: lineExpand 0.8s ease-out 0.8s forwards;\n    transform: translateX(-50%) scaleX(0);\n  }\n  \n  .heritage-section {\n    background: white;\n    padding: 3rem 1.5rem;\n  }\n  \n  .heritage-layout {\n    display: grid;\n    grid-template-columns: 1fr 350px;\n    gap: 3rem;\n    align-items: start;\n    margin-top: 2rem;\n  }\n  \n  .heritage-content {\n    opacity: 0;\n    animation: slideInFade 0.8s ease-out 0.3s forwards;\n  }\n  \n  .heritage-text {\n    font-size: 1rem;\n    line-height: 1.7;\n    color: #555;\n    margin-bottom: 2rem;\n  }\n  \n  .heritage-subtitle {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin: 2rem 0 1rem 0;\n  }\n  \n  .heritage-list {\n    list-style: none;\n    padding: 0;\n    margin: 1rem 0;\n  }\n  \n  .heritage-list li {\n    padding: 0.8rem 0;\n    border-bottom: 1px solid #eee;\n    position: relative;\n    padding-right: 1.5rem;\n    color: #555;\n    transition: all 0.3s ease;\n  }\n  \n  .heritage-list li:hover {\n    color: #9C8102;\n    padding-right: 2rem;\n  }\n  \n  .heritage-list li::before {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 8px;\n    height: 8px;\n    background: #9C8102;\n    border-radius: 50%;\n    transition: all 0.3s ease;\n  }\n  \n  .heritage-list li:hover::before {\n    transform: translateY(-50%) scale(1.3);\n  }\n  \n  .heritage-image {\n    width: 100%;\n    height: auto;\n    border-radius: 15px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n    transition: transform 0.4s ease;\n    opacity: 0;\n    animation: slideInLeft 1s ease-out 0.4s forwards;\n  }\n  \n  .heritage-image:hover {\n    transform: scale(1.03) rotate(1deg);\n  }\n  \n  .benefits-section {\n    background: #f8f9fa;\n    padding: 3rem 1.5rem;\n  }\n  \n  .benefits-layout {\n    display: grid;\n    grid-template-columns: 350px 1fr;\n    gap: 3rem;\n    align-items: start;\n    margin-top: 2rem;\n  }\n  \n  .benefits-content {\n    opacity: 0;\n    animation: slideInFade 0.8s ease-out 0.3s forwards;\n  }\n  \n  .benefit-item {\n    background: white;\n    border-radius: 15px;\n    padding: 2rem;\n    margin: 2rem 0;\n    border-right: 4px solid #9C8102;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    transition: all 0.3s ease;\n    opacity: 0;\n    transform: translateX(30px);\n    animation: slideInRight 0.8s ease-out forwards;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .benefit-item:nth-child(1) { animation-delay: 0.1s; }\n  .benefit-item:nth-child(2) { animation-delay: 0.2s; }\n  .benefit-item:nth-child(3) { animation-delay: 0.3s; }\n  .benefit-item:nth-child(4) { animation-delay: 0.4s; }\n  \n  .benefit-item::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n    transition: left 0.6s ease;\n  }\n  \n  .benefit-item:hover::before {\n    left: 100%;\n  }\n  \n  .benefit-item:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n  }\n  \n  .benefit-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1rem;\n  }\n  \n  .benefit-description {\n    color: #666;\n    line-height: 1.6;\n  }\n  \n  .benefit-list {\n    list-style: none;\n    padding: 0;\n    margin: 1rem 0;\n  }\n  \n  .benefit-list li {\n    padding: 0.5rem 0;\n    position: relative;\n    padding-right: 1.5rem;\n    color: #555;\n    transition: all 0.3s ease;\n  }\n  \n  .benefit-list li:hover {\n    color: #9C8102;\n    padding-right: 2rem;\n  }\n  \n  .benefit-list li::before {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 6px;\n    height: 6px;\n    background: #9C8102;\n    border-radius: 50%;\n    transition: all 0.3s ease;\n  }\n  \n  .benefit-list li:hover::before {\n    transform: translateY(-50%) scale(1.4);\n  }\n  \n  .benefits-image {\n    width: 100%;\n    height: auto;\n    border-radius: 15px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n    transition: transform 0.4s ease;\n    opacity: 0;\n    animation: slideInRight 1s ease-out 0.4s forwards;\n  }\n  \n  .benefits-image:hover {\n    transform: scale(1.03) rotate(-1deg);\n  }\n  \n  .ingredients-section {\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    padding: 3rem 1.5rem;\n    position: relative;\n  }\n  \n  .ingredients-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n    animation: ingredientsGlow 4s ease-in-out infinite alternate;\n  }\n  \n  .ingredients-layout {\n    display: grid;\n    grid-template-columns: 1fr 320px;\n    gap: 3rem;\n    align-items: start;\n    margin-top: 2rem;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .ingredients-content {\n    opacity: 0;\n    animation: slideInFade 0.8s ease-out 0.3s forwards;\n  }\n  \n  .ingredient-card {\n    background: rgba(255,255,255,0.08);\n    border-radius: 15px;\n    padding: 2rem;\n    margin: 2rem 0;\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255,255,255,0.1);\n    transition: all 0.4s ease;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: cardRise 0.8s ease-out forwards;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .ingredient-card:nth-child(1) { animation-delay: 0.1s; }\n  .ingredient-card:nth-child(2) { animation-delay: 0.2s; }\n  .ingredient-card:nth-child(3) { animation-delay: 0.3s; }\n  \n  .ingredient-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, #9C8102, #b8941a);\n    transform: scaleX(0);\n    transition: transform 0.4s ease;\n  }\n  \n  .ingredient-card:hover::before {\n    transform: scaleX(1);\n  }\n  \n  .ingredient-card:hover {\n    background: rgba(255,255,255,0.15);\n    transform: translateY(-5px);\n    border-color: rgba(156, 129, 2, 0.3);\n  }\n  \n  .ingredient-title {\n    font-size: 1.4rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1rem;\n  }\n  \n  .ingredient-subtitle {\n    font-size: 1rem;\n    color: #ccc;\n    margin-bottom: 1.5rem;\n    font-weight: 500;\n  }\n  \n  .composition-list {\n    list-style: none;\n    padding: 0;\n    margin: 1rem 0;\n  }\n  \n  .composition-list li {\n    padding: 0.6rem 0;\n    border-bottom: 1px solid rgba(255,255,255,0.1);\n    position: relative;\n    padding-right: 1.5rem;\n    color: #e0e0e0;\n    transition: all 0.3s ease;\n    font-size: 0.95rem;\n  }\n  \n  .composition-list li:hover {\n    color: #9C8102;\n    padding-right: 2rem;\n  }\n  \n  .composition-list li::before {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 6px;\n    height: 6px;\n    background: #9C8102;\n    border-radius: 50%;\n    transition: all 0.3s ease;\n  }\n  \n  .composition-list li:hover::before {\n    transform: translateY(-50%) scale(1.5);\n    box-shadow: 0 0 10px rgba(156, 129, 2, 0.5);\n  }\n  \n  .ingredients-image {\n    width: 100%;\n    height: auto;\n    border-radius: 15px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.3);\n    transition: transform 0.4s ease;\n    opacity: 0;\n    animation: slideInLeft 1s ease-out 0.4s forwards;\n  }\n  \n  .ingredients-image:hover {\n    transform: scale(1.03) rotate(1deg);\n  }\n  \n  .comparison-section {\n    background: white;\n    padding: 3rem 1.5rem;\n  }\n  \n  .comparison-table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 2rem 0;\n    background: white;\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    opacity: 0;\n    animation: tableSlide 0.8s ease-out 0.3s forwards;\n  }\n  \n  .comparison-table th {\n    background: linear-gradient(135deg, #9C8102, #b8941a);\n    color: white;\n    padding: 1rem;\n    font-weight: 600;\n    text-align: center;\n  }\n  \n  .comparison-table td {\n    padding: 1rem;\n    border-bottom: 1px solid #eee;\n    text-align: center;\n    transition: all 0.3s ease;\n  }\n  \n  .comparison-table tr:hover td {\n    background: #f8f9fa;\n    color: #9C8102;\n  }\n  \n  .comparison-table td:first-child {\n    background: #f8f9fa;\n    font-weight: 500;\n    color: #666;\n  }\n  \n  .comparison-table td:last-child {\n    background: rgba(156, 129, 2, 0.05);\n    font-weight: 600;\n    color: #9C8102;\n  }\n  \n  .timeline-section {\n    background: #f8f9fa;\n    padding: 3rem 1.5rem;\n  }\n  \n  .timeline-images {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 2rem;\n    margin: 2rem 0;\n  }\n  \n  .timeline-image {\n    width: 100%;\n    height: auto;\n    border-radius: 15px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n    transition: transform 0.4s ease;\n    opacity: 0;\n    animation: imageFloat 1s ease-out forwards;\n  }\n  \n  .timeline-image:nth-child(1) { animation-delay: 0.2s; }\n  .timeline-image:nth-child(2) { animation-delay: 0.4s; }\n  \n  .timeline-image:hover {\n    transform: scale(1.03);\n  }\n  \n  .timeline-item {\n    background: white;\n    border-radius: 15px;\n    padding: 2rem;\n    margin: 2rem 0;\n    border-right: 4px solid #9C8102;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    transition: all 0.3s ease;\n    opacity: 0;\n    transform: translateX(-30px);\n    animation: slideInRight 0.8s ease-out forwards;\n  }\n  \n  .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n  .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n  .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n  .timeline-item:nth-child(4) { animation-delay: 0.4s; }\n  \n  .timeline-item:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n  }\n  \n  .timeline-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1rem;\n  }\n  \n  .timeline-description {\n    color: #666;\n    line-height: 1.6;\n    margin-bottom: 1rem;\n  }\n  \n  .timeline-stats {\n    list-style: none;\n    padding: 0;\n    margin: 1rem 0;\n  }\n  \n  .timeline-stats li {\n    padding: 0.5rem 0;\n    position: relative;\n    padding-right: 1.5rem;\n    color: #555;\n    font-size: 0.95rem;\n    transition: all 0.3s ease;\n  }\n  \n  .timeline-stats li:hover {\n    color: #9C8102;\n    padding-right: 2rem;\n  }\n  \n  .timeline-stats li::before {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 6px;\n    height: 6px;\n    background: #9C8102;\n    border-radius: 50%;\n    transition: all 0.3s ease;\n  }\n  \n  .timeline-stats li:hover::before {\n    transform: translateY(-50%) scale(1.4);\n  }\n  \n  .usage-section {\n    background: white;\n    padding: 3rem 1.5rem;\n    border: 2px solid #9C8102;\n    margin: 2rem 1.5rem;\n    border-radius: 15px;\n  }\n  \n  .usage-steps {\n    margin-top: 2rem;\n  }\n  \n  .usage-step {\n    background: #f8f9fa;\n    border-radius: 12px;\n    padding: 2rem;\n    margin: 1.5rem 0;\n    border-right: 4px solid #9C8102;\n    transition: all 0.3s ease;\n    opacity: 0;\n    transform: translateY(20px);\n    animation: stepRise 0.6s ease-out forwards;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .usage-step:nth-child(1) { animation-delay: 0.1s; }\n  .usage-step:nth-child(2) { animation-delay: 0.2s; }\n  .usage-step:nth-child(3) { animation-delay: 0.3s; }\n  .usage-step:nth-child(4) { animation-delay: 0.4s; }\n  \n  .usage-step::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(156, 129, 2, 0.1), transparent);\n    transition: left 0.6s ease;\n  }\n  \n  .usage-step:hover::before {\n    left: 100%;\n  }\n  \n  .usage-step:hover {\n    transform: translateY(-3px);\n    background: white;\n    box-shadow: 0 10px 30px rgba(156, 129, 2, 0.15);\n  }\n  \n  .step-number {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 35px;\n    height: 35px;\n    background: linear-gradient(135deg, #9C8102, #b8941a);\n    color: white;\n    border-radius: 50%;\n    font-weight: bold;\n    margin-bottom: 1rem;\n    font-size: 1rem;\n    transition: transform 0.3s ease;\n  }\n  \n  .usage-step:hover .step-number {\n    transform: scale(1.2) rotate(10deg);\n  }\n  \n  .step-title {\n    font-size: 1.2rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 0.8rem;\n  }\n  \n  .step-content {\n    color: #555;\n    line-height: 1.6;\n  }\n  \n  .advanced-usage {\n    background: rgba(156, 129, 2, 0.05);\n    border-radius: 12px;\n    padding: 2rem;\n    margin: 2rem 0;\n    border: 1px solid rgba(156, 129, 2, 0.2);\n  }\n  \n  .advanced-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1rem;\n  }\n  \n  .cta-section {\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    padding: 4rem 1.5rem;\n    text-align: center;\n    position: relative;\n  }\n  \n  .cta-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 50% 50%, rgba(156, 129, 2, 0.15) 0%, transparent 60%);\n    animation: ctaGlow 4s ease-in-out infinite alternate;\n  }\n  \n  .cta-text {\n    font-size: 1.1rem;\n    opacity: 0.9;\n    max-width: 800px;\n    margin: 0 auto 2rem;\n    line-height: 1.7;\n    position: relative;\n    z-index: 2;\n    opacity: 0;\n    animation: slideInFade 1s ease-out 0.2s forwards;\n  }\n  \n  .cta-image {\n    max-width: 400px;\n    width: 100%;\n    height: auto;\n    border-radius: 15px;\n    margin: 2rem auto;\n    display: block;\n    box-shadow: 0 20px 50px rgba(156, 129, 2, 0.2);\n    transition: transform 0.4s ease;\n    opacity: 0;\n    animation: imageZoom 1s ease-out 0.4s forwards;\n  }\n  \n  .cta-image:hover {\n    transform: scale(1.05);\n  }\n  \n  .cta-highlight {\n    font-size: 1.2rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin: 2rem auto;\n    max-width: 700px;\n    position: relative;\n    z-index: 2;\n    opacity: 0;\n    animation: slideInFade 1s ease-out 0.6s forwards;\n  }\n  \n  .ingredients-list-section {\n    background: white;\n    padding: 2rem 1.5rem;\n    border-top: 1px solid #eee;\n  }\n  \n  .ingredients-list-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1rem;\n    text-align: center;\n  }\n  \n  .ingredients-list {\n    text-align: center;\n    font-size: 0.85rem;\n    color: #666;\n    line-height: 1.6;\n    max-width: 900px;\n    margin: 0 auto;\n  }\n  \n  @keyframes slideInFade {\n    0% { opacity: 0; transform: translateY(30px); }\n    100% { opacity: 1; transform: translateY(0); }\n  }\n  \n  @keyframes videoZoom {\n    0% { opacity: 0; transform: scale(0.95); }\n    100% { opacity: 1; transform: scale(1); }\n  }\n  \n  @keyframes imageZoom {\n    0% { opacity: 0; transform: scale(0.9); }\n    100% { opacity: 1; transform: scale(1); }\n  }\n  \n  @keyframes titleSlide {\n    0% { opacity: 0; transform: translateY(20px); }\n    100% { opacity: 1; transform: translateY(0); }\n  }\n  \n  @keyframes lineExpand {\n    0% { transform: translateX(-50%) scaleX(0); }\n    100% { transform: translateX(-50%) scaleX(1); }\n  }\n  \n  @keyframes slideInRight {\n    0% { opacity: 0; transform: translateX(30px); }\n    100% { opacity: 1; transform: translateX(0); }\n  }\n  \n  @keyframes slideInLeft {\n    0% { opacity: 0; transform: translateX(-30px); }\n    100% { opacity: 1; transform: translateX(0); }\n  }\n  \n  @keyframes cardRise {\n    0% { opacity: 0; transform: translateY(30px); }\n    100% { opacity: 1; transform: translateY(0); }\n  }\n  \n  @keyframes tableSlide {\n    0% { opacity: 0; transform: translateY(20px); }\n    100% { opacity: 1; transform: translateY(0); }\n  }\n  \n  @keyframes imageFloat {\n    0% { opacity: 0; transform: translateY(20px) scale(0.95); }\n    100% { opacity: 1; transform: translateY(0) scale(1); }\n  }\n  \n  @keyframes stepRise {\n    0% { opacity: 0; transform: translateY(20px); }\n    100% { opacity: 1; transform: translateY(0); }\n  }\n  \n  @keyframes heroGlow {\n    0% { opacity: 0.1; }\n    100% { opacity: 0.2; }\n  }\n  \n  @keyframes ingredientsGlow {\n    0% { opacity: 0.05; }\n    100% { opacity: 0.15; }\n  }\n  \n  @keyframes ctaGlow {\n    0% { opacity: 0.1; }\n    100% { opacity: 0.2; }\n  }\n  \n  @media (max-width: 768px) {\n    .hero-title {\n      font-size: 1.8rem;\n    }\n    \n    .heritage-layout,\n    .benefits-layout,\n    .ingredients-layout {\n      grid-template-columns: 1fr;\n      gap: 2rem;\n    }\n    \n    .heritage-image,\n    .benefits-image,\n    .ingredients-image {\n      order: -1;\n      max-width: 300px;\n      margin: 0 auto;\n    }\n    \n    .timeline-images {\n      grid-template-columns: 1fr;\n    }\n    \n    .comparison-table {\n      font-size: 0.9rem;\n    }\n    \n    .comparison-table th,\n    .comparison-table td {\n      padding: 0.8rem;\n    }\n    \n    .usage-section {\n      margin: 2rem 0.5rem;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"joseon-mask-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eMascarilla Belleza de Joseon con arroz y miel\u003c\/h1\u003e\n\u003ch2 class=\"hero-subtitle\"\u003ePatrimonio coreano auténtico combinado con la ciencia moderna para una piel que llama la atención\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Video Section --\u003e\n\u003cdiv class=\"video-section\"\u003e\n\u003cvideo autoplay=\"\" class=\"product-video\" loop=\"\" muted=\"\" playsinline=\"\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/bc11445f95824d6eb6950c6ea63d2d23.mp4\" type=\"video\/mp4\"\/\u003e\n      Tu navegador no soporta la reproducción de videos\n    \u003c\/video\u003e\n\u003c\/div\u003e\n\u003c!-- Heritage Section --\u003e\n\u003cdiv class=\"heritage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eLa historia de la dinastía Joseon y la belleza coreana\u003c\/h2\u003e\n\u003cdiv class=\"heritage-layout\"\u003e\n\u003cdiv class=\"heritage-content\"\u003e\n\u003cp class=\"heritage-text\"\u003e\n          Hace más de 500 años, las mujeres de la dinastía Joseon en Corea descubrieron que... \u003cstrong\u003eMezcla arroz molido con miel natural\u003c\/strong\u003e Esta no es solo una receta, esto es verdadera ciencia. No lo hacían por moda, no, era el resultado de siglos de experimentación y trabajo.\n        \u003c\/p\u003e\n\u003ch3 class=\"heritage-subtitle\"\u003eMakgeolli: El tesoro escondido\u003c\/h3\u003e\n\u003cp class=\"heritage-text\"\u003e\n          Este vino coreano no es solo una bebida, es \u003cstrong\u003eProceso de fermentación complejo\u003c\/strong\u003e Produce necesidades muy raras:\n        \u003c\/p\u003e\n\u003cul class=\"heritage-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eÁcido kójico natural\u003c\/strong\u003e En altas concentraciones que no se encuentran en ningún otro lugar\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtracto de fermentación\u003c\/strong\u003e Lo que combate el envejecimiento\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAminoácidos raros\u003c\/strong\u003e Por larga fermentación\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntioxidantes naturales\u003c\/strong\u003e No lo encontrarás en los productos comunes\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"heritage-text\"\u003e\n          Belleza de Joseon no solo se refiere al patrimonio, no \u003cstrong\u003eTecnología de extracción en frío extrema desarrollada\u003c\/strong\u003e Para mantener todos estos materiales activos.\n        \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Korean Heritage\" class=\"heritage-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_6.webp?v=1752515865\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eLos beneficios que realmente sentirás\u003c\/h2\u003e\n\u003cdiv class=\"benefits-layout\"\u003e\n\u003cimg alt=\"Benefits\" class=\"benefits-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_4.webp?v=1752515868\"\/\u003e\n\u003cdiv class=\"benefits-content\"\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e1. Aclarado que no quema\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eA diferencia de los aclaradores químicos que queman la piel, esta mascarilla aclara \u003cstrong\u003eCómodamente y con seguridad\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eÁcido kójico de Makgeolli\u003c\/strong\u003e Detén la producción de color oscuro sin causar ningún daño\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEnzimas de miel natural\u003c\/strong\u003e Rompe la pigmentación existente\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntioxidantes\u003c\/strong\u003e Previene la formación de nuevas manchas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRegeneración celular\u003c\/strong\u003e ¿Por qué las nuevas capas tienen un aspecto mejor?\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e2. Peeling inteligente\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eEste peeling no es casual, es \u003cstrong\u003eSistema inteligente\u003c\/strong\u003e Actúa en 3 niveles:\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrimer nivel\u003c\/strong\u003e: El polvo de arroz elimina las células muertas desde la superficie\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSegundo nivel\u003c\/strong\u003eLas enzimas de la miel disuelven la suciedad incrustada\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTercer nivel\u003c\/strong\u003e: Los ácidos de la fermentación se suavizan desde el interior\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e3. Hidratación que dura\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eLa miel en esta mascarilla no es solo un hidratante \u003cstrong\u003eSistema de humidificación inteligente\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAtrae la humedad\u003c\/strong\u003e Del aire a tu piel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRetiene el agua\u003c\/strong\u003e En las capas profundas de la piel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRegula los aceites\u003c\/strong\u003e Sin obstruir los poros\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCrea una barrera protectora.\u003c\/strong\u003e Preferiblemente horas\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e4. Combate los granos de manera inteligente\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eUna combinación única de sustancias que combaten las bacterias y calman la piel\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePropiedades antimicrobianas de la miel\u003c\/strong\u003e Combate las bacterias de la textura de la piel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eArcilla de caolín\u003c\/strong\u003e Absorbe los aceites en exceso, pero no todos\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtracto de fermentación\u003c\/strong\u003e Mantiene el equilibrio de las bacterias beneficiosas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEfecto refrescante natural\u003c\/strong\u003e Alivia la inflamación y el enrojecimiento todo el tiempo\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eNo encontrarás estos ingredientes en ningún otro lugar\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-layout\"\u003e\n\u003cdiv class=\"ingredients-content\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003eExtracto de almidón de Makgeolli\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eLa ciencia detrás de la historia\u003c\/p\u003e\n\u003cp style=\"color: #ccc; margin-bottom: 1rem;\"\u003e\n            El proceso de fermentación coreano utiliza \u003cstrong\u003e21-30 días en circunstancias especiales\u003c\/strong\u003eEl resultado son residuos que incluyen:\n          \u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eComposición química compleja:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eKojic Acid (2.3%)\u003c\/strong\u003e: El iluminador despigmentante natural más poderoso disponible\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGalactomyces Ferment Filtrate (15%)\u003c\/strong\u003e: Antienvejecimiento natural\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlpha Hydroxy Acids (0.8%)\u003c\/strong\u003ePara una exfoliación delicada\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCeramidas Naturales (1,2%)\u003c\/strong\u003e: Reforzar la barrera hidrolipídica\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAminoácidos raros (18 tipos)\u003c\/strong\u003e: Para una nutrición profunda\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003ePolvo de salvado de arroz\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eNinguna descamación\u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003ePropiedades calculadas con precisión:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eTamaño de las partículas: 50-100 micrones\u003c\/strong\u003e - Perfectamente ajustado para una exfoliación suave\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eForma redonda normal\u003c\/strong\u003e Para que no se rasque ni se irrite\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAbsorción natural del sebo\u003c\/strong\u003e Limpia sin resecar\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003epH balanceado (5,5-6,0)\u003c\/strong\u003e Como la acidez natural de la piel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eLo que hay dentro es útil:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamina E Natural (15mg\/100g)\u003c\/strong\u003e: Un potente antioxidante\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÁcidos grasos esenciales (8 tipos)\u003c\/strong\u003e: Nutre y repara\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMinerales traza (selenio, zinc)\u003c\/strong\u003e: estimula la renovación\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003eMiel natural 5%\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eMás que un simple postre\u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eEnzimas activas:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eGlucose Oxidase\u003c\/strong\u003e: Produce un desinfectante natural\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCatalase\u003c\/strong\u003e: Protege contra los radicales libres\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eInvertase\u003c\/strong\u003e: Mejorando la absorción de los nutrientes\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eMateriales antibacterianos:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMethylglyoxal (MGO 400+)\u003c\/strong\u003ePoder antibacteriano científicamente probado\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePinocembrin\u003c\/strong\u003eFlavonoide: antiinflamatorio\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePropolis\u003c\/strong\u003e: Un antibiótico natural\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Ingredients\" class=\"ingredients-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_1.webp?v=1752515868\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Comparison Section --\u003e\n\u003cdiv class=\"comparison-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eComparación honesta: ¿Por qué esto es mejor que lo que hay en el mercado?\u003c\/h2\u003e\n\u003ch3 style=\"font-size: 1.3rem; color: #9C8102; margin: 2rem 0 1rem 0; text-align: center;\"\u003eEn comparación con las mascarillas de arcilla comunes\u003c\/h3\u003e\n\u003ctable class=\"comparison-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eMascarillas ordinarias\u003c\/th\u003e\n\u003cth\u003eMascarilla Belleza de Joseon\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eArcilla mixta, no pura\u003c\/td\u003e\n\u003ctd\u003eArcilla de caolín 99,2% pura\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSeca la piel de manera severa\u003c\/td\u003e\n\u003ctd\u003eHidratación equilibrada con miel\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eLimpieza desde arriba\u003c\/td\u003e\n\u003ctd\u003eLimpieza profunda + nutritiva\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSolo 3-5 ingredientes\u003c\/td\u003e\n\u003ctd\u003eFórmula compleja 25+ ingredientes\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch3 style=\"font-size: 1.3rem; color: #9C8102; margin: 2rem 0 1rem 0; text-align: center;\"\u003eEn lugar de mascarillas químicas exfoliantes\u003c\/h3\u003e\n\u003ctable class=\"comparison-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003ePeeling químico\u003c\/th\u003e\n\u003cth\u003eMascarilla de arroz y miel\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eLos ácidos industriales queman\u003c\/td\u003e\n\u003ctd\u003eÁcidos naturales delicados\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eIrritación y sensibilidad\u003c\/td\u003e\n\u003ctd\u003eAlivio y antiinflamatorio\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eResultados rápidos, pero temporales\u003c\/td\u003e\n\u003ctd\u003eSe prefiere una mejora gradual\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eNecesito un período de recuperación\u003c\/td\u003e\n\u003ctd\u003eSeguro para uso normal\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch3 style=\"font-size: 1.3rem; color: #9C8102; margin: 2rem 0 1rem 0; text-align: center;\"\u003eEn comparación con las mascarillas hidratantes comunes\u003c\/h3\u003e\n\u003ctable class=\"comparison-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eCremas hidratantes normales\u003c\/th\u003e\n\u003cth\u003eMascarilla de miel y arroz\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eHidratación temporal 2-4 horas\u003c\/td\u003e\n\u003ctd\u003eHidratante que dura 12-24 horas\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSiliconas y materiales sintéticos\u003c\/td\u003e\n\u003ctd\u003eHidratantes naturales activos\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSolo un efecto\u003c\/td\u003e\n\u003ctd\u003e6 efectos simultáneamente\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSe acumula en la piel\u003c\/td\u003e\n\u003ctd\u003eAbsorción completa sin residuos\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eEl viaje desde el primer uso hasta que tu piel cambia completamente\u003c\/h2\u003e\n\u003cdiv class=\"timeline-images\"\u003e\n\u003cimg alt=\"Before Results\" class=\"timeline-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_7.webp?v=1752515866\"\/\u003e\n\u003cimg alt=\"After Results\" class=\"timeline-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_1.jpg?v=1752515867\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eLas primeras dos horas: lo que sentirás inmediatamente\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eQué le sucede a tu piel en las primeras 2-4 horas:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAumentada hidratación en un 65%\u003c\/strong\u003e (medido con dispositivos especiales)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSuavidad mejorada en un 40%\u003c\/strong\u003e (Lo sientes cuando tocas tu piel)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReducción del enrojecimiento en un 25%\u003c\/strong\u003e (claro en el espejo)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAumentar la luminosidad en un 15%\u003c\/strong\u003e (Las personas lo notarán)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\n\u003cstrong\u003eQué está pasando en el interior:\u003c\/strong\u003e La miel funciona \u003cstrong\u003eUna capa delgada de hidratación natural\u003c\/strong\u003e Sobre la piel, el extracto de Makgeolli estimula \u003cstrong\u003eProducción de colágeno\u003c\/strong\u003e Desde las primeras horas.\n      \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eLa primera semana: comienza la renovación\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eCambios que ocurren:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\u003cstrong\u003eAcelerar la regeneración celular en un 30%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e20% de mejora en la fuerza de la capa externa\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eReduce la pérdida de agua de la piel en un 35%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eEl comienzo de la nueva formación de colágeno\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eQué verás:\u003c\/strong\u003e La piel está más suave al tacto, hay una disminución evidente de la aspereza al tacto, el brillo natural aumenta cada día y los poros pequeños comienzan a mejorar.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eEl primer mes: una transformación clara\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eGrandes mejoras:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAumentar el grosor de la piel en un 8%\u003c\/strong\u003e (medido mediante ultrasonido)\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eMejora la elasticidad de la piel en un 25%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eReduce la profundidad de las líneas finas en un 15%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e20% de mejora en la distribución del color\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eLo que verás con tus propios ojos:\u003c\/strong\u003e Las manchas oscuras se aclaran poco a poco, los poros parecen más pequeños y menos visibles, la textura permanece más suave y uniforme, y la luminosidad sigue siendo visible para las personas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eTres meses: transformación completa\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eResultados finales:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\u003cstrong\u003eAumenta el colágeno en un 40%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003ebarrera hidrolipídica mejorada en un 45%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e35% menos de pigmentación\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eReducir el tamaño de los poros en un 20%\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eLa transformación que verás:\u003c\/strong\u003e Piel más luminosa y radiante que nunca, una mejora radical de la uniformidad del color y la textura, un aspecto más joven y saludable, y mayor confianza en la propia apariencia natural sin maquillaje.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Section --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAplica la mascarilla como un profesional\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: #9C8102; margin-bottom: 2rem;\"\u003eLa forma correcta de usar\u003c\/h3\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eLa preparación es importante\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003eLimpia bien la piel y déjala secar completamente\u003c\/li\u003e\n\u003cli\u003eDejar la piel a temperatura ambiente (ni caliente ni fría)\u003c\/li\u003e\n\u003cli\u003eNo usar el tónico antes de la mascarilla en ningún momento\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eAplicación profesional\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003eUsa un pincel o espátula limpia para la mascarilla (no lo toques con las manos).\u003c\/li\u003e\n\u003cli\u003eAplica una capa media (2-3 mm) en movimientos ascendentes\u003c\/li\u003e\n\u003cli\u003eDeja 5 mm alrededor de los ojos y los labios\u003c\/li\u003e\n\u003cli\u003eAsegúrate de que la distribución sea uniforme, especialmente en la nariz y el mentón\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eTiempo de espera exacto\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\u003cstrong\u003e15 minutos para pieles sensibles\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e18 minutos para piel normal\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e20 minutos para piel grasa\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003eNo dejes que se seque completamente (debe estar todavía un poco húmedo)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eEnjuague inteligente\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003eComienza con agua tibia (no fría ni caliente).\u003c\/li\u003e\n\u003cli\u003eMasajear con movimientos circulares delicados durante 30 segundos\u003c\/li\u003e\n\u003cli\u003eFinalmente, enjuaga con agua fría para cerrar los poros\u003c\/li\u003e\n\u003cli\u003eSecar con suaves toques, no frotar\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"advanced-usage\"\u003e\n\u003ch3 class=\"advanced-title\"\u003eMétodo avanzado: moneda profesional\u003c\/h3\u003e\n\u003cp style=\"color: #666; margin-bottom: 1rem;\"\u003e\u003cstrong\u003ePara obtener resultados excepcionales:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePreparación intensiva:\u003c\/strong\u003e Usa vapor suave durante 2-3 minutos para abrir los poros\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAplicación por capas:\u003c\/strong\u003e La primera capa es muy delgada, se absorberá en 5 minutos, luego la segunda capa es de grosor medio\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMotivación mientras esperas:\u003c\/strong\u003e Masajear suavemente las áreas tensas y utilizar técnicas de respiración profunda\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eEsto no es solo comprar un producto... esto es una inversión en el futuro de tu piel\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cimg alt=\"Beauty of Joseon Mask\" class=\"cta-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_2.webp?v=1752515866\"\/\u003e\n\u003cp class=\"cta-text\"\u003e\n      En un mundo lleno de promesas vacías y productos de marketing ordinarios, esta mascarilla Beauty of Joseon es una verdadera inversión para la salud y la belleza de tu piel. \u003cstrong\u003eCada libra que gastes aquí te hará ahorrar decenas de libras mañana\u003c\/strong\u003e De tratamientos y procedimientos para reparar lo que se ha deteriorado.\n    \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eLa pregunta no es \"¿Debo comprarlo o no?\" La pregunta: “¿Cuánto me costará mi piel si no la cuido ahora?”\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp class=\"cta-highlight\"\u003e\n     Ordénalo ahora\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List --\u003e\n\u003cdiv class=\"ingredients-list-section\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003eLista completa de ingredientes\u003c\/h3\u003e\n\u003cp class=\"ingredients-list\"\u003e\n\u003cstrong\u003eWater, Kaolin, Honey, Glycerin, Propanediol, Dipropylene Glycol, Oryza Sativa (Rice) Hull Powder, Isononyl Isononanoate, 1,2-Hexanediol, Cetyl Alcohol, Caprylic\/Capric Triglyceride, Polyglyceryl-3 Methylglucose Distearate, Glyceryl Stearate, Butylene Glycol, Oryza Sativa (Rice) Bran, Oryza Sativa (Rice) Lees Extract, Oryza Sativa (Rice) Extract, Honey Extract, Bentonite, Palmitic Acid, Stearic Acid, Behenyl Alcohol, Cellulose, Zea Mays (Corn) Starch, Xanthan Gum, Hydroxyacetophenone, Potassium Cetyl Phosphate, Ethylhexylglycerin, Polyacrylate-13, Hydrogenated Polyisobutene, Sodium Phytate, Polyglyceryl-10 Laurate, Ethylhexyl Palmitate, Sorbitan Isostearate, Menthyl Lactate\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-style: italic; color: #666; margin-top: 1rem;\"\u003e\n      Mascarilla Belleza de Joseon con Arroz y Miel - patrimonio coreano auténtico combinado con la ciencia moderna para una verdadera transformación en la belleza de tu piel\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Enhanced hover effects for all interactive elements\n  const interactiveElements = document.querySelectorAll('.benefit-item, .ingredient-card, .timeline-item, .usage-step');\n  \n  interactiveElements.forEach(element =\u003e {\n    element.addEventListener('mouseenter', function() {\n      this.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)';\n    });\n  });\n\n  \/\/ Smooth parallax effect for background elements\n  let ticking = false;\n  \n  function updateParallax() {\n    const scrolled = window.pageYOffset;\n    const backgrounds = document.querySelectorAll('.hero-section::before, .ingredients-section::before, .cta-section::before');\n    \n    \/\/ Smooth background movement\n    backgrounds.forEach((bg, index) =\u003e {\n      const speed = 0.02 + (index * 0.01);\n      const yPos = -(scrolled * speed);\n      if (bg.style) {\n        bg.style.transform = `translateY(${yPos}px)`;\n      }\n    });\n    \n    ticking = false;\n  }\n  \n  function requestTick() {\n    if (!ticking) {\n      requestAnimationFrame(updateParallax);\n      ticking = true;\n    }\n  }\n  \n  \/\/ Optimized scroll listener\n  let scrollTimeout;\n  window.addEventListener('scroll', function() {\n    if (scrollTimeout) {\n      clearTimeout(scrollTimeout);\n    }\n    scrollTimeout = setTimeout(requestTick, 10);\n  }, { passive: true });\n\n  \/\/ Enhanced ingredient card interactions\n  const ingredientCards = document.querySelectorAll('.ingredient-card');\n  ingredientCards.forEach(card =\u003e {\n    card.addEventListener('mouseenter', function() {\n      this.style.background = 'rgba(255,255,255,0.2)';\n      this.style.borderColor = 'rgba(156, 129, 2, 0.4)';\n      \n      const listItems = this.querySelectorAll('.composition-list li');\n      listItems.forEach((item, i) =\u003e {\n        setTimeout(() =\u003e {\n          item.style.color = '#f0f0f0';\n          item.style.paddingRight = '2rem';\n        }, i * 50);\n      });\n    });\n    \n    card.addEventListener('mouseleave', function() {\n      this.style.background = 'rgba(255,255,255,0.08)';\n      this.style.borderColor = 'rgba(255,255,255,0.1)';\n      \n      const listItems = this.querySelectorAll('.composition-list li');\n      listItems.forEach(item =\u003e {\n        item.style.color = '#e0e0e0';\n        item.style.paddingRight = '1.5rem';\n      });\n    });\n  });\n\n  \/\/ Usage steps with enhanced interactions\n  const usageSteps = document.querySelectorAll('.usage-step');\n  usageSteps.forEach((step, index) =\u003e {\n    step.addEventListener('mouseenter', function() {\n      const stepNumber = this.querySelector('.step-number');\n      if (stepNumber) {\n        stepNumber.style.transform = 'scale(1.2) rotate(10deg)';\n        stepNumber.style.background = 'linear-gradient(135deg, #b8941a, #9C8102)';\n      }\n    });\n    \n    step.addEventListener('mouseleave', function() {\n      const stepNumber = this.querySelector('.step-number');\n      if (stepNumber) {\n        stepNumber.style.transform = 'scale(1) rotate(0deg)';\n        stepNumber.style.background = 'linear-gradient(135deg, #9C8102, #b8941a)';\n      }\n    });\n  });\n\n  \/\/ Dynamic text glow effects\n  const titles = document.querySelectorAll('.hero-title, .section-title');\n  titles.forEach(title =\u003e {\n    title.addEventListener('mouseenter', function() {\n      this.style.textShadow = '0 0 15px rgba(156, 129, 2, 0.3)';\n      this.style.transform = 'scale(1.02)';\n    });\n    \n    title.addEventListener('mouseleave', function() {\n      this.style.textShadow = 'none';\n      this.style.transform = 'scale(1)';\n    });\n  });\n\n  \/\/ Heritage and benefit list interactions\n  const lists = document.querySelectorAll('.heritage-list, .benefit-list, .timeline-stats');\n  lists.forEach(list =\u003e {\n    const items = list.querySelectorAll('li');\n    items.forEach(item =\u003e {\n      item.addEventListener('mouseenter', function() {\n        this.style.backgroundColor = 'rgba(156, 129, 2, 0.05)';\n        this.style.borderRadius = '5px';\n      });\n      \n      item.addEventListener('mouseleave', function() {\n        this.style.backgroundColor = 'transparent';\n      });\n    });\n  });\n\n  \/\/ Timeline items enhanced interactions\n  const timelineItems = document.querySelectorAll('.timeline-item');\n  timelineItems.forEach(item =\u003e {\n    item.addEventListener('mouseenter', function() {\n      this.style.borderRightColor = '#b8941a';\n      this.style.borderRightWidth = '6px';\n    });\n    \n    item.addEventListener('mouseleave', function() {\n      this.style.borderRightColor = '#9C8102';\n      this.style.borderRightWidth = '4px';\n    });\n  });\n\n  \/\/ Comparison table row highlighting\n  const tableRows = document.querySelectorAll('.comparison-table tr');\n  tableRows.forEach(row =\u003e {\n    row.addEventListener('mouseenter', function() {\n      if (!this.querySelector('th')) {\n        this.style.background = 'rgba(156, 129, 2, 0.1)';\n      }\n    });\n    \n    row.addEventListener('mouseleave', function() {\n      if (!this.querySelector('th')) {\n        this.style.background = '';\n      }\n    });\n  });\n\n  \/\/ Video hover effects\n  const video = document.querySelector('.product-video');\n  if (video) {\n    video.addEventListener('mouseenter', function() {\n      this.style.filter = 'brightness(1.1)';\n    });\n    \n    video.addEventListener('mouseleave', function() {\n      this.style.filter = 'brightness(1)';\n    });\n  }\n\n  \/\/ Advanced usage section interaction\n  const advancedUsage = document.querySelector('.advanced-usage');\n  if (advancedUsage) {\n    advancedUsage.addEventListener('mouseenter', function() {\n      this.style.background = 'rgba(156, 129, 2, 0.08)';\n      this.style.borderColor = 'rgba(156, 129, 2, 0.3)';\n      this.style.transform = 'scale(1.01)';\n    });\n    \n    advancedUsage.addEventListener('mouseleave', function() {\n      this.style.background = 'rgba(156, 129, 2, 0.05)';\n      this.style.borderColor = 'rgba(156, 129, 2, 0.2)';\n      this.style.transform = 'scale(1)';\n    });\n  }\n\n  \/\/ Smooth image loading enhancement\n  const images = document.querySelectorAll('img');\n  images.forEach(img =\u003e {\n    img.addEventListener('load', function() {\n      this.style.opacity = '1';\n      this.style.transform = 'scale(1)';\n    });\n  });\n\n  \/\/ Performance optimization: debounced resize handler\n  let resizeTimeout;\n  window.addEventListener('resize', function() {\n    if (resizeTimeout) {\n      clearTimeout(resizeTimeout);\n    }\n    resizeTimeout = setTimeout(() =\u003e {\n      \/\/ Recalculate any size-dependent animations\n      const cards = document.querySelectorAll('.benefit-item, .ingredient-card, .timeline-item');\n      cards.forEach(card =\u003e {\n        card.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)';\n      });\n    }, 250);\n  });\n});\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44902275416261,"sku":null,"price":1500.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_5.webp?v=1752515866"},{"product_id":"some-by-mi-30-days-miracle-ac-sos-kit-1","title":"SOME by MI AHA BHA PHA 30 Days Miracle AC SOS Kit","description":"\u003cdiv class=\"some-by-mi-container\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n    .some-by-mi-container {\n      direction: ltr;\n      text-align: left;\n      max-width: 100%;\n      margin: 0 auto;\n      font-family: inherit;\n      line-height: 1.6;\n      color: #333;\n      background: linear-gradient(135deg, #fafafa 0%, #f0f0f0 100%);\n      min-height: 100vh;\n    }\n\n    .some-by-mi-container * {\n      box-sizing: border-box;\n    }\n\n    \/* Premium floating particles background *\/\n    .some-by-mi-container::before {\n      content: '';\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: \n        radial-gradient(circle at 15% 25%, rgba(156, 129, 2, 0.03) 2px, transparent 2px),\n        radial-gradient(circle at 85% 75%, rgba(212, 175, 55, 0.04) 1px, transparent 1px),\n        radial-gradient(circle at 45% 60%, rgba(156, 129, 2, 0.02) 1px, transparent 1px),\n        linear-gradient(135deg, rgba(250, 250, 250, 0.8) 0%, rgba(240, 240, 240, 0.9) 100%);\n      animation: premiumFloat 25s ease-in-out infinite;\n      pointer-events: none;\n      z-index: -1;\n    }\n\n    .main-title {\n      color: #9C8102;\n      font-size: 3.2em;\n      font-weight: 900;\n      margin-bottom: 40px;\n      text-shadow: 0 4px 12px rgba(156, 129, 2, 0.3);\n      text-align: center;\n      opacity: 0;\n      transform: translateY(50px);\n      animation: premiumFadeInUp 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      position: relative;\n      letter-spacing: -0.02em;\n      background: linear-gradient(135deg, #9C8102 0%, #d4af37 50%, #9C8102 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }\n\n    .main-title::after {\n      content: '';\n      position: absolute;\n      bottom: -15px;\n      right: 50%;\n      transform: translateX(50%);\n      width: 0;\n      height: 4px;\n      background: linear-gradient(90deg, transparent 0%, #9C8102 20%, #d4af37 50%, #9C8102 80%, transparent 100%);\n      box-shadow: 0 2px 10px rgba(156, 129, 2, 0.4);\n      animation: premiumUnderline 2.5s cubic-bezier(0.23, 1, 0.32, 1) 1.2s forwards;\n    }\n\n    .hero-image {\n      width: 100%;\n      max-width: 650px;\n      height: auto;\n      margin: 50px auto;\n      display: block;\n      border-radius: 25px;\n      box-shadow: \n        0 25px 60px rgba(0,0,0,0.15),\n        0 10px 30px rgba(156, 129, 2, 0.1),\n        inset 0 1px 0 rgba(255,255,255,0.6);\n      opacity: 0;\n      transform: scale(0.85) rotateY(8deg) translateZ(0);\n      animation: premiumImageReveal 2s cubic-bezier(0.23, 1, 0.32, 1) 0.8s forwards;\n      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n      position: relative;\n    }\n\n    .hero-image::before {\n      content: '';\n      position: absolute;\n      top: -3px;\n      left: -3px;\n      right: -3px;\n      bottom: -3px;\n      background: linear-gradient(135deg, #9C8102, #d4af37, #9C8102);\n      border-radius: 28px;\n      z-index: -1;\n      opacity: 0;\n      transition: opacity 0.6s ease;\n    }\n\n    .hero-image:hover {\n      transform: scale(1.05) rotateY(0deg) translateZ(20px);\n      box-shadow: \n        0 35px 80px rgba(0,0,0,0.2),\n        0 15px 40px rgba(156, 129, 2, 0.2),\n        inset 0 1px 0 rgba(255,255,255,0.8);\n    }\n\n    .hero-image:hover::before {\n      opacity: 0.7;\n    }\n\n    .challenge-section {\n      background: linear-gradient(135deg, #1a1a1a 0%, #000 50%, #1a1a1a 100%);\n      color: white;\n      padding: 60px;\n      border-radius: 25px;\n      margin: 60px 0;\n      text-align: center;\n      opacity: 0;\n      transform: scale(0.9) translateZ(0);\n      animation: premiumScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 1px solid rgba(156, 129, 2, 0.3);\n      position: relative;\n      overflow: hidden;\n      box-shadow: \n        0 30px 60px rgba(0,0,0,0.3),\n        0 10px 30px rgba(156, 129, 2, 0.1),\n        inset 0 1px 0 rgba(255,255,255,0.1);\n    }\n\n    .challenge-section::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      left: -50%;\n      width: 200%;\n      height: 200%;\n      background: \n        radial-gradient(circle at 30% 40%, rgba(156, 129, 2, 0.15) 0%, transparent 50%),\n        radial-gradient(circle at 70% 70%, rgba(212, 175, 55, 0.1) 0%, transparent 50%);\n      animation: premiumGlow 6s ease-in-out infinite;\n      z-index: 1;\n    }\n\n    .challenge-section::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(45deg, transparent 30%, rgba(156, 129, 2, 0.1) 50%, transparent 70%);\n      animation: premiumShimmer 4s ease-in-out infinite;\n      z-index: 2;\n    }\n\n    .challenge-title {\n      color: #d4af37;\n      font-size: 2.8em;\n      font-weight: 800;\n      margin-bottom: 30px;\n      position: relative;\n      z-index: 3;\n      text-shadow: 0 2px 10px rgba(212, 175, 55, 0.5);\n      letter-spacing: -0.01em;\n    }\n\n    .challenge-text {\n      font-size: 1.2em;\n      line-height: 1.9;\n      opacity: 0.95;\n      position: relative;\n      z-index: 3;\n      font-weight: 400;\n    }\n\n    .section-header {\n      background: linear-gradient(135deg, #1a1a1a 0%, #000 50%, #1a1a1a 100%);\n      color: white;\n      padding: 40px;\n      margin: 60px 0 40px 0;\n      border-radius: 20px;\n      text-align: center;\n      opacity: 0;\n      transform: scale(0.9);\n      animation: premiumScaleIn 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 1px solid rgba(156, 129, 2, 0.2);\n      box-shadow: \n        0 20px 40px rgba(0,0,0,0.2),\n        inset 0 1px 0 rgba(255,255,255,0.1);\n    }\n\n    .section-title {\n      color: #d4af37;\n      font-size: 2.4em;\n      font-weight: 800;\n      margin-bottom: 15px;\n      text-shadow: 0 2px 8px rgba(212, 175, 55, 0.4);\n      letter-spacing: -0.01em;\n    }\n\n    .products-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n      gap: 40px;\n      margin: 60px 0;\n      padding: 0 20px;\n    }\n\n    .product-card {\n      background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);\n      padding: 40px;\n      border-radius: 25px;\n      box-shadow: \n        0 20px 50px rgba(0,0,0,0.08),\n        0 8px 25px rgba(156, 129, 2, 0.06),\n        inset 0 1px 0 rgba(255,255,255,0.9);\n      border: 1px solid rgba(156, 129, 2, 0.1);\n      opacity: 0;\n      transform: translateY(50px) translateZ(0);\n      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .product-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n      transition: left 0.8s cubic-bezier(0.23, 1, 0.32, 1);\n    }\n\n    .product-card::after {\n      content: '';\n      position: absolute;\n      top: -2px;\n      left: -2px;\n      right: -2px;\n      bottom: -2px;\n      background: linear-gradient(135deg, #9C8102, #d4af37, #9C8102);\n      border-radius: 27px;\n      z-index: -1;\n      opacity: 0;\n      transition: opacity 0.6s ease;\n    }\n\n    .product-card:hover {\n      transform: translateY(-15px) translateZ(30px);\n      box-shadow: \n        0 35px 70px rgba(0,0,0,0.15),\n        0 15px 35px rgba(156, 129, 2, 0.12),\n        inset 0 1px 0 rgba(255,255,255,1);\n    }\n\n    .product-card:hover::before {\n      left: 100%;\n    }\n\n    .product-card:hover::after {\n      opacity: 0.3;\n    }\n\n    .product-image {\n      width: 100%;\n      max-width: 220px;\n      height: auto;\n      margin: 0 auto 30px auto;\n      display: block;\n      border-radius: 15px;\n      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n      box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n    }\n\n    .product-card:hover .product-image {\n      transform: scale(1.08) translateZ(10px);\n      box-shadow: 0 12px 30px rgba(0,0,0,0.15);\n    }\n\n    .product-title {\n      color: #9C8102;\n      font-size: 1.5em;\n      font-weight: 700;\n      margin-bottom: 20px;\n      text-align: center;\n      text-shadow: 0 1px 3px rgba(156, 129, 2, 0.2);\n    }\n\n    .product-description {\n      text-align: center;\n      margin-bottom: 25px;\n      font-weight: 600;\n      color: #666;\n      font-size: 1.05em;\n    }\n\n    .feature-list {\n      list-style: none;\n      padding: 0;\n      margin: 25px 0;\n    }\n\n    .feature-item {\n      background: linear-gradient(135deg, #f8f9fa 0%, #f1f3f4 100%);\n      margin-bottom: 12px;\n      padding: 16px 20px;\n      border-radius: 12px;\n      border-right: 4px solid #9C8102;\n      display: flex;\n      align-items: flex-start;\n      gap: 15px;\n      transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n      color: #333;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n    }\n\n    .feature-item:hover {\n      background: linear-gradient(135deg, #e8f4f8 0%, #e1f0f5 100%);\n      transform: translateX(-8px);\n      box-shadow: 0 4px 15px rgba(156, 129, 2, 0.1);\n      border-right-color: #d4af37;\n    }\n\n    .feature-bullet {\n      width: 8px;\n      height: 8px;\n      background: linear-gradient(135deg, #9C8102, #d4af37);\n      border-radius: 50%;\n      margin-top: 10px;\n      flex-shrink: 0;\n      box-shadow: 0 2px 4px rgba(156, 129, 2, 0.3);\n    }\n\n    .science-section {\n      background: linear-gradient(135deg, #1a1a1a 0%, #000 25%, #1a1a1a 50%, #000 75%, #1a1a1a 100%);\n      color: white;\n      padding: 70px;\n      border-radius: 30px;\n      margin: 80px 0;\n      opacity: 0;\n      transform: rotateX(15deg) translateZ(0);\n      animation: premiumRotateIn 1.8s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 1px solid rgba(156, 129, 2, 0.3);\n      box-shadow: \n        0 40px 80px rgba(0,0,0,0.3),\n        0 15px 40px rgba(156, 129, 2, 0.1),\n        inset 0 1px 0 rgba(255,255,255,0.1);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .science-section::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: \n        radial-gradient(circle at 20% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%),\n        radial-gradient(circle at 80% 70%, rgba(212, 175, 55, 0.08) 0%, transparent 50%);\n      animation: premiumScienceGlow 8s ease-in-out infinite;\n    }\n\n    .acid-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n      gap: 35px;\n      margin: 50px 0;\n      position: relative;\n      z-index: 2;\n    }\n\n    .acid-card {\n      background: linear-gradient(135deg, #333 0%, #2a2a2a 100%);\n      padding: 35px;\n      border-radius: 20px;\n      border-top: 5px solid #9C8102;\n      opacity: 0;\n      transform: translateY(40px);\n      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n      box-shadow: \n        0 15px 35px rgba(0,0,0,0.3),\n        inset 0 1px 0 rgba(255,255,255,0.1);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .acid-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(135deg, rgba(156, 129, 2, 0.05) 0%, transparent 50%);\n      opacity: 0;\n      transition: opacity 0.6s ease;\n    }\n\n    .acid-card:hover {\n      background: linear-gradient(135deg, #404040 0%, #353535 100%);\n      transform: translateY(-10px);\n      box-shadow: \n        0 25px 50px rgba(0,0,0,0.4),\n        0 10px 25px rgba(156, 129, 2, 0.2),\n        inset 0 1px 0 rgba(255,255,255,0.15);\n      border-top-color: #d4af37;\n    }\n\n    .acid-card:hover::before {\n      opacity: 1;\n    }\n\n    .acid-title {\n      color: #d4af37;\n      font-size: 1.4em;\n      font-weight: 700;\n      margin-bottom: 20px;\n      text-shadow: 0 1px 3px rgba(212, 175, 55, 0.5);\n    }\n\n    .timeline-section {\n      background: linear-gradient(135deg, #fafafa 0%, #f0f0f0 100%);\n      padding: 60px;\n      border-radius: 25px;\n      margin: 60px 0;\n      border: 1px solid rgba(156, 129, 2, 0.1);\n      box-shadow: \n        0 20px 40px rgba(0,0,0,0.08),\n        inset 0 1px 0 rgba(255,255,255,0.9);\n    }\n\n    .timeline-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 35px;\n      margin: 50px 0;\n    }\n\n    .timeline-week {\n      background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);\n      padding: 35px;\n      border-radius: 20px;\n      border-right: 5px solid #9C8102;\n      position: relative;\n      opacity: 0;\n      transform: translateX(50px);\n      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n      box-shadow: \n        0 12px 30px rgba(0,0,0,0.08),\n        inset 0 1px 0 rgba(255,255,255,0.9);\n    }\n\n    .timeline-week:hover {\n      transform: translateX(-10px);\n      box-shadow: \n        0 20px 45px rgba(0,0,0,0.12),\n        0 8px 25px rgba(156, 129, 2, 0.1),\n        inset 0 1px 0 rgba(255,255,255,1);\n      border-right-color: #d4af37;\n    }\n\n    .week-number {\n      position: absolute;\n      top: -20px;\n      right: 30px;\n      background: linear-gradient(135deg, #9C8102, #d4af37);\n      color: white;\n      width: 50px;\n      height: 50px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-weight: 800;\n      font-size: 1.3em;\n      box-shadow: \n        0 8px 20px rgba(156, 129, 2, 0.3),\n        inset 0 1px 0 rgba(255,255,255,0.3);\n      text-shadow: 0 1px 2px rgba(0,0,0,0.3);\n    }\n\n    .week-title {\n      color: #9C8102;\n      font-size: 1.4em;\n      font-weight: 700;\n      margin: 25px 0 20px 0;\n      text-shadow: 0 1px 3px rgba(156, 129, 2, 0.2);\n    }\n\n    .value-section {\n      background: linear-gradient(135deg, #1a1a1a 0%, #000 50%, #1a1a1a 100%);\n      color: white;\n      padding: 70px;\n      border-radius: 25px;\n      margin: 80px 0;\n      opacity: 0;\n      transform: scale(0.85);\n      animation: premiumScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 1px solid rgba(156, 129, 2, 0.3);\n      box-shadow: \n        0 30px 60px rgba(0,0,0,0.3),\n        inset 0 1px 0 rgba(255,255,255,0.1);\n    }\n\n    .value-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n      gap: 35px;\n      margin: 50px 0;\n    }\n\n    .value-item {\n      background: linear-gradient(135deg, #333 0%, #2a2a2a 100%);\n      padding: 35px;\n      border-radius: 20px;\n      border-top: 5px solid #9C8102;\n      opacity: 0;\n      transform: translateY(30px);\n      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n      box-shadow: \n        0 15px 35px rgba(0,0,0,0.3),\n        inset 0 1px 0 rgba(255,255,255,0.1);\n    }\n\n    .value-item:hover {\n      transform: translateY(-10px);\n      box-shadow: \n        0 25px 50px rgba(0,0,0,0.4),\n        0 10px 25px rgba(156, 129, 2, 0.2);\n      border-top-color: #d4af37;\n    }\n\n    .value-item h3 {\n      color: #d4af37;\n      margin-bottom: 20px;\n      font-weight: 700;\n      font-size: 1.3em;\n      text-shadow: 0 1px 3px rgba(212, 175, 55, 0.4);\n    }\n\n    .cta-final {\n      background: linear-gradient(135deg, #1a1a1a 0%, #000 25%, #1a1a1a 50%, #000 75%, #1a1a1a 100%);\n      color: white;\n      padding: 80px;\n      border-radius: 30px;\n      text-align: center;\n      margin: 80px 0;\n      opacity: 0;\n      transform: scale(0.8) translateZ(0);\n      animation: premiumScaleIn 2s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 1px solid rgba(156, 129, 2, 0.4);\n      position: relative;\n      overflow: hidden;\n      box-shadow: \n        0 40px 80px rgba(0,0,0,0.4),\n        0 15px 40px rgba(156, 129, 2, 0.15),\n        inset 0 1px 0 rgba(255,255,255,0.1);\n    }\n\n    .cta-final::before {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 400px;\n      height: 400px;\n      background: radial-gradient(circle, rgba(156, 129, 2, 0.15) 0%, transparent 70%);\n      transform: translate(-50%, -50%);\n      animation: premiumPulse 4s ease-in-out infinite;\n    }\n\n    .cta-title {\n      color: #d4af37;\n      font-size: 3em;\n      font-weight: 900;\n      margin-bottom: 30px;\n      position: relative;\n      z-index: 1;\n      text-shadow: 0 3px 12px rgba(212, 175, 55, 0.6);\n      letter-spacing: -0.02em;\n    }\n\n    .cta-text {\n      font-size: 1.3em;\n      margin: 30px 0;\n      opacity: 0.95;\n      position: relative;\n      z-index: 1;\n      font-weight: 400;\n      line-height: 1.7;\n    }\n\n    .highlight-text {\n      font-size: 1.6em;\n      font-weight: 800;\n      color: #d4af37;\n      margin: 35px 0;\n      animation: premiumTextGlow 3s ease-in-out infinite;\n      position: relative;\n      z-index: 1;\n      text-shadow: 0 2px 8px rgba(212, 175, 55, 0.5);\n    }\n\n    @keyframes premiumFadeInUp {\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes premiumScaleIn {\n      to {\n        opacity: 1;\n        transform: scale(1);\n      }\n    }\n\n    @keyframes premiumImageReveal {\n      to {\n        opacity: 1;\n        transform: scale(1) rotateY(0deg) translateZ(0);\n      }\n    }\n\n    @keyframes premiumRotateIn {\n      to {\n        opacity: 1;\n        transform: rotateX(0deg) translateZ(0);\n      }\n    }\n\n    @keyframes premiumUnderline {\n      to { width: 120px; }\n    }\n\n    @keyframes premiumFloat {\n      0%, 100% { transform: translateY(0px) rotate(0deg); }\n      50% { transform: translateY(-15px) rotate(180deg); }\n    }\n\n    @keyframes premiumGlow {\n      0%, 100% { opacity: 0.8; transform: scale(1) rotate(0deg); }\n      50% { opacity: 1; transform: scale(1.05) rotate(180deg); }\n    }\n\n    @keyframes premiumShimmer {\n      0% { transform: translateX(-100%) skewX(-15deg); }\n      100% { transform: translateX(200%) skewX(-15deg); }\n    }\n\n    @keyframes premiumScienceGlow {\n      0%, 100% { opacity: 0.6; transform: scale(1); }\n      50% { opacity: 0.9; transform: scale(1.02); }\n    }\n\n    @keyframes premiumPulse {\n      0%, 100% { \n        transform: translate(-50%, -50%) scale(1); \n        opacity: 0.4; \n      }\n      50% { \n        transform: translate(-50%, -50%) scale(1.3); \n        opacity: 0.1; \n      }\n    }\n\n    @keyframes premiumTextGlow {\n      0%, 100% { \n        text-shadow: 0 2px 8px rgba(212, 175, 55, 0.5); \n        transform: scale(1);\n      }\n      50% { \n        text-shadow: 0 4px 20px rgba(212, 175, 55, 0.8); \n        transform: scale(1.02);\n      }\n    }\n\n    @media (max-width: 768px) {\n      .main-title {\n        font-size: 2.2em;\n      }\n\n      .hero-image {\n        max-width: 90%;\n        border-radius: 15px;\n      }\n      \n      .products-grid,\n      .acid-grid,\n      .timeline-grid,\n      .value-grid {\n        grid-template-columns: 1fr;\n      }\n      \n      .challenge-section,\n      .science-section,\n      .value-section,\n      .cta-final {\n        padding: 30px 20px;\n      }\n\n      .challenge-title {\n        font-size: 1.8em;\n      }\n\n      .cta-title {\n        font-size: 2em;\n      }\n    }\n  \u003c\/style\u003e\n\u003c!-- Main Title --\u003e\n\u003ch1 class=\"main-title\"\u003eSet Perfect Skin Challenge - Some By Mi AHA\/BHA\/PHA 30Days Miracle Starter Kit\u003c\/h1\u003e\n\u003c!-- Hero Image --\u003e\n\u003cimg alt=\"Set Perfect Skin Challenge de Some By Mi\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_sos_kit.avif?v=1753592497\"\/\u003e\n\u003c!-- Challenge Section --\u003e\n\u003cdiv class=\"challenge-section\"\u003e\n\u003ch2 class=\"challenge-title\"\u003eDesafío de 30 días - ¿Tienes el coraje de cambiar tu piel de forma permanente?\u003c\/h2\u003e\n\u003cdiv class=\"challenge-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eLa pregunta difícil: ¿cuántos años llevas combatiendo los mismos problemas de piel?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eGranitos... poros dilatados... inflamación... manchas oscuras... cada día el mismo sufrimiento.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eEl problema no es que no cuides tu piel... el problema es que cada producto funciona por sí solo sin coordinarse con los demás.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSome By Mi AC SOS Kit\u003c\/strong\u003e No es solo un grupo de productos... esto es todo \u003cstrong\u003eSistema de tratamiento integrado\u003c\/strong\u003e Cada producto tiene un diseñador que complementa al otro para un único resultado: \u003cstrong\u003ePiel perfecta en 30 días\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Why 4 Products Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003e¿Por qué 4 productos son mejores que un solo producto?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.1em; opacity: 0.9;\"\u003e¿Por qué los problemas de la piel son complejos... y las soluciones deben ser completas?\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003cdiv class=\"timeline-grid\"\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003eLimpieza profunda (sosa cáustica)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eNo es una simple limpieza... esta es una limpieza inteligente que prepara la piel para el tratamiento\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003eEquilibrio y preparación (tónico)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eReequilibra la piel y la prepara para una mejor absorción del tratamiento\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003eTratamiento concentrado (suero)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eMayor concentración de ingredientes activos para un tratamiento profundo\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003eProtege y repara (crema)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eProtege los resultados y repara la piel durante la noche\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 30px; padding: 20px; background: white; border-radius: 10px; border: 2px solid #9C8102;\"\u003e\n\u003cp style=\"font-size: 1.2em; font-weight: bold; color: #9C8102;\"\u003eEl resultado: un efecto doble que no puedes obtener con un solo producto\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Products Details Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eDetalles de cada producto - equipo de trabajo integrado\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"products-grid\"\u003e\n\u003c!-- Cleanser --\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cimg alt=\"Loción Some By Mi\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_acne_clear_foam.png?v=1753593938\"\/\u003e\n\u003ch3 class=\"product-title\"\u003eLavado Milagroso (30ml)\u003c\/h3\u003e\n\u003ch4 class=\"product-description\"\u003eAHA\/BHA\/PHA 30 Days Miracle Cleansing Foam\u003c\/h4\u003e\n\u003cp style=\"text-align: center; font-weight: bold; margin-bottom: 20px; color: #9C8102;\"\u003eNo es solo limpieza... es una preparación inteligente para el tratamiento\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eBajo pH\u003c\/strong\u003e Mantiene la barrera natural de la piel\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eLimpieza profunda\u003c\/strong\u003e Elimina impurezas, suciedad y maquillaje\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eExfoliación delicada\u003c\/strong\u003e Prepara la piel para una mejor absorción\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eTruecica™\u003c\/strong\u003e Alivia la piel y equilibra las secreciones\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Toner --\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cimg alt=\"Tónico Some By Mi\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_9706a063-9b15-4a89-8f3a-0b4e1bb41936.webp?v=1753593603\"\/\u003e\n\u003ch3 class=\"product-title\"\u003eTónico Equilibrante (30 ml)\u003c\/h3\u003e\n\u003ch4 class=\"product-description\"\u003eAHA\/BHA\/PHA 30 Days Miracle Toner\u003c\/h4\u003e\n\u003cp style=\"text-align: center; font-weight: bold; margin-bottom: 20px; color: #9C8102;\"\u003eEl puente entre limpieza y tratamiento\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003epH 5.5\u003c\/strong\u003e Reequilibra la piel después de la limpieza\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eExtracto de Hamamelis\u003c\/strong\u003e Reduce los poros y reafirma la piel\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003ePapaya natural\u003c\/strong\u003e Disuelve las grasas y calma la piel\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eExtracto de loto\u003c\/strong\u003e Ilumina la piel y unifica su color\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eSemillas de soya\u003c\/strong\u003e Nutre la piel y refuerza su inmunidad\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Serum --\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cimg alt=\"Suero Some By Mi\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_2_08531341-6157-4a31-9d06-bb318b163a4d.webp?v=1753593603\"\/\u003e\n\u003ch3 class=\"product-title\"\u003eSérum Milagroso (10ml)\u003c\/h3\u003e\n\u003ch4 class=\"product-description\"\u003eAHA\/BHA\/PHA 30 Days Miracle Serum\u003c\/h4\u003e\n\u003cp style=\"text-align: center; font-weight: bold; margin-bottom: 20px; color: #9C8102;\"\u003eEl corazón palpitante del tratamiento\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e14,5% extracto de Centella Asiática\u003c\/strong\u003e Para calmar y reparar la piel\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eNiacinamide\u003c\/strong\u003e Regula las grasas y aclara las manchas oscuras\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAlta concentración de ácidos\u003c\/strong\u003e Para tratamiento profundo\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eActiva el ciclo de renovación celular\u003c\/strong\u003e Estimula la curación de la piel\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Cream --\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cimg alt=\"Crema Some By Mi\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_3_9816bace-b39f-48c7-978f-acce31383091.webp?v=1753593603\"\/\u003e\n\u003ch3 class=\"product-title\"\u003eCrema protectora (20 g)\u003c\/h3\u003e\n\u003ch4 class=\"product-description\"\u003eAHA\/BHA\/PHA 30 Days Miracle Cream\u003c\/h4\u003e\n\u003cp style=\"text-align: center; font-weight: bold; margin-bottom: 20px; color: #9C8102;\"\u003eEl último guardián de los resultados\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e4 tipos de extracto de CICA\u003c\/strong\u003e Para una reparación completa\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eConstruye una fuerte barrera protectora\u003c\/strong\u003e En contra de factores externos\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eEstimula la producción de colágeno\u003c\/strong\u003e Para una piel más fuerte y elástica\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eHidratación profunda\u003c\/strong\u003e Dura toda la noche\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eLigera y de rápida absorción\u003c\/strong\u003e Ideal para todo tipo de piel\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Science Section --\u003e\n\u003cdiv class=\"science-section\"\u003e\n\u003ch2 style=\"color: #9C8102; font-size: 2.2em; text-align: center; margin-bottom: 20px;\"\u003eTecnología Triple AHA\/BHA\/PHA - un arma de destrucción masiva contra los granos\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin-bottom: 30px; opacity: 0.9;\"\u003eCada ácido tiene una tarea específica en destruir los problemas de tu piel\u003c\/p\u003e\n\u003cdiv class=\"acid-grid\"\u003e\n\u003cdiv class=\"acid-card\"\u003e\n\u003ch4 class=\"acid-title\"\u003eAHA (Ácido Alfa Hidroxi) - exfoliante superficial\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eDisuelve las células muertas de la piel\u003c\/strong\u003e Que obstruye los poros\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eEstimula la regeneración celular\u003c\/strong\u003e Para una piel más suave\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAclara las manchas oscuras\u003c\/strong\u003e Y rastros de cereales antiguos\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acid-card\"\u003e\n\u003ch4 class=\"acid-title\"\u003eBHA (Ácido Beta Hidroxi) - penetración profunda\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003ePenetra en los poros\u003c\/strong\u003e Disuelve la grasa acumulada\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eLimpia desde el interior\u003c\/strong\u003e Previene la formación de nuevos granos\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eReduce los poros\u003c\/strong\u003e Mejora la textura de la piel\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acid-card\"\u003e\n\u003ch4 class=\"acid-title\"\u003ePHA (Ácido Poli Hidróxi) - el calmante inteligente\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eExfoliación delicada\u003c\/strong\u003e Apto para pieles sensibles\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eMantiene la humedad\u003c\/strong\u003e Durante el peeling\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAlivia la inflamación\u003c\/strong\u003e Reduce el enrojecimiento\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 40px; padding: 25px; background: #404040; border-radius: 15px; border: 2px solid #9C8102;\"\u003e\n\u003cp style=\"font-size: 1.3em; font-weight: bold; color: #9C8102;\"\u003eResultado: exfoliación completa sin irritaciones + tratamiento profundo de los poros + hidratación equilibrada\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 40px; text-align: center;\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.8em; margin-bottom: 20px;\"\u003eExtracto de árbol de té 100 ppm - Super desinfectante natural\u003c\/h3\u003e\n\u003cp style=\"font-size: 1.1em; margin-bottom: 20px; font-weight: bold; opacity: 0.9;\"\u003e¿Por qué el árbol de té en particular? Porque es el médico natural para la piel problemática\u003c\/p\u003e\n\u003cdiv style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin-top: 25px;\"\u003e\n\u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #9C8102;\"\u003e\n\u003cstrong\u003ePotente antibacteriano\u003c\/strong\u003e\u003cbr\/\u003eElimina la causa de los granos\n        \u003c\/div\u003e\n\u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #9C8102;\"\u003e\n\u003cstrong\u003eAntiinflamatorio natural\u003c\/strong\u003e\u003cbr\/\u003eAlivia el enrojecimiento y la irritación\n        \u003c\/div\u003e\n\u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #9C8102;\"\u003e\n\u003cstrong\u003eRegula la secreción de grasa\u003c\/strong\u003e\u003cbr\/\u003ePreviene el exceso de brillo de la piel\n        \u003c\/div\u003e\n\u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #9C8102;\"\u003e\n\u003cstrong\u003eLimpia los poros\u003c\/strong\u003e\u003cbr\/\u003eDesde el interior y previene la obstrucción\n        \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 30px; font-size: 1.2em; font-weight: bold; color: #9C8102;\"\u003e100 ppm en cada producto = dosis terapéutica óptima Lo suficientemente fuerte para ser eficaz, lo suficientemente delicado para ser seguro\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Journey Timeline --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eChallenge Journey - 30 días para una piel nueva\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003cdiv class=\"timeline-grid\"\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003eLa primera semana: el primer choque\u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eLimpieza más profunda\u003c\/strong\u003e Mai\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eReducción instantánea del brillo\u003c\/strong\u003e Y secreciones grasas\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAliviar la inflamación\u003c\/strong\u003e existente y reduce enrojecimientos\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003eLa segunda semana: el inicio de la mejora\u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eDisminución evidente de nuevos granitos\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eMejora de la textura de la piel\u003c\/strong\u003e Y su suavidad\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eEl comienzo de la desaparición de los puntos negros\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003eSemana 3: La transformación evidente\u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eReducir el tamaño de los poros\u003c\/strong\u003e Significativamente\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eLa mayoría de los granos desaparece\u003c\/strong\u003e existente\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eMejora del tono de la piel\u003c\/strong\u003e Y su brillo\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003eSemana cuatro: El milagro completo\u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003ePiel clara sin granos\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003ePoros más pequeños y limpios\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eColor uniforme y brillo natural\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eTextura sedosa y lisa\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 40px; padding: 30px; background: white; border-radius: 15px; border: 3px solid #9C8102;\"\u003e\n\u003cp style=\"font-size: 1.4em; font-weight: bold; color: #9C8102;\"\u003eEl resultado final: piel perfecta que vale cada desafío\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Section --\u003e\n\u003cdiv class=\"value-section\"\u003e\n\u003ch2 style=\"color: #9C8102; font-size: 2.2em; text-align: center; margin-bottom: 20px;\"\u003eValor excepcional por el precio\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin-bottom: 30px; opacity: 0.9;\"\u003eUna verdadera inversión en la salud de la piel\u003c\/p\u003e\n\u003cdiv class=\"value-grid\"\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003eUna rutina completa en un solo set\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eNo es necesario comprar productos separados ni buscar la combinación correcta\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eResultado:\u003c\/strong\u003e Una rutina científica bien pensada que funciona como una única unidad integrada\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e30 días de uso diario\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eCubre todas las necesidades de tu piel durante todo un mes.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003eIngredientes de los mejores del mundo\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eUna fórmula de nivel mundial con los mejores ingredientes para el skincare:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul style=\"margin-top: 15px;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eTecnología AHA\/BHA\/PHA:\u003c\/strong\u003e Los últimos descubrimientos de la ciencia\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtracto de árbol de té puro\u003c\/strong\u003e Los tipos más preciosos de Australia\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCentro Centella Asiática:\u003c\/strong\u003e Oro verde para calmar la piel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNiacinamida de alta calidad:\u003c\/strong\u003e Vitamina B3 en su forma más pura\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e4-CICA Complex:\u003c\/strong\u003e Tecnología exclusiva para la reparación de la barrera hidrolipídica\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"cta-final\"\u003e\n\u003ch2 class=\"cta-title\"\u003eLa dura verdad\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eLos problemas de la piel no se resuelven solos\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n      Cada día de retraso = nuevos granos, cicatrices más profundas y poros más grandes.\n    \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eSome By Mi AC SOS Kit\u003c\/strong\u003e No es solo un grupo de productos... esto es todo \u003cstrong\u003eUn verdadero desafío para cambiar tu piel de manera permanente\u003c\/strong\u003e.\n    \u003c\/p\u003e\n\u003cdiv class=\"highlight-text\"\u003e\n      Solo 30 días... hará una gran diferencia o te arrepentirás de no haberlo probado\n    \u003c\/div\u003e\n\u003cp class=\"cta-text\" style=\"font-size: 1.3em; font-weight: bold;\"\u003e\n      ¿Estás listo para el desafío?\n    \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003ePide ahora el set... y comienza el camino de 30 días hacia la piel de tus sueños.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cdiv class=\"highlight-text\" style=\"font-size: 1.5em;\"\u003e\n      Recuerda: la piel perfecta no es un sueño... es una elección\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    \/\/ Enhanced Intersection Observer for premium animations\n    const premiumObserverOptions = {\n      threshold: 0.15,\n      rootMargin: '0px 0px -80px 0px'\n    };\n\n    const premiumObserver = new IntersectionObserver((entries) =\u003e {\n      entries.forEach(entry =\u003e {\n        if (entry.isIntersecting) {\n          const element = entry.target;\n          \n          if (element.classList.contains('product-card')) {\n            element.style.animation = 'premiumFadeInUp 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('section-header')) {\n            element.style.animation = 'premiumScaleIn 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('science-section')) {\n            element.style.animation = 'premiumRotateIn 1.8s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('acid-card')) {\n            element.style.animation = 'premiumFadeInUp 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('timeline-week')) {\n            element.style.animation = 'slideInRight 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('value-item')) {\n            element.style.animation = 'premiumFadeInUp 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('challenge-section')) {\n            element.style.animation = 'premiumScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('value-section')) {\n            element.style.animation = 'premiumScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('cta-final')) {\n            element.style.animation = 'premiumScaleIn 2s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          }\n        }\n      });\n    }, premiumObserverOptions);\n\n    \/\/ Premium initialization\n    document.addEventListener('DOMContentLoaded', () =\u003e {\n      const animatedElements = document.querySelectorAll('.product-card, .section-header, .science-section, .acid-card, .timeline-week, .value-item, .challenge-section, .value-section, .cta-final');\n      \n      animatedElements.forEach(el =\u003e {\n        premiumObserver.observe(el);\n      });\n\n      \/\/ Premium staggered delays with more sophisticated timing\n      const productCards = document.querySelectorAll('.product-card');\n      productCards.forEach((card, index) =\u003e {\n        card.style.animationDelay = `${index * 0.25 + 0.1}s`;\n      });\n\n      const acidCards = document.querySelectorAll('.acid-card');\n      acidCards.forEach((card, index) =\u003e {\n        card.style.animationDelay = `${index * 0.2 + 0.3}s`;\n      });\n\n      const timelineWeeks = document.querySelectorAll('.timeline-week');\n      timelineWeeks.forEach((week, index) =\u003e {\n        week.style.animationDelay = `${index * 0.15 + 0.2}s`;\n      });\n\n      const valueItems = document.querySelectorAll('.value-item');\n      valueItems.forEach((item, index) =\u003e {\n        item.style.animationDelay = `${index * 0.2 + 0.4}s`;\n      });\n\n      \/\/ Premium particle effects with enhanced visuals\n      const productCards2 = document.querySelectorAll('.product-card');\n      productCards2.forEach(card =\u003e {\n        card.addEventListener('mouseenter', () =\u003e {\n          createPremiumParticles(card);\n        });\n      });\n\n      \/\/ Enhanced particle creation with luxury effects\n      function createPremiumParticles(element) {\n        for (let i = 0; i \u003c 8; i++) {\n          const particle = document.createElement('div');\n          particle.style.cssText = `\n            position: absolute;\n            width: ${Math.random() * 4 + 3}px;\n            height: ${Math.random() * 4 + 3}px;\n            background: linear-gradient(135deg, #9C8102, #d4af37);\n            border-radius: 50%;\n            pointer-events: none;\n            z-index: 100;\n            box-shadow: 0 0 6px rgba(156, 129, 2, 0.6);\n          `;\n          \n          const rect = element.getBoundingClientRect();\n          particle.style.left = Math.random() * rect.width + 'px';\n          particle.style.top = Math.random() * rect.height + 'px';\n          \n          element.appendChild(particle);\n          \n          \/\/ Premium particle animation with rotation and scaling\n          particle.animate([\n            { \n              transform: 'translateY(0px) scale(1) rotate(0deg)', \n              opacity: 1,\n              filter: 'blur(0px)'\n            },\n            { \n              transform: `translateY(-60px) scale(0) rotate(${Math.random() * 360}deg)`, \n              opacity: 0,\n              filter: 'blur(2px)'\n            }\n          ], {\n            duration: 2000,\n            easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n          }).onfinish = () =\u003e particle.remove();\n        }\n      }\n\n      \/\/ Premium magnetic hover effects for cards\n      const allCards = document.querySelectorAll('.product-card, .acid-card, .timeline-week, .value-item');\n      allCards.forEach(card =\u003e {\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          const deltaX = (x - centerX) \/ centerX;\n          const deltaY = (y - centerY) \/ centerY;\n          \n          card.style.transform = `\n            perspective(1000px) \n            rotateY(${deltaX * 5}deg) \n            rotateX(${-deltaY * 5}deg) \n            translateZ(10px)\n          `;\n        });\n        \n        card.addEventListener('mouseleave', () =\u003e {\n          card.style.transform = '';\n        });\n      });\n\n      \/\/ Premium sparkle effects with golden particles\n      setInterval(() =\u003e {\n        const targetSections = document.querySelectorAll('.challenge-section, .science-section, .cta-final');\n        targetSections.forEach(section =\u003e {\n          if (Math.random() \u003e 0.7) { \/\/ 30% chance per interval\n            const sparkle = document.createElement('div');\n            sparkle.style.cssText = `\n              position: absolute;\n              width: ${Math.random() * 3 + 2}px;\n              height: ${Math.random() * 3 + 2}px;\n              background: linear-gradient(135deg, #d4af37, #9C8102);\n              border-radius: 50%;\n              pointer-events: none;\n              z-index: 10;\n              left: ${Math.random() * section.offsetWidth}px;\n              top: ${Math.random() * section.offsetHeight}px;\n              box-shadow: 0 0 8px rgba(212, 175, 55, 0.8);\n            `;\n            \n            section.appendChild(sparkle);\n            \n            sparkle.animate([\n              { \n                transform: 'scale(0) rotate(0deg)', \n                opacity: 0,\n                filter: 'brightness(1)'\n              },\n              { \n                transform: 'scale(1) rotate(180deg)', \n                opacity: 1,\n                filter: 'brightness(1.5)'\n              },\n              { \n                transform: 'scale(0) rotate(360deg)', \n                opacity: 0,\n                filter: 'brightness(0.5)'\n              }\n            ], {\n              duration: 3000,\n              easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n            }).onfinish = () =\u003e sparkle.remove();\n          }\n        });\n      }, 2000);\n\n      \/\/ Premium ripple effect on click\n      document.addEventListener('click', (e) =\u003e {\n        if (e.target.closest('.product-card, .timeline-week, .acid-card')) {\n          const element = e.target.closest('.product-card, .timeline-week, .acid-card');\n          const rect = element.getBoundingClientRect();\n          const ripple = document.createElement('div');\n          \n          ripple.style.cssText = `\n            position: absolute;\n            border-radius: 50%;\n            background: radial-gradient(circle, rgba(156, 129, 2, 0.3) 0%, transparent 70%);\n            pointer-events: none;\n            z-index: 50;\n            width: 20px;\n            height: 20px;\n            left: ${e.clientX - rect.left - 10}px;\n            top: ${e.clientY - rect.top - 10}px;\n          `;\n          \n          element.appendChild(ripple);\n          \n          ripple.animate([\n            { transform: 'scale(0)', opacity: 1 },\n            { transform: 'scale(4)', opacity: 0 }\n          ], {\n            duration: 600,\n            easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n          }).onfinish = () =\u003e ripple.remove();\n        }\n      });\n\n      \/\/ Premium scroll-triggered title animations\n      const titles = document.querySelectorAll('.product-title, .acid-title, .week-title');\n      titles.forEach(title =\u003e {\n        title.addEventListener('mouseenter', () =\u003e {\n          title.style.transform = 'scale(1.05)';\n          title.style.textShadow = '0 2px 15px rgba(156, 129, 2, 0.4)';\n        });\n        \n        title.addEventListener('mouseleave', () =\u003e {\n          title.style.transform = '';\n          title.style.textShadow = '';\n        });\n      });\n    });\n\n    \/\/ Premium slideInRight animation for timeline\n    const slideInRightKeyframes = `\n      @keyframes slideInRight {\n        to {\n          opacity: 1;\n          transform: translateX(0);\n        }\n      }\n    `;\n    \n    const style = document.createElement('style');\n    style.textContent = slideInRightKeyframes;\n    document.head.appendChild(style);\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"some by mi","offers":[{"title":"Default Title","offer_id":44945842438341,"sku":null,"price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME_by_MI_AHA_BHA_PHA_30_Days_Miracle_AC_SOS_Kit.jpg?v=1753557062"},{"product_id":"beauty-of-joseon-relief-sun-aqua-fresh-rice-b5-spf50","title":"Beauty of Joseon Relief Sun: Rice + Probiotics Crema solar ligera SPF 50+ PA++++ (Hidratación no grasa con B5)","description":"\u003cdiv class=\"aqua-relief-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n        \/* === Premium Arabic Font === *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900\u0026display=swap');\n\n        \/* === Core Variables (Dark Mode) === *\/\n        .aqua-relief-wrapper {\n            --aqua-bg-base: #0a0e17; \/* Deep midnight blue\/black *\/\n            --aqua-bg-card: rgba(16, 24, 40, 0.7); \/* Translucent dark navy *\/\n            --aqua-bg-card-hover: rgba(26, 36, 56, 0.9);\n            --aqua-primary: #5cb8e4;\n            --aqua-dark: #38bdf8; \/* Brighter aqua for dark mode contrast *\/\n            --aqua-light: rgba(92, 184, 228, 0.15); \/* Tinted background for badges *\/\n            --aqua-gradient: linear-gradient(135deg, #38bdf8 0%, #0284c7 100%);\n            --pearl-gradient: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, rgba(16,24,40,0.8) 100%);\n            --gold-accent: #d4af37;\n            --text-main: #f8fafc; \/* Near white for dark mode *\/\n            --text-muted: #94a3b8; \/* Light slate gray *\/\n            --border-glass: rgba(92, 184, 228, 0.2);\n            --glow-aqua: rgba(56, 189, 248, 0.25);\n            \n            background-color: var(--aqua-bg-base);\n            color: var(--text-main);\n            font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            line-height: 1.7;\n            overflow: hidden;\n            position: relative;\n            padding: 0 0 60px 0;\n            border-radius: 24px;\n            box-shadow: 0 0 50px rgba(0,0,0,0.5) inset;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        .aqua-relief-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .aqua-container {\n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 0 25px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* === Typography Utilities === *\/\n        .aqua-text-gradient {\n            background: var(--aqua-gradient);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            display: inline-block;\n            text-shadow: 0 2px 10px rgba(56, 189, 248, 0.3);\n        }\n\n        .aqua-section-title {\n            font-size: clamp(26px, 4vw, 38px);\n            font-weight: 900;\n            text-align: center;\n            margin: 80px 0 20px;\n            color: #ffffff; \/* White for better visibility *\/\n            position: relative;\n        }\n\n        .aqua-section-subtitle {\n            text-align: center;\n            font-size: clamp(16px, 2vw, 18px);\n            color: var(--text-muted);\n            max-width: 700px;\n            margin: 0 auto 50px;\n            font-weight: 500;\n        }\n\n        \/* === Ambient Background === *\/\n        .aqua-ambient {\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            z-index: 0;\n            pointer-events: none;\n            overflow: hidden;\n        }\n        \n        .aqua-glow-orb {\n            position: absolute;\n            border-radius: 50%;\n            filter: blur(80px);\n            opacity: 0.5;\n            animation: orbDrift 15s infinite alternate ease-in-out;\n        }\n\n        .aqua-orb-1 { width: 400px; height: 400px; background: rgba(92, 184, 228, 0.15); top: -50px; right: -50px; }\n        .aqua-orb-2 { width: 500px; height: 500px; background: rgba(212, 175, 55, 0.08); bottom: 10%; left: -150px; animation-delay: -5s; }\n\n        @keyframes orbDrift {\n            0% { transform: translate(0, 0) scale(1); }\n            100% { transform: translate(-30px, 50px) scale(1.1); }\n        }\n\n        \/* === Hero Section === *\/\n        .aqua-hero {\n            position: relative;\n            padding: 80px 20px 40px;\n            text-align: center;\n            background: radial-gradient(circle at top, rgba(56,189,248,0.1) 0%, var(--aqua-bg-base) 70%);\n            border-bottom: 1px solid var(--border-glass);\n        }\n\n        .aqua-hero-icon {\n            display: inline-flex;\n            justify-content: center;\n            align-items: center;\n            width: 80px;\n            height: 80px;\n            margin-bottom: 20px;\n            animation: float 3s ease-in-out infinite;\n            filter: drop-shadow(0 5px 15px var(--glow-aqua));\n            color: var(--aqua-primary);\n            font-size: 40px;\n            font-weight: 900;\n            font-family: system-ui, sans-serif;\n            background: var(--aqua-bg-card); \/* Darker background *\/\n            border-radius: 50%;\n            box-shadow: 0 10px 25px rgba(56, 189, 248, 0.2);\n            border: 1px solid var(--border-glass);\n        }\n\n        @keyframes float {\n            0%, 100% { transform: translateY(0); }\n            50% { transform: translateY(-10px); }\n        }\n\n        .aqua-main-title {\n            font-size: clamp(32px, 5vw, 52px);\n            font-weight: 900;\n            margin-bottom: 25px;\n            line-height: 1.3;\n            letter-spacing: -0.5px;\n            color: #ffffff;\n        }\n\n        .aqua-hero-subtitle-text {\n            font-size: clamp(16px, 2.5vw, 20px);\n            color: var(--text-main);\n            max-width: 800px;\n            margin: 0 auto 40px;\n            line-height: 1.8;\n            font-weight: 500;\n        }\n\n        \/* === Video \u0026 Image Wrappers === *\/\n        .aqua-media-wrapper {\n            position: relative;\n            width: 100%;\n            margin: 0 auto;\n            perspective: 1000px;\n            display: block;\n        }\n\n        .aqua-media-wrapper.size-lg { max-width: 850px; }\n        .aqua-media-wrapper.size-md { max-width: 700px; }\n        .aqua-media-wrapper.size-sm { max-width: 550px; }\n\n        .aqua-product-media {\n            width: 100%;\n            height: auto;\n            display: block;\n            border-radius: 20px;\n            box-shadow: 0 30px 60px rgba(0,0,0,0.6), 0 0 30px var(--glow-aqua);\n            border: 2px solid var(--border-glass); \/* Subtler border *\/\n            transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);\n            object-fit: cover;\n        }\n\n        \/* === Glass Cards \u0026 Grids === *\/\n        .aqua-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px; }\n        .aqua-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }\n\n        .aqua-glass-card {\n            background: var(--aqua-bg-card);\n            backdrop-filter: blur(20px);\n            -webkit-backdrop-filter: blur(20px);\n            border: 1px solid var(--border-glass);\n            border-radius: 20px;\n            padding: 35px 25px;\n            position: relative;\n            overflow: hidden;\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            text-align: left;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n        }\n\n        .aqua-glass-card::before {\n            content: '';\n            position: absolute;\n            top: 0; right: 0;\n            width: 4px; height: 100%;\n            background: var(--aqua-gradient);\n            opacity: 0;\n            transition: 0.4s ease;\n        }\n\n        .aqua-glass-card:hover {\n            transform: translateY(-8px);\n            background: var(--aqua-bg-card-hover);\n            box-shadow: 0 15px 35px rgba(0,0,0,0.4), 0 0 20px var(--glow-aqua);\n            border-color: var(--aqua-primary);\n        }\n\n        .aqua-glass-card:hover::before { opacity: 1; }\n\n        .aqua-card-title {\n            font-size: 1.3rem;\n            color: #ffffff;\n            margin-bottom: 12px;\n            font-weight: 800;\n        }\n\n        .aqua-card-desc {\n            color: var(--text-muted);\n            font-size: 1rem;\n            line-height: 1.7;\n        }\n\n        \/* === Impact Highlight Section === *\/\n        .aqua-impact-wrapper {\n            background: var(--pearl-gradient);\n            padding: 60px 40px;\n            margin: 60px 0;\n            border-radius: 24px;\n            border: 1px solid var(--border-glass);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.3);\n            text-align: center;\n        }\n\n        \/* === Icons === *\/\n        .aqua-icon-badge {\n            width: 60px; height: 60px;\n            background: var(--aqua-light);\n            border: 1px solid var(--border-glass);\n            border-radius: 16px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 20px;\n            color: var(--aqua-dark);\n            transition: 0.4s ease;\n            font-size: 24px;\n            font-weight: 900;\n            font-family: system-ui, sans-serif;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n        }\n\n        .aqua-glass-card:hover .aqua-icon-badge {\n            background: var(--aqua-gradient);\n            color: white;\n            transform: scale(1.1) rotate(5deg);\n        }\n\n        \/* === Timeline === *\/\n        .aqua-timeline {\n            position: relative;\n            max-width: 800px;\n            margin: 0 auto;\n            padding: 20px 0;\n        }\n\n        .aqua-timeline::before {\n            content: '';\n            position: absolute;\n            top: 0; right: 50%;\n            width: 2px; height: 100%;\n            background: linear-gradient(to bottom, transparent, var(--aqua-primary), transparent);\n            transform: translateX(50%);\n        }\n\n        .aqua-timeline-item {\n            display: flex;\n            justify-content: flex-end;\n            padding-left: 50%;\n            position: relative;\n            margin-bottom: 30px;\n        }\n\n        .aqua-timeline-item:nth-child(even) {\n            justify-content: flex-start;\n            padding-left: 0;\n            padding-right: 50%;\n        }\n\n        .aqua-timeline-content {\n            width: 90%;\n            background: var(--aqua-bg-card);\n            border: 1px solid var(--border-glass);\n            padding: 25px;\n            border-radius: 16px;\n            position: relative;\n            transition: all 0.3s;\n            box-shadow: 0 10px 20px rgba(0,0,0,0.2);\n        }\n\n        .aqua-timeline-content:hover {\n            border-color: var(--aqua-primary);\n            transform: translateY(-5px);\n            box-shadow: 0 15px 30px rgba(92, 184, 228, 0.1);\n        }\n\n        .aqua-timeline-badge {\n            position: absolute;\n            top: 25px; right: -6.5%;\n            width: 14px; height: 14px;\n            background: var(--aqua-bg-base);\n            border: 3px solid var(--aqua-primary);\n            border-radius: 50%;\n            z-index: 2;\n            box-shadow: 0 0 10px var(--glow-aqua);\n        }\n\n        .aqua-timeline-item:nth-child(even) .aqua-timeline-badge {\n            right: auto;\n            left: -6.5%;\n        }\n\n        .aqua-time-label {\n            color: var(--aqua-dark);\n            font-weight: 800;\n            margin-bottom: 10px;\n            font-size: 1.1rem;\n            display: inline-block;\n            background: var(--aqua-light);\n            padding: 4px 15px;\n            border-radius: 20px;\n        }\n\n        \/* === Comparison Section === *\/\n        .aqua-comparison-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 30px;\n            margin: 40px 0;\n        }\n\n        .aqua-comp-card {\n            background: var(--aqua-bg-card);\n            padding: 30px;\n            border-radius: 20px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n            border: 1px solid var(--border-glass);\n        }\n\n        .aqua-comp-card.premium {\n            border: 2px solid var(--aqua-primary);\n            background: var(--pearl-gradient);\n            transform: scale(1.02);\n            box-shadow: 0 20px 50px rgba(0,0,0,0.4), 0 0 30px var(--glow-aqua);\n        }\n\n        .aqua-comp-list { list-style: none; padding: 0; }\n        .aqua-comp-item {\n            padding: 12px 0;\n            border-bottom: 1px solid rgba(255,255,255,0.05);\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            color: var(--text-muted);\n        }\n        .aqua-comp-item:last-child { border-bottom: none; }\n        \n        .aqua-comp-card.premium .aqua-comp-item { color: var(--text-main); font-weight: 500; }\n\n        .aqua-check-icon {\n            width: 24px; height: 24px;\n            border-radius: 50%;\n            display: flex; align-items: center; justify-content: center;\n            font-weight: bold; font-size: 14px;\n            color: white; flex-shrink: 0;\n        }\n        .aqua-check-basic { background: #475569; } \/* Darker slate for basic check *\/\n        .aqua-check-premium { background: var(--aqua-gradient); }\n\n        \/* === CTA Section === *\/\n        .aqua-cta {\n            text-align: center;\n            margin-top: 80px;\n            padding: 60px 30px;\n            background: linear-gradient(135deg, rgba(16,24,40,0.8) 0%, rgba(2,132,199,0.1) 100%);\n            border-radius: 24px;\n            border: 1px solid var(--border-glass);\n            box-shadow: 0 30px 60px rgba(0,0,0,0.5);\n        }\n\n        .aqua-btn-primary {\n            display: inline-block;\n            background: var(--aqua-gradient);\n            background-size: 200% auto;\n            color: white;\n            padding: 18px 45px;\n            border-radius: 40px;\n            font-size: 1.2rem;\n            font-weight: 900;\n            text-decoration: none;\n            border: none;\n            cursor: pointer;\n            transition: 0.5s ease;\n            box-shadow: 0 10px 25px rgba(92, 184, 228, 0.4);\n            margin-top: 30px;\n            font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n        }\n\n        .aqua-btn-primary:hover {\n            background-position: right center;\n            transform: translateY(-3px);\n            box-shadow: 0 15px 35px rgba(92, 184, 228, 0.6);\n        }\n\n        \/* === Animations === *\/\n        .aqua-reveal {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .aqua-reveal.aqua-active { opacity: 1; transform: translateY(0); }\n        .delay-1 { transition-delay: 0.1s; }\n        .delay-2 { transition-delay: 0.2s; }\n        .delay-3 { transition-delay: 0.3s; }\n\n        @media (max-width: 768px) {\n            .aqua-timeline::before { right: 20px; transform: none; }\n            .aqua-timeline-item { padding-left: 0; padding-right: 50px; justify-content: flex-start; }\n            .aqua-timeline-item:nth-child(even) { padding-left: 0; padding-right: 50px; }\n            .aqua-timeline-content { width: 100%; }\n            .aqua-timeline-badge { right: 14px; top: 25px; }\n            .aqua-timeline-item:nth-child(even) .aqua-timeline-badge { left: auto; right: 14px; }\n            \n            .aqua-comp-card.premium { transform: scale(1); margin-top: 20px; }\n            .aqua-hero { padding: 50px 15px 20px; }\n            .aqua-cta { padding: 40px 20px; }\n            .aqua-product-media { box-shadow: 0 15px 30px rgba(0,0,0,0.4); border-width: 1px; }\n            .aqua-media-wrapper { padding: 0 10px; }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"aqua-ambient\"\u003e\n\u003cdiv class=\"aqua-glow-orb aqua-orb-1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-glow-orb aqua-orb-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"aqua-hero\"\u003e\n\u003cdiv class=\"aqua-container\"\u003e\n\u003cdiv class=\"aqua-hero-icon\"\u003e💧\u003c\/div\u003e\n\u003ch1 class=\"aqua-main-title aqua-reveal aqua-active\"\u003eRelief Sun Aqua Fresh\u003cbr\/\u003e\u003cspan class=\"aqua-text-gradient\"\u003eCrema solar coreana\u003c\/span\u003e Qué te hará volver a amar el sol\u003c\/h1\u003e\n\u003cp class=\"aqua-hero-subtitle-text aqua-reveal aqua-active delay-1\"\u003e\n                Imagina una crema solar con una textura acuosa que desaparece en pocos segundos, y contiene un 30% de agua de semillas de arroz, que hace que la piel de las estrellas coreanas sea extraordinaria, y con 5 filtros de protección avanzada. Protege, hidrata, ilumina y trata - 4 productos en uno.\n            \u003c\/p\u003e\n\u003cdiv class=\"aqua-tilt-card aqua-media-wrapper size-md aqua-reveal aqua-active delay-2\"\u003e\n\u003cvideo autoplay=\"\" class=\"aqua-product-media\" loop=\"\" muted=\"\" playsinline=\"\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/0362c453e2b64b73adce019c177484fe.mp4\" type=\"video\/mp4\"\/\u003e\n                    Tu navegador no admite la visualización de videos.\n                \u003c\/video\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-container\"\u003e\n\u003c!-- 2. Features Showcase --\u003e\n\u003cdiv class=\"aqua-grid-3 aqua-reveal\" style=\"margin-top: 60px;\"\u003e\n\u003cdiv class=\"aqua-glass-card\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eLa textura acuosa desaparece en pocos segundos\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eNo es como una crema solar normal, es una fórmula muy ligera que se absorbe inmediatamente en la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-1\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003e30% agua de semillas de arroz\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eEl secreto de belleza de la antigua Corea para iluminar e hidratar profundamente la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-2\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eSin blancura ni untuosidad\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eTambién para la piel grasa, no deja residuos blancos molestos ni brillo no deseado.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003e5 filtros de protección avanzados\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eLa protección más fuerte en la región contra todo tipo de rayos dañinos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-1\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e5\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003e4 productos en uno\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eFuerte protección + hidratación profunda + aclarado de manchas + tratamiento de la barrera hidrolipídica.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. Pain Point Highlight --\u003e\n\u003cdiv class=\"aqua-impact-wrapper aqua-reveal\"\u003e\n\u003ch2 class=\"aqua-section-title\" style=\"margin-top: 0; font-size: 1.8rem;\"\u003e¿Has probado muchos protectores solares... y debido a tanto malestar, decidiste dejar que el sol se comiera tu piel?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.15rem; color: var(--text-muted); margin-bottom: 25px;\"\u003e\n                Si estás cansado de las cremas solares que dejan la piel blanca, o que hacen que la piel sea grasa y pegajosa, o que realmente no te protegen del sol...\n            \u003c\/p\u003e\n\u003cdiv style=\"background: rgba(255,255,255,0.05); padding: 20px; border-radius: 15px; border: 2px solid var(--aqua-primary); display: inline-block;\"\u003e\n\u003cp style=\"font-size: 1.25rem; font-weight: 800; color: #ffffff; margin: 0;\"\u003eRelief Sun Aqua Fresh cambiará por completo tu idea\u003c\/p\u003e\n\u003cp style=\"font-size: 1rem; color: var(--text-muted); margin-top: 10px;\"\u003eDesde el primer uso, sentirás que aplicas un suero hidratante, no un protector solar.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. Rice Water Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003eAgua de semillas de arroz 30% - el secreto de la belleza coreana\u003c\/h2\u003e\n\u003cp class=\"aqua-section-subtitle aqua-reveal\"\u003e¿Qué hace que un ingrediente valga el precio de un protector solar completo?\u003c\/p\u003e\n\u003cdiv class=\"aqua-glass-card aqua-reveal\" style=\"max-width: 900px; margin: 0 auto; text-align: left;\"\u003e\n\u003cdiv class=\"aqua-tilt-card aqua-media-wrapper size-md\" style=\"margin-bottom: 30px;\"\u003e\n\u003cimg alt=\"Agua de semillas de arroz en Relief Sun\" class=\"aqua-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_relief_sun_aqua_fresh_spf_2.webp?v=1753600391\"\/\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\" style=\"font-size: 1.5rem;\"\u003eUn antiguo secreto de miles de años\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\" style=\"margin-bottom: 20px;\"\u003eEl agua de semillas de arroz no es solo un ingrediente común... Este es el secreto de la belleza coreana que las estrellas asiáticas heredan de sus familias.\u003c\/p\u003e\n\u003cdiv class=\"aqua-grid-2\"\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: var(--gold-accent); margin-bottom: 15px; font-size: 1.2rem;\"\u003eEl componente más caro en la composición:\u003c\/h4\u003e\n\u003cul style=\"list-style: none; padding: 0;\"\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e Se extrae mediante métodos especiales que preservan sus beneficios.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e 30% concentración muy alta - el porcentaje más alto en una crema solar.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e Antioxidantes 10 veces más fuertes que la vitamina C.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: var(--gold-accent); margin-bottom: 15px; font-size: 1.2rem;\"\u003e¿Qué hará en tu piel?\u003c\/h4\u003e\n\u003cul style=\"list-style: none; padding: 0;\"\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e Tu piel recupera su esplendor natural en pocas semanas.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e Aclara las manchas oscuras y uniforma su color.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e Hidrata en profundidad hasta 7 capas.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. 5 Filters Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003e5 filtros de protección avanzados - un equipo completo contra el sol\u003c\/h2\u003e\n\u003cp class=\"aqua-section-subtitle aqua-reveal\"\u003eEn un momento en que todos los productos preventivos te ofrecen un filtro, ¡esta crema te ofrece 5!\u003c\/p\u003e\n\u003cdiv class=\"aqua-grid-3 aqua-reveal\"\u003e\n\u003cdiv class=\"aqua-glass-card\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eEthylhexyl Triazone\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eLa primera protección: absorbe los rayos y los transforma en calor inocuo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-1\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eMexoryl XL\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eEl combatiente completo: protege contra UVA y UVB con un 99% de eficiencia.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-2\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eMexoryl SX\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eEspecialista: apunta a los rayos que causan el envejecimiento de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eUvinul A Plus\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eProtector profundo: Combate los rayos que penetran en las capas profundas de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-1\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e5\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eTinosorb S\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eEl escudo definitivo: doble protección y estabilidad duradera sobre la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-reveal\" style=\"text-align: center; margin-top: 30px;\"\u003e\n\u003cspan style=\"display: inline-block; background: var(--aqua-gradient); color: white; padding: 10px 25px; border-radius: 20px; font-weight: bold;\"\u003eResultado: protección SPF 57,9 + PA++++ UVA PF 19,3 - ¡superior a lo que dice el envase!\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Timeline Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003eRuta de cambio - observa tu piel mejorar cada día\u003c\/h2\u003e\n\u003cdiv class=\"aqua-timeline aqua-reveal\"\u003e\n\u003cdiv class=\"aqua-timeline-item\"\u003e\n\u003cdiv class=\"aqua-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-timeline-content\"\u003e\n\u003cdiv class=\"aqua-time-label\"\u003ePrimer día\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eLa primera sorpresa\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Protección inmediata desde el primer uso.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Una sensación de frescura e hidratación profunda.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Una textura acuosa que desaparece sin efecto graso.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-timeline-item\"\u003e\n\u003cdiv class=\"aqua-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-timeline-content\"\u003e\n\u003cdiv class=\"aqua-time-label\"\u003eDespués de una semana\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eEl inicio suave\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ La piel está más suave y luminosa.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Reduce el exceso de brillo para piel grasa.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Mejora evidente de la textura de la piel.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-timeline-item\"\u003e\n\u003cdiv class=\"aqua-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-timeline-content\"\u003e\n\u003cdiv class=\"aqua-time-label\"\u003eDespués de un mes\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eLos resultados hablan\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Luminosidad clara y uniformidad del tono de la piel.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Las manchas oscuras están comenzando a disminuir.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Piel más fuerte y resistente.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. Comparison Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003eEn comparación con cualquier otra crema solar: la diferencia es clara\u003c\/h2\u003e\n\u003cdiv class=\"aqua-comparison-grid aqua-reveal\"\u003e\n\u003cdiv class=\"aqua-comp-card\"\u003e\n\u003ch3 class=\"aqua-card-title\" style=\"text-align: center; color: var(--text-muted);\"\u003eProtector solar regular (100 libras)\u003c\/h3\u003e\n\u003cul class=\"aqua-comp-list\"\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Solo protección normal\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Textura oleosa o blanco transparente\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Componentes químicos ordinarios\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e No hay beneficios adicionales\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Resultado: protección solo temporal\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-comp-card premium\"\u003e\n\u003ch3 class=\"aqua-card-title\" style=\"text-align: center;\"\u003eRelief Sun Aqua Fresh\u003c\/h3\u003e\n\u003cul class=\"aqua-comp-list\"\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Fuerte protección + hidratación + tratamiento + belleza\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Textura acuosa lujosa que desaparece con el tiempo\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Ingredientes naturales raros y costosos\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Mejora continua de la calidad de la piel\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e El resultado: una inversión en la belleza y en la salud de tu piel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8. CTA Section --\u003e\n\u003cdiv class=\"aqua-cta aqua-reveal\"\u003e\n\u003cdiv class=\"aqua-tilt-card aqua-media-wrapper size-sm\" style=\"margin-bottom: 30px;\"\u003e\n\u003cimg alt=\"Invierte en la protección de tu piel ahora\" class=\"aqua-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_relief_sun_aqua_fresh_spf_4.webp?v=1753600391\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"aqua-main-title\"\u003e¡La decisión de hoy determinará la forma de tu piel mañana!\u003c\/h2\u003e\n\u003cp class=\"aqua-card-desc\" style=\"max-width: 750px; margin: 0 auto 20px; font-size: 1.15rem;\"\u003e\n                El sol es el mayor enemigo de tu piel, la principal causa del envejecimiento prematuro y la primera causa de pigmentación y manchas. ¿Dejarás que el sol consuma tu piel, o invertirás en protegerla con un producto de tratamiento que la mejore cada día?\n            \u003c\/p\u003e\n\u003cp style=\"font-size: 1.3rem; font-weight: 800; color: var(--aqua-dark);\"\u003e¡La decisión correcta es clara!\u003c\/p\u003e\n\u003cbutton class=\"aqua-btn-primary\"\u003eOrdénalo ahora... e invierte en el futuro de tu piel\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        document.addEventListener('DOMContentLoaded', () =\u003e {\n            \/\/ Scroll Reveal Animation\n            const reveals = document.querySelectorAll('.aqua-reveal');\n            const observer = new IntersectionObserver((entries, obs) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('aqua-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('.aqua-tilt-card');\n                tiltCards.forEach(card =\u003e {\n                    const media = card.querySelector('.aqua-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) * -5;\n                        const rotateY = ((x - centerX) \/ centerX) * 5;\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":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44946572411077,"sku":null,"price":1100.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/4000a17e-2027-48ff-9425-bb8669e8ee8a.webp?v=1753601938"},{"product_id":"skin-1004-madagascar-centella-hyalu-cica-water-fit-sun-serum-spf-50-50-ml","title":"SKIN1004 Protector Solar Suero Agua con Centella de Madagascar y Hyalo Cica (SPF 50+ | 50 ml)","description":"\u003c!-- SKIN1004 Madagascar Centella Hyalu-Cica Water-Fit Sun Serum - Converted to Universal CSS System --\u003e\n\u003cdiv class=\"ph-product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"ph-hero-section\"\u003e\n\u003cdiv class=\"ph-floating-particles\"\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"ph-hero-title\"\u003eProtección solar que te hará amar el sol desde el primer uso\u003c\/h1\u003e\n\u003cp class=\"ph-hero-subtitle\"\u003e\u003cstrong\u003eNo es solo una crema solar ordinaria... Este es un suero de cuidado integrado con protección excepcional SPF50+ PA++++ con centella y ácido hialurónico.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Image --\u003e\n\u003cimg alt=\"SKIN1004 Madagascar Centella Hyalu-Cica Water-Fit Sun Serum\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_5.webp?v=1754232167\"\/\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"ph-product-showcase\"\u003e\n\u003ch2 class=\"ph-product-name\"\u003eSKIN1004 Madagascar Centella Hyalu-Cica Water-Fit Sun Serum\u003c\/h2\u003e\n\u003cp class=\"ph-product-intro\"\u003e\n      Esta crema solar es diferente a cualquier crema solar que hayas probado. ¿Te imaginas una crema solar que te proteja, te hidrate y te mantenga radiante al mismo tiempo? ¿Te imaginas aplicar la crema solar sin sentirla en absoluto en tu piel? ¿Te imaginas una potente protección solar sin ninguna grasitud, blancura o pegajosidad? Esto no es imaginación... \u003cstrong\u003eSKIN1004 Centella Hyalu-Cica Water-Fit Sun Serum\u003c\/strong\u003e. No es solo una crema solar común... es un suero de cuidado completo con protección excepcional.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 2 --\u003e\n\u003cimg alt=\"Beneficios del Suero Solar SKIN1004\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_2.webp?v=1754232166\"\/\u003e\n\u003c!-- Benefits Grid --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eProtección + cuidado + belleza en un solo producto - 6 beneficios excepcionales\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003e\n      Los ingredientes naturales más potentes combinados por primera vez\n    \u003c\/p\u003e\n\u003cdiv class=\"ph-benefits-grid\"\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e50\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eProtección superior SPF50+ PA++++\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eLa protección más fuerte contra los dañinos rayos UVA y UVB con tecnología avanzada de protección coreana\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eH\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eHidratación profunda con ácido hialurónico\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eMantiene la piel hidratada todo el día con 3 diferentes tamaños moleculares\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eC\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eCalma las infecciones cutáneas\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eCon extracto concentrado de Centella 9800 ppm de Madagascar para un alivio inmediato\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eW\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eTextura ligera acuosa\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eDesaparece en la piel sin dejar rastro, es completamente transparente y adecuado para todos los tonos de piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eG\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eBrillo natural inmediato\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eProporciona a la piel un aspecto saludable y uniforme del color gracias a la niacinamida\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eS\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eSeguro para pieles sensibles\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eHipoalergénico y probado dermatológicamente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Section Header for Magic Formula --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eLa fórmula mágica: protección + cuidado + belleza en un único producto\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003eLos ingredientes naturales más potentes combinados por primera vez\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 3 --\u003e\n\u003cimg alt=\"Fórmula mágica de SKIN1004\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_4.webp?v=1754232167\"\/\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"ph-how-it-works\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eComponentes científicos avanzados\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003e\n      4 poderosas combinaciones de ingredientes que trabajan en perfecta armonía\n    \u003c\/p\u003e\n\u003cdiv class=\"ph-mechanism-cards\"\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eExtracto de Centella de Madagascar 9800ppm - Al-Mahdi Natural\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eLa Centella más pura y potente del mundo desde Madagascar\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLa Centella es un milagro herbolario que tiene la capacidad de calmar los casos más graves de irritación y enrojecimiento en pocos segundos\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eCalma las infecciones cutáneas:\u003c\/strong\u003e Y enrojecimiento inmediato\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcelera la curación de pequeñas heridas:\u003c\/strong\u003e Son los efectos de los cereales\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFortalece la barrera natural de la piel:\u003c\/strong\u003e En contra de factores externos\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtege contra la contaminación y el polvo\u003c\/strong\u003e Durante la protección solar\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eÁcido hialurónico con 3 dimensiones moleculares - hidratación profunda\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eTecnología avanzada para hidratar todas las capas de la piel\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003eLa magia está en la diversidad:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eÁcido hialurónico simple:\u003c\/strong\u003e para la capa superficial\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAnalizador de ácido hialurónico:\u003c\/strong\u003e Para capas profundas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHialuronato de sodio:\u003c\/strong\u003e Para una hidratación continua\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHidratación 1000 veces:\u003c\/strong\u003e El peso de una molécula en agua\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eNiacinamida - tratamiento de pigmentación\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eVitamina B3, que uniforma el tono de la piel y la protege\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003eMúltiples beneficios:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eReduce la pigmentación:\u003c\/strong\u003e Derivado de los daños solares\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRegula la secreción de sebo:\u003c\/strong\u003e Para piel grasa y mixta\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMejora la textura de la piel:\u003c\/strong\u003e Y su suavidad\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRefuerza la inmunidad de la piel:\u003c\/strong\u003e Contra los factores nocivos\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eAntioxidantes naturales - protección completa\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eEl daño por oxidación es la causa principal del envejecimiento prematuro y las pigmentaciones persistentes\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003eEquipo en defensa:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtracto de té verde:\u003c\/strong\u003e Potente antioxidante\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtracto de brócoli:\u003c\/strong\u003e Vitaminas y minerales esenciales\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtracto de berro:\u003c\/strong\u003e Activa la circulación sanguínea\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtracto de alfalfa:\u003c\/strong\u003e Nutrición profunda de las células\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Problem Section (Comparison) --\u003e\n\u003cdiv class=\"ph-problem-section\"\u003e\n\u003ch2 class=\"ph-problem-title\"\u003e¿Por qué SKIN1004 es diferente de otros protectores solares?\u003c\/h2\u003e\n\u003ch3 class=\"ph-problem-subtitle\"\u003e\n\u003cstrong\u003eProtectores solares regulares vs SKIN1004 - la diferencia es clara\u003c\/strong\u003e\n\u003c\/h3\u003e\n\u003cp class=\"ph-problem-text\"\u003e\n      La mayoría de las cremas solares en el mercado se concentran solo en la protección, pero dejan la piel seca, grasa o con una capa blanca molesta. Los rayos del sol dañan la piel incluso en los días nublados, y cada día sin una protección adecuada, las células de la piel sufren más daños.\n    \u003c\/p\u003e\n\u003cdiv class=\"ph-problem-details\"\u003e\n\u003ch4 class=\"ph-problem-detail-title\"\u003eComparación completa:\u003c\/h4\u003e\n\u003cdiv class=\"ph-problem-grid\"\u003e\n\u003cdiv class=\"ph-problem-detail-card\"\u003e\n\u003ch5 class=\"ph-problem-detail-subtitle\"\u003e\u003cstrong\u003eCremas solares tradicionales\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Textura grasa y pegajosa que hace que la piel brille de manera no muy agradable\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Aparición de claridad blanca en la piel durante horas\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Sequedad e irritación, sobre todo para pieles sensibles\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Protección solo sin ningún beneficio adicional\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Difícil de remover y obstruye los poros\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-problem-detail-card\"\u003e\n\u003ch5 class=\"ph-problem-detail-subtitle\"\u003e\u003cstrong\u003eSKIN1004 Centella Hyalu-Cica Sun Serum\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ Textura ligera y acuosa que desaparece en pocos segundos\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ Completamente transparente, adecuado para todos los tonos de piel\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ Hidrata y calma con protección\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ skincare integrado mientras protege\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ Fácil de remover y cómodo para el uso diario\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"ph-problem-highlight\"\u003e\n\u003cstrong\u003eLa protección no es un lujo... es una necesidad para la salud y la belleza de tu piel\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 4 --\u003e\n\u003cimg alt=\"Compara SKIN1004 con otros productos\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_1.webp?v=1754232167\"\/\u003e\n\u003c!-- Results Timeline --\u003e\n\u003cdiv class=\"ph-timeline-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eUn viaje de protección y belleza - ve la diferencia desde el primer día\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003eNo es solo protección... es una mejora completa para tu piel\u003c\/p\u003e\n\u003cdiv class=\"ph-timeline-container\"\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eDesde el primer uso\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eLa agradable sorpresa\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eProtección inmediata contra los rayos solares más fuertes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eLa hidratación profunda se prefiere durante muchas horas\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eBrillo natural sin ningún tipo de blancura o untuosidad\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eComodidad completa incluso para pieles sensibles\u003c\/span\u003e\n\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\"\u003eDespués de una semana\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eMejora evidente\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eLa piel es visiblemente más suave y más elástica\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eReducir enrojecimiento e inflamación de la piel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eMejor tono de la piel y luminosidad natural\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eProtección comprobada sin quemaduras\u003c\/span\u003e\n\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\"\u003eDespués de un mes\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eMejora continua\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003ePiel más sana y vibrante gracias a una hidratación profunda\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eMejora de la textura y suavidad de la piel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003ePotente protección contra todos los daños causados por el sol y la contaminación\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eMayor confianza en el uso diario del producto\u003c\/span\u003e\n\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\"\u003eDespués de 3 meses\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eProtección y cuidado completos\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003ePiel protegida al 100% de los daños del sol y del envejecimiento\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eMejor salud general de la piel gracias a los ingredientes naturales\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eBrillo duradero y vitalidad natural\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eUn hábito saludable que se ha convertido en parte de tu rutina diaria\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"ph-timeline-conclusion\"\u003e\n      No es solo protección... es una mejora completa para tu piel a largo plazo\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 5 --\u003e\n\u003cimg alt=\"Viaje hacia la mejora con SKIN1004\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_1.jpg?v=1754232167\"\/\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"ph-usage-section\"\u003e\n\u003ch2 class=\"ph-usage-title\"\u003eMétodo de aplicación óptimo - para máxima protección y belleza\u003c\/h2\u003e\n\u003cp class=\"ph-usage-subtitle\"\u003ePasos sencillos para resultados perfectos\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\u003ch3 class=\"ph-step-title\"\u003ePor la mañana\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eLimpia el rostro con la loción adecuada, hidrata la piel con tu crema habitual, espera 5 minutos a que la crema se absorba, aplica una cantidad adecuada de suero y protector solar.\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\u003ch3 class=\"ph-step-title\"\u003eMétodo de aplicación\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eExprimir una cantidad grande como una moneda (aproximadamente una cucharadita), distribuir delicadamente sobre el rostro y el cuello, dar toques suaves hasta la completa absorción, esperar 5 minutos antes de aplicar el maquillaje\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\u003ch3 class=\"ph-step-title\"\u003eReaplicación\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eCada dos horas cuando esté expuesto al sol directo, después de nadar o sudar intensamente. Fácil de aplicar incluso sobre un maquillaje ligero\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\u003ch3 class=\"ph-step-title\"\u003eConsejos importantes\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eUsa diariamente para los mejores resultados, apto debajo de la protección solar y el maquillaje, seguro para un uso frecuente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-tips\"\u003e\n\u003ch3 class=\"ph-usage-tips-title\"\u003e¿Por qué la protección solar es una inversión inteligente?\u003c\/h3\u003e\n\u003cdiv class=\"ph-usage-tips-grid\"\u003e\n\u003cdiv class=\"ph-usage-tips-column\"\u003e\n\u003ch4 class=\"ph-usage-tips-subtitle advanced\"\u003eCalidad original coreana:\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eUna de las marcas coreanas más famosas\u003c\/strong\u003e Especializado en productos de Centella - confianza y calidad comprobadas a nivel global\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrecio razonable para un gran valor\u003c\/strong\u003e - Más económico que la mayoría de los protectores solares de lujo con ingredientes más caros\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTasa de satisfacción superior al 95%\u003c\/strong\u003e De los usuarios de todo el mundo\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-tips-column\"\u003e\n\u003ch4 class=\"ph-usage-tips-subtitle additional\"\u003eUna inversión inteligente en tu piel:\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eUn producto que ha obtenido un gran éxito.\u003c\/strong\u003e Excelentes reseñas en todo el mundo\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLa luz solar daña tu piel\u003c\/strong\u003e También en los días nublados\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCada día sin protección\u003c\/strong\u003e Tus células de la piel están más dañadas\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Warning Section --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eAdvertencia importante: Tu piel necesita protección todos los días\u003c\/h2\u003e\n\u003cdiv class=\"ph-warning-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eLos rayos del sol son dañinos para tu piel, incluso en días nublados\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCada día sin protección... las células de tu piel se dañan más\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCada semana de descuido... los signos del envejecimiento aparecen más rápido\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCada mes de retraso... el daño se acumula y sigue siendo difícil de reparar\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLa protección no es un lujo... es una necesidad para la salud y la belleza de tu piel\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 6 --\u003e\n\u003cimg alt=\"La importancia de la protección diaria\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_3.webp?v=1754232167\"\/\u003e\n\u003c!-- Social Proof --\u003e\n\u003cdiv class=\"ph-social-proof\"\u003e\n\u003ch2 class=\"ph-social-proof-title\"\u003eSKIN1004 no es solo un protector solar... es una inversión en el futuro de tu piel\u003c\/h2\u003e\n\u003cdiv class=\"ph-proof-grid\"\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003eK\u003c\/div\u003e\n\u003ch4\u003eCalidad original coreana\u003c\/h4\u003e\n\u003cp\u003eUna de las marcas coreanas más famosas especializada en productos con Centella - confianza y calidad global comprobada con tecnologías avanzadas de protección\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003eV\u003c\/div\u003e\n\u003ch4\u003ePrecio razonable para un gran valor\u003c\/h4\u003e\n\u003cp\u003eMás económico que la mayoría de las cremas solares de lujo con ingredientes activos más caros y clave: una inversión inteligente para la salud de tu piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003e95\u003c\/div\u003e\n\u003ch4\u003eÉxito comprobado a nivel global\u003c\/h4\u003e\n\u003cp\u003eTasa de satisfacción superior al 95% de los usuarios en todo el mundo - un producto que ha obtenido un gran éxito y excelentes reseñas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003eA\u003c\/div\u003e\n\u003ch4\u003eSeguro y adecuado para todos\u003c\/h4\u003e\n\u003cp\u003eHipoalergénico y probado dermatológicamente - apto para pieles sensibles y uso diario\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003eU\u003c\/div\u003e\n\u003ch4\u003eVersátil\u003c\/h4\u003e\n\u003cp\u003eCrema solar + suero curativo + crema hidratante ligera + antiinflamatorio - todo lo que la piel necesita en un solo producto\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"ph-cta-section\"\u003e\n\u003cdiv class=\"ph-floating-particles\"\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"ph-cta-title\"\u003eProtege tu piel hoy... y deja que te lo agradezca en el futuro\u003c\/h2\u003e\n\u003cp class=\"ph-cta-text\"\u003e\n\u003cstrong\u003eSKIN1004 Madagascar Centella Hyalu-Cica Water-Fit Sun Serum\u003c\/strong\u003e\u003cbr\/\u003e\u003cbr\/\u003e\n      Cada día, sin una protección adecuada, las células de la piel sufren cada vez más daños.\u003cbr\/\u003e\n      Cada semana, descuidas los signos del envejecimiento que aparecen más rápido.\n    \u003c\/p\u003e\n\u003cdiv class=\"ph-cta-content\"\u003e\n\u003cp class=\"ph-cta-highlight\"\u003eDisfruta del sol sin miedo\u003c\/p\u003e\n\u003cp class=\"ph-cta-subtext\"\u003eCon la protección más fuerte y la textura más suave: la crema solar que te hará amar el sol desde el primer uso\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eLista completa de ingredientes\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-ingredients-list\"\u003e\n\u003ch2 class=\"ph-ingredients-list-title\"\u003eIngredientes activos y fórmula completa\u003c\/h2\u003e\n\u003cdiv class=\"ph-ingredients-text\"\u003e\n\u003cstrong\u003ePrincipales ingredientes activos:\u003c\/strong\u003e\u003cbr\/\u003e\n      • \u003cstrong\u003eCentella Asiatica Extract (9800ppm)\u003c\/strong\u003e - Centella de Madagascar para calmar\u003cbr\/\u003e\n      • \u003cstrong\u003eHyaluronic Acid Complex (3 sizes)\u003c\/strong\u003e - Ácido hialurónico para una hidratación profunda\u003cbr\/\u003e\n      • \u003cstrong\u003eNiacinamide\u003c\/strong\u003e - Vitamina B3 para unificar el color\u003cbr\/\u003e\n      • \u003cstrong\u003eNatural Antioxidants\u003c\/strong\u003e - Antioxidantes naturales\u003cbr\/\u003e\n      • \u003cstrong\u003eSPF50+ PA++++ Filters\u003c\/strong\u003e - Filtros de protección avanzados\u003cbr\/\u003e\u003cbr\/\u003e\n\u003cstrong\u003eLista completa de ingredientes (INCI):\u003c\/strong\u003e\u003cbr\/\u003e\n      Water, Dibutyl Adipate, Propanediol, Diethylamino Hydroxybenzoyl Hexyl Benzoate, Polymethylsilsesquioxane, Ethylhexyl Triazone, Methylene Bis-Benzotriazolyl Tetramethylbutylphenol, Niacinamide, Coco-Caprylate\/Caprate, Caprylyl Methicone, Diethylhexyl Butamido Triazone, Glycerin, 1,2-Hexanediol, Butylene Glycol, Centella Asiatica Extract(9800ppm), Betula Platyphylla Japonica Bark Extract, Ginkgo Biloba Leaf Extract, Camellia Sinensis Leaf Extract, Triticum Vulgare (Wheat) Sprout Extract, Medicago Sativa (Alfalfa) Extract, Brassica Oleracea Italica (Broccoli) Sprout Extract, Eruca Sativa Leaf Extract, Camellia Japonica Leaf Extract, Sodium Hyaluronate(10ppm), Behenyl Alcohol, Poly C10-30 Alkyl Acrylate, Polyglyceryl-3 Methylglucose Distearate, Decyl Glucoside, Tromethamine, Carbomer, Acrylates\/C10-30 Alkyl Acrylate Crosspolymer, Sodium Stearoyl Glutamate, Polyacrylate Crosspolymer-6, Adenosine, Xanthan Gum, T-Butyl Alcohol, Tocopherol, Hydrolyzed Hyaluronic Acid(1ppm), Inositol, Hyaluronic Acid(0.01ppm), Pentylene Glycol, Ethylhexylglycerin\n    \u003c\/div\u003e\n\u003cdiv class=\"ph-ingredients-safety\"\u003e\n\u003cp class=\"ph-ingredients-safety-text\"\u003e\n\u003cstrong\u003e✓ Hipoalergénico\u003c\/strong\u003e - Laboratorio dermatológico\u003cbr\/\u003e\n\u003cstrong\u003e✓ Adecuado para pieles sensibles\u003c\/strong\u003e - Fórmula delicada y segura\u003cbr\/\u003e\n\u003cstrong\u003e✓ Protección de amplio espectro\u003c\/strong\u003e - Contra UVA, UVB y rayos dañinos\n      \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":44977044652229,"sku":null,"price":900.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_1.jpg?v=1754232167"},{"product_id":"skin-1004-probio-cica-bakuchiol-eye-cream","title":"SKIN1004 Crema contorno de ojos antiarrugas y ojeras con bakuchiol y probio cica","description":"\u003cdiv class=\"eye-cream-container\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n    .eye-cream-container {\n      direction: ltr;\n      text-align: left;\n      max-width: 100%;\n      margin: 0 auto;\n      font-family: inherit;\n      line-height: 1.6;\n      color: #333;\n      background: #fafafa;\n      position: relative;\n    }\n\n    .eye-cream-container * {\n      box-sizing: border-box;\n    }\n\n    \/* Simple floating background *\/\n    .eye-cream-container::before {\n      content: '';\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: \n        radial-gradient(circle at 20% 30%, rgba(156, 129, 2, 0.02) 2px, transparent 2px),\n        radial-gradient(circle at 80% 70%, rgba(156, 129, 2, 0.03) 1px, transparent 1px);\n      pointer-events: none;\n      z-index: -1;\n    }\n\n    .main-title {\n      color: #9C8102;\n      font-size: 3em;\n      font-weight: 900;\n      margin-bottom: 40px;\n      text-shadow: 0 4px 15px rgba(156, 129, 2, 0.3);\n      text-align: center;\n      opacity: 0;\n      transform: translateY(40px);\n      animation: fadeInUp 1.5s ease-out forwards;\n      position: relative;\n      letter-spacing: -0.02em;\n    }\n\n    .main-title::after {\n      content: '';\n      position: absolute;\n      bottom: -15px;\n      right: 50%;\n      transform: translateX(50%);\n      width: 100px;\n      height: 3px;\n      background: linear-gradient(90deg, transparent 0%, #9C8102 50%, transparent 100%);\n      animation: lineExpand 2s ease-out 1s forwards;\n    }\n\n    .hero-image {\n      width: 100%;\n      max-width: 600px;\n      height: auto;\n      margin: 40px auto;\n      display: block;\n      border-radius: 20px;\n      box-shadow: 0 20px 50px rgba(0,0,0,0.15);\n      opacity: 0;\n      transform: scale(0.9);\n      animation: scaleIn 1.5s ease-out 0.5s forwards;\n      transition: transform 0.3s ease;\n    }\n\n    .hero-image:hover {\n      transform: scale(1.02);\n    }\n\n    .intro-section {\n      background: linear-gradient(135deg, #1a1a1a 0%, #000 100%);\n      color: white;\n      padding: 50px;\n      border-radius: 20px;\n      margin: 60px 0;\n      text-align: center;\n      opacity: 0;\n      animation: fadeIn 1.5s ease-out 1s forwards;\n      box-shadow: 0 15px 35px rgba(0,0,0,0.3);\n    }\n\n    .intro-title {\n      color: #f4e4a6;\n      font-size: 2.5em;\n      font-weight: 800;\n      margin-bottom: 20px;\n      text-shadow: 0 2px 10px rgba(244, 228, 166, 0.5);\n    }\n\n    .intro-text {\n      font-size: 1.2em;\n      line-height: 1.8;\n      opacity: 0.95;\n    }\n\n    .benefits-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 30px;\n      margin: 50px 0;\n      padding: 0 20px;\n    }\n\n    .benefit-card {\n      background: white;\n      padding: 30px;\n      border-radius: 15px;\n      text-align: center;\n      box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n      border: 1px solid rgba(156, 129, 2, 0.1);\n      opacity: 0;\n      transform: translateY(30px);\n      transition: all 0.3s ease;\n    }\n\n    .benefit-card:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 15px 35px rgba(156, 129, 2, 0.15);\n    }\n\n    .benefit-icon {\n      width: 60px;\n      height: 60px;\n      margin: 0 auto 20px auto;\n      background: linear-gradient(135deg, #9C8102, #d4af37);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: white;\n      font-size: 24px;\n      font-weight: bold;\n    }\n\n    .benefit-title {\n      color: #9C8102;\n      font-size: 1.2em;\n      font-weight: 700;\n      margin-bottom: 15px;\n    }\n\n    .benefit-description {\n      color: #666;\n      font-size: 0.95em;\n      line-height: 1.6;\n    }\n\n    .section-header {\n      background: linear-gradient(135deg, #1a1a1a 0%, #000 50%, #2a2a2a 100%);\n      color: white;\n      padding: 40px;\n      margin: 60px 0 40px 0;\n      border-radius: 15px;\n      text-align: center;\n      opacity: 0;\n      animation: fadeIn 1.5s ease-out 2s forwards;\n      box-shadow: 0 15px 35px rgba(0,0,0,0.4);\n      border: 2px solid rgba(156, 129, 2, 0.3);\n    }\n\n    .section-title {\n      font-size: 2.2em;\n      font-weight: 800;\n      margin-bottom: 10px;\n      text-shadow: 0 2px 8px rgba(0,0,0,0.3);\n      color: #f4e4a6;\n    }\n\n    .section-subtitle {\n      font-size: 1.1em;\n      opacity: 0.9;\n      font-weight: 300;\n      color: #e0e0e0;\n    }\n\n    .ingredient-section {\n      background: #f8f9fa;\n      padding: 50px;\n      border-radius: 15px;\n      margin: 50px 0;\n      border: 2px solid #9C8102;\n    }\n\n    .ingredient-card {\n      background: white;\n      padding: 30px;\n      border-radius: 12px;\n      margin: 25px 0;\n      box-shadow: 0 8px 20px rgba(0,0,0,0.06);\n      border-right: 4px solid #9C8102;\n      opacity: 0;\n      transform: translateX(30px);\n      transition: all 0.3s ease;\n    }\n\n    .ingredient-card:hover {\n      transform: translateX(-10px);\n      box-shadow: 0 12px 30px rgba(156, 129, 2, 0.1);\n    }\n\n    .ingredient-title {\n      color: #9C8102;\n      font-size: 1.5em;\n      font-weight: 700;\n      margin-bottom: 15px;\n    }\n\n    .benefits-list {\n      list-style: none;\n      padding: 0;\n      margin: 20px 0;\n    }\n\n    .benefit-item {\n      background: #f1f3f4;\n      margin-bottom: 10px;\n      padding: 15px 20px;\n      border-radius: 8px;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      transition: all 0.3s ease;\n      color: #333;\n    }\n\n    .benefit-item:hover {\n      background: #e8f4f8;\n      transform: translateX(-5px);\n    }\n\n    .benefit-bullet {\n      width: 8px;\n      height: 8px;\n      background: linear-gradient(135deg, #9C8102, #d4af37);\n      border-radius: 50%;\n      flex-shrink: 0;\n    }\n\n    .comparison-section {\n      background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);\n      color: white;\n      padding: 50px;\n      border-radius: 15px;\n      margin: 60px 0;\n      box-shadow: 0 15px 35px rgba(0,0,0,0.3);\n    }\n\n    .comparison-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n      gap: 30px;\n      margin: 40px 0;\n    }\n\n    .comparison-card {\n      background: #333;\n      padding: 30px;\n      border-radius: 12px;\n      opacity: 0;\n      transform: translateY(20px);\n      transition: all 0.3s ease;\n    }\n\n    .comparison-card.premium {\n      border-top: 4px solid #d4af37;\n    }\n\n    .comparison-card.basic {\n      border-top: 4px solid #666;\n    }\n\n    .comparison-card:hover {\n      transform: translateY(-5px);\n    }\n\n    .comparison-title {\n      font-size: 1.4em;\n      font-weight: 700;\n      margin-bottom: 20px;\n      text-align: center;\n    }\n\n    .comparison-title.premium {\n      color: #f4e4a6;\n    }\n\n    .comparison-title.basic {\n      color: #ccc;\n    }\n\n    .comparison-list {\n      list-style: none;\n      padding: 0;\n    }\n\n    .comparison-item {\n      padding: 10px 0;\n      border-bottom: 1px solid rgba(255,255,255,0.1);\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .comparison-item:last-child {\n      border-bottom: none;\n    }\n\n    .comparison-check {\n      width: 18px;\n      height: 18px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 10px;\n      font-weight: bold;\n    }\n\n    .comparison-check.premium {\n      background: linear-gradient(135deg, #9C8102, #d4af37);\n      color: white;\n    }\n\n    .comparison-check.basic {\n      background: #666;\n      color: white;\n    }\n\n    .timeline-section {\n      background: #f5f5f5;\n      padding: 50px;\n      border-radius: 15px;\n      margin: 50px 0;\n      border: 2px solid #9C8102;\n    }\n\n    .timeline-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 25px;\n      margin: 30px 0;\n    }\n\n    .timeline-card {\n      background: white;\n      padding: 25px;\n      border-radius: 12px;\n      border-right: 4px solid #9C8102;\n      position: relative;\n      opacity: 0;\n      transform: translateY(20px);\n      transition: all 0.3s ease;\n      box-shadow: 0 8px 20px rgba(0,0,0,0.06);\n    }\n\n    .timeline-card:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 12px 30px rgba(156, 129, 2, 0.1);\n    }\n\n    .timeline-badge {\n      position: absolute;\n      top: -10px;\n      right: 20px;\n      background: linear-gradient(135deg, #9C8102, #d4af37);\n      color: white;\n      padding: 5px 15px;\n      border-radius: 20px;\n      font-weight: 700;\n      font-size: 0.8em;\n    }\n\n    .timeline-title {\n      color: #9C8102;\n      font-size: 1.2em;\n      font-weight: 700;\n      margin: 20px 0 15px 0;\n    }\n\n    .warning-section {\n      background: linear-gradient(135deg, #8B0000, #DC143C);\n      color: white;\n      padding: 50px;\n      border-radius: 15px;\n      margin: 60px 0;\n      text-align: center;\n      opacity: 0;\n      animation: fadeIn 1.5s ease-out 3s forwards;\n      box-shadow: 0 15px 35px rgba(139, 0, 0, 0.3);\n    }\n\n    .warning-title {\n      color: #FFE4E1;\n      font-size: 2.2em;\n      font-weight: 800;\n      margin-bottom: 20px;\n    }\n\n    .cta-final {\n      background: linear-gradient(135deg, #1a1a1a 0%, #000 100%);\n      color: white;\n      padding: 60px;\n      border-radius: 20px;\n      text-align: center;\n      margin: 60px 0;\n      opacity: 0;\n      animation: fadeIn 1.5s ease-out 3.5s forwards;\n      border: 3px solid #9C8102;\n      box-shadow: 0 20px 50px rgba(0,0,0,0.4);\n    }\n\n    .cta-title {\n      color: #f4e4a6;\n      font-size: 2.8em;\n      font-weight: 800;\n      margin-bottom: 20px;\n    }\n\n    .cta-text {\n      font-size: 1.2em;\n      margin: 20px 0;\n      opacity: 0.95;\n      line-height: 1.7;\n    }\n\n    .cta-highlight {\n      font-size: 1.4em;\n      font-weight: 700;\n      color: #f4e4a6;\n      margin: 30px 0;\n    }\n\n    .ingredients-list {\n      background: #f8f9fa;\n      padding: 30px;\n      border-radius: 12px;\n      margin: 40px 0;\n      border: 2px solid #9C8102;\n      font-size: 0.9em;\n      line-height: 1.7;\n      color: #666;\n      text-align: justify;\n    }\n\n    @keyframes fadeInUp {\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes fadeIn {\n      to {\n        opacity: 1;\n      }\n    }\n\n    @keyframes scaleIn {\n      to {\n        opacity: 1;\n        transform: scale(1);\n      }\n    }\n\n    @keyframes lineExpand {\n      from { width: 0; }\n      to { width: 100px; }\n    }\n\n    @media (max-width: 768px) {\n      .main-title {\n        font-size: 2.4em;\n        margin-bottom: 30px;\n      }\n\n      .hero-image {\n        max-width: 90%;\n        margin: 30px auto;\n      }\n      \n      .benefits-grid,\n      .timeline-grid,\n      .comparison-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n        padding: 0 10px;\n      }\n      \n      .intro-section,\n      .section-header,\n      .ingredient-section,\n      .timeline-section,\n      .comparison-section,\n      .warning-section,\n      .cta-final {\n        padding: 30px 20px;\n        margin: 30px 10px;\n      }\n\n      .intro-title {\n        font-size: 2em;\n      }\n\n      .section-title {\n        font-size: 1.8em;\n      }\n\n      .cta-title {\n        font-size: 2.2em;\n      }\n\n      .benefit-card,\n      .ingredient-card,\n      .timeline-card,\n      .comparison-card {\n        padding: 20px;\n      }\n    }\n\n    @media (max-width: 480px) {\n      .main-title {\n        font-size: 2em;\n      }\n\n      .intro-title {\n        font-size: 1.8em;\n      }\n\n      .section-title {\n        font-size: 1.6em;\n      }\n\n      .cta-title {\n        font-size: 1.8em;\n      }\n\n      .intro-section,\n      .section-header,\n      .ingredient-section,\n      .timeline-section,\n      .comparison-section,\n      .warning-section,\n      .cta-final {\n        padding: 25px 15px;\n        border-radius: 12px;\n      }\n    }\n  \u003c\/style\u003e\n\u003c!-- Main Title --\u003e\n\u003ch1 class=\"main-title\"\u003eSKIN1004 Probio-Cica Bakuchiol Eye Cream - La crema de ojos que devolverá tu juventud sin inyecciones ni cirugías\u003c\/h1\u003e\n\u003c!-- Hero Image --\u003e\n\u003cimg alt=\"SKIN1004 Probio-Cica Bakuchiol Eye Cream\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Probio-Cica_Bakuchiol_Eye_Cream_Gentle_Anti-wrinkle_Eye_Cream_3.webp?v=1754234127\"\/\u003e\n\u003c!-- Intro Section --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n\u003ch2 class=\"intro-title\"\u003eEl área de los ojos te expone frente a todos... y a ti no te importa\u003c\/h2\u003e\n\u003cdiv class=\"intro-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eLa zona de los ojos es la parte más fina del rostro... y el primer lugar en el que aparecen los signos del envejecimiento\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePero si te dijera que existe una forma natural y segura que puede devolver la juventud a tus ojos... sin retinol agresivo ni químicos irritantes?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSKIN1004 Probio-Cica Bakuchiol Eye Cream no es una simple crema de ojos... Esta es la solución científica natural que dará a tus ojos una nueva juventud con total seguridad.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 2 --\u003e\n\u003cimg alt=\"Beneficios de la crema contorno de ojos SKIN1004\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Probio-Cica_Bakuchiol_Eye_Cream_Gentle_Anti-wrinkle_Eye_Cream_4.webp?v=1754234127\"\/\u003e\n\u003c!-- Benefits Grid --\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e👁\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eReduce arrugas y líneas finas\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eCon la eficacia del retinol sin la irritación\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eHidrata en profundidad\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003ePreviene la sequedad de la delicada piel alrededor de los ojos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eAlivia la inflamación y el enrojecimiento\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eCon extracto de Centella fermentada\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eAclarar las ojeras\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eUniforma el color de la zona periocular\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🛡\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e100% seguro para ojos sensibles\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eNinguna lágrima o irritación\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⏰\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eOjos 5-10 años más jóvenes\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eDe tu edad real\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Technology Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eTecnología revolucionaria: bucchiol + centella fermentada + probióticos\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003eLa fórmula natural más potente para combatir el envejecimiento alrededor de los ojos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-section\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003e🌿 Extracto de centella fermentado con probióticos - el milagro coreano\u003c\/h3\u003e\n\u003cp style=\"color: #9C8102; font-weight: bold; margin: 15px 0;\"\u003eLa tecnología de biofermentación multiplica la fuerza de la Centella 10 veces\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003ePenetra en la piel delgada\u003c\/strong\u003e 5 veces más eficaz que la Centella normal\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eRefuerza el microbioma natural\u003c\/strong\u003e Para la piel alrededor de los ojos\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAcelera la curación de las células dañadas\u003c\/strong\u003e De daños solares y envejecimiento\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eCálmate inmediatamente\u003c\/strong\u003e Cualquier inflamación o alergia en la zona sensible\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003e🌱 Bucchiol 5000ppm - retinol vegetal seguro\u003c\/h3\u003e\n\u003cp style=\"color: #9C8102; font-weight: bold; margin: 15px 0;\"\u003eUna alternativa natural al retinol con la misma eficacia sin ningún efecto secundario\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eEstimula la regeneración celular\u003c\/strong\u003e Suavemente y sin descamación ni irritación\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eActiva la producción de colágeno\u003c\/strong\u003e Para una piel más joven y elástica\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eReduce líneas y arrugas\u003c\/strong\u003e Porcentaje confirmado científicamente\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eSeguro para uso diurno\u003c\/strong\u003e Con luz solar sin sensibilidad\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003e🛡️ Ceramide NP + Niacinamida - Protección y Nutrición\u003c\/h3\u003e\n\u003cp style=\"color: #9C8102; font-weight: bold; margin: 15px 0;\"\u003eFortalecer la barrera hidrolipídica mientras se ilumina y unifica el color\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eCeramida NP\u003c\/strong\u003e Retiene la humedad y previene la pérdida de agua\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eNiacinamida\u003c\/strong\u003e Abre las ojeras y uniforma el tono de la piel\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eÁcido hialurónico\u003c\/strong\u003e Dos dimensiones moleculares para una hidratación profunda\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eManteca de karité\u003c\/strong\u003e Nutre y suaviza la piel sensible\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Comparison Section --\u003e\n\u003cdiv class=\"comparison-section\"\u003e\n\u003ch2 style=\"color: #f4e4a6; font-size: 2.2em; text-align: center; margin-bottom: 20px; font-weight: 800;\"\u003e¿Por qué SKIN1004 es diferente de otras cremas para los ojos?\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.1em; margin-bottom: 30px; opacity: 0.9;\"\u003eCremas para los ojos normales vs SKIN1004 - La comparación honesta\u003c\/p\u003e\n\u003cdiv class=\"comparison-grid\"\u003e\n\u003cdiv class=\"comparison-card basic\"\u003e\n\u003ch3 class=\"comparison-title basic\"\u003eCremas para ojos tradicionales\u003c\/h3\u003e\n\u003cul class=\"comparison-list\"\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check basic\"\u003e✗\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eRetinol agresivo\u003c\/strong\u003e Provoca irritación y sensibilidad alrededor de los ojos\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check basic\"\u003e✗\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eComponentes químicos\u003c\/strong\u003e No apto para piel delgada\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check basic\"\u003e✗\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eResultados lentos\u003c\/strong\u003e Se necesitan muchos meses para que aparezca\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check basic\"\u003e✗\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eMejora temporal\u003c\/strong\u003e Desaparece tan pronto como dejas de usarlo\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check basic\"\u003e✗\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003ePrecio alto\u003c\/strong\u003e Para beneficios limitados\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card premium\"\u003e\n\u003ch3 class=\"comparison-title premium\"\u003eSKIN1004 Probio-Cica Bakuchiol Eye Cream\u003c\/h3\u003e\n\u003cul class=\"comparison-list\"\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check premium\"\u003e✓\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eBicochiol natural\u003c\/strong\u003e Con la eficacia del retinol sin la irritación\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check premium\"\u003e✓\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eIngrediente 100% natural\u003c\/strong\u003e Seguro para las zonas sensibles\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check premium\"\u003e✓\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eResultados rápidos\u003c\/strong\u003e Desde la segunda semana\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check premium\"\u003e✓\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eMejora acumulativa y duradera\u003c\/strong\u003e Aumenta con el tiempo\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check premium\"\u003e✓\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eExcelente valor\u003c\/strong\u003e Tecnología avanzada a un precio razonable\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eViaje de Rejuvenecimiento - Mira cómo tus ojos cambian semana a semana\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003eNo es solo una mejora... es una revitalización del área de Al Ain\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003cdiv class=\"timeline-grid\"\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eLa primera semana\u003c\/div\u003e\n\u003ch3 class=\"timeline-title\"\u003ePrimer toque\u003c\/h3\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eHidratación instantánea\u003c\/strong\u003e Para piel seca alrededor de los ojos\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eCalma completa\u003c\/strong\u003e Por enrojecimiento o irritación ya presentes\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eEvidente suavidad\u003c\/strong\u003e En la delicada textura de la piel\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eDespués de dos semanas\u003c\/div\u003e\n\u003ch3 class=\"timeline-title\"\u003eEl comienzo de la magia\u003c\/h3\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eReducción visible de las líneas finas\u003c\/strong\u003e Moderno\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eIluminador para el contorno de ojos\u003c\/strong\u003e Y mejora del color\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAumento de la elasticidad de la piel\u003c\/strong\u003e Y resistente a la tracción\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eDespués de un mes\u003c\/div\u003e\n\u003ch3 class=\"timeline-title\"\u003everdadera transformación\u003c\/h3\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eLa desaparición de las líneas finas\u003c\/strong\u003e Visible a simple vista\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAclarado claro de las ojeras\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eReafirmación natural de la piel\u003c\/strong\u003e Relajación alrededor de los ojos\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eDespués de 3 meses\u003c\/div\u003e\n\u003ch3 class=\"timeline-title\"\u003eJuventud restaurada\u003c\/h3\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e60-70% menos de arrugas\u003c\/strong\u003e Desde el principio\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003ePiel tonificada y elástica\u003c\/strong\u003e Alrededor del ojo\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eParecer años más joven\u003c\/strong\u003e Todos lo notan\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"ingredient-section\"\u003e\n\u003ch2 style=\"color: #9C8102; font-size: 2em; text-align: center; margin-bottom: 30px;\"\u003eModo de uso correcto\u003c\/h2\u003e\n\u003cdiv style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px;\"\u003e\n\u003cdiv style=\"background: white; padding: 25px; border-radius: 12px; border-right: 4px solid #9C8102;\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 15px; font-size: 1.2em;\"\u003e🌅 Por la mañana y por la noche\u003c\/h4\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eLimpia el rostro\u003c\/strong\u003e Con la habitual crema hidratante delicada\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eSecar la zona de los ojos\u003c\/strong\u003e Delicadamente sin frotar\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAplica una pequeña cantidad\u003c\/strong\u003e (del tamaño de un grano de arroz) de crema\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eDa pequeños toques suavemente\u003c\/strong\u003e Desde la esquina interna hasta la externa\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"background: white; padding: 25px; border-radius: 12px; border-right: 4px solid #DC143C;\"\u003e\n\u003ch4 style=\"color: #DC143C; margin-bottom: 15px; font-size: 1.2em;\"\u003e⚠️ Advertencias para un uso seguro\u003c\/h4\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\" style=\"background: #DC143C;\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eEvita que el producto entre en los ojos\u003c\/strong\u003e directamente\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\" style=\"background: #DC143C;\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eComienza con una pequeña cantidad\u003c\/strong\u003e Aumentar gradualmente según sea necesario\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\" style=\"background: #DC143C;\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eNo usar con otros productos con retinol\u003c\/strong\u003e Al mismo tiempo\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\" style=\"background: #DC143C;\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eDetente inmediatamente\u003c\/strong\u003e En caso de irritación anormal\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Warning Section --\u003e\n\u003cdiv class=\"warning-section\"\u003e\n\u003ch2 class=\"warning-title\"\u003e⚠️ Advertencia importante: La zona de los ojos se desvanece más rápido que el resto del rostro\u003c\/h2\u003e\n\u003cdiv style=\"font-size: 1.1em; line-height: 1.8;\"\u003e\n\u003cp\u003e\u003cstrong\u003eLa piel alrededor de los ojos es 10 veces más delgada que el resto del rostro\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCada día sin cuidados especiales... las arrugas se profundizan\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCada semana de descuido... la elasticidad de la piel disminuye más\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCada mes de retraso... el daño se vuelve más difícil de reparar\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"cta-final\"\u003e\n\u003cimg alt=\"Invierte en la juventud de tus ojos ahora\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Probio-Cica_Bakuchiol_Eye_Cream_Gentle_Anti-wrinkle_Eye_Cream_1.webp?v=1754234127\" style=\"width: 100%; max-width: 400px; margin: 0 auto 30px auto; display: block; border-radius: 15px;\"\/\u003e\n\u003ch2 class=\"cta-title\"\u003e¡La decisión de hoy determinará la forma de tus ojos en el futuro!\u003c\/h2\u003e\n\u003cdiv class=\"cta-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eCada día sin cuidados... el área de los ojos se debilita\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eRetrasa cada semana... las arrugas se profundizan y permanecen más difíciles de tratar\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCada mes de descuido... la brecha entre tu edad real y la edad de tus ojos aumenta\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cta-highlight\"\u003e\n      SKIN1004 no es solo una crema para los ojos... es una solución segura y natural para rejuvenecer los ojos\n    \u003c\/div\u003e\n\u003cdiv class=\"cta-text\"\u003e\n\u003cstrong\u003eComienza hoy tu viaje de rejuvenecimiento de los ojos... ¡Ordena ahora!\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eLista completa de ingredientes\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-list\"\u003e\n\u003cp\u003e\u003cstrong\u003eWater, Glycerin, Butylene Glycol, Dipentaerythrityl Hexa C5-9 Acid Esters, 1,2-Hexanediol, Niacinamide, Squalane, Polyglyceryl-3 Distearate, Cetearyl Alcohol, Caprylic\/Capric Triglyceride, Betaine, Butyrospermum Parkii (Shea) Butter, Heptyl Undecylenate, Centella Asiatica Extract, Panthenol, Bakuchiol, Glyceryl Stearate, Acrylates\/C10-30 Alkyl Acrylate Crosspolymer, Palmitic Acid, Tromethamine, Stearic Acid, Glyceryl Stearate Citrate, Carbomer, Ethylhexylglycerin, Adenosine, Macadamia Ternifolia Seed Oil, Sodium Hyaluronate, Sodium Phytate, Hydrogenated Lecithin, Ceramide NP, Glyceryl Acrylate\/Acrylic Acid Copolymer, Theobroma Cacao (Cocoa) Extract, Dextrin, Polyglyceryl-10 Myristate, Phytosphingosine, Lactobacillus Ferment, Madecassic Acid, Asiaticoside, Hydrolyzed Extensin, Sucrose Distearate, Asiatic Acid, Phytosterols, Lauric Acid, Hydrolyzed Hyaluronic Acid, Caprylyl Glycol, Acetyl Hexapeptide-8\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    \/\/ Simple intersection observer for animations\n    const observerOptions = {\n      threshold: 0.1,\n      rootMargin: '0px 0px -50px 0px'\n    };\n\n    const observer = new IntersectionObserver((entries) =\u003e {\n      entries.forEach(entry =\u003e {\n        if (entry.isIntersecting) {\n          const element = entry.target;\n          \n          if (element.classList.contains('benefit-card')) {\n            element.style.animation = 'fadeInUp 0.8s ease-out forwards';\n          } else if (element.classList.contains('ingredient-card')) {\n            element.style.animation = 'fadeInUp 0.8s ease-out forwards';\n          } else if (element.classList.contains('timeline-card')) {\n            element.style.animation = 'fadeInUp 0.8s ease-out forwards';\n          } else if (element.classList.contains('comparison-card')) {\n            element.style.animation = 'fadeInUp 0.8s ease-out forwards';\n          }\n        }\n      });\n    }, observerOptions);\n\n    \/\/ Initialize animations on page load\n    document.addEventListener('DOMContentLoaded', () =\u003e {\n      const animatedElements = document.querySelectorAll('.benefit-card, .ingredient-card, .timeline-card, .comparison-card');\n      \n      animatedElements.forEach((el, index) =\u003e {\n        el.style.animationDelay = `${index * 0.1}s`;\n        observer.observe(el);\n      });\n\n      \/\/ Simple hover effects\n      const cards = document.querySelectorAll('.benefit-card, .ingredient-card, .timeline-card, .comparison-card');\n      cards.forEach(card =\u003e {\n        card.addEventListener('mouseenter', () =\u003e {\n          card.style.transform = card.classList.contains('timeline-card') || card.classList.contains('comparison-card') \n            ? 'translateY(-5px)' \n            : 'translateY(-5px) scale(1.02)';\n        });\n        \n        card.addEventListener('mouseleave', () =\u003e {\n          card.style.transform = '';\n        });\n      });\n    });\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":44977157537989,"sku":null,"price":1100.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Probio-Cica_Bakuchiol_Eye_Cream_Gentle_Anti-wrinkle_Eye_Cream.webp?v=1754234127"},{"product_id":"skin-1004-centella-tea-trica-relief-ampoule","title":"Skin 1004 Green Tea y Pure Centella Ampoule | Especialista en inflamación","description":"\u003c!-- SKIN1004 Centella Tea-Trica Relief Ampoule - Redesigned with Site CSS --\u003e\n\u003cdiv class=\"product-description-container\" dir=\"ltr\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"ph-hero-section\"\u003e\n\u003ch1 class=\"ph-hero-title\"\u003e\n      SKIN1004 Centella Tea-Trica Relief Ampoule\n    \u003c\/h1\u003e\n\u003cp class=\"ph-hero-subtitle\"\u003e\n      La solución definitiva para los granos y la piel grasa que no quiere calmarse\n    \u003c\/p\u003e\n\u003cdiv class=\"ph-product-showcase\"\u003e\n\u003cimg alt=\"SKIN1004 Centella Tea-Trica Relief Ampoule\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin1004-ampoule-serum-coming-soon-tea-trica-relief-ampoule-37221009457398_1440x_eeea136e-0251-48f0-a2eb-a23f3ae687c5.webp?v=1754244097\"\/\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Problem Statement Section --\u003e\n\u003csection class=\"ph-section tea-trica-problem-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eTus píldoras y el exceso de grasa destruyen tu autoestima... y estás cansado de intentar\u003c\/h2\u003e\n\u003cdiv class=\"tea-trica-problem-list\"\u003e\n\u003cdiv class=\"tea-trica-problem-item\"\u003e\n\u003cspan class=\"tea-trica-problem-number\"\u003e1\u003c\/span\u003e\n\u003cp\u003e¿Los granos se han convertido en parte de tu rostro y son difíciles de eliminar?\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-problem-item\"\u003e\n\u003cspan class=\"tea-trica-problem-number\"\u003e2\u003c\/span\u003e\n\u003cp\u003e¿Tu piel es tan grasa que el maquillaje se derrite en pocas horas?\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-problem-item\"\u003e\n\u003cspan class=\"tea-trica-problem-number\"\u003e3\u003c\/span\u003e\n\u003cp\u003e¿Has probado muchos productos para el acné pero o no han funcionado o han irritado tu piel?\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-problem-item\"\u003e\n\u003cspan class=\"tea-trica-problem-number\"\u003e4\u003c\/span\u003e\n\u003cp\u003e¿Sientes que tus poros son grandes y el aceite aparece sin importar cuánto limpies tu rostro?\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-solution-intro\"\u003e\n\u003cp\u003e\u003cstrong\u003eLos granos y la piel grasa no son solo un problema temporal... es un círculo vicioso de inflamación y exceso de sebo.\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003ePero si te dijera que existe una potente fórmula natural que puede romper este ciclo... y darte una piel clara y sana sin agresiones ni irritaciones?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSKIN1004 Centella Tea-Trica Relief Ampoule\u003c\/strong\u003e No es solo una ampolla ordinaria... esto \u003cstrong\u003eGuerrero natural\u003c\/strong\u003e Que liberará tu piel de la tragedia de los granos y del exceso de grasa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Key Benefits Section --\u003e\n\u003csection class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eUsos principales y beneficios\u003c\/h2\u003e\n\u003cdiv class=\"ph-product-showcase\"\u003e\n\u003cimg alt=\"Usos del producto\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin1004-ampoule-serum-coming-soon-tea-trica-relief-ampoule-37221009719542_1440x_44be4ca4-a8fb-44c0-9b31-eaf1b4bd6da4.webp?v=1754244098\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefits-grid\"\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eAtaca los granos desde la raíz\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eCon agua concentrada de árbol de té 94,000 ppm\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eAlivia la inflamación y el enrojecimiento\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eCon extracto puro de Centella\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eControla el exceso de grasa\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003ePreviene el brillo no deseado\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eReduce el tamaño de los poros dilatados\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eMejora la textura de la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e5\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003ePreviene la aparición de nuevos granos\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eCon protección continua\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e6\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eAcelera la curación de las cicatrices de acné\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eCicatrices antiguas y superficiales\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e7\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eTextura ligera que se absorbe rápidamente\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eNo graso o pegajoso\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e8\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eProbado contra los poros obstruidos\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eSeguro para piel propensa al acné\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e9\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eEquilibra la hidratación de la piel\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eSin exceso de grasas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- How It Works Section --\u003e\n\u003csection class=\"ph-how-it-works\"\u003e\n\u003ch2 class=\"ph-section-title\" style=\"color: white;\"\u003e¿Cómo funciona?\u003c\/h2\u003e\n\u003cdiv class=\"ph-product-showcase\"\u003e\n\u003cimg alt=\"Componentes del producto\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin1004-ampoule-serum-coming-soon-tea-trica-relief-ampoule-37221009817846_1440x_84cd5d3b-d782-450e-86c7-44a191ea7a96.webp?v=1754244098\"\/\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"tea-trica-ingredient-title\"\u003eTea Tree + Centella + Pine Complex\u003c\/h3\u003e\n\u003ch4 class=\"tea-trica-ingredient-subtitle\"\u003eLa alianza natural más fuerte contra el acné y la piel grasa\u003c\/h4\u003e\n\u003cdiv class=\"ph-mechanism-cards\"\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eAgua de árbol de té 94.000 ppm\u003c\/h3\u003e\n\u003cp style=\"color: #D4AF37; font-weight: 600; margin-bottom: 1rem;\"\u003eEl primer guerrero\u003c\/p\u003e\n\u003cp style=\"margin-bottom: 1rem;\"\u003eMáxima concentración de agua de árbol de té en SKIN1004.\u003c\/p\u003e\n\u003cul class=\"tea-trica-benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntibacteriano natural potente\u003c\/strong\u003e Mata las bacterias de los granos desde la raíz\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEficaz antiinflamatorio\u003c\/strong\u003e Alivia el enrojecimiento y la hinchazón inmediatamente\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRegula la secreción de grasa\u003c\/strong\u003e Previene los poros obstruidos\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcelera la curación de los granos inflamados\u003c\/strong\u003e Previene la formación de cicatrices\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eExtracto de Centella 5.621 ppm\u003c\/h3\u003e\n\u003cp style=\"color: #D4AF37; font-weight: 600; margin-bottom: 1rem;\"\u003eEl Mahdi natural\u003c\/p\u003e\n\u003cp style=\"margin-bottom: 1rem;\"\u003eCentella asiática con alta concentración para un alivio profundo.\u003c\/p\u003e\n\u003cul class=\"tea-trica-benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eCalma la piel inflamada\u003c\/strong\u003e Sin sequedad ni irritación\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcelerar la regeneración celular\u003c\/strong\u003e Repara los tejidos dañados\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRefuerza la barrera hidrolipídica\u003c\/strong\u003e En contra de daños externos\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEstimula el colágeno\u003c\/strong\u003e Para rellenar cicatrices de acné de forma natural\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eComplejo Triple de Pino\u003c\/h3\u003e\n\u003cp style=\"color: #D4AF37; font-weight: 600; margin-bottom: 1rem;\"\u003eEscudo protector\u003c\/p\u003e\n\u003cp style=\"margin-bottom: 1rem;\"\u003eUna alianza natural de 3 especies de pinos para una doble protección.\u003c\/p\u003e\n\u003cul class=\"tea-trica-benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePotentes antioxidantes\u003c\/strong\u003e Combate los radicales libres\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRefuerza la inmunidad natural de la piel\u003c\/strong\u003e En contra de bacterias\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtege de los daños causados por la contaminación y el polvo\u003c\/strong\u003e Causas del acné\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eMantiene la salud de la piel a largo plazo\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- How to Use Section --\u003e\n\u003csection class=\"ph-usage-section\"\u003e\n\u003ch2 class=\"ph-usage-title\"\u003eCómo usar\u003c\/h2\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\u003cdiv class=\"ph-step-content\"\u003e\n\u003ch3 class=\"ph-step-title\"\u003eLimpia la piel\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eLimpia el rostro con un limpiador adecuado y asegúrate de que esté completamente seco\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ph-step-content\"\u003e\n\u003ch3 class=\"ph-step-title\"\u003eTónicos Faciales Equilibrantes\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eUsar el tónico favorito para preparar la piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ph-step-content\"\u003e\n\u003ch3 class=\"ph-step-title\"\u003eAmpolla\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eToma 2-3 gotas y extiéndelas por todo el rostro con suaves movimientos circulares\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"ph-step-content\"\u003e\n\u003ch3 class=\"ph-step-title\"\u003eGolpetear\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eDa palmaditas suavemente en la piel hasta su completa absorción\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"ph-step-content\"\u003e\n\u003ch3 class=\"ph-step-title\"\u003eHidratante y protección\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eCompleta tu rutina con crema hidratante y protección solar durante el día\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-tips\"\u003e\n\u003ch3 class=\"ph-tips-title\"\u003eConsejos para el uso\u003c\/h3\u003e\n\u003cul class=\"ph-tips-list\"\u003e\n\u003cli\u003eÚsalo por la mañana y por la noche para obtener resultados óptimos\u003c\/li\u003e\n\u003cli\u003ePuedes aplicarlo tópicamente sobre los granos inflamados para un tratamiento intensivo\u003c\/li\u003e\n\u003cli\u003eApto para el uso diario - no irrita la piel\u003c\/li\u003e\n\u003cli\u003ePuedes usarlo antes del maquillaje para una piel lisa y mate\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Timeline\/Results Section --\u003e\n\u003csection class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eCronología de los resultados visibles en el tiempo\u003c\/h2\u003e\n\u003cdiv class=\"ph-timeline-section\"\u003e\n\u003cdiv class=\"ph-timeline-container\"\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003e1 semana\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eUn comienzo prometedor\u003c\/h3\u003e\n\u003cdiv class=\"tea-trica-timeline-list\"\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003eAlivio inmediato de la inflamación y el enrojecimiento\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003eControl evidente del aceite y el brillo\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003eLa piel comienza a mantenerse más suave y cómoda\u003c\/span\u003e\n\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\"\u003eSemana 2-3\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eMejora evidente\u003c\/h3\u003e\n\u003cdiv class=\"tea-trica-timeline-list\"\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003eLos granos existentes comienzan a reducirse y a sanar rápidamente\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003eLos poros comienzan a reducirse y la piel se vuelve más suave\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003eNuevas pastillas, mucho menos\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003eLa piel está equilibrada y no tan brillante\u003c\/span\u003e\n\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\"\u003eSemana 4-6\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eTransformación completa\u003c\/h3\u003e\n\u003cdiv class=\"tea-trica-timeline-list\"\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003ePiel clara sin granos activos\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003eLos efectos de los granos desaparecen claramente\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003ePoros reafirmados y piel suave\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003eEquilibrio perfecto entre grasa y humedad\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003ePiel naturalmente sana y luminosa\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Clinical Results Section --\u003e\n\u003csection class=\"ph-results-section\"\u003e\n\u003ch2 class=\"ph-results-title\"\u003eResultados científicamente probados\u003c\/h2\u003e\n\u003cdiv class=\"ph-stats-grid\"\u003e\n\u003cdiv class=\"ph-stat-item\"\u003e\n\u003cdiv class=\"ph-stat-number\"\u003e95%\u003c\/div\u003e\n\u003cp\u003eMejora de las infecciones acneicas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-stat-item\"\u003e\n\u003cdiv class=\"ph-stat-number\"\u003e88%\u003c\/div\u003e\n\u003cp\u003eReducir la secreción de grasa\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-stat-item\"\u003e\n\u003cdiv class=\"ph-stat-number\"\u003e92%\u003c\/div\u003e\n\u003cp\u003eMejora del tamaño de los poros\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-stat-item\"\u003e\n\u003cdiv class=\"ph-stat-number\"\u003e100%\u003c\/div\u003e\n\u003cp\u003eProbado contra los poros obstruidos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-clinical-note\"\u003e\n\u003cp\u003eProbado dermatológicamente\u003c\/p\u003e\n\u003cp\u003eSeguro para pieles sensibles\u003c\/p\u003e\n\u003cp\u003eLibre de sustancias nocivas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Why Choose Section --\u003e\n\u003csection class=\"ph-section tea-trica-why-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003e¿Por qué elegir Tea-Trica Relief Ampoule?\u003c\/h2\u003e\n\u003cdiv class=\"ph-benefits-grid\"\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eA\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003e100% natural\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eNinguna sustancia química nociva - seguro para todo tipo de piel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eB\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eCientíficamente probado\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eLas pruebas clínicas confirman eficacia y seguridad\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eC\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eResultados rápidos\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eMejora evidente desde la primera semana\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eD\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eAlta concentración\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003e94.000 ppm de Agua de Árbol de Té - concentración más alta\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eE\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eProtección completa\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eTrata y previene los granos al mismo tiempo\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eF\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eSensación lujosa\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eLigero, rápidamente absorbido, no graso\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Warning Section --\u003e\n\u003csection class=\"ph-section tea-trica-warning\"\u003e\n\u003cdiv class=\"tea-trica-warning-box\"\u003e\n\u003ch3\u003eAdvertencia importante\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eLos granos y la piel grasa no mejorarán por sí solos...\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eCada día que pasa sin un tratamiento eficaz, la piel se daña cada vez más y la autoestima disminuye.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eTea-Trica Relief Ampoule\u003c\/strong\u003e ¡Es la solución natural que tu piel necesita en este momento!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Product Info Section --\u003e\n\u003csection class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eInformación sobre el producto\u003c\/h2\u003e\n\u003cdiv class=\"tea-trica-product-info\"\u003e\n\u003cdiv class=\"tea-trica-info-item\"\u003e\n\u003cstrong\u003eTamaño:\u003c\/strong\u003e 100ml\n      \u003c\/div\u003e\n\u003cdiv class=\"tea-trica-info-item\"\u003e\n\u003cstrong\u003eTipo de piel:\u003c\/strong\u003e Grasa, mixta, propensa al acné, sensible\n      \u003c\/div\u003e\n\u003cdiv class=\"tea-trica-info-item\"\u003e\n\u003cstrong\u003ePrincipales ingredientes:\u003c\/strong\u003e Agua de árbol de té 94.000ppm, extracto de centella 5.621ppm, Complejo Triple Pino\n      \u003c\/div\u003e\n\u003cdiv class=\"tea-trica-info-item\"\u003e\n\u003cstrong\u003eLibre de:\u003c\/strong\u003e Parabenos, sulfatos, fragancias sintéticas, alcohol deshidratante\n      \u003c\/div\u003e\n\u003cdiv class=\"tea-trica-info-item\"\u003e\n\u003cstrong\u003eUso:\u003c\/strong\u003e Mañana y noche\n      \u003c\/div\u003e\n\u003cdiv class=\"tea-trica-info-item\"\u003e\n\u003cstrong\u003eDuración de conservación:\u003c\/strong\u003e Dos años desde la fecha de producción\n      \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Additional Product-Specific Styles *\/\n\n.tea-trica-problem-section {\n  background: linear-gradient(135deg, #fff5f5 0%, #ffffff 100%);\n  padding: 3rem 2rem;\n  border-radius: 15px;\n}\n\n\/* Compact Problem List *\/\n.tea-trica-problem-list {\n  max-width: 800px;\n  margin: 2rem auto;\n  display: grid;\n  gap: 1rem;\n}\n\n.tea-trica-problem-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  padding: 1rem 1.5rem;\n  background: white;\n  border-radius: 10px;\n  box-shadow: 0 4px 15px rgba(0,0,0,0.06);\n  transition: all 0.3s ease;\n  border-right: 3px solid #9C8102;\n}\n\n.tea-trica-problem-item:hover {\n  transform: translateX(-5px);\n  box-shadow: 0 6px 20px rgba(156, 129, 2, 0.15);\n}\n\n.tea-trica-problem-number {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  background: linear-gradient(45deg, #9C8102, #D4AF37);\n  color: white;\n  border-radius: 50%;\n  font-weight: 600;\n  font-size: 0.9rem;\n  flex-shrink: 0;\n}\n\n.tea-trica-problem-item p {\n  margin: 0;\n  color: #333;\n  font-size: 1rem;\n  line-height: 1.6;\n}\n\n.tea-trica-solution-intro {\n  max-width: 900px;\n  margin: 3rem auto 0;\n  padding: 2rem;\n  background: white;\n  border-radius: 15px;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n  text-align: center;\n}\n\n.tea-trica-solution-intro h3 {\n  color: #9C8102;\n  font-size: 1.4rem;\n  margin: 1.5rem 0;\n  line-height: 1.6;\n}\n\n.tea-trica-solution-intro p {\n  font-size: 1.1rem;\n  line-height: 1.7;\n  color: #333;\n  margin: 1rem 0;\n}\n\n\/* Timeline Benefits - Elegant and Compact *\/\n.tea-trica-timeline-list {\n  display: grid;\n  gap: 0.6rem;\n  text-align: left;\n}\n\n.tea-trica-timeline-benefit {\n  display: flex;\n  align-items: flex-start;\n  gap: 0.75rem;\n  padding: 0.5rem 0;\n}\n\n.tea-trica-check {\n  color: #9C8102;\n  font-size: 1rem;\n  font-weight: 600;\n  flex-shrink: 0;\n  margin-top: 2px;\n}\n\n.tea-trica-timeline-benefit span:last-child {\n  color: #333;\n  font-size: 0.95rem;\n  line-height: 1.5;\n}\n\n.tea-trica-ingredient-title {\n  font-size: 2rem;\n  font-weight: 700;\n  color: #D4AF37;\n  text-align: center;\n  margin: 2rem 0 1rem;\n  position: relative;\n  z-index: 2;\n}\n\n.tea-trica-ingredient-subtitle {\n  font-size: 1.2rem;\n  color: white;\n  text-align: center;\n  margin-bottom: 3rem;\n  opacity: 0.9;\n  position: relative;\n  z-index: 2;\n}\n\n.tea-trica-benefits-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.tea-trica-benefits-list li {\n  padding: 0.5rem 0;\n  color: white;\n  line-height: 1.6;\n  position: relative;\n  padding-right: 1.5rem;\n}\n\n.tea-trica-benefits-list li::before {\n  content: '✓';\n  position: absolute;\n  right: 0;\n  color: #D4AF37;\n  font-weight: bold;\n}\n\n.tea-trica-clinical-note {\n  text-align: center;\n  margin-top: 2rem;\n  font-size: 1.1rem;\n}\n\n.tea-trica-clinical-note p {\n  margin: 0.5rem 0;\n  font-weight: 600;\n}\n\n.tea-trica-why-section {\n  background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n  padding: 3rem 2rem;\n  border-radius: 15px;\n}\n\n.tea-trica-warning {\n  margin: 3rem 0;\n}\n\n.tea-trica-warning-box {\n  background: linear-gradient(135deg, #fff3cd 0%, #ffe69c 100%);\n  border: 3px solid #9C8102;\n  border-radius: 15px;\n  padding: 2rem;\n  text-align: center;\n  box-shadow: 0 10px 30px rgba(156, 129, 2, 0.2);\n}\n\n.tea-trica-warning-box h3 {\n  color: #9C8102;\n  font-size: 1.8rem;\n  margin-bottom: 1rem;\n}\n\n.tea-trica-warning-box p {\n  font-size: 1.1rem;\n  color: #333;\n  margin: 1rem 0;\n  line-height: 1.7;\n}\n\n.tea-trica-product-info {\n  max-width: 800px;\n  margin: 0 auto;\n  background: white;\n  padding: 2rem;\n  border-radius: 15px;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n}\n\n.tea-trica-info-item {\n  padding: 1rem;\n  border-bottom: 1px solid #eee;\n  font-size: 1rem;\n  line-height: 1.6;\n  text-align: left;\n}\n\n.tea-trica-info-item:last-child {\n  border-bottom: none;\n}\n\n.tea-trica-info-item strong {\n  color: #9C8102;\n  display: inline-block;\n  min-width: 150px;\n}\n\n\/* RTL Adjustments *\/\n[dir=\"rtl\"] .tea-trica-benefits-list li {\n  padding-right: 1.5rem;\n  padding-left: 0;\n}\n\n[dir=\"rtl\"] .tea-trica-benefits-list li::before {\n  right: 0;\n  left: auto;\n}\n\n[dir=\"rtl\"] .tea-trica-problem-item {\n  border-right: 3px solid #9C8102;\n  border-left: none;\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n  .tea-trica-problem-section {\n    padding: 2rem 1rem;\n  }\n  \n  .tea-trica-problem-item {\n    padding: 0.85rem 1rem;\n  }\n  \n  .tea-trica-problem-number {\n    width: 28px;\n    height: 28px;\n    font-size: 0.85rem;\n  }\n  \n  .tea-trica-problem-item p {\n    font-size: 0.95rem;\n  }\n  \n  .tea-trica-ingredient-title {\n    font-size: 1.5rem;\n  }\n  \n  .tea-trica-ingredient-subtitle {\n    font-size: 1rem;\n  }\n  \n  .tea-trica-solution-intro {\n    padding: 1.5rem;\n  }\n  \n  .tea-trica-solution-intro h3 {\n    font-size: 1.1rem;\n  }\n  \n  .tea-trica-warning-box {\n    padding: 1.5rem;\n  }\n  \n  .tea-trica-warning-box h3 {\n    font-size: 1.4rem;\n  }\n  \n  .tea-trica-info-item strong {\n    display: block;\n    margin-bottom: 0.5rem;\n  }\n  \n  .tea-trica-timeline-benefit span:last-child {\n    font-size: 0.9rem;\n  }\n}\n\u003c\/style\u003e","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":44977222058181,"sku":null,"price":1400.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin1004-ampoule-serum-100ml-tea-trica-relief-ampoule-38642934055158_1440x_4379c95a-ed98-4862-9667-ad5202daf6b6.webp?v=1754244557"},{"product_id":"some-by-mi-aha-bha-pha-30-days-miracle-serum","title":"Some by mi Aha Bha Pha 30 Days Miracle Serum 50Ml","description":"\u003cbody\u003e\n\u003cmeta charset=\"utf-8\"\/\u003e\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\n        .fade-in {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: all 0.8s ease;\n        }\n\n        .fade-in.visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .hero-section {\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n            padding: 40px 20px;\n            border-radius: 15px;\n            margin-bottom: 30px;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .hero-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            right: 0;\n            width: 100%;\n            height: 100%;\n            background: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_tea_tree_serum_miracle_30_days_skin_serum_1.png?v=1754408557') no-repeat center;\n            background-size: contain;\n            opacity: 0.1;\n            z-index: 1;\n        }\n\n        .hero-content {\n            position: relative;\n            z-index: 2;\n        }\n\n        .main-title {\n            font-size: 2.2em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 20px;\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.1);\n        }\n\n        .subtitle {\n            font-size: 1.4em;\n            font-weight: bold;\n            color: #333;\n            margin-bottom: 15px;\n        }\n\n        .hero-text {\n            font-size: 1.1em;\n            line-height: 1.7;\n            margin-bottom: 20px;\n        }\n\n        .product-image {\n            text-align: center;\n            margin: 30px 0;\n            transition: transform 0.3s ease;\n        }\n\n        .product-image:hover {\n            transform: scale(1.02);\n        }\n\n        .product-image img {\n            max-width: 100%;\n            height: auto;\n            border-radius: 10px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n        }\n\n        .benefits-section {\n            background: #000;\n            color: #fff;\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n        }\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\n        .benefit-item {\n            display: flex;\n            align-items: flex-start;\n            margin-bottom: 25px;\n            padding: 15px;\n            background: rgba(255,255,255,0.05);\n            border-radius: 10px;\n            transition: all 0.3s ease;\n            border-right: 4px solid #9C8102;\n        }\n\n        .benefit-item:hover {\n            background: rgba(255,255,255,0.1);\n            transform: translateX(-5px);\n        }\n\n        .benefit-icon {\n            margin-left: 15px;\n            color: #9C8102;\n            font-size: 1.2em;\n            min-width: 30px;\n        }\n\n        .benefit-content h3 {\n            font-size: 1.2em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 8px;\n        }\n\n        .benefit-content p {\n            line-height: 1.6;\n            margin: 0;\n        }\n\n        .ingredients-section {\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n        }\n\n        .ingredients-title {\n            font-size: 1.8em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 20px;\n            text-align: center;\n        }\n\n        .ingredient-card {\n            background: #fff;\n            padding: 25px;\n            border-radius: 12px;\n            margin-bottom: 20px;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n            transition: all 0.3s ease;\n            border-right: 5px solid #9C8102;\n        }\n\n        .ingredient-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 10px 25px rgba(0,0,0,0.15);\n        }\n\n        .ingredient-name {\n            font-size: 1.3em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 10px;\n        }\n\n        .ingredient-description {\n            line-height: 1.6;\n            color: #333;\n        }\n\n        .results-section {\n            background: #9C8102;\n            color: #fff;\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n            text-align: center;\n        }\n\n        .results-title {\n            font-size: 2em;\n            font-weight: bold;\n            margin-bottom: 30px;\n          color: #333;\n        }\n\n        .stats-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 20px;\n            margin-top: 30px;\n        }\n\n        .stat-item {\n            background: rgba(255,255,255,0.1);\n            padding: 20px;\n            border-radius: 10px;\n            transition: all 0.3s ease;\n        }\n\n        .stat-item:hover {\n            background: rgba(255,255,255,0.2);\n            transform: scale(1.05);\n        }\n\n        .stat-number {\n            font-size: 2.5em;\n            font-weight: bold;\n            margin-bottom: 10px;\n        }\n\n        .timeline-section {\n            padding: 40px 20px;\n            margin: 30px 0;\n        }\n\n        .timeline-title {\n            font-size: 1.8em;\n            font-weight: bold;\n            color: #9C8102;\n            text-align: center;\n            margin-bottom: 40px;\n        }\n\n        .timeline {\n            position: relative;\n            max-width: 800px;\n            margin: 0 auto;\n        }\n\n        .timeline::after {\n            content: '';\n            position: absolute;\n            width: 4px;\n            background-color: #9C8102;\n            top: 0;\n            bottom: 0;\n            right: 50%;\n            margin-right: -2px;\n        }\n\n        .timeline-item {\n            padding: 20px 40px;\n            position: relative;\n            background-color: inherit;\n            width: 50%;\n        }\n\n        .timeline-item::after {\n            content: '';\n            position: absolute;\n            width: 20px;\n            height: 20px;\n            background-color: #9C8102;\n            border: 4px solid #fff;\n            top: 25px;\n            border-radius: 50%;\n            z-index: 1;\n        }\n\n        .timeline-item:nth-child(odd) {\n            right: 0;\n        }\n\n        .timeline-item:nth-child(odd)::after {\n            right: -10px;\n        }\n\n        .timeline-item:nth-child(even) {\n            right: 50%;\n        }\n\n        .timeline-item:nth-child(even)::after {\n            left: -10px;\n        }\n\n        .timeline-content {\n            padding: 20px;\n            background-color: #fff;\n            border-radius: 10px;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n            transition: all 0.3s ease;\n        }\n\n        .timeline-content:hover {\n            transform: scale(1.02);\n            box-shadow: 0 10px 25px rgba(0,0,0,0.15);\n        }\n\n        .timeline-content h3 {\n            color: #9C8102;\n            font-weight: bold;\n            margin-bottom: 15px;\n        }\n\n        .social-proof {\n            background: linear-gradient(135deg, #333 0%, #000 100%);\n            color: #fff;\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n            text-align: center;\n        }\n\n        .social-proof-title {\n            font-size: 2em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 30px;\n        }\n\n        .proof-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 25px;\n            margin-top: 30px;\n        }\n\n        .proof-item {\n            background: rgba(255,255,255,0.05);\n            padding: 25px;\n            border-radius: 12px;\n            transition: all 0.3s ease;\n            border: 1px solid rgba(156, 129, 2, 0.3);\n        }\n\n        .proof-item:hover {\n            background: rgba(255,255,255,0.1);\n            border-color: #9C8102;\n        }\n\n        .proof-icon {\n            font-size: 2.5em;\n            color: #9C8102;\n            margin-bottom: 15px;\n        }\n\n        .usage-guide {\n            background: #f8f9fa;\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n        }\n\n        .usage-title {\n            font-size: 1.8em;\n            font-weight: bold;\n            color: #9C8102;\n            text-align: center;\n            margin-bottom: 30px;\n        }\n\n        .usage-steps {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 30px;\n        }\n\n        .step-card {\n            background: #fff;\n            padding: 25px;\n            border-radius: 12px;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n            transition: all 0.3s ease;\n        }\n\n        .step-card:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n        }\n\n        .step-number {\n            width: 40px;\n            height: 40px;\n            background: #9C8102;\n            color: #fff;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: bold;\n            margin-bottom: 15px;\n            float: right;\n            margin-left: 15px;\n        }\n\n        .step-title {\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 10px;\n            font-size: 1.1em;\n        }\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\n        .final-cta::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -50%;\n            width: 200%;\n            height: 200%;\n            background: linear-gradient(45deg, transparent, rgba(255,255,255,0.15), transparent);\n            transform: rotate(45deg);\n            animation: shine 3s infinite;\n        }\n\n        @keyframes shine {\n            0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\n            100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\n        }\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 : #000;\n        }\n\n        .cta-text {\n            font-size: 1.2em;\n            line-height: 1.6;\n            position: relative;\n            z-index: 2;\n        }\n\n        .ingredients-list {\n            background: #fff;\n            padding: 30px;\n            border-radius: 12px;\n            margin: 30px 0;\n            border: 1px solid #e9ecef;\n        }\n\n        .ingredients-list-title {\n            font-size: 1.5em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 20px;\n        }\n\n        .ingredients-text {\n            line-height: 1.8;\n            color: #333;\n            font-size: 0.95em;\n        }\n\n        \/* Responsive Design *\/\n        @media (max-width: 768px) {\n            .main-title { font-size: 1.8em; }\n            .timeline::after { right: 20px; }\n            .timeline-item { width: 100%; padding-right: 50px; }\n            .timeline-item:nth-child(even) { right: 0; }\n            .timeline-item::after { right: 10px; }\n            .stats-grid { grid-template-columns: 1fr 1fr; }\n            .proof-grid { grid-template-columns: 1fr; }\n            .usage-steps { grid-template-columns: 1fr; }\n        }\n\n        \/* Loading Animation *\/\n        .loading {\n            opacity: 0;\n            animation: fadeInUp 0.8s ease forwards;\n        }\n\n        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        \/* Pulse Animation for Important Elements *\/\n        .pulse {\n            animation: pulse 2s infinite;\n        }\n\n        @keyframes pulse {\n            0% { transform: scale(1); }\n            50% { transform: scale(1.02); }\n            100% { transform: scale(1); }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section fade-in\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003ch1 class=\"main-title\"\u003eLa avanzada ciencia coreana se fusiona con la sabiduría de la naturaleza\u003c\/h1\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"SOME BY MI Serum\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_tea_tree_serum_miracle_30_days_skin_serum_1.png?v=1754408557\"\/\u003e\n\u003c\/div\u003e\n\u003cp class=\"hero-text\"\u003e\u003cstrong\u003eNo solo otro producto para probar.\u003c\/strong\u003e Esto \u003cstrong\u003eUn verdadero descubrimiento científico\u003c\/strong\u003e Su trabajo es el del científico del skincare más brillante de Corea, y ha demostrado su éxito \u003cstrong\u003eMillones de usuarios\u003c\/strong\u003e En todo el mundo.\u003c\/p\u003e\n\u003cp class=\"hero-text\"\u003e\u003cstrong\u003eEl suero SOME BY MI resuelve el problema desde la raíz\u003c\/strong\u003e Con la nueva tecnología Bi-Fase que combina \u003cstrong\u003e3 ácidos especializados + centella asiática natural + extracto concentrado de té verde.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003eBeneficios científicos comprobados - ingredientes que garantizan resultados\u003c\/h2\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Beneficios del suero\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_tea_tree_serum_miracle_30_days_skin_serum_3.png?v=1754408549\"\/\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"subtitle\" style=\"color: #9C8102; text-align: center; margin: 30px 0;\"\u003eTratamiento... regeneración... estimulación... prevención\u003c\/h3\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eExfoliación profunda de las células muertas\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Con ácidos AHA estudiados científicamente)\u003c\/strong\u003e Elimina las capas acumuladas de piel muerta y revela una piel nueva, suave y radiante\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\u003eLimpieza profunda de poros obstruidos\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Con ácidos BHA especializados)\u003c\/strong\u003e Tonifica los poros, elimina la grasa y la suciedad acumuladas y previene la formación de puntos negros\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\u003eExfoliación delicada para pieles sensibles\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Con ácidos PHA seguros)\u003c\/strong\u003e Exfolia muy suavemente manteniendo la humedad natural de la piel\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\u003eAliviar la inflamación y la irritación\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Centella Asiática 14,5%)\u003c\/strong\u003e Calma cualquier inflamación resultante de la exfoliación y acelera la curación de la piel de forma natural\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\u003eCombate las bacterias nocivas\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Con extracto de té verde 10.000 ppm)\u003c\/strong\u003e Elimina las bacterias que causan granos e infecciones\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\u003eUnificar el tono de la piel y aclarar las manchas\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Con Ácidos Especiales + Niacinamida)\u003c\/strong\u003e Uniforma el tono de la piel y aclara manchas oscuras e hiperpigmentación\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\u003eReducir el tamaño de los poros visibles\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Con fórmula BHA + PHA)\u003c\/strong\u003e Limpia los poros desde el interior y reafirma los tejidos a su alrededor, haciéndolos parecer más pequeños\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\u003eEstimula la regeneración del colágeno\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Centella asiática + ácidos)\u003c\/strong\u003e Estimula la piel a producir nuevo colágeno para elasticidad y firmeza natural\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\u003eHidratación equilibrada sin untuosidad\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Con tecnología exclusiva Bi-Phase)\u003c\/strong\u003e Hidrata la piel y mantiene el equilibrio entre aceites y agua\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\u003eProtección contra los daños ambientales\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(con antioxidantes naturales)\u003c\/strong\u003e Protege la piel de la contaminación y de los radicales libres que aceleran el envejecimiento\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\u003eSuavizar la textura de la piel áspera\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(con fórmula triple integrada)\u003c\/strong\u003e Deja la piel suave como la seda y homogénea en textura\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\u003eIluminación natural para piel apagada\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Con exfoliación delicada + regeneración celular)\u003c\/strong\u003e Devuelve el brillo natural de la piel y la deja radiante y sana\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\u003eReducir la apariencia de las pequeñas arrugas\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Estimulación de la regeneración celular + colágeno)\u003c\/strong\u003e Rellena las líneas finas y previene la aparición de nuevas arrugas\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\u003eRegular la secreción excesiva de grasa\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Con niacinamida + té verde)\u003c\/strong\u003e Controla la secreción de grasas para piel grasa y mixta.\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\u003eAcelerar la curación de las cicatrices del acné\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Centella + Ácidos Regeneradores)\u003c\/strong\u003e Acelera la curación de los granos viejos y previene la formación de nuevas cicatrices\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"ingredients-section fade-in\"\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Ingredientes naturales\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/AnuaUS_1080x1346_Listing_HeartleafIntenseCalmingCream12.webp?v=1747144240\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"ingredients-title\"\u003eFórmula científica triple: AHA + BHA + PHA\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: #333; margin-bottom: 30px;\"\u003e\u003cstrong\u003eCada ácido tiene su función... y los tres juntos hacen un milagro\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◇ AHA (alfa hidroxiácidos)\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003eEnfoque científicamente estudiado\u003c\/strong\u003e Actúa sobre la superficie de la piel, eliminando las células muertas acumuladas, revelando una capa nueva, más suave y luminosa. Mejora la textura de la piel y uniforma gradualmente y de manera segura su color.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◆ BHA (ácidos beta hidroxi):\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003eFuerza especializada\u003c\/strong\u003e Para quienes temen la profundidad de los poros obstruidos y la disolución de grasas y suciedad acumuladas. Ideal para piel grasa y mixta, reduce el tamaño de los poros visibles y previene la formación de puntos negros.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e▲ PHA (Ácidos Poli-hidroxílicos)\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003eToque delicado\u003c\/strong\u003e Exfolia muy suavemente, adecuado también para pieles sensibles. Mantiene la humedad durante la exfoliación y favorece la renovación celular sin causar ninguna irritación.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Centella Section --\u003e\n\u003cdiv class=\"ingredients-section fade-in\"\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Centella asiática\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/centella_asiatica_beauty_of_joseon_revive_serum.jpg?v=1748097213\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"ingredients-title\"\u003eCentella asiática 14,5%: medicina herbal coreana auténtica\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: #333; margin-bottom: 20px;\"\u003e\u003cstrong\u003eLa planta sagrada en el skincare\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"text-align: center; line-height: 1.7; margin-bottom: 30px;\"\u003e\n                La Centella asiática no es solo un ingrediente natural... \u003cstrong\u003eEsta es una farmacia completa en una planta.\u003c\/strong\u003e Con una excepcional concentración del 14,5%, actúa sobre:\n            \u003c\/p\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAliviar las infecciones\u003c\/strong\u003e Y la irritación derivada del peeling\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAcelerar la curación de la piel\u003c\/strong\u003e Y repara los daños existentes\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eFortalecer la barrera hidrolipídica\u003c\/strong\u003e Natural contra factores externos\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eEstimula la regeneración del colágeno\u003c\/strong\u003e Para una piel más elástica y joven\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Green Tea Section --\u003e\n\u003cdiv class=\"ingredients-section fade-in\"\u003e\n\u003ch2 class=\"ingredients-title\"\u003eExtracto de Té Verde 10.000 ppm: Poder antioxidante\u003c\/h2\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Extracto de té verde\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/green_tea_extract.jpg?v=1754409155\"\/\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"text-align: center; color: #333; margin-bottom: 20px;\"\u003e\u003cstrong\u003eProtección y purificación en un solo ingrediente\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"text-align: center; line-height: 1.7; margin-bottom: 30px;\"\u003e\n\u003cstrong\u003e10.000 ppm\u003c\/strong\u003e De puro extracto de té verde - una verdadera concentración terapéutica que ofrece:\n            \u003c\/p\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eProtección superior\u003c\/strong\u003e De los radicales libres y de los daños ambientales\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003ePurificación profunda\u003c\/strong\u003e Para proteger los poros de bacterias y suciedad\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eRegular la secreción de grasa\u003c\/strong\u003e Para piel grasa y mixta\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003ePropiedades antibacterianas\u003c\/strong\u003e Previene la aparición de infecciones\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Scientific Results Section --\u003e\n\u003cdiv class=\"results-section fade-in\"\u003e\n\u003ch2 class=\"results-title\"\u003eEvidencia científica: resultados documentados por laboratorios internacionales\u003c\/h2\u003e\n\u003ch3 style=\"margin-bottom: 30px; color: #333;\"\u003eNúmeros reales de las pruebas clínicas internacionales:\u003c\/h3\u003e\n\u003cdiv class=\"stats-grid\"\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e73%\u003c\/div\u003e\n\u003cdiv\u003eMejorar la textura de la piel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e67%\u003c\/div\u003e\n\u003cdiv\u003eReducir el tamaño de los poros\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e84%\u003c\/div\u003e\n\u003cdiv\u003eEquilibra aceites y humedad\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e91%\u003c\/div\u003e\n\u003cdiv\u003eAliviar las infecciones cutáneas\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 30px; font-size: 1.1em;\"\u003e\u003cstrong\u003eNo se trata solo de afirmaciones de marketing... estos son los resultados de laboratorios acreditados a nivel internacional.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section fade-in\"\u003e\n\u003ch2 class=\"timeline-title\"\u003eEl viaje de 30 días: transformación estudiada científicamente\u003c\/h2\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eLa primera semana - preparación y aclimatación\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eLa piel se adapta gradualmente a la fórmula activa\u003c\/li\u003e\n\u003cli\u003eEl comienzo de la limpieza profunda de los poros y de la eliminación de la suciedad\u003c\/li\u003e\n\u003cli\u003eUna clara mejora de la suavidad y frescura de la piel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eLa segunda semana - el inicio de la renovación\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eAcelerar el proceso de regeneración celular y eliminar las capas muertas\u003c\/li\u003e\n\u003cli\u003eUna clara mejora en la textura de la piel y en la uniformidad del tono de la piel\u003c\/li\u003e\n\u003cli\u003eReducción gradual del tamaño de los poros visibles\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eLa tercera semana - la transformación evidente\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eResultados visibles en la frescura y luminosidad de la piel\u003c\/li\u003e\n\u003cli\u003eEquilibrio perfecto entre aceites y humedad\u003c\/li\u003e\n\u003cli\u003ePiel más elástica y vibrante\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eSemana 4 - El milagro está completo\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eUna transformación completa en la calidad y la textura de la piel\u003c\/li\u003e\n\u003cli\u003ePoros más pequeños y menos visibles\u003c\/li\u003e\n\u003cli\u003eLa piel sana brilla con frescura natural\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Social Proof Section --\u003e\n\u003cdiv class=\"social-proof fade-in\"\u003e\n\u003ch2 class=\"social-proof-title\"\u003eUn producto confiable por millones de usuarios en todo el mundo\u003c\/h2\u003e\n\u003cdiv class=\"proof-grid\"\u003e\n\u003cdiv class=\"proof-item\"\u003e\n\u003cdiv class=\"proof-icon\"\u003e★\u003c\/div\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 15px;\"\u003eMillones de unidades vendidas a nivel mundial\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eDesde Corea hasta Europa y América, el suero SOME BY MI se ha convertido en la primera elección para quienes buscan un verdadero rejuvenecimiento de la piel.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"proof-item\"\u003e\n\u003cdiv class=\"proof-icon\"\u003e◆\u003c\/div\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 15px;\"\u003eHa ganado varios premios internacionales\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003ePremios de las revistas de belleza y skincare más importantes y reconocimientos de expertos en belleza de todo el mundo.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"proof-item\"\u003e\n\u003cdiv class=\"proof-icon\"\u003e▲\u003c\/div\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 15px;\"\u003eTasa de satisfacción superior al 92%\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eEstadísticas reales de miles de reseñas verificadas - una tasa de satisfacción excepcional que confirma la eficacia del producto.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Section --\u003e\n\u003cdiv class=\"ingredients-section fade-in\"\u003e\n\u003ch2 class=\"ingredients-title\"\u003eBuena relación calidad-precio\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◆ Ingredientes de alto valor:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003e3 tipos de ácidos hidroxílicos especializados + 14,5% extracto de centella + alta concentración de extracto de té verde\u003c\/strong\u003e - Una composición comparable a los tratamientos más caros en clínicas especializadas.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e▲ TALLA GRANDE - MÁS VALOR\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003e50 ml de ultraconcentrado\u003c\/strong\u003e Suficiente para varios meses de uso regular. El tamaño generoso garantiza un tratamiento ininterrumpido.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e● Una pequeña cantidad es suficiente\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003e3 gotas son suficientes para cubrir todo el rostro\u003c\/strong\u003e - La alta concentración significa uso económico y máxima eficacia.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e✓ Resultados garantizados\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003eEsto no es un producto experimental... estos son resultados garantizados documentados por millones de usuarios\u003c\/strong\u003e En todo el mundo. Una inversión segura en la belleza de tu piel.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Guide Section --\u003e\n\u003cdiv class=\"usage-guide fade-in\"\u003e\n\u003ch2 class=\"usage-title\"\u003eGuía científica para el uso preciso\u003c\/h2\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Cómo usar\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_tea_tree_serum_miracle_30_days_skin_serum_2.png?v=1754408553\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-title\"\u003ePreparación correcta\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eLimpia bien la piel\u003c\/strong\u003e Usa una loción adecuada y déjala secar completamente\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAgitar bien la botella\u003c\/strong\u003e Para asegurarse de que las dos capas se mezclen perfectamente\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComienza gradualmente\u003c\/strong\u003e - Usar el producto 2-3 veces por semana al principio\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-title\"\u003eLa aplicación perfecta\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003ePoner 3-4 gotas\u003c\/strong\u003e En las puntas de los dedos\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAplicar delicadamente\u003c\/strong\u003e En la cara, evitando la zona de los ojos\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMasajea con movimientos circulares\u003c\/strong\u003e Para una distribución uniforme\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSigue con un hidratante adecuado\u003c\/strong\u003e Para protección adicional\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-title\"\u003eTiempo perfecto\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eMejor uso por la noche\u003c\/strong\u003e Después de la limpieza y antes de la crema hidratante\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComienza 3 veces a la semana\u003c\/strong\u003e Luego aumentar gradualmente las repeticiones\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUsar la crema solar\u003c\/strong\u003e Durante el día para proteger la piel rejuvenecida\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Safety Section --\u003e\n\u003cdiv class=\"ingredients-section fade-in\"\u003e\n\u003ch2 class=\"ingredients-title\"\u003eAdvertencias para un uso seguro\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-card\" style=\"border-right-color: #dc3545;\"\u003e\n\u003cdiv class=\"ingredient-name\" style=\"color: #dc3545;\"\u003e! Instrucciones importantes\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eSolo para uso externo\u003c\/strong\u003e - Evitar el contacto con los ojos\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProbar primero para alergias\u003c\/strong\u003e Sobre una pequeña área de piel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMantener alejado del sol\u003c\/strong\u003e Directo\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\" style=\"border-right-color: #28a745;\"\u003e\n\u003cdiv class=\"ingredient-name\" style=\"color: #28a745;\"\u003e✓ Consejos para el éxito\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eSé paciente con el resultado\u003c\/strong\u003e - La verdadera regeneración requiere tiempo\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMantener la regularidad\u003c\/strong\u003e En uso\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUsar la crema solar\u003c\/strong\u003e Siempre cuando estás expuesto al sol\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Investment Section --\u003e\n\u003cdiv class=\"results-section fade-in\"\u003e\n\u003ch2 class=\"results-title\"\u003eInvertir en la ciencia avanzada de la piel\u003c\/h2\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Una inversión en la belleza\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_miracle_serun.jpg?v=1754409432\"\/\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px;\"\u003e\n\u003cstrong\u003eEl suero SOME BY MI no es solo un producto de belleza... es un pedazo de tecnología avanzada para el skincare coreano.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp style=\"font-size: 1.1em; line-height: 1.7; margin-bottom: 20px;\"\u003e\n\u003cstrong\u003eFórmula clínica compleja, años de investigación y pruebas internacionales rigurosas\u003c\/strong\u003e - Todo esto en una única fórmula que logra una verdadera transformación en tu piel.\n            \u003c\/p\u003e\n\u003cp style=\"font-size: 1.2em; font-weight: bold;\"\u003e\n\u003cstrong\u003eInvierte en la ciencia... y cosecha la belleza de una piel perfecta.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List Section --\u003e\n\u003cdiv class=\"ingredients-list fade-in\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003eLista completa de ingredientes:\u003c\/h3\u003e\n\u003cp class=\"ingredients-text\"\u003e\n                Agua, Extracto de Centella Asiática, Cetil Etilesanoato, Triglicérido Cáprico\/Caprílico, Glicerina, Aceite de Fruto de Olea Europaea, Propanodiol, Alcohol, Butilenglicol, 1,2-Hexanodiol, Niacinamida, Agua de Hoja de Melaleuca Alternifolia, Extracto de Hoja de Camellia Sinensis, Extracto de Raíz de Scutellaria Baicalensis, Extracto de Raíz de Polygonum Cuspidatum, Extracto de Raíz de Glycyrrhiza Glabra, Extracto de Flor de Chamomilla Recutita, Extracto de Hoja de Rosmarinus Officinalis, Lactato de Sodio, PCA de Sodio, Ácido Cítrico, Ácido Láctico, Ácido Málico, Ácido Glicólico, Ácido Pirúvico, Ácido Tartárico, Extracto de Hoja de Gaultheria Procumbens, Ácido Lactobiónico y otros ingredientes activos especializados.\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA Section --\u003e\n\u003cdiv class=\"final-cta fade-in pulse\"\u003e\n\u003ch2 class=\"cta-title\"\u003eEs todo, basta con los experimentos casuales... empieza hoy el verdadero tratamiento\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eSOME BY MI Suero - ciencia coreana avanzada al servicio de tu belleza\u003c\/strong\u003e\u003cbr\/\u003e\n                Verdadera transformación, resultados garantizados, confianza de millones de usuarios en todo el mundo\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        \/\/ Intersection Observer for fade-in 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.classList.add('visible');\n                }\n            });\n        }, observerOptions);\n\n        \/\/ Observe all fade-in elements\n        document.addEventListener('DOMContentLoaded', function() {\n            const fadeElements = document.querySelectorAll('.fade-in');\n            fadeElements.forEach(el =\u003e {\n                observer.observe(el);\n            });\n\n            \/\/ Add loading animation to all elements\n            const allElements = document.querySelectorAll('.product-description \u003e *');\n            allElements.forEach((el, index) =\u003e {\n                el.classList.add('loading');\n                el.style.animationDelay = `${index * 0.1}s`;\n            });\n\n            \/\/ Hover effects for benefit items\n            const benefitItems = document.querySelectorAll('.benefit-item');\n            benefitItems.forEach(item =\u003e {\n                item.addEventListener('mouseenter', function() {\n                    this.style.transform = 'translateX(-10px) scale(1.02)';\n                });\n                \n                item.addEventListener('mouseleave', function() {\n                    this.style.transform = 'translateX(-5px) scale(1)';\n                });\n            });\n\n            \/\/ Enhanced hover effects for cards\n            const cards = document.querySelectorAll('.ingredient-card, .step-card, .stat-item, .proof-item');\n            cards.forEach(card =\u003e {\n                card.addEventListener('mouseenter', function() {\n                    this.style.transition = 'all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n                });\n            });\n\n            \/\/ Smooth scroll reveal for timeline\n            const timelineItems = document.querySelectorAll('.timeline-item');\n            const timelineObserver = 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            }, { threshold: 0.2 });\n\n            timelineItems.forEach(item =\u003e {\n                item.style.opacity = '0';\n                item.style.transform = 'translateY(30px)';\n                item.style.transition = 'all 0.6s ease';\n                timelineObserver.observe(item);\n            });\n\n            \/\/ Counter animation for stats\n            const statNumbers = document.querySelectorAll('.stat-number');\n            const statsObserver = new IntersectionObserver(function(entries) {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        const target = parseInt(entry.target.textContent);\n                        let current = 0;\n                        const increment = target \/ 50;\n                        const timer = setInterval(() =\u003e {\n                            current += increment;\n                            if (current \u003e= target) {\n                                entry.target.textContent = target + '%';\n                                clearInterval(timer);\n                            } else {\n                                entry.target.textContent = Math.floor(current) + '%';\n                            }\n                        }, 30);\n                    }\n                });\n            }, { threshold: 0.5 });\n\n            statNumbers.forEach(stat =\u003e {\n                statsObserver.observe(stat);\n            });\n\n            \/\/ Parallax effect for hero section\n            window.addEventListener('scroll', function() {\n                const scrolled = window.pageYOffset;\n                const heroSection = document.querySelector('.hero-section');\n                if (heroSection) {\n                    const rate = scrolled * -0.5;\n                    heroSection.style.transform = `translateY(${rate}px)`;\n                }\n            });\n\n            \/\/ Enhanced product image hover effects\n            const productImages = document.querySelectorAll('.product-image img');\n            productImages.forEach(img =\u003e {\n                img.addEventListener('mouseenter', function() {\n                    this.style.transform = 'scale(1.05) rotate(1deg)';\n                    this.style.transition = 'all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n                });\n                \n                img.addEventListener('mouseleave', function() {\n                    this.style.transform = 'scale(1) rotate(0deg)';\n                });\n            });\n        });\n\n        \/\/ Add subtle animations to step numbers\n        document.addEventListener('DOMContentLoaded', function() {\n            const stepNumbers = document.querySelectorAll('.step-number');\n            stepNumbers.forEach(step =\u003e {\n                step.addEventListener('mouseenter', function() {\n                    this.style.transform = 'scale(1.2) rotate(360deg)';\n                    this.style.transition = 'all 0.5s ease';\n                });\n                \n                step.addEventListener('mouseleave', function() {\n                    this.style.transform = 'scale(1) rotate(0deg)';\n                });\n            });\n        });\n    \u003c\/script\u003e\n\u003c\/body\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":44982711779525,"sku":null,"price":1050.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_miracle_30_days_aha_bha_pha_tea_tree_centella_serum_2.jpg?v=1754411667"},{"product_id":"some-by-mi-aha-bha-pha-30-days-miracle-cream","title":"Some by Mi AHA.BHA.PHA 30 Days Miracle Cream 60grams","description":"\u003cdiv class=\"sbm-miracle-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n        \/* Styles *\/\n            --sbm-bg-card: rgba(8, 24, 15, 0.85); \/* Styles *\/\n            --sbm-neon-green: #00e676; \/* Styles *\/\n            --sbm-neon-mint: #69f0ae; \/* Styles *\/\n            --sbm-neon-gold: #ffd700; \/* Styles *\/\n            --sbm-glow-green: rgba(0, 230, 118, 0.45);\n            --sbm-glow-gold: rgba(255, 215, 0, 0.4);\n            --sbm-text-pure: #ffffff; \/* Styles *\/\n            --sbm-border: rgba(0, 230, 118, 0.25);\n            --sbm-border-hover: rgba(105, 240, 174, 0.8);\n            \n            background-color: var(--sbm-bg-deep);\n            color: var(--sbm-text-pure);\n            font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            line-height: 1.8;\n            overflow-x: hidden;\n            width: 100%;\n            max-width: 100%;\n            position: relative;\n            padding: 40px 0;\n            border-radius: 24px;\n            box-shadow: 0 0 100px rgba(0, 230, 118, 0.08) inset;\n        }\n\n        .sbm-miracle-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .neon-green {\n            color: var(--sbm-neon-green) !important;\n            text-shadow: 0 0 10px var(--sbm-glow-green), 0 0 20px var(--sbm-glow-green);\n            font-weight: 900;\n        }\n\n        .neon-mint {\n            color: var(--sbm-neon-mint) !important;\n            text-shadow: 0 0 10px rgba(105, 240, 174, 0.6), 0 0 20px rgba(105, 240, 174, 0.3);\n            font-weight: 900;\n        }\n\n        .neon-gold {\n            color: var(--sbm-neon-gold) !important;\n            text-shadow: 0 0 10px var(--sbm-glow-gold), 0 0 20px var(--sbm-glow-gold);\n            font-weight: 900;\n        }\n\n        .pure-white {\n            color: #ffffff !important;\n            font-weight: 600;\n        }\n\n        .sbm-miracle-wrapper img {\n            width: 100%;\n            max-width: 100% !important;\n            height: auto !important;\n            border-radius: 20px;\n            display: block;\n            margin: 0 auto;\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9);\n            border: 1px solid rgba(0, 230, 118, 0.25);\n            box-sizing: border-box;\n            object-fit: contain;\n        }\n\n        .sbm-img-md {\n            max-width: 650px !important;\n            width: 100%;\n        }\n\n        .sbm-container {\n            max-width: 900px;\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        .sbm-ambient-particles {\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            z-index: 1; pointer-events: none; overflow: hidden;\n        }\n\n        .sbm-particle {\n            position: absolute;\n            background: radial-gradient(circle, var(--sbm-glow-green) 0%, transparent 70%);\n            border-radius: 50%;\n            bottom: -100px;\n            animation: floatUpSbm 16s infinite ease-in-out;\n            filter: blur(6px);\n        }\n\n        @keyframes floatUpSbm {\n            0% { transform: translateY(0) scale(0.8) translateX(0); opacity: 0; }\n            20% { opacity: 0.7; }\n            80% { opacity: 0.4; }\n            100% { transform: translateY(-1600px) scale(1.5) translateX(30px); opacity: 0; }\n        }\n\n        .sbm-title-glow {\n            display: block;\n            width: 100%;\n            font-size: clamp(28px, 5vw, 44px);\n            font-weight: 900;\n            text-align: center;\n            margin-bottom: 25px;\n            line-height: 1.4;\n            color: #ffffff;\n            text-shadow: 0 0 30px rgba(0, 230, 118, 0.4);\n            word-wrap: break-word;\n        }\n\n        .sbm-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        .sbm-section-title::after {\n            content: '';\n            display: block;\n            width: clamp(80px, 30%, 160px);\n            height: 3px;\n            background: linear-gradient(90deg, transparent, var(--sbm-neon-green), transparent);\n            border-radius: 10px;\n            margin: 14px auto 0;\n            box-shadow: 0 0 15px var(--sbm-glow-green);\n        }\n\n        .sbm-badge {\n            display: inline-block;\n            background: rgba(0, 230, 118, 0.12);\n            border: 1.5px solid var(--sbm-neon-green);\n            color: #ffffff;\n            padding: 9px 28px;\n            border-radius: 40px;\n            font-size: 1rem;\n            font-weight: 900;\n            margin-bottom: 25px;\n            box-shadow: 0 0 25px rgba(0, 230, 118, 0.3);\n            letter-spacing: 0.5px;\n        }\n\n        .sbm-hero-subtitle {\n            font-size: 1.25rem;\n            color: #ffffff;\n            max-width: 820px;\n            margin: 0 auto 35px;\n            font-weight: 600;\n            line-height: 1.85;\n            border-right: 4px solid var(--sbm-neon-green);\n            padding-right: 20px;\n            background: linear-gradient(90deg, transparent, rgba(0, 230, 118, 0.08));\n            border-radius: 12px 0 0 12px;\n            text-align: left;\n        }\n\n        .sbm-ingredient-tag {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background: rgba(0, 230, 118, 0.12);\n            border: 1px solid var(--sbm-neon-green);\n            color: var(--sbm-neon-green);\n            padding: 5px 14px;\n            border-radius: 8px;\n            font-size: 0.95rem;\n            font-weight: 800;\n            margin-bottom: 14px;\n            box-shadow: 0 0 12px rgba(0, 230, 118, 0.2);\n            width: fit-content;\n            max-width: 100%;\n            white-space: normal;\n            word-break: break-word;\n        }\n\n        .sbm-ingredient-tag.gold {\n            background: rgba(255, 215, 0, 0.12);\n            border-color: var(--sbm-neon-gold);\n            color: var(--sbm-neon-gold);\n            box-shadow: 0 0 12px rgba(255, 215, 0, 0.2);\n        }\n\n        .sbm-ingredient-tag.mint {\n            background: rgba(105, 240, 174, 0.12);\n            border-color: var(--sbm-neon-mint);\n            color: var(--sbm-neon-mint);\n            box-shadow: 0 0 12px rgba(105, 240, 174, 0.2);\n        }\n\n        .sbm-glass-box {\n            background: var(--sbm-bg-card);\n            backdrop-filter: blur(16px);\n            -webkit-backdrop-filter: blur(16px);\n            border: 1px solid var(--sbm-border);\n            border-radius: 20px;\n            padding: 35px 25px;\n            margin: 40px auto;\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);\n            position: relative;\n            overflow: hidden;\n            max-width: 860px;\n            width: 100%;\n        }\n\n        .sbm-glass-box::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            right: 0;\n            width: 4px;\n            height: 100%;\n            background: linear-gradient(180deg, var(--sbm-neon-green), var(--sbm-neon-mint), transparent);\n        }\n\n        .sbm-glass-box p, \n        .sbm-glass-box li {\n            color: #ffffff;\n            font-size: 1.12rem;\n            font-weight: 600;\n            line-height: 1.85;\n        }\n\n        .sbm-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 24px;\n            margin: 35px 0;\n            width: 100%;\n        }\n\n        .sbm-benefits-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 24px;\n            margin: 35px 0;\n            width: 100%;\n        }\n\n        .sbm-card {\n            background: linear-gradient(145deg, rgba(10, 32, 20, 0.85), rgba(4, 12, 8, 0.95));\n            border: 1px solid var(--sbm-border);\n            border-radius: 18px;\n            padding: 28px 24px;\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            position: relative;\n            overflow: hidden;\n            text-align: left;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            min-width: 0;\n            word-break: break-word;\n        }\n\n        .sbm-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--sbm-neon-mint);\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--sbm-glow-green);\n            background: rgba(14, 42, 26, 0.95);\n        }\n\n        .sbm-icon {\n            width: 58px;\n            height: 58px;\n            background: rgba(4, 15, 9, 0.9);\n            border: 1.5px solid rgba(0, 230, 118, 0.4);\n            border-radius: 14px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 20px;\n            color: var(--sbm-neon-green);\n            transition: transform 0.3s ease, background 0.3s ease;\n            box-shadow: 0 0 15px rgba(0, 230, 118, 0.15);\n            flex-shrink: 0;\n        }\n\n        .sbm-card:hover .sbm-icon {\n            transform: scale(1.1) rotate(-5deg);\n            background: var(--sbm-neon-green);\n            color: #030805;\n            border-color: transparent;\n            box-shadow: 0 0 25px var(--sbm-neon-green);\n        }\n\n        .sbm-card h3 {\n            font-size: 1.35rem;\n            color: #ffffff;\n            margin-bottom: 10px;\n            font-weight: 800;\n            line-height: 1.4;\n        }\n\n        .sbm-card p {\n            color: #ffffff;\n            font-size: 1.05rem;\n            line-height: 1.75;\n            font-weight: 600;\n        }\n\n        .sbm-stats-wrap {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 20px;\n            justify-content: center;\n            margin: 40px 0;\n            width: 100%;\n        }\n\n        .sbm-stat-box {\n            background: rgba(4, 16, 10, 0.9);\n            border: 1.5px solid var(--sbm-border);\n            border-radius: 18px;\n            padding: 25px 20px;\n            text-align: center;\n            flex: 1;\n            min-width: 190px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.6);\n            transition: transform 0.3s ease;\n        }\n\n        .sbm-stat-box:hover {\n            transform: translateY(-5px);\n            border-color: var(--sbm-neon-green);\n            box-shadow: 0 0 25px var(--sbm-glow-green);\n        }\n\n        .sbm-stat-num {\n            font-size: 3rem;\n            font-weight: 900;\n            color: #ffffff;\n            line-height: 1;\n            margin-bottom: 12px;\n            text-shadow: 0 0 25px var(--sbm-glow-green);\n        }\n\n        .sbm-stat-desc {\n            font-size: 1.05rem;\n            color: #ffffff;\n            font-weight: 700;\n            line-height: 1.5;\n        }\n\n        .sbm-timeline-wrap {\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n            margin: 35px 0;\n            width: 100%;\n        }\n\n        .sbm-timeline-card {\n            background: rgba(6, 20, 12, 0.75);\n            border: 1px solid var(--sbm-border);\n            border-right: 5px solid var(--sbm-neon-green);\n            border-radius: 16px;\n            padding: 25px;\n            text-align: left;\n            transition: transform 0.3s ease, border-color 0.3s ease;\n        }\n\n        .sbm-timeline-card:hover {\n            transform: translateX(-8px);\n            border-color: var(--sbm-neon-mint);\n            background: rgba(8, 28, 16, 0.9);\n        }\n\n        .sbm-timeline-card h4 {\n            font-size: 1.35rem;\n            color: #ffffff;\n            margin-bottom: 12px;\n            font-weight: 800;\n        }\n\n        .sbm-timeline-list {\n            list-style: none;\n            padding: 0;\n        }\n\n        .sbm-timeline-list li {\n            position: relative;\n            padding-right: 26px;\n            margin-bottom: 10px;\n            color: #ffffff;\n            font-size: 1.08rem;\n            font-weight: 600;\n            line-height: 1.75;\n        }\n\n        .sbm-timeline-list li::before {\n            content: '✓';\n            position: absolute;\n            right: 0;\n            top: 2px;\n            color: var(--sbm-neon-green);\n            font-weight: 900;\n            font-size: 1.1rem;\n            text-shadow: 0 0 8px var(--sbm-glow-green);\n        }\n\n        .sbm-steps-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n            gap: 20px;\n            margin-top: 30px;\n            width: 100%;\n        }\n\n        .sbm-step-card {\n            background: rgba(6, 18, 11, 0.7);\n            border: 1px dashed var(--sbm-border);\n            padding: 26px 20px;\n            border-radius: 18px;\n            text-align: center;\n            transition: all 0.3s ease;\n        }\n\n        .sbm-step-card:hover {\n            border-color: var(--sbm-neon-green);\n            transform: translateY(-5px);\n            background: rgba(8, 26, 15, 0.9);\n        }\n\n        .sbm-step-num {\n            width: 50px;\n            height: 50px;\n            background: linear-gradient(135deg, #0a2616, #030a05);\n            border: 2px solid var(--sbm-neon-green);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.4rem;\n            font-weight: 900;\n            color: var(--sbm-neon-green);\n            margin: 0 auto 16px;\n            box-shadow: 0 0 15px var(--sbm-glow-green);\n        }\n\n        .sbm-step-card h4 {\n            color: var(--sbm-neon-green);\n            font-size: 1.25rem;\n            font-weight: 800;\n            margin-bottom: 10px;\n        }\n\n        .sbm-step-card p {\n            color: #ffffff;\n            font-size: 1.05rem;\n            font-weight: 600;\n            line-height: 1.75;\n        }\n\n        .sbm-reveal {\n            opacity: 0;\n            transform: translateY(35px);\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        .sbm-reveal.sbm-active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .sbm-delay-1 { transition-delay: 0.12s; }\n        .sbm-delay-2 { transition-delay: 0.24s; }\n\n        \/* Styles *\/\n            .sbm-benefits-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n                margin: 20px 0 !important;\n                width: 100% !important;\n            }\n\n            .sbm-benefits-grid .sbm-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .sbm-benefits-grid .sbm-icon {\n                width: 38px !important;\n                height: 38px !important;\n                margin-bottom: 10px !important;\n                border-radius: 10px !important;\n            }\n\n            .sbm-benefits-grid .sbm-icon svg {\n                width: 20px !important;\n                height: 20px !important;\n            }\n\n            .sbm-benefits-grid .sbm-card h3 {\n                font-size: 0.92rem !important;\n                margin-bottom: 6px !important;\n                line-height: 1.3 !important;\n            }\n\n            .sbm-benefits-grid .sbm-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            .sbm-benefits-grid .sbm-card p {\n                font-size: 0.8rem !important;\n                line-height: 1.5 !important;\n            }\n\n            .sbm-steps-grid { grid-template-columns: 1fr; }\n            .sbm-stats-wrap { flex-direction: column; }\n            .sbm-title-glow { font-size: 24px; }\n            .sbm-section-title { font-size: 20px; }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"sbm-ambient-particles\" id=\"sbm-particles\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sbm-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"sbm-hero sbm-reveal sbm-active\" style=\"text-align: center; padding: 20px 0 35px;\"\u003e\n\u003cdiv class=\"sbm-badge\"\u003eEl crucial protocolo coreano para eliminar granos y manchas\u003c\/div\u003e\n\u003ch1 class=\"sbm-title-glow\"\u003eSome By Mi Miracle Cream | El milagro coreano para destruir los granos y sus efectos en 30 días\u003c\/h1\u003e\n\u003cp class=\"sbm-hero-subtitle\"\u003e\n                \"¿Has probado muchas cremas y lociones, y todas te resecan y destruyen la barrera de humedad? ¿O los granos desaparecen y luego vuelven peor? La verdadera batalla no está en la superficie de la piel... La batalla está dentro, en lo profundo de los poros olvidados.\"\n            \u003c\/p\u003e\n\u003cimg alt=\"SOME BY MI Miracle Cream Jar\" class=\"sbm-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_cream_1.webp?v=1754413555\" style=\"margin-bottom: 35px;\"\/\u003e\n\u003cdiv style=\"background: rgba(0, 230, 118, 0.1); border: 1.5px solid var(--sbm-neon-green); border-radius: 16px; padding: 25px; text-align: center; max-width: 820px; margin: 0 auto;\"\u003e\n\u003cp style=\"font-size: 1.3rem; font-weight: 900; color: #ffffff; line-height: 1.8;\"\u003e\n                    No es solo una crema hidratante normal... esto \u003cspan class=\"neon-green\"\u003eFórmula terapéutica cuidadosa\u003c\/span\u003e Combinando la más alta concentración de Centella calmante del mundo \u003cspan class=\"neon-gold\"\u003e(70.78%)\u003c\/span\u003e Y el poder de los tres ácidos para limpiar las bacterias y restaurar la barrera hidrolipídica al mismo tiempo!\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"sbm-reveal\" style=\"margin-top: 20px;\"\u003e\n\u003ch2 class=\"sbm-section-title\"\u003eBeneficios terapéuticos directos e ingredientes activos\u003c\/h2\u003e\n\u003cp class=\"pure-white\" style=\"text-align: center; margin-bottom: 30px; font-size: 1.15rem;\"\u003e\n                Cada resultado que verás en el espejo tiene un componente biológico activo dedicado a tratarlo desde las raíces:\n            \u003c\/p\u003e\n\u003cdiv class=\"sbm-benefits-grid\"\u003e\n\u003c!-- Benefit 1 --\u003e\n\u003cdiv class=\"sbm-card\"\u003e\n\u003cdiv class=\"sbm-icon\"\u003e\n\u003csvg fill=\"none\" height=\"26\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\" width=\"26\"\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-green\"\u003eSupresión instantánea de los gránulos\u003c\/h3\u003e\n\u003cdiv class=\"sbm-ingredient-tag\"\u003eCentella 70,78% + árbol de té\u003c\/div\u003e\n\u003cp\u003eElimina las bacterias que causan granos y calma inmediatamente el enrojecimiento y la irritación sin sequedad.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 2 --\u003e\n\u003cdiv class=\"sbm-card sbm-delay-1\"\u003e\n\u003cdiv class=\"sbm-icon\"\u003e\n\u003csvg fill=\"none\" height=\"26\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\" width=\"26\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"m4.93 4.93 14.14 14.14\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eLimpieza profunda de los poros\u003c\/h3\u003e\n\u003cdiv class=\"sbm-ingredient-tag gold\"\u003eÁcido salicílico BHA\u003c\/div\u003e\n\u003cp\u003ePenetra en profundidad para disolver grasa y puntos negros y prevenir definitivamente los poros obstruidos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 3 --\u003e\n\u003cdiv class=\"sbm-card sbm-delay-2\"\u003e\n\u003cdiv class=\"sbm-icon\"\u003e\n\u003csvg fill=\"none\" height=\"26\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\" width=\"26\"\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-mint\"\u003eExfoliación de la piel muerta\u003c\/h3\u003e\n\u003cdiv class=\"sbm-ingredient-tag mint\"\u003eÁcido cítrico AHA\u003c\/div\u003e\n\u003cp\u003eElimina escamas y células muertas acumuladas, proporcionando una textura lisa y sedosa desde la primera semana\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 4 --\u003e\n\u003cdiv class=\"sbm-card\"\u003e\n\u003cdiv class=\"sbm-icon\"\u003e\n\u003csvg fill=\"none\" height=\"26\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\" width=\"26\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 6v6l4 2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-mint\"\u003eHidratación y retención de la humedad\u003c\/h3\u003e\n\u003cdiv class=\"sbm-ingredient-tag mint\"\u003eÁcido lactobiónico PHA\u003c\/div\u003e\n\u003cp\u003eExfoliación delicada rica en antioxidantes que retiene las moléculas de agua en las células de la piel sensible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 5 --\u003e\n\u003cdiv class=\"sbm-card sbm-delay-1\"\u003e\n\u003cdiv class=\"sbm-icon\"\u003e\n\u003csvg fill=\"none\" height=\"26\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\" width=\"26\"\u003e\u003cpath d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-green\"\u003eTratar los efectos de los granos\u003c\/h3\u003e\n\u003cdiv class=\"sbm-ingredient-tag\"\u003eComplejo 4-CICA + Adenosina\u003c\/div\u003e\n\u003cp\u003eAcelera la curación de las heridas y previene la formación de cicatrices permanentes mientras atenúa las nuevas manchas marrones.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 6 --\u003e\n\u003cdiv class=\"sbm-card sbm-delay-2\"\u003e\n\u003cdiv class=\"sbm-icon\"\u003e\n\u003csvg fill=\"none\" height=\"26\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\" width=\"26\"\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\"\u003eRestauración de la barrera hidrolipídica\u003c\/h3\u003e\n\u003cdiv class=\"sbm-ingredient-tag gold\"\u003eCeramida NP\u003c\/div\u003e\n\u003cp\u003eReconstruye el escudo protector de la piel para protegerla de bacterias, sequedad y la reaparición de infecciones.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. The Root Cause Problem Section --\u003e\n\u003cdiv class=\"sbm-glass-box sbm-reveal\"\u003e\n\u003ch2 style=\"color: #ffffff; text-align: center; margin-bottom: 20px; font-size: 1.6rem; font-weight: 900;\"\u003e\n                ¿Por qué el 85% de los productos a base de cereales falla después de las dos primeras semanas?\n            \u003c\/h2\u003e\n\u003cp style=\"text-align: center; color: #ffffff; line-height: 1.85; margin-bottom: 25px; font-size: 1.15rem; font-weight: 600;\"\u003e\n                La mayoría de los tratamientos comerciales para el acné se basan en el secado agresivo de la piel. ¿El resultado? La barrera hidrolipídica se derrumba, el cuero cabelludo segrega el doble de sebo compensatorio y los granos revientan de nuevo bajo la piel como si no hubieras hecho nada!\n            \u003c\/p\u003e\n\u003cdiv style=\"background: rgba(2, 10, 6, 0.9); border-right: 4px solid var(--sbm-neon-gold); border-radius: 12px; padding: 22px; margin-bottom: 20px;\"\u003e\n\u003ch3 style=\"color: var(--sbm-neon-gold); font-size: 1.3rem; margin-bottom: 10px; font-weight: 800;\"\u003eLa imposible ecuación coreana que resolvió la crisis:\u003c\/h3\u003e\n\u003cp style=\"color: #ffffff; font-size: 1.1rem; line-height: 1.8; font-weight: 600;\"\u003e\n                    Para que los granos desaparezcan completamente y sin dejar rastro, se necesitan 3 procedimientos en el mismo minuto: \u003cspan class=\"neon-green\"\u003eExfoliación superficial de la piel muerta\u003c\/span\u003e + \u003cspan class=\"neon-mint\"\u003eDisolución de las grasas fosilizadas dentro de los poros\u003c\/span\u003e + \u003cspan class=\"neon-gold\"\u003eSupresión de la inflamación y restauración de la barrera\u003c\/span\u003e. Esta es la esencia de la crema milagrosa.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Miracle Cream Benefits\" class=\"sbm-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_cream_2.webp?v=1754413603\" style=\"margin-top: 25px;\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- 4. The Core Mechanism (How It Works) --\u003e\n\u003ch2 class=\"sbm-section-title sbm-reveal\"\u003eEl arsenal de ingredientes activos: bioingeniería explícita\u003c\/h2\u003e\n\u003cp class=\"sbm-reveal pure-white\" style=\"text-align: center; margin-bottom: 35px; font-size: 1.18rem;\"\u003eNo extractos comerciales diluidos.. Estas son verdaderas concentraciones terapéuticas que hablan el lenguaje de la biología de la piel:\u003c\/p\u003e\n\u003cimg alt=\"Centella Asiatica\" class=\"sbm-reveal sbm-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/centella_beauty_of_joseon.jpg?v=1745772318\" style=\"margin-bottom: 35px;\"\/\u003e\n\u003cdiv class=\"sbm-grid\"\u003e\n\u003cdiv class=\"sbm-card sbm-reveal\"\u003e\n\u003cdiv class=\"sbm-icon\"\u003e\n\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\" width=\"28\"\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-green\"\u003eCentella Asiática 70,78%\u003c\/h3\u003e\n\u003cp\u003eLa concentración más alta que encontrarás en una crema de tratamiento. Un agente calmante legendario que apaga las llamas de enrojecimiento e inflamación en pocos minutos y estimula la producción de colágeno para reconstruir la piel cansada.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card sbm-reveal sbm-delay-1\"\u003e\n\u003cdiv class=\"sbm-icon\"\u003e\n\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\" width=\"28\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003cline x1=\"16\" x2=\"8\" y1=\"13\" y2=\"13\"\u003e\u003c\/line\u003e\u003cline x1=\"16\" x2=\"8\" y1=\"17\" y2=\"17\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-mint\"\u003eTriple ácidos AHA + BHA + PHA\u003c\/h3\u003e\n\u003cp\u003eAlianza integrada: \u003cstrong\u003eAHA\u003c\/strong\u003e Exfolia la superficie y elimina la pigmentación. \u003cstrong\u003eBHA\u003c\/strong\u003e Penetra en profundidad en los poros para disolver puntos negros y sebo\u003cstrong\u003ePHA\u003c\/strong\u003e Hidrata delicadamente la piel sensible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card sbm-reveal sbm-delay-2\"\u003e\n\u003cdiv class=\"sbm-icon\"\u003e\n\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\" width=\"28\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpolygon points=\"12 6 12 12 16 14\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eAgua de árbol de té (10.000 ppm)\u003c\/h3\u003e\n\u003cp\u003eUn antibacteriano natural de amplio espectro que ataca las bacterias que causan los granos (C. acnes) en casa y previene la formación de nuevos granos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card sbm-reveal\"\u003e\n\u003cdiv class=\"sbm-icon\"\u003e\n\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\" width=\"28\"\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-green\"\u003eComplejo exclusivo 4-CICA\u003c\/h3\u003e\n\u003cp\u003eCuatro sustancias puras aisladas del corazón de la planta de cica (Madecassósido, Asiaticósido, Ácido Madecásico, Ácido Asiático) aceleran la cicatrización de las heridas e impiden que los granos se conviertan en cicatrices permanentes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. Clinical Evidence \u0026 Stats --\u003e\n\u003ch2 class=\"sbm-section-title sbm-reveal\"\u003eLos números no mienten: resultados clínicos científicamente demostrados\u003c\/h2\u003e\n\u003cimg alt=\"Clinical Testing Results\" class=\"sbm-reveal sbm-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Cream-XOXO-1.jpg?v=1754414218\" style=\"margin-bottom: 30px;\"\/\u003e\n\u003cdiv class=\"sbm-stats-wrap sbm-reveal\"\u003e\n\u003cdiv class=\"sbm-stat-box\"\u003e\n\u003cdiv class=\"sbm-stat-num neon-green\"\u003e94%\u003c\/div\u003e\n\u003cdiv class=\"sbm-stat-desc\"\u003eReducción inmediata de los granos y de las infecciones activas\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-stat-box\"\u003e\n\u003cdiv class=\"sbm-stat-num neon-mint\"\u003e89%\u003c\/div\u003e\n\u003cdiv class=\"sbm-stat-desc\"\u003eDesvanecimiento evidente de las manchas marrones y de las marcas de granos antiguos\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-stat-box\"\u003e\n\u003cdiv class=\"sbm-stat-num neon-gold\"\u003e91%\u003c\/div\u003e\n\u003cdiv class=\"sbm-stat-desc\"\u003eMejora tangible de la suavidad y la finura de la textura de la piel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-stat-box\"\u003e\n\u003cdiv class=\"sbm-stat-num neon-green\"\u003e76%\u003c\/div\u003e\n\u003cdiv class=\"sbm-stat-desc\"\u003eRegular y controlar la secreción excesiva de sebo y el efecto brillante antiestético\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6. 30-Day Transformation Timeline --\u003e\n\u003ch2 class=\"sbm-section-title sbm-reveal\"\u003eEl viaje de 30 días: ¿qué le ocurre a tu piel, semana tras semana?\u003c\/h2\u003e\n\u003cdiv class=\"sbm-timeline-wrap sbm-reveal\"\u003e\n\u003cdiv class=\"sbm-timeline-card\"\u003e\n\u003ch4\u003ePrimera semana: \u003cspan class=\"neon-green\"\u003eApagado del fuego y calma inmediata\u003c\/span\u003e\n\u003c\/h4\u003e\n\u003cul class=\"sbm-timeline-list\"\u003e\n\u003cli\u003eAlivio inmediato del enrojecimiento, la irritación y la quemazón desde la primera aplicación.\u003c\/li\u003e\n\u003cli\u003eDetén inmediatamente la formación de granos inflamados y repentinos bajo la piel.\u003c\/li\u003e\n\u003cli\u003eUna barrera hidratante ligera y calmante que comienza a proteger la piel de la contaminación y la suciedad.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-timeline-card\"\u003e\n\u003ch4\u003eLa segunda semana: \u003cspan class=\"neon-mint\"\u003eLimpiar los poros y el inicio de la correcta sequedad\u003c\/span\u003e\n\u003c\/h4\u003e\n\u003cul class=\"sbm-timeline-list\"\u003e\n\u003cli\u003eLos granos existentes se secan y sanan sin dejar costras violentas.\u003c\/li\u003e\n\u003cli\u003eLimpieza profunda de los poros de la grasa acumulada e inicio de la reducción del tamaño de los puntos negros\u003c\/li\u003e\n\u003cli\u003eNuevas manchas marrones comienzan gradualmente a desaparecer.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-timeline-card\"\u003e\n\u003ch4\u003eSemana 3: \u003cspan class=\"neon-gold\"\u003eRefinamiento de la textura y uniformidad del color\u003c\/span\u003e\n\u003c\/h4\u003e\n\u003cul class=\"sbm-timeline-list\"\u003e\n\u003cli\u003eDesaparición casi completa de los granos activos y restauración de la textura lisa de la piel\u003c\/li\u003e\n\u003cli\u003eUna clara unificación del color del rostro y una disminución de la pigmentación resultante de los efectos de granos anteriores.\u003c\/li\u003e\n\u003cli\u003eUna reducción evidente de la apariencia de los poros dilatados gracias al control de la secreción de sebo.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-timeline-card\"\u003e\n\u003ch4\u003eSemana 4: \u003cspan class=\"neon-green\"\u003eEl milagro es completo y tu piel está protegida\u003c\/span\u003e\n\u003c\/h4\u003e\n\u003cul class=\"sbm-timeline-list\"\u003e\n\u003cli\u003ePiel clara, llena de vitalidad y completamente libre de molestias imperfecciones.\u003c\/li\u003e\n\u003cli\u003eUna barrera hidrolipídica fuerte y cohesionada que combate por sí sola a las bacterias y factores ambientales\u003c\/li\u003e\n\u003cli\u003eConfianza total en el aspecto natural de tu piel sin la necesidad de ningún maquillaje o corrector para ocultar las imperfecciones.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. Value Proposition --\u003e\n\u003ch2 class=\"sbm-section-title sbm-reveal\"\u003eValor excepcional y una verdadera alternativa a las rutinas costosas\u003c\/h2\u003e\n\u003cdiv class=\"sbm-grid sbm-reveal\"\u003e\n\u003cdiv class=\"sbm-card\"\u003e\n\u003cdiv class=\"sbm-icon\"\u003e\n\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\" width=\"28\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 6v6l4 2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eEnvase grande de 60 gramos\u003c\/h3\u003e\n\u003cp\u003eSúper concentración que dura dos meses completos de uso diario regular. Tamaño muy generoso en comparación con las pequeñas cremas de tratamiento farmacéutico.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card\"\u003e\n\u003cdiv class=\"sbm-icon\"\u003e\n\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\" width=\"28\"\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-green\"\u003e4 soluciones en un producto\u003c\/h3\u003e\n\u003cp\u003eExfolia las células muertas, limpia los poros en profundidad, calma el enrojecimiento y restaura la barrera de hidratación. No tendrás que comprar 4 sueros separados para tratar los granos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card\"\u003e\n\u003cdiv class=\"sbm-icon\"\u003e\n\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\" width=\"28\"\u003e\u003cpath d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-mint\"\u003eTextura ligera gel-crema acuosa\u003c\/h3\u003e\n\u003cp\u003eSe absorbe en la piel en pocos segundos sin dejar ninguna sensación de grasoso, pegajoso o pesado. no comedogénico (no comedogénico (no obstruye los poros)) en absoluto y es ideal para los entornos veraniegos más duros y húmedos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8. Usage Protocol --\u003e\n\u003ch2 class=\"sbm-section-title sbm-reveal\"\u003eProtocolo de uso correcto para la máxima eficacia\u003c\/h2\u003e\n\u003cimg alt=\"How to use Miracle Cream\" class=\"sbm-reveal sbm-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_cream_6.jpg?v=1754413921\" style=\"margin-bottom: 25px;\"\/\u003e\n\u003cdiv class=\"sbm-steps-grid sbm-reveal\"\u003e\n\u003cdiv class=\"sbm-step-card\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e1\u003c\/div\u003e\n\u003ch4\u003ePreparación y limpieza\u003c\/h4\u003e\n\u003cp\u003eLávate la cara con un limpiador delicado y seca la piel suavemente. Es preferible usar previamente el tónico apropiado.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step-card\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e2\u003c\/div\u003e\n\u003ch4\u003eLa cantidad perfecta\u003c\/h4\u003e\n\u003cp\u003eToma solo una cantidad del tamaño de un guisante. La concentración de los principales ingredientes activos es muy alta y es suficiente para cubrir todo el rostro.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step-card\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e3\u003c\/div\u003e\n\u003ch4\u003eDistribución y masaje\u003c\/h4\u003e\n\u003cp\u003eAplicar la crema en las mejillas, frente y mentón y masajear delicadamente con la punta de los dedos con movimientos circulares hasta su completa absorción.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step-card\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e4\u003c\/div\u003e\n\u003ch4\u003eRegularidad y protección\u003c\/h4\u003e\n\u003cp\u003eUsa por la mañana y por la noche (con la necesidad de aplicar protector solar durante el día para mantener los resultados aclarantes y proteger las nuevas células)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 9. Final Compelling CTA --\u003e\n\u003cdiv class=\"sbm-reveal\" style=\"text-align: center; margin-top: 60px; padding: 50px 20px; background: linear-gradient(180deg, rgba(8, 28, 16, 0.95) 0%, rgba(3, 10, 6, 0.98) 100%); border-radius: 24px; border: 2px solid var(--sbm-neon-green); box-shadow: 0 20px 60px rgba(0, 230, 118, 0.25);\"\u003e\n\u003ch2 class=\"sbm-title-glow\" style=\"font-size: clamp(24px, 4.5vw, 36px); margin-bottom: 20px;\"\u003e\n                Solo 30 días te separan de una piel nueva y de la confianza absoluta\n            \u003c\/h2\u003e\n\u003cimg alt=\"Skin Transformation\" class=\"sbm-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_cream_7.jpg?v=1754413840\" style=\"margin: 30px auto;\"\/\u003e\n\u003cp style=\"font-size: 1.25rem; color: #ffffff; max-width: 780px; margin: 0 auto 25px; line-height: 1.85; font-weight: 600;\"\u003e\n                En lugar de preferir cubrir granos y manchas con capas de maquillaje que obstruyen los poros y agravan el problema, elige la solución científica documentada que ha cambiado la vida de millones de usuarios en todo el mundo.\n            \u003c\/p\u003e\n\u003cp style=\"color: var(--sbm-neon-green); font-size: 1.55rem; font-weight: 900; margin-bottom: 20px; text-shadow: 0 0 20px var(--sbm-glow-green);\"\u003e\n                Comienza inmediatamente el viaje de 30 días... y recupera la frescura luminosa de tu piel con confianza!\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 10. Full Ingredients Technical Section --\u003e\n\u003cdiv class=\"sbm-reveal\" style=\"background: rgba(0,0,0,0.85); border: 1px dashed rgba(0, 230, 118, 0.3); border-radius: 16px; padding: 30px 20px; margin-top: 50px; text-align: left; direction: ltr; word-break: break-word; overflow-wrap: break-word;\"\u003e\n\u003ch3 style=\"color: var(--sbm-neon-green); margin-bottom: 15px; font-size: 1.2rem; text-align: left; direction: ltr; font-weight: 800;\"\u003e\n                Lista completa y certificada de ingredientes (INCI)\n            \u003c\/h3\u003e\n\u003cp style=\"font-size: 0.95rem; color: #ffffff; line-height: 1.8; font-weight: 500;\"\u003e\n\u003cstrong style=\"color: var(--sbm-neon-green);\"\u003eCentella Asiatica Extract (70.78%)\u003c\/strong\u003e, Dipropylene Glycol, Glycerin, Water, \u003cstrong style=\"color: var(--sbm-neon-mint);\"\u003eNiacinamide\u003c\/strong\u003e, Caprylic\/Capric Triglyceride, Cetyl Ethylhexanoate, \u003cstrong style=\"color: var(--sbm-neon-green);\"\u003eMelaleuca Alternifolia (Tea Tree) Leaf Water (10,000 ppm)\u003c\/strong\u003e, Ricinus Communis (Castor) Seed Oil, Hydrogenated Castor Oil, \u003cstrong style=\"color: var(--sbm-neon-mint);\"\u003eMadecassoside, Asiaticoside, Madecassic Acid, Asiatic Acid (4-CICA Complex)\u003c\/strong\u003e, Salicylic Acid (BHA), Lactobionic Acid (PHA), Citric Acid (AHA), Olea Europaea (Olive) Fruit Oil, Adenosine, Ceramide NP, Allantoin, Scutellaria Baicalensis Root Extract, Camellia Sinensis (Green Tea) Leaf Extract, Rosmarinus Officinalis (Rosemary) Leaf Extract.\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            \/\/ Scroll Reveal Observer\n            var reveals = document.querySelectorAll('.sbm-reveal');\n            var revealObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('sbm-active');\n                        observer.unobserve(entry.target); \n                    }\n                });\n            }, {\n                root: null,\n                threshold: 0.08,\n                rootMargin: \"0px 0px -40px 0px\"\n            });\n\n            reveals.forEach(function(reveal) {\n                revealObserver.observe(reveal);\n            });\n\n            \/\/ Ambient Particles Generator\n            var ambientContainer = document.getElementById('sbm-particles');\n            var particleCount = 20; \n            \n            for (var i = 0; i \u003c particleCount; i++) {\n                var particle = document.createElement('div');\n                particle.classList.add('sbm-particle');\n                \n                var size = Math.random() * 45 + 12; \n                var left = Math.random() * 100; \n                var duration = Math.random() * 15 + 10; \n                var delay = Math.random() * 10; \n                \n                particle.style.width = size + 'px';\n                particle.style.height = size + 'px';\n                particle.style.left = left + '%';\n                particle.style.animationDuration = duration + 's';\n                particle.style.animationDelay = delay + 's';\n                \n                ambientContainer.appendChild(particle);\n            }\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":44982769090757,"sku":null,"price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/61otJV0m4JL._SL1500.jpg?v=1754414000"},{"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\"\u003eLa sequedad es el enemigo número uno de tu piel. Es la causa número uno de grietas y líneas finas. Es la mayor causa del envejecimiento prematuro. \u003cbr\/\u003eLa hidratación es el paso más importante en tu rutina diaria.\u003c\/div\u003e\n\u003cdiv class=\"unique-title\"\u003eEl secreto sagrado de Corea: la crema que transforma tu piel en terciopelo de seda\u003c\/div\u003e\n\u003cdiv class=\"subtitle\"\u003eCOSRX - la legendaria crema coreana para hidratación intensa y piel aterciopelada\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003e🔬 Ingredientes científicamente avanzados\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 ¿Cómo funciona?\u003c\/div\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003ch4 style=\"color: #ffd700; margin: 0 0 15px 0;\"\u003e🧬 La ciencia detrás del milagro:\u003c\/h4\u003e\nEl agua de espino amarillo coreano, rica en vitamina C, estimula la renovación de las células de la piel y restaura la luminosidad. El hialuronato de sodio absorbe 1000 veces su peso en agua, hidratando la piel en profundidad y rellenando las líneas finas. La glicerina y la betaína forman una barrera protectora que previene la evaporación de la humedad.\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003e💪 Poderes sobrenaturales confirmados científicamente\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\u003eHidratación intensa que dura 24 horas\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\u003eHialuronato de sodio 3000 ppm mantiene la hidratación profunda\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\u003eRejuvenece y da luminosidad a la piel\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\u003eEl agua de espino amarillo 57,8% es rica en vitamina C regeneradora\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\u003eRellena al instante las líneas finas\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\u003eEl ácido hialurónico rellena las arrugas como el Botox natural\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\u003eAliviar la piel sensible\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\u003eLa alantoína y el pantenol calman las irritaciones\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\u003eProtección contra la pérdida de humedad\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\u003eGlicerina 8% retiene la humedad durante horas\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\u003eNutrición profunda para la piel\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\u003eLos aceites de macadamia y girasol nutren y suavizan\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 Cronología de los resultados visibles:\u003c\/h4\u003e\n\u003cdiv class=\"timeline-item\"\u003e\u003cstrong\u003ePrimera aplicación: alivio inmediato para la piel seca y una textura sedosa\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\u003cstrong\u003eLa primera semana: clara mejora en la suavidad y luminosidad de la piel, menos sequedad y grietas\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\u003cstrong\u003eLa tercera semana: la piel se vuelve aterciopelada al tacto y las líneas finas se reducen claramente\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\u003cstrong\u003eMes 2: Piel de vidrio real, hidratada, luminosa y suave como la de un bebé\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003e¿Por qué este producto es diferente de todo lo demás?\u003c\/div\u003e\n\u003cdiv class=\"what-makes-different\"\u003e\n\u003ch4 style=\"color: #2d3436; margin: 0 0 15px 0;\"\u003e👑 El secreto que lo hace el mejor:\u003c\/h4\u003e\nCozarx es la única crema que contiene agua de espino amarillo coreano original en una concentración del 57,8%. La exclusiva fórmula coreana está aprobada por el Ministerio de Salud coreano y es la crema más vendida en Corea para tratar la piel seca y sensible.\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📋 Todos los ingredientes\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":"some-by-mi-yuja-niacin-anti-blemish-starter-kit","title":"Some by Mi Yuja Niacin Anti-Blemish Starter Kit es el grupo coreano avanzado para el tratamiento de la pigmentación","description":"\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\"\u003eSome by Mi Yuja Niacin Anti-Blemish Starter Kit\u003c\/h1\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Anti-Blemish_Starter_Kit.jpg?v=1757506035\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003ch2 class=\"subtitle\"\u003eKit coreano completo para aclarar con extracto de yuga y niacinamida\u003c\/h2\u003e\n\u003ch3 class=\"hero-tagline\"\u003eCuando la vitamina C natural se encuentra con la tecnología avanzada de la niacinamida\u003c\/h3\u003e\n\u003cp class=\"hero-text\"\u003eLa pigmentación y las manchas oscuras afectan tu autoestima y la belleza de tu piel. Kit some by me combina \u003cstrong\u003eExtracto de Yuja rico en vitamina C natural en concentraciones hasta el 90% con niacinamida hasta el 10%\u003c\/strong\u003e En 4 productos integrados que trabajan juntos para aclarar la piel.\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 crisis de la pigmentación: el mayor desafío estético\u003c\/h2\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Anti-Blemish_Starter_Kit_5.jpg?v=1757506065\"\/\u003e\u003c\/p\u003e\n\u003ch3 style=\"color: #9c8102; font-size: 1.4em; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003e¿Por qué aparece la pigmentación y cómo se difunde?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.7; margin-bottom: 20px;\"\u003e\u003cstrong\u003eEl 95% de los problemas de pigmentación son causados por una producción excesiva de melanina\u003c\/strong\u003e Como resultado de la exposición al sol, infecciones, efectos del acné y envejecimiento.\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin: 30px 0; color: #9c8102;\"\u003e\u003cstrong\u003e¿Por qué el extracto de yoga + niacinamida es la mejor solución?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"line-height: 1.7;\"\u003eEl extracto de Yuga contiene \u003cstrong\u003eMáxima concentración de vitamina C natural\u003c\/strong\u003e Entre todos los cítricos, mientras que la niacinamida inhibe la enzima tirosinasa responsable de la producción de melanina.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003eEl poder del yoga coreano con niacinamida avanzada\u003c\/h2\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Anti-Blemish_Starter_Kit_7.webp?v=1757506087\"\/\u003e\u003c\/p\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eDetergente iluminador delicado (Fase 1)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(11% Loción Yuga + Niacinamida)\u003c\/strong\u003e Limpia la piel de las impurezas y comienza el proceso de aclarado desde el primer uso\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\u003ePreparar y revitalizar la piel (Paso 2)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Tónico con 90% Yuga + 5% Niacinamida)\u003c\/strong\u003e Prepara la piel para una mejor absorción y equilibra su pH\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\u003eAclaramiento intenso y dirigido (Fase 3)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Suero con 83% Yuga + 10% Niacinamida)\u003c\/strong\u003e La máxima concentración en Alkit apunta directamente a las manchas oscuras\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\u003eHidrata y protege los resultados (Paso 4)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Crema con 70% Yuga + 5% Niacinamida)\u003c\/strong\u003e Mantiene los resultados y protege contra la formación de nuevas pigmentaciones\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\"\u003eTesoros del Yoga Coreano y Niacinamida Avanzada\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◇ Extracto coreano de Yuga - El rey de la vitamina C natural:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eCitrus Junos en concentraciones del 11% al 90%\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eConcentrado de Vitamina C Natural\u003c\/strong\u003e 3 veces más fuerte que la industrial\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFlavonoides activos:\u003c\/strong\u003e Protege contra la oxidación y favorece la iluminación\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÁcidos naturales de la fruta\u003c\/strong\u003e La exfoliación delicada revela una piel radiante\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● Niacinamida - la vitamina B3 milagrosa:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eVitamina B3 en concentraciones que van de 1ppm al 10%\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eInhibición de la tirosinasa:\u003c\/strong\u003e Detener la producción excesiva de melanina\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFortalecer la barrera hidrolipídica:\u003c\/strong\u003e Protege contra la nueva pigmentación\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntiinflamatorio:\u003c\/strong\u003e Calma la piel sensible\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\"\u003eViaje coreano para la iluminación paso a paso:\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003ePrimera semana:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eMejora inmediata del resplandor y la suavidad de la piel\u003c\/li\u003e\n\u003cli\u003eUna clara reducción de la apariencia de los poros dilatados\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eSemanas 2-4:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eInicio del aclaramiento de las manchas oscuras recientes\u003c\/li\u003e\n\u003cli\u003eUniformidad visible del tono de la piel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eSegundo mes:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eAclarado claro de la pigmentación y de las manchas persistentes\u003c\/li\u003e\n\u003cli\u003ePiel más luminosa y vibrante\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\"\u003eTecnología coreana integrada a un valor excepcional\u003c\/h2\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Anti-Blemish_Starter_Kit_4.webp?v=1757506108\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e◆ 4 productos en un kit:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSistema de cuidado integrado\u003c\/strong\u003e - Loción + tónico + suero + crema en lugar de comprar cada producto por separado.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e▲ Concentraciones profesionales graduadas:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eDel 11% al 90% yoga\u003c\/strong\u003e - Aclarado gradual seguro sin irritaciones o sensibilidad.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"science-section fade-in\"\u003e\n\u003ch2 class=\"science-title\"\u003e¿Por qué el enfoque coreano integrado es mejor?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eEl Kit Some By Me no es solo productos... es un sistema científico completo para la iluminación segura.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"question-cta\"\u003e\n\u003cp class=\"highlight-text\"\u003e¿Preferirías la prueba aleatoria o el probado sistema científico coreano?\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eOrdena ahora el kit completo\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\"\u003eEl secreto coreano para una piel luminosa y uniforme\u003c\/h2\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Anti-Blemish_Starter_Kit_7.jpg?v=1757506213\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\u003cstrong\u003eSome by Mi Yuja Niacin Kit - el sistema coreano completo\u003c\/strong\u003e\u003cbr\/\u003ePiel más luminosa y uniforme con Extracto de Yuga y Niacinamida en 4 pasos científicos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Some by Mi","offers":[{"title":"Travel Size","offer_id":45085609328837,"sku":"SOME_BY_MI_YUJA_NIACIN_ANTI_BLEMISH_STARTER_KIT_2293","price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SomebyMiYujaNiacinAnti-BlemishStarterKit3.jpg?v=1757506133"},{"product_id":"some-by-mi-beta-panthenol-repair-cream-60g","title":"Some by Mi Beta Panthenol Repair Cream 60 grams","description":"\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\"\u003eSome by Mi Beta Panthenol Repair Cream 60 grams\u003c\/h1\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Beta_Panthenol_Repair_Cream_60_grams_3.webp?v=1757505838\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003ch2 class=\"subtitle\"\u003eCrema reparadora avanzada con beta pantenol, péptidos y probióticos\u003c\/h2\u003e\n\u003ch3 class=\"hero-tagline\"\u003eCuando el pantenol calmante se encuentra con péptidos rejuvenecedores y probióticos avanzados\u003c\/h3\u003e\n\u003cp class=\"hero-text\"\u003eLa piel sensible y dañada necesita una reparación profunda y protección continua. Some By Mi Cream combina \u003cstrong\u003ePantenol calmante 50.000ppm con 0,5% de beta-sitosterol y cinco péptidos avanzados\u003c\/strong\u003e Es una fórmula coreana que repara la barrera hidrolipídica y la hidrata durante 100 horas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-section fade-in\"\u003e\n\u003ch2 class=\"problem-title\"\u003eCrisis de piel sensible: la barrera dañada necesita reparación\u003c\/h2\u003e\n\u003ch3 style=\"color: #9c8102; font-size: 1.4em; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003e¿Por qué la piel sensible empeora con el tiempo?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.7; margin-bottom: 20px;\"\u003eLa investigación en ciencias cosméticas ha demostrado que \u003cstrong\u003eEl 90% de los problemas de la piel sensible es causado por una barrera natural débil\u003c\/strong\u003e. Cuando esta barrera está dañada, la piel pierde rápidamente agua y se vuelve vulnerable a bacterias y contaminantes.\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin: 30px 0; color: #9c8102;\"\u003e\u003cstrong\u003e¿Por qué pantenol + péptidos + probióticos es la solución revolucionaria?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"line-height: 1.7;\"\u003eEl pantenol calma e hidrata, los péptidos reponen y reparan, y los probióticos protegen y equilibran el microbioma natural de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003eEl poder del Santo Trío: Pantenol + Péptidos + Probióticos\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\u003eAlivio inmediato de la inflamación y el enrojecimiento\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(con pantenol 50.000 ppm)\u003c\/strong\u003e Penetra en profundidad en la piel y alivia inmediatamente la irritación reduciendo el enrojecimiento y la picazón.\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\u003eReparación profunda con cinco péptidos\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Con 5 péptidos avanzados)\u003c\/strong\u003e Estimula la producción de colágeno, regenera las células y repara los daños existentes\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\u003eProtección con probióticos avanzados\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Bifida y Lactococcus fermentum)\u003c\/strong\u003e Equilibra el microbioma y protege de las bacterias nocivas\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\u003eHidratación a largo plazo durante 100 horas\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(con escualano y ceramidas)\u003c\/strong\u003e Retiene la humedad y fortalece la barrera natural de la piel\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\"\u003eTecnología avanzada de reparación coreana\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◇ Pantenol - la vitamina B5 milagrosa:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eD-Pantenol 50.000 ppm de alta calidad\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003ePotente antiinflamatorio\u003c\/strong\u003e Reduce el enrojecimiento y la irritación en pocos minutos\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHidratante profundo:\u003c\/strong\u003e Atrae el agua y la atrapa en las capas de la piel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcelerador de curación:\u003c\/strong\u003e Estimula la regeneración celular y la reparación de los daños\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● Cinco Péptidos - Tecnología de Renovación:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eCinco péptidos avanzados para una reparación completa\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcetil hexapéptido-8:\u003c\/strong\u003e Reduce las arrugas y relaja los músculos\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCoopertripeptide-1:\u003c\/strong\u003e Estimula el colágeno y renueva las células\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePalmitoyl Tripeptide-5:\u003c\/strong\u003e Refuerza la estructura de la piel\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\"\u003eCamino de reparación de la piel sensible:\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003ePrimera semana:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eAlivio inmediato del enrojecimiento y la irritación\u003c\/li\u003e\n\u003cli\u003eHidratación profunda que dura 100 horas\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eSemanas 2-4:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eRepara visiblemente la barrera hidrolipídica\u003c\/li\u003e\n\u003cli\u003eMejora de la textura y suavidad de la piel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eSegundo mes:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003ePiel fuerte y elástica que resiste las irritaciones\u003c\/li\u003e\n\u003cli\u003eProtección a largo plazo contra factores externos\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\"\u003eInvierte en una reparación a largo plazo\u003c\/h2\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e◆ Fórmula especializada para pieles sensibles:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSin perfumes, alcohol ni sustancias irritantes\u003c\/strong\u003e - Seguridad absoluta incluso para pieles muy sensibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e▲ Resultados clínicamente probados:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eMejora del 89% en la resistencia de la barrera en 8 semanas\u003c\/strong\u003e - Estudios independientes confirman su eficacia\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"science-section fade-in\"\u003e\n\u003ch2 class=\"science-title\"\u003e¿Por qué la reparación de la barrera es más importante que la cirugía estética?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eSome By Mi Cream no es solo un hidratante... es un tratamiento médico avanzado para la piel dañada.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"question-cta\"\u003e\n\u003cp class=\"highlight-text\"\u003e¿Prefieres analgésicos temporales o tratamientos radicales a largo plazo?\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eBusca una verdadera reforma ahora\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\"\u003eSolución coreana para piel sensible\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\u003cstrong\u003eSome by Mi Beta Panthenol Repair Cream - la reparación completa\u003c\/strong\u003e\u003cbr\/\u003eReparación profunda de la piel dañada y sensible con pantenol, péptidos y probióticos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Some by Mi","offers":[{"title":"60g","offer_id":45085609394373,"sku":"SOME_BY_MI_BETA_PANTHENOL_REPAIR_CREAM_60G_5328","price":999.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Beta_Panthenol_Repair_Cream_60_grams.jpg?v=1757505922"},{"product_id":"some-by-mi-super-matcha-pore-care-starter-kit","title":"Some by Mi Super Matcha Pore Care Starter Kit es una colección coreana completa para minimizar y limpiar los poros","description":"\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\"\u003eSome by Mi Super Matcha Pore Care Starter Kit\u003c\/h1\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Super_Matcha_Pore_Care_Starter_Kit.webp?v=1757505490\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003ch2 class=\"subtitle\"\u003eKit completo para el cuidado de poros con matcha premium y arcilla coreana\u003c\/h2\u003e\n\u003ch3 class=\"hero-tagline\"\u003eCuando el matcha coreano de alta calidad se encuentra con BHAs naturales y arcillas purificantes\u003c\/h3\u003e\n\u003cp class=\"hero-text\"\u003ePoros dilatados y obstruidos son un problema que afecta la suavidad y la belleza de la piel. El kit de me combina \u003cstrong\u003eMatcha premium con concentraciones de hasta el 93% con ácidos BHA naturales y arcilla coreana 120.000 ppm\u003c\/strong\u003e En 4 productos integrados que limpian y reducen los poros.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-section fade-in\"\u003e\n\u003ch2 class=\"problem-title\"\u003eEl dilema de los poros dilatados: el desafío de la piel coreana\u003c\/h2\u003e\n\u003ch3 style=\"color: #9c8102; font-size: 1.4em; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003e¿Por qué los poros se dilatan y cómo podemos reducirlos de manera segura?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.7; margin-bottom: 20px;\"\u003eLa investigación coreana en ciencias cosméticas ha demostrado que \u003cstrong\u003eEl 87% de los problemas con los poros dilatados es causado por la acumulación de aceites, suciedad y células muertas\u003c\/strong\u003e Que expande las paredes de los poros con el tiempo, además de perder la elasticidad de la piel con la edad.\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin: 30px 0; color: #9c8102;\"\u003e\u003cstrong\u003e¿Por qué matcha + BHA + arcilla coreana es la solución perfecta?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"line-height: 1.7;\"\u003eEl matcha limpia y nutre, los ácidos BHA disuelven los aceites obstruidos y la arcilla coreana absorbe las impurezas y tensa inmediatamente los poros.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003eEl poder del matcha coreano con arcilla purificante\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\u003eLimpieza profunda con gel limpiador\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Con 62% de Matcha + BHA Natural)\u003c\/strong\u003e Limpia los poros de la suciedad y los aceites acumulados sin resecar la piel\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\u003eApretado instantáneo con mascarilla de arcilla\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(arcilla caolín y bentonita 120.000 ppm)\u003c\/strong\u003e Absorbe el exceso de aceite y reduce los poros inmediatamente durante 24 horas\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\u003eEquilibrante e hidratante con tónico\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(93% matcha + agua helada)\u003c\/strong\u003e Equilibra la producción de sebo e hidrata la piel sin obstruir los poros\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\u003eProtección continua con suero\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Con niacinamida y concentrado de matcha)\u003c\/strong\u003e Previene la formación de puntos negros y mantiene los poros limpios\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\"\u003eTesoros del matcha coreano y de la arcilla milagrosa\u003c\/h2\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Super_Matcha_Pore_Care_Starter_Kit_2.webp?v=1757505589\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◇ Matcha coreano premium - Té verde avanzado:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eAgua de hojas de Camellia Sinensis en concentraciones del 62% al 93%\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003ePotentes antioxidantes:\u003c\/strong\u003e Protege contra los radicales libres y la contaminación\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLimpieza natural delicada:\u003c\/strong\u003e Elimina las impurezas sin irritar\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReafirmación natural de los poros:\u003c\/strong\u003e Tonifica la piel y reduce la apariencia de los poros\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntiinflamatorio:\u003c\/strong\u003e Calma la piel irritada por la limpieza\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● Ácidos BHA naturales - limpieza profunda:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eExtracto de corteza de Salix Alba - Ácido salicílico natural\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eDisuelve los aceites obstruidos:\u003c\/strong\u003e Penetra en los poros y los limpia desde el interior\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExfoliación delicada:\u003c\/strong\u003e Elimina las células muertas que causan poros obstruidos\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntibacteriano:\u003c\/strong\u003e Previene la formación de puntos negros y blancos\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▲ Arcilla purificante coreana - Súper absorbente:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eMezcla de caolín y bentonita 120.000 ppm\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCaolín blanco:\u003c\/strong\u003e Limpia suavemente y absorbe los aceites\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBentonita natural:\u003c\/strong\u003e Extrae toxinas e impurezas desde lo profundo de los poros\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReafirmación instantánea:\u003c\/strong\u003e Tonifica la piel y reduce la apariencia de los poros durante horas\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\"\u003eTu camino de transformación de los poros en 4 semanas:\u003c\/h2\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Super_Matcha_Pore_Care_Starter_Kit_5.webp?v=1757505712\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003ePrimera semana:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eLimpieza profunda inmediata y eliminación de los comedones superficiales\u003c\/li\u003e\n\u003cli\u003eReducción visible del brillo de la piel y del exceso de sebo\u003c\/li\u003e\n\u003cli\u003eSensación de más limpio y suave\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eLa segunda semana:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eLos poros dilatados empiezan a reducirse significativamente\u003c\/li\u003e\n\u003cli\u003eMejora de la textura y uniformidad de la superficie de la piel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eSemana 3:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eUna clara reducción de los poros, incluso de los más difíciles\u003c\/li\u003e\n\u003cli\u003eEquilibrio natural en la producción de aceite\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eSemana 4:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003ePoros permanentemente más estrechos y menos visibles\u003c\/li\u003e\n\u003cli\u003ePiel suave y equilibrada sin puntos negros\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\"\u003eValor coreano perfecto para los poros\u003c\/h2\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e◆ 4 productos especializados en un kit:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eUn sistema completo de cuidado de los poros\u003c\/strong\u003e - Gel limpiador + mascarilla de arcilla + tónico + suero en un solo kit completo\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e▲ Máxima concentración de matcha:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eHasta un 93% de matcha puro\u003c\/strong\u003e - La concentración más alta disponible en el mercado para resultados garantizados.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e● Arcilla original coreana de alta calidad:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e120.000 ppm de la mejor arcilla\u003c\/strong\u003e - Importado directamente de Corea para garantizar la calidad.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"science-section fade-in\"\u003e\n\u003ch2 class=\"science-title\"\u003e¿Por qué los poros necesitan cuidados especializados?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eEl Kit Some By Me no es solo productos... es un sistema científico completo para tratar los poros.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"font-size: 1.1em; line-height: 1.7; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eDiferencia fundamental:\u003c\/strong\u003e En lugar de ocultar los poros dilatados, los trata desde la raíz y los reduce naturalmente.\u003c\/p\u003e\n\u003cdiv class=\"question-cta\"\u003e\n\u003cp class=\"highlight-text\"\u003e¿Preferirías ocultar los poros con maquillaje o resolver el problema desde la raíz?\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-cta fade-in\"\u003e\n\u003ch2 class=\"cta-title\"\u003eCuidado completo de los poros con matcha\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\u003cstrong\u003eSome by Mi Super Matcha Kit - la solución coreana todo en uno\u003c\/strong\u003e\u003cbr\/\u003ePoros más limpios y visiblemente más estrechos gracias al poder del matcha coreano y de la arcilla purificante en 4 pasos científicos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Some by Mi","offers":[{"title":"Travel Size","offer_id":45085609427141,"sku":"SOME_BY_MI_SUPER_MATCHA_PORE_CARE_STARTER_KIT_5880","price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_super_matcha_pore_care_starter_kit-1.jpg?v=1757505448"},{"product_id":"some-by-mi-beta-panthenol-toner-150ml","title":"Some by Mi Beta Panthenol Toner Multicolour 150ml","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\"\u003eSome by Mi Beta Panthenol Toner Multicolour 150ml\u003c\/h1\u003e\n\u003ch2 class=\"subtitle\"\u003eTónico reparador avanzado con Beta Pantenol, Niacinamida y Ceramidas\u003c\/h2\u003e\n\u003ch3 class=\"hero-tagline\"\u003eCuando el pantenol calmante se encuentra con la niacinamida fortalecedora y las ceramidas hidratantes\u003c\/h3\u003e\n\u003cp class=\"hero-text\"\u003eLa piel sensible y dañada necesita una reparación profunda y protección continua. Some By Mi Toner combina... \u003cstrong\u003ePantenol calmante con niacinamida 2%, ceramidas fortalecedoras y tres tipos de ácido hialurónico.\u003c\/strong\u003e En una fórmula coreana avanzada para reparar la barrera hidrolipídica.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-section fade-in\"\u003e\n\u003ch2 class=\"problem-title\"\u003eCrisis de piel sensible: la barrera dañada necesita reparación\u003c\/h2\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.4em; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003e¿Por qué la piel sensible empeora con el tiempo?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.7; margin-bottom: 20px;\"\u003eLa investigación coreana en ciencias cosméticas ha demostrado que \u003cstrong\u003eEl 90% de los problemas de la piel sensible es causado por una barrera natural débil\u003c\/strong\u003e. Cuando esta barrera está dañada, la piel pierde rápidamente agua y se vuelve vulnerable a bacterias y contaminantes.\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin: 30px 0; color: #9C8102;\"\u003e\u003cstrong\u003e¿Por qué pantenol + niacinamida + ceramidas son la santa trinidad?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"line-height: 1.7;\"\u003e\u003cstrong\u003ePantenol\u003c\/strong\u003e calma e hidrata, \u003cstrong\u003eNiacinamida\u003c\/strong\u003e Refuerza la barrera y reduce la pérdida de agua \u003cstrong\u003eCeramidas\u003c\/strong\u003e Rellena los huecos y restaura la estructura natural de la piel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003eEl poder de la Santa Trinidad: Pantenol + Niacinamida + Ceramidas\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\u003eAlivio inmediato de la inflamación y el enrojecimiento\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(con pantenol - vitamina B5)\u003c\/strong\u003e Penetra en profundidad en la piel y alivia inmediatamente la irritación reduciendo el enrojecimiento y la picazón.\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\u003eFortalecer la barrera natural de la piel\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Con Niacinamida 2% - Vitamina B3)\u003c\/strong\u003e Estimula la producción natural de ceramidas y reduce la pérdida de agua transepidérmica en un 24%\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\u003eHidratación profunda durante 100 horas\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Con tres tipos de ácido hialurónico)\u003c\/strong\u003e Las moléculas grandes humedecen la superficie, las pequeñas penetran en profundidad y el descompositor llena los espacios\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\u003eReconstrucción de la barrera natural\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(con ceramida NP natural)\u003c\/strong\u003e Rellena los espacios entre las células y restaura la estructura natural de la capa protectora\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\"\u003eLa santa trinidad de la reparación de la piel sensible\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◇ Pantenol - la vitamina B5 milagrosa:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eD-Pantenol de alta calidad para un alivio inmediato\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003ePotente antiinflamatorio\u003c\/strong\u003e Reduce el enrojecimiento y la irritación en pocos minutos\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHidratante profundo:\u003c\/strong\u003e Atrae el agua y la atrapa en las capas de la piel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcelerador de curación:\u003c\/strong\u003e Estimula la regeneración celular y la reparación de los daños\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFortalecimiento de la barrera hidrolipídica:\u003c\/strong\u003e Estimula la producción de grasas naturales\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● Niacinamida - fortalecedor de la Vitamina B3:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eNiacinamida 2% clínicamente probada\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFortalecimiento de la barrera hidrolipídica:\u003c\/strong\u003e Aumenta la producción de ceramidas en un 34%\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRegulador de secreción:\u003c\/strong\u003e Reduce la producción de aceites en exceso\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReduce la pérdida de agua\u003c\/strong\u003e Retiene la humedad por más tiempo\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntiinflamatorio:\u003c\/strong\u003e Calma la piel irritada y sensible\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\"\u003eCamino de reparación de la piel sensible en 8 semanas:\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003ePrimera semana:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eAlivio inmediato del enrojecimiento, la irritación y el picor\u003c\/li\u003e\n\u003cli\u003eSensación de confort e hidratación en lugar de ardor\u003c\/li\u003e\n\u003cli\u003eReducción evidente de la descamación y la sequedad\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eSemanas 2-4:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eMejora significativa en la resistencia de la piel a los factores externos\u003c\/li\u003e\n\u003cli\u003eReducción de las reacciones alérgicas y de la inflamación\u003c\/li\u003e\n\u003cli\u003eHidratación natural que dura todo el día\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eSemanas 7-8 y más allá:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003ePiel fuerte y elástica que resiste las irritaciones\u003c\/li\u003e\n\u003cli\u003eUna barrera natural impermeable que protege de contaminaciones y bacterias\u003c\/li\u003e\n\u003cli\u003eCapacidad de usar con seguridad ingredientes activos más potentes\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\"\u003eInvierte en una reparación a largo plazo\u003c\/h2\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e◆ Fórmula especializada para pieles sensibles:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSin perfumes, alcohol ni sustancias irritantes\u003c\/strong\u003e - Seguridad absoluta incluso para pieles muy sensibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e▲ Tamaño generoso para uso prolongado:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e150 ml son suficientes para 3-4 meses\u003c\/strong\u003e - Inversión a largo plazo para una reforma completa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"science-section fade-in\"\u003e\n\u003ch2 class=\"science-title\"\u003e¿Por qué la reparación de la barrera es más importante que la cirugía estética?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px; text-align: center;\"\u003e\n\u003cstrong\u003eSome By Mi Toner no es solo un tónico... es un tratamiento médico avanzado para la piel dañada.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cdiv class=\"question-cta\"\u003e\n\u003cp class=\"highlight-text\"\u003e¿Prefieres analgésicos temporales o tratamientos radicales a largo plazo?\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eBusca una verdadera reforma ahora\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\"\u003eLa revolución coreana para reparar la piel sensible\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eSome by Mi Beta Panthenol Toner - La Reparación Completa\u003c\/strong\u003e\u003cbr\/\u003e\n            Reparación profunda y fortalecimiento duradero de la piel sensible con la Santa Trinidad: Pantenol + Niacinamida + Ceramidas\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":"Some by Mi","offers":[{"title":"150ml","offer_id":45085609459909,"sku":"SOME_BY_MI_BETA_PANTHENOL_TONER_150ML_4078","price":980.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Beta_Panthenol_Toner_Multicolour_150ml.png?v=1757505290"}],"url":"https:\/\/instachiq.com\/es\/collections\/korean-skincare-secrets-cosrx-some-by-mi-beauty-joseon.oembed","provider":"Instachiq","version":"1.0","type":"link"}