{"title":"Koreanska hudvårdshemligheter (K-Beauty)","description":"\u003ch2\u003eKoreanska hudhemligheter |Koreanska hudvårdshemligheter\u003c\/h2\u003e\n\u003cp\u003eUpptäck en värld av autentisk koreansk hudvård från de bästa internationella märkena med internationell frakt och enkla returer!🌸\u003c\/p\u003e\n\u003ch3\u003e✨ Distinkta varumärken i vår kollektion Premium K-Beauty Brands\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCOSRX\u003c\/strong\u003e - Snail 96-serum, fuktgivande krämer och peptidprodukter\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSOME BY MI\u003c\/strong\u003e - AHA-BHA-PHA mirakeltoner, intensivt retinolserum\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBeauty of Joseon\u003c\/strong\u003e - Vattenbaserat solskydd, propolis och niacinamidserum\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSKIN1004\u003c\/strong\u003e - Centella Madagascar serum, probiotiska ampuller\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eANUA\u003c\/strong\u003e - Niacinamidserum 10% för att lätta upp huden\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMary \u0026amp; May\u003c\/strong\u003e - Naturliga växtprodukter\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDR. ALTHEA\u003c\/strong\u003e - Professionell hudvård\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e🎯 Fördelar med koreanska hudprodukter |Koreanska hudvårdsfördelar\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e✅ \u003cstrong\u003eDjup och intensiv återfuktning\u003c\/strong\u003e - Deep Hydration \u0026amp; Moisture Lock\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eLjusna upp och förena hudtonen\u003c\/strong\u003e - Brightening \u0026amp; Even Skin Tone\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eAnti-rynkor och åldrande\u003c\/strong\u003e - Anti-Aging \u0026amp; Wrinkle Correction\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eBehandling av akne och mörka fläckar\u003c\/strong\u003e - Acne Treatment \u0026amp; Dark Spot Removal\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eMild exfoliering och hudföryngring\u003c\/strong\u003e - Gentle Exfoliation \u0026amp; Skin Renewal\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eSolskydd SPF 50+\u003c\/strong\u003e - Sun Protection\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e💎 Aktiva ingredienser |Aktiva ingredienser\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🚚 Internationell frakt- och returpolicy |Internationell frakt och returer\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e✈️ Snabb internationell leverans till alla arabländer och världen\u003c\/li\u003e\n\u003cli\u003e📦 Säker och professionell förpackning säkerställer att produkterna kommer fram i utmärkt skick\u003c\/li\u003e\n\u003cli\u003e🔄 Enkel retur inom 14 dagar - flexibel returpolicy\u003c\/li\u003e\n\u003cli\u003e✔️ 100 % äkta garanterat med kvalitetsgaranti\u003c\/li\u003e\n\u003cli\u003e💳 Säker betalning på alla sätt\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e❓ Vanliga frågor |Vanliga frågor om koreansk hudvård\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eF: Vilka är de bästa koreanska hudprodukterna för nybörjare?\u003c\/strong\u003e\u003cbr\/\u003eS: Vi rekommenderar att du börjar med SOME BY MI AHA-BHA-PHA toner, COSRX snigelserum och Beauty of Joseon solskyddsmedel.\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\u003eF: Är produkterna lämpliga för känslig hud?\u003c\/strong\u003e\u003cbr\/\u003eA: Ja!De flesta koreanska produkter är designade för känslig hud och är fria från hårda ingredienser.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eF: Hur lång tid tar frakten?\u003c\/strong\u003e\u003cbr\/\u003eS: Leveransen tar 7-14 arbetsdagar beroende på din geografiska plats.\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🛍️ Handla nu |Handla nu\u003c\/h3\u003e\n\u003cp\u003eBeställ original koreanska hudvårdsprodukter från Instachiq och få strålande och frisk hud!COSRX, SOME BY MI, Beauty of Joseon, SKIN1004-produkter är tillgängliga med gratis internationell frakt och returer.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e🏷️ Keywords:\u003c\/strong\u003e Koreansk hudvård, K-beauty, COSRX snigelmucin, SOME BY MI AHA BHA PHA, Beauty of Joseon solkräm, koreanska skönhetsprodukter, internationell frakt, äkta koreansk kosmetika, autentiska koreanska produkter, koreansk hudvård\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        \/* Style Settings *\/\n        .sbm30-wrapper {\n            --sbm30-bg-dark: #0a110d; \/* Style Settings *\/\n            --sbm30-bg-card: rgba(20, 35, 25, 0.6); \/* Style Settings *\/\n            --sbm30-green-main: #2e8b57; \/* Style Settings *\/\n            --sbm30-green-light: #66cdaa; \/* Style Settings *\/\n            --sbm30-gold-main: #d4af37; \/* Style Settings *\/\n            --sbm30-gold-light: #f3e5ab; \/* Style Settings *\/\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: 'Inter', -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        \/* Style Settings *\/\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        \/* Style Settings *\/\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        \/* Style Settings *\/\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        \/* Style Settings *\/\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        \/* Style Settings *\/\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        \/* Style Settings *\/\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        \/* Style Settings *\/\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\u003c!-- Section --\u003e\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\"\u003eDen bästsäljande koreanska mirakeltonern runt om i världen\u003c\/div\u003e\n\u003ch1 class=\"sbm30-title-glow\"\u003eHemligheterna med kristallklar hud ligger i dropparna av denna toner!\u003c\/h1\u003e\n\u003cp class=\"sbm30-hero-subtitle\"\u003e\n                \"Ansamling av död hud ger dig inte bara ett felaktigt intryck, det täpper till dina porer och förhindrar dyr kräm från att tränga in i din hud.\" \u003cbr\/\u003e\n                Förvandla din hud till sitt klaraste och renaste tillstånd på bara 30 dagar med en ansiktsvatten \u003cstrong\u003eSome By Mi Miracle\u003c\/strong\u003e Utvecklare.\n            \u003c\/p\u003e\n\u003cimg alt=\"Några av 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;\"\u003eLider du av matt hud, stora porer och oändliga finnar?\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                Den främsta orsaken till de flesta hudproblem är fel i den naturliga förnyelsecykeln.När döda celler och oxiderade oljor ansamlas kvävs huden och börjar bli inflammerad.\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;\"\u003eTrippelsyror (AHA, BHA, PHA)\u003c\/p\u003e\n\u003cp style=\"color: #fff; font-size: 1.05rem;\"\u003e\n                    Denna toner är inte bara ett \"doftande vatten\".Det fungerar effektivt mikrokemiskt för att ta bort döda hudceller och lösa upp svarta och vita huvuden.Tack vare att den innehåller AHA, torkar den bort fjäll från ytan, medan BHA sjunker ner i porerna för att lösa upp gamla fetter, och PHA upprätthåller hudens återfuktning och förhindrar irritation.\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\"\u003eKraften i teträdet som förändrade skalorna för kosmetisk medicin\u003c\/h2\u003e\n\u003cimg alt=\"Kraften i teträd\" 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            Tack vare avancerade koreanska renings- och extraktionsprocesser infunderas denna toner med maximal koncentration av äkta tea tree-bladextrakt \u003cstrong style=\"color: var(--sbm30-gold-light);\"\u003e(10 000 ppm)\u003c\/strong\u003e.Denna magiska ingrediens är det största miraklet för fet och aknebenägen hud.Det dödar bakterier som orsakar akne, släcker omedelbart inflammationer och rodnad, och balanserar överskottsoljaproduktionen otroligt bra!\n        \u003c\/p\u003e\n\u003c!-- 4. Triple Action Benefits Grid --\u003e\n\u003ch2 class=\"sbm30-section-title sbm30-reveal\"\u003e3D-fördelar för perfekt glashud\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\u003eDen ultimata lösningen för stora porer\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eLycka till med att försöka se dina porer efter idag!\u003c\/strong\u003e Tonern rengör porerna på djupet och minskar sedan deras storlek tack vare niacinamiden som ingår i formulan.\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\u003epH-balans (pH 5,5)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eDen skonsammaste exfolieringen för känslig hud.\u003c\/strong\u003e Det är en hårfin gräns mellan peeling och irritation!Tonern är designad för att matcha hudens naturliga pH för att exfoliera djupt och med \"noll\" irritation.\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\u003eOmedelbar lyster och föryngring\u003c\/h3\u003e\n\u003cp\u003eDen innehåller papaya- och trollhasselextrakt för att påskynda borttagningen av död hud, förutom lotusextrakt och adenosin för att strama upp huden och bekämpa rynkor.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Fördelar med toner\" 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\"\u003eVarför är Some By Mi-toner överlägsen vanliga toner?\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\u003eJämförelse\u003c\/th\u003e\n\u003cth\u003eVanliga peelingtoner\u003c\/th\u003e\n\u003cth style=\"background: rgba(212, 175, 55, 0.15); color: #fff;\"\u003eMiracle Toner (Some By Mi)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003ePeeling system\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eEndast en typ (vanligtvis AHA)\u003c\/td\u003e\n\u003ctd class=\"sbm30-highlight\"\u003e3D-system (AHA\/BHA\/PHA)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eÅterfuktande effekt\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eDet orsakar tydlig torrhet och peeling\u003c\/td\u003e\n\u003ctd class=\"sbm30-highlight\"\u003eDjup hydrering tack vare PHA-molekyler\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eSpannmålsbearbetning\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eKan irritera aktiva finnar\u003c\/td\u003e\n\u003ctd class=\"sbm30-highlight\"\u003eDet släcker inflammation och dödar bakterier (tack vare tea tree)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eSyrabalans\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eHård alkalisk eller sur\u003c\/td\u003e\n\u003ctd class=\"sbm30-highlight\"\u003ePH 5.5 är perfekt balanserad för att skydda hudbarriären\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eKänslig hud\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eInte lämplig då den innehåller alkohol\u003c\/td\u003e\n\u003ctd class=\"sbm30-highlight\"\u003eMycket säker och medicinskt testad som (icke-komedogen)\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\"\u003eHur man använder för snabba resultat\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;\"\u003eDjup rengöring\u003c\/h4\u003e\n\u003cp style=\"color: var(--sbm30-text-muted);\"\u003eTvätta ansiktet väl med din favoritrengöring och torka det försiktigt.\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;\"\u003eAvtorkning med bomull\u003c\/h4\u003e\n\u003cp style=\"color: var(--sbm30-text-muted);\"\u003eApplicera en lämplig mängd ansiktsvatten på en ren bomullsbit och torka försiktigt av ansiktet med det, spåra hudens struktur (inifrån och ut).\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;\"\u003eKlappa för att absorbera\u003c\/h4\u003e\n\u003cp style=\"color: var(--sbm30-text-muted);\"\u003eKlappa försiktigt ansiktet med fingertopparna för att hjälpa huden att absorbera alla näringsämnen.\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;\"\u003eObligatoriskt skydd\u003c\/h4\u003e\n\u003cp style=\"color: var(--sbm30-text-muted);\"\u003eFölj med ett serum och fuktighetskräm.Och på morgonen, \u003cstrong\u003eSolskyddsmedel (SPF) är ett obligatoriskt steg\u003c\/strong\u003e Eftersom syror gör huden känslig för solen.\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\"\u003eVerkliga upplevelser: Varför kallades det ett \"mirakel\"?\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;\"\u003eDen ljusa sidan (proffs):\u003c\/strong\u003e\n\u003cp style=\"color: var(--sbm30-text-muted); margin-top: 5px;\"\u003eMajoriteten av användarna berömde tonerns snabba förmåga att torka upp aktiva finnar och minska inflammation och rodnad inom några dagar.De märkte också en betydande förbättring av hudens struktur och jämnhet, och en märkbar minskning av porernas form tack vare en mild och djup peeling som inte orsakar någon irritation.\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;\"\u003ePunkt att notera:\u003c\/strong\u003e\n\u003cp style=\"color: var(--sbm30-text-muted); margin-top: 5px;\"\u003eVissa har indikerat att de med mycket torr hud kan behöva gradvis införa toner i sin rutin (dag efter dag till en början) för att undvika uppstramning av huden, med nödvändigheten av att följa exfolieringssteget med en stark och lämplig fuktkräm för att få bästa resultat utan torrhet.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #fff; font-size: 1.1rem;\"\u003eSlutsats:\u003c\/strong\u003e\n\u003cp style=\"color: var(--sbm30-text-muted); margin-top: 5px;\"\u003eDenna toner är en riktig \"räddare\" för fet, blandad och aknebenägen hud.En utmärkt investering som ger säker daglig peeling och resultat jämförbara med professionella rengöringssessioner för att bli av med död hud, rena porer och återställa ansiktets naturliga lyster.\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);\"\u003eNy och klar hud på bara 30 dagar!\u003c\/h2\u003e\n\u003cimg alt=\"Tonerapplicering\" 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                Sluta gömma finnar och problem under tjocka lager av smink. \u003cstrong\u003eNågra av Mi Miracle Toner\u003c\/strong\u003e Den kommer att fungera som en \"Återställningsknapp\" för din hud, spränger bort döda celler och talg, vilket ger dig en klar, frisk yta genom vilken din hud kan andas.\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                Beställ den nu och få din glashud!\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;\"\u003eKomplett ingredienslista (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: 'Inter', -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\"\u003eDen radikala triple action-lösningen\u003c\/div\u003e\n\u003ch1 class=\"sbmeye-title-glow\"\u003eVäck dina ögons ungdom: \u003cspan\u003eFarväl till mörka ringar och djupa rynkor!\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"sbmeye-hero-subtitle\"\u003e\n                Mörka ringar, fina linjer och hängande avslöjar trötthet och ålder.Huden runt ögonen är mycket tunn och behöver exceptionell vård som vanliga krämer inte ger.\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                Upptäck kraften \u003cstrong\u003e\"trippeleffekt\"\u003c\/strong\u003e Med denna charmiga kräm.En avancerad medicinsk formel designad på molekylär nivå för att penetrera känslig hud med fullständig säkerhet.Det raderar kraftfullt rynkor \u003cstrong\u003eRetinol\u003c\/strong\u003eDet bryter upp mörk pigmentering med \u003cstrong\u003eNiacinamid och tranexamsyra\u003c\/strong\u003eDet fyller luckorna med intensiv återfuktning.\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;\"\u003eHur utmärker sig denna kräm?(Den heliga treenighetens mysterium)\u003c\/h2\u003e\n\u003cp style=\"color: var(--sbmeye-text-muted); font-size: 1.1rem; line-height: 1.8; margin-bottom: 30px;\"\u003e\n                I ögonvårdsprodukter finns det en mycket fin linje mellan \"effektivitet\" och \"irritation.\"Denna svaga hud skadas snabbt.Men Some By Mi uppnår den omöjliga formeln: maximal effektivitet med maximal mildhet och kompatibilitet.\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 och retinal (anti-aging)\u003c\/h4\u003e\n\u003cp\u003eEn idealisk och säker koncentration (0,1%) som påskyndar cellförnyelsen, stimulerar kollagenproduktionen och jämnar ut fina linjer (kråksparkar) utan att orsaka rodnad eller irriterande peeling.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbmeye-triad-item\"\u003e\n\u003cdiv class=\"sbmeye-triad-num\"\u003e02\u003c\/div\u003e\n\u003ch4\u003eNiacinamid + Tranexamic (ljusande cirklar)\u003c\/h4\u003e\n\u003cp\u003eTeamet är specialiserat på att bryta ner melaninpigment.Tranexaminsyra stoppar pigmentering vid sina rötter, medan niacinamid jämnar ut hudtonen för att eliminera uppkomsten av svart eller brun trötthet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbmeye-triad-item\"\u003e\n\u003cdiv class=\"sbmeye-triad-num\"\u003e03\u003c\/div\u003e\n\u003ch4\u003eTRUECICA™ + Panthenol (reparation och skydd)\u003c\/h4\u003e\n\u003cp\u003eExklusiv teknologi från Cica för att omedelbart lugna känslig hud, stödd av hyaluronsyra och panthenol för att låsa fukt djupt inuti och ge ögonen ett fylligt och fast utseende.\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\"\u003eVad kommer detta elixir att göra för dina ögon?\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\u003eMörka ringar elastisk\u003c\/h3\u003e\n\u003cp\u003eDen fungerar dubbelt kraftfullt för att ljusa upp mörka ögonkonturer och jämna ut hudtonen, vilket ger dig en vaken och energisk look även utan makeup.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbmeye-card sbmeye-reveal sbmeye-delay-1\"\u003e\n\u003cdiv class=\"sbmeye-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eStrykning av rynkor och linjer\u003c\/h3\u003e\n\u003cp\u003eKraften hos mild retinol riktar sig mot uttryckslinjer och skrattrynkor, stramar upp slapp hud och återställer förlorad elasticitet.\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\u003eVVS\u003c\/h3\u003e\n\u003cp\u003eIntensiv återfuktning tränger djupt in i lagren tack vare hyaluronsyra, fyller nedsjunkna utrymmen och förhindrar att huden torkar ut och spricker.\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\u003eHypoallergen sköld\u003c\/h3\u003e\n\u003cp\u003eSpeciellt designad för att passa den mycket känsliga huden runt ögonen, tack vare Truecica-komplexet som förhindrar rodnad eller irritation som är typisk för 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⚠️ Viktig varning: Styrka kräver gradvis användning!\u003c\/h3\u003e\n\u003cp style=\"color: var(--sbmeye-text-muted); line-height: 1.8;\"\u003e\n                Eftersom denna produkt innehåller aktiv retinol är det viktigt att vänja huden långsamt för att undvika torrhet eller irritation. \u003cbr\/\u003e\n\u003cstrong style=\"color: #fff;\"\u003eVecka 1 och 2:\u003c\/strong\u003e Använd den bara två till tre gånger i veckan, på kvällen \u003cstrong\u003eEndast\u003c\/strong\u003e. \u003cbr\/\u003e\n\u003cstrong style=\"color: #fff;\"\u003eVecka 3 och därefter:\u003c\/strong\u003e Du kan använda den dagligen eller varannan dag beroende på din hudtolerans. \u003cbr\/\u003e\n\u003cstrong style=\"color: var(--sbmeye-alert); display: block; margin-top: 10px;\"\u003eMycket nödvändigt: Du måste använda solskyddsmedel (SPF) nästa morgon, eftersom retinol ökar hudens känslighet för solen.\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\"\u003eProfessionell användarguide\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;\"\u003eFörberedelse\u003c\/h4\u003e\n\u003cp style=\"color: var(--sbmeye-text-muted); font-size: 0.95rem;\"\u003eRengör ansiktet väl innan du lägger dig och torka området runt ögonen helt.\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;\"\u003eDen magiska mängden\u003c\/h4\u003e\n\u003cp style=\"color: var(--sbmeye-text-muted); font-size: 0.95rem;\"\u003eApplicera en mycket liten mängd (ungefär lika stor som en ärta, tillräckligt för båda ögonen) på ringfingret (den med det svagaste trycket).\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;\"\u003eFin fyllighet\u003c\/h4\u003e\n\u003cp style=\"color: var(--sbmeye-text-muted); font-size: 0.95rem;\"\u003eFördela krämen mycket lätt runt ögonbenet (undvik att flytta övre ögonlocket och komma för nära ögonfransarna) tills den är helt absorberad.\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);\"\u003eÅterställ ungdomligheten i dina ögon med en knapptryckning varje kväll!\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                Låt inte trötthet och tidstecken stjäla skönheten i din syn.Ett paket med \u003cstrong\u003eSome By Mi Retinol Eye Cream\u003c\/strong\u003e Tillräckligt för flera månaders avancerad vård som radikalt kommer att förändra formen på din ögonkontur.\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                Beställ den nu och förvandla din sömn till en komplett behandlings- och föryngringssession!\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\u003eDagens rynkor är morgondagens åldrande – nu är det dags för förändring!\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\u003eFör varje dag som går utan vård är ett steg närmare att din hud tappar sin spänst och charm.\u003c\/em\u003e\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003eDen heltäckande formeln för ögon och hud\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003eKombinera den koncentrerade kraften av ögonkräm och serum för en omfattande förvandling som lämnar dig med linjefri, strålande slät hud.\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\u003eSteg 1: Triple Action Eye Cream\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eMed varje applicering ger denna kräm dig en komplett behandling:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFörbättra rynkor och elasticitet:\u003c\/strong\u003e Tack vare retinol och retinal främjar det kollagenproduktionen för att lyfta och strama upp huden runt ögonen.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLjusare och korrigera mörk färg:\u003c\/strong\u003e Niacinamid återställer lyster till dina ögon och eliminerar uppkomsten av trötthet.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eOmedelbar lugnande och återfuktande:\u003c\/strong\u003e Formulan berikad med Truecica och Glacial Water ger djupt lugnande till känslig hud.\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\u003eSteg två: serum\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eUpplev retinolrevolutionen koncentrerad på din hud!\u003cbr\/\u003e\u003cem\u003eDenna formula innehåller den perfekta koncentrationen av retinol så att du kan få ut det mesta av din hud utan irritation eller rodnad.\u003c\/em\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHudföryngring:\u003c\/strong\u003e Retinol stödjer hudens struktur genom att påskynda cellomsättningen och förnya huden inifrån och ut.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eKrympa porerna och återställ jämnheten:\u003c\/strong\u003e Tack vare växtkollagen och peptider förfinar den porernas utseende samtidigt som den ger djup, varaktig återfuktning.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHållbart skydd:\u003c\/strong\u003e Blandningen av vitaminer och lugnande ingredienser säkerställer en strålande, stressfri hud.\u003c\/li\u003e\n\u003cli\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cstrong\u003eOmfattande vård, fantastiska resultat\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eTillsammans arbetar krämen och serumet i harmoni för att reparera och föryngra din hud inifrån och ut, vilket gör dina ögon och hud mjuk, elastisk och ungdomlig.\u003cstrong\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eHur arbetar duon för att uppnå oöverträffade resultat?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch4\u003e\u003cstrong\u003eÖgonkräm med trippeleffekt\u003c\/strong\u003e\u003c\/h4\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eStimulera kollagenproduktionen:\u003c\/strong\u003e\u003cbr\/\u003eTack vare kombinationen av retinol och retinal påskyndar krämen processen för hudcellsförnyelse och främjar naturlig kollagenproduktion.Detta återställer elasticiteten till huden runt ögonen och minskar rynkor avsevärt.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eKorrigering av mörka ringar:\u003c\/strong\u003e\u003cbr\/\u003eNiacinamid, känt för sin överlägsna ljusningsförmåga, minskar effektivt hyperpigmentering runt ögonen, vilket ger tillbaka lyster till ditt ansikte.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eMinska irritation och rodnad:\u003c\/strong\u003e\u003cbr\/\u003eTruecica och glacialvatteningredienser lugnar omedelbart känslig hud, vilket gör den lämplig även för stressad hud.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003chr\/\u003e\n\u003ch4\u003e\u003cstrong\u003eSerum \u003c\/strong\u003e\u003c\/h4\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eDjup hudföryngring:\u003c\/strong\u003e\u003cbr\/\u003eRetinol och retinal främjar cellomsättning och vävnadsregenerering, minskar fina linjer och rynkor och förbättrar hudens elasticitet avsevärt.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eÅterfuktning i flera lager:\u003c\/strong\u003e\u003cbr\/\u003eTack vare hyaluronsyra och peptider ger serumet djup återfuktning som penetrerar hudens lager för att fylla på dess inre återfuktning.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eFörbättra hudens struktur:\u003c\/strong\u003e\u003cbr\/\u003eVäxtkollagen minskar uppkomsten av porer, vilket ger huden ett jämnare och fastare utseende.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eSkyddar huden från miljöpåfrestningar:\u003c\/strong\u003e\u003cbr\/\u003eSerumet innehåller lugnande ingredienser och vitaminer som förhindrar inflammation och upprätthåller hudens balans.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003chr\/\u003e\n\u003ch3\u003e\u003cstrong\u003eDen perfekta harmonin mellan produkter\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eAnvänd kräm och serum tillsammans:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eÖgonkräm riktar sig till den känsliga huden runt ögonen med omedelbar effekt.\u003c\/li\u003e\n\u003cli\u003eSerumet reparerar huden på ett omfattande sätt för att förbättra dess struktur, återfukta och föryngra den.\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\u003eLyssna på din huds samtal idag, för i morgon kan det komma fler rader som är svåra att radera.\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003e\u003cem\u003e\u003cstrong\u003eResultat är inte bara löften, de är verklighet, bevisade genom tester för förbättring av rynkor och kundnöjdhet.Är du redo för förändring?\u003cbr\/\u003e\u003c\/strong\u003e\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003e\u003cstrong\u003eBörja din resa mot perfekt hud nu, innan tidens effekter ackumuleras och gör vägen längre.\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 Retinol Intense Reactivating Serum - Rynkåtergivning och hudens elasticitetsboost","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\"\u003eRynkor är inte bara linjer... de är ett rop på hjälp!\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"sbm-subtitle sbm-reveal delay-1\"\u003e\n                Detta serum ger inga tillfälliga lösningar, utan skapar snarare radikala förändringar på cellnivå för att återställa vitaliteten och fräschören i huden som har skadats med tiden.\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\u003eMed tiden blir du... \u003cstrong class=\"sbm-text-gold\"\u003eFina linjer \u0026amp; rynkor\u003c\/strong\u003e Varningstecken på att huden tappar sin naturliga förmåga att regenerera.Dessa irriterande tecken kommer inte bara att försvinna, utan kräver snarare avancerad vetenskaplig intervention för att förhindra effekterna av åldrande från att kontrollera ansiktsdragen.\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                    Tidig ingripande är hemligheten till att återställa ungdomlig och levande hud.\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\"\u003eMycket specialiserad formel för alla typer av rynkor\u003c\/h2\u003e\n\u003cp class=\"sbm-subtitle sbm-reveal\"\u003eIngredienserna i detta serum fungerar inte bara på ytbehandling, utan riktar sig också mot alla typer av rynkor med en skräddarsydd mekanism.\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\"\u003eDynamiska rynkor\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\"\u003eDet visas som ett resultat av upprepade ansiktsrörelser som ett konstant leende eller rynka pannan.\u003c\/p\u003e\n\u003cdiv class=\"sbm-acc-ing\"\u003e\n\u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eBakuchiol och retinol:\u003c\/span\u003e De stimulerar kollagenproduktionen inifrån, vilket effektivt minskar utseendet och djupet på dessa rynkor.\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\"\u003eUttrycksrynkor\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\"\u003eDe bildas och konsolideras på grund av repetitiva ansiktsuttryck och stress.\u003c\/p\u003e\n\u003cdiv class=\"sbm-acc-ing\"\u003e\n\u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eNiacinamid:\u003c\/span\u003e Det förbättrar hudens totala elasticitet, minskar svårighetsgraden av dessa rynkor och förhindrar deras stabilitet.\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\"\u003eRynkor i pannan\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\"\u003eDe visas ibland och tydligt på grund av den kontinuerliga förlusten av kollagen i detta område.\u003c\/p\u003e\n\u003cdiv class=\"sbm-acc-ing\"\u003e\n\u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eKollagen och vallört:\u003c\/span\u003e De bidrar till att stärka hudens stödjande struktur och fylla ut rynkor i just detta område.\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\"\u003eFina linjer\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\"\u003eFina linjer uppträder tidigt och beror ofta på kraftig torrhet och en svag skyddsbarriär.\u003c\/p\u003e\n\u003cdiv class=\"sbm-acc-ing\"\u003e\n\u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eTokoferol och pantenol:\u003c\/span\u003e De ger djup återfuktning som låser in fukt, fyller huden och döljer omedelbart dessa linjer.\n                        \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. INGREDIENTS GRID (Darker Theme) --\u003e\n\u003cdiv class=\"sbm-section sbm-theme-darker\"\u003e\n\u003cdiv class=\"sbm-container\"\u003e\n\u003ch2 class=\"sbm-title-section sbm-reveal\"\u003eRetinol är hudens sköld mot åldrande faktorer\u003c\/h2\u003e\n\u003cp class=\"sbm-subtitle sbm-reveal\"\u003eDetta serum arbetar för att återställa vitalitet och elasticitet som har gått förlorad med tiden tack vare vetenskapligt studerade aktiva ingredienser.\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\u003eRen retinol\u003c\/h3\u003e\n\u003cul class=\"sbm-list gold-checks\" style=\"margin-top: 15px;\"\u003e\n\u003cli\u003eFörnyar hudceller och förbättrar deras yta.\u003c\/li\u003e\n\u003cli\u003eStimulerar produktionen av kollagen och elastin inifrån.\u003c\/li\u003e\n\u003cli\u003eMinskar pigmentering och förenar hudtonen.\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\u003eDet naturliga och säkra alternativet till retinol.\u003c\/li\u003e\n\u003cli\u003eKraftfull antioxidant som skyddar mot miljöskador.\u003c\/li\u003e\n\u003cli\u003eReducerar varsamt rynkor och fina linjer.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card delay-2\"\u003e\n\u003cdiv class=\"sbm-icon-badge\"\u003e03\u003c\/div\u003e\n\u003ch3\u003eElastic-Liposome-teknologi\u003c\/h3\u003e\n\u003cul class=\"sbm-list gold-checks\" style=\"margin-top: 15px;\"\u003e\n\u003cli\u003eIntelligent förpackning levererar ingredienser till djupare lager.\u003c\/li\u003e\n\u003cli\u003eFörbättrar absorptionen av aktiva ingredienser utan slöseri.\u003c\/li\u003e\n\u003cli\u003eFörhindrar ytirritation och ökar ingrediensernas effektivitet.\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\"\u003eHur man använder (säker och effektiv rutin)\u003c\/h2\u003e\n\u003cp class=\"sbm-subtitle sbm-reveal\"\u003eEnkla steg för att introducera retinol i din vårdrutin effektivt och säkert.\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\u003eAnsiktsrengöring\u003c\/h4\u003e\n\u003cp\u003eRengör försiktigt huden med en lämplig rengöring för att ta bort orenheter och förbereda porerna.\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\u003eTonerapplicering\u003c\/h4\u003e\n\u003cp\u003eDet är att föredra att använda en återfuktande ansiktsvatten för att förbereda huden och göra den mer kapabel att absorbera serumet.\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\u003eRätt mängd\u003c\/h4\u003e\n\u003cp\u003eFördela en mycket liten mängd (ärtstor) på fingertopparna för att förhindra överskott.\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\u003eFördela försiktigt\u003c\/h4\u003e\n\u003cp\u003eSprid försiktigt ut serumet i ansiktet, fokusera på områden med rynkor och fina linjer.\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);\"\u003eGradvis användning (mycket viktigt)\u003c\/h4\u003e\n\u003cp style=\"max-width: 600px; margin: 0 auto;\"\u003eVänligen börja använda serumet endast en eller två gånger i veckan (på natten).Öka sedan gradvis frekvensen efter hudtolerans. \u003cstrong style=\"color: var(--sbm-gold);\"\u003eSolskyddsmedel bör användas under dagen.\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 |Snigelgelbarriärreparation","description":"\u003cdiv class=\"cs-ultimate-container\" dir=\"ltr\" id=\"cosrx-snail-dossier\"\u003e\n\u003cstyle\u003e\n        \/* ==========================================================================\n           COSRX ADVANCED SNAIL 96 MUCIN POWER ESSENCE - SIMPLIFIED BENEFIT-DRIVEN COPY\n           System Fonts Only (Zero External Webfont Imports)\n           ========================================================================== *\/\n\n        .cs-ultimate-container {\n            --cs-bg-base: #050403;\n            --cs-bg-surface: #0c0906;\n            --cs-bg-card: rgba(18, 14, 10, 0.92);\n            --cs-bg-card-hover: rgba(28, 22, 14, 0.98);\n\n            \/* Style Settings *\/\n            --cs-neon-gold: #ffd24a;\n            --cs-amber-accent: #f5c518;\n            --cs-neon-mint: #00e5a3;\n            --cs-glow-gold: rgba(255, 210, 74, 0.45);\n            --cs-glow-mint: rgba(0, 229, 163, 0.4);\n\n            --cs-text-pure: #ffffff;\n            --cs-border: rgba(245, 197, 24, 0.25);\n            --cs-border-hover: rgba(255, 210, 74, 0.85);\n\n            background-color: var(--cs-bg-base);\n            color: var(--cs-text-pure);\n            font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, 'Cairo', 'Tajawal', sans-serif;\n            line-height: 1.8;\n            width: 100%;\n            max-width: 100%;\n            position: relative;\n            padding: 40px 0;\n            border-radius: 24px;\n            box-shadow: inset 0 0 120px rgba(245, 197, 24, 0.08);\n            box-sizing: border-box;\n            -webkit-font-smoothing: antialiased;\n        }\n\n        .cs-ultimate-container * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .neon-gold {\n            color: var(--cs-neon-gold) !important;\n            text-shadow: 0 0 10px var(--cs-glow-gold), 0 0 20px var(--cs-glow-gold);\n            font-weight: 900;\n        }\n\n        .neon-mint {\n            color: var(--cs-neon-mint) !important;\n            text-shadow: 0 0 10px var(--cs-glow-mint), 0 0 20px var(--cs-glow-mint);\n            font-weight: 900;\n        }\n\n        .pure-white {\n            color: #ffffff !important;\n            font-weight: 600;\n        }\n\n        \/* Style Settings *\/\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\u003c!-- Section --\u003e\n\u003cdiv class=\"cs-ambient-bg\"\u003e\n\u003cdiv class=\"cs-orb cs-orb-1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cs-orb cs-orb-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\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 Världens nr 1 mirakelserum för hudföryngring\n            \u003c\/div\u003e\n\u003ch2 style=\"font-size: 1.25rem; color: var(--cs-amber-accent); margin-bottom: 12px; font-weight: 800;\"\u003eHemligheten med att rensa huden är som finnar och att behandla effekterna av finnar som har blivit galna i världen\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                Föreställ dig en produkt som behandlar torrhet, raderar effekterna av finnar och ger dig fräschör från första användningen!Tack vare koncentrationen \u003cstrong class=\"neon-gold\"\u003e96,3% rent snigelextrakt\u003c\/strong\u003eDin hud kommer att dricka fukt och förnyas inifrån, utan någon fet eller klibbig känsla.\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;\"\u003eBörja din hudglansresa nu\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 Kosmetisk information som inte alla känner till\n            \u003c\/div\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 10px;\"\u003eVarför använder de dyraste skönhetssalongerna i världen sniglar?\u003c\/h2\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 1.25rem; font-weight: 800; margin-bottom: 20px;\"\u003eLåt mig berätta varför rika människor betalar hundratals dollar per session.\u003c\/p\u003e\n\u003cdiv class=\"cs-glass-box\" style=\"text-align: left;\"\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.15rem; line-height: 1.85; margin-bottom: 20px;\"\u003e\n                    I de mest kända lyxiga skönhetscentren runt om i världen märkte de att snigelgårdsarbetare har väldigt mjuka händer och är helt fria från rynkor och sår, och de värker i en konstig hastighet!Därför började hudbehandlingssessionerna med sniglar.\n                \u003c\/p\u003e\n\u003cdiv class=\"cs-spa-grid\"\u003e\n\u003cdiv class=\"cs-spa-card\"\u003e\n\u003ch4 class=\"neon-gold\"\u003eHemligheten med omedelbar fräschör\u003c\/h4\u003e\n\u003cp\u003eSnigelsekret behandlar hudskador mycket snabbt och återställer den elasticitet och naturliga glans som du ser i kändisars hud.\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\"\u003eEtt naturligt alternativ till kollagen\u003c\/h4\u003e\n\u003cp\u003eDetta sekret är fullt av vitaminer och ämnen som stramar upp ansiktet och minskar rynkor och fina linjer, som om du hade gjort ett naturligt filter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-spa-card\" style=\"border-right-color: var(--cs-neon-gold);\"\u003e\n\u003ch4 class=\"neon-gold\"\u003eHan unnar sig själv\u003c\/h4\u003e\n\u003cp\u003eSnigeln utsöndrar detta ämne för att behandla sina sår på några minuter. Så tänk vad detta ämne kommer att göra med finnarna och ärren som är på väg att uppstå!\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 tog med dig spaet\u003c\/h4\u003e\n\u003cp\u003eIstället för att spendera tusentals dollar på en session, har Cosrx lagt det rena och sterila extraktet i en flaska som du kan använda varje dag i ditt hem.\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\"\u003eVarför fungerar inte vanliga fuktkrämer för dig?\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                    Vanliga fuktkrämer sitter på utsidan av huden, men när din hud är stressad och har finnarmärken behöver du \u003cstrong class=\"neon-gold\"\u003eKraftfull näring som tränger djupt in i huden\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;\"\u003eTraditionella fuktkrämer\u003c\/h4\u003e\n\u003cp\u003eDen återfuktar bara utifrån, och kan täppa till porer och orsaka finnar, och så fort du tvättar kommer torrheten tillbaka igen, som om du inte gjort någonting.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-dilemma-card harmony\"\u003e\n\u003ch4 class=\"neon-gold\"\u003eSnigelessens 96%\u003c\/h4\u003e\n\u003cp\u003eDen går in i hudens lager på några sekunder, behandlar torrhet från rötterna, fyller ut linjer och reparerar skadad hud, vilket ger dina händer verklig, bestående fräschör.\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;\"\u003eDirekta biologiska fördelar med produkten\u003c\/h3\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003eVad kommer essensdroppar att göra med din hud?\u003c\/h2\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.15rem; max-width: 820px; margin: 0 auto;\"\u003e\n                    Varje resultat du ser i spegeln har en kraftfull och effektiv naturlig ingrediens bakom sig:\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\"\u003eDet raderar effekterna av finnar och ärr\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag\"\u003eSnigelextrakt 96,3 %\u003c\/div\u003e\n\u003cp\u003eEn snabb behandling av gropar och spår av gamla finnar, så att de kommer tillbaka klara, med en slät konsistens och fria från fläckar.\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\"\u003eOmedelbar fyllning och återfuktande av ansiktet\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag\"\u003eRen hyaluronsyra\u003c\/div\u003e\n\u003cp\u003eDen drar in vatten i huden för att fylla ut fina linjer och ge dina händer ett fylligt, hälsosamt och återfuktat utseende hela dagen.\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\"\u003eDet lindrar rodnad och inflammation\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag mint\"\u003eLugnande panthenol\u003c\/div\u003e\n\u003cp\u003eOm din hud är känslig eller inflammerad från solen eller finnar, kommer den att lugna den och eliminera all rodnad eller klåda på några minuter.\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\"\u003eDet stramar upp huden och förhindrar rynkor\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag\"\u003eNaturligt kollagen\u003c\/div\u003e\n\u003cp\u003eDet stärker din hud och återställer dess elasticitet, gör den fastare och ungdomlig och fördröjer uppkomsten av ålderstecken.\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\"\u003eLjusna upp och förena ansiktsfärgen\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag mint\"\u003eNaturlig cellregenerering\u003c\/div\u003e\n\u003cp\u003eDen tar bort matthet och exfolierar döda celler mycket försiktigt, vilket gör den ljusare och återställer den till sin naturliga, enhetliga färg.\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\"\u003eDjup näring för porerna\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag\"\u003eNärande vitaminer\u003c\/div\u003e\n\u003cp\u003eDen levererar vitaminer till de djupaste lagren av huden, vilket gör den frisk och resistent mot nya problem och finnar.\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;\"\u003eHemligheten bakom produkten\u003c\/h3\u003e\n\u003ch2 class=\"cs-title-glow\" style=\"font-size: clamp(24px, 4.2vw, 36px);\"\u003eHur behandlar denna essens din hud?\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. Regenerering av skadade celler\u003c\/h4\u003e\n\u003cp\u003eSnigelformeln signalerar till dina hudceller att de bygger nytt kollagen snabbt, och det är detta som gör att finnarna läker och huden återgår len och stram på rekordtid.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eDet påskyndar läkningen av gamla och nya finnar.\u003c\/li\u003e\n\u003cli\u003eDet gör att huden återgår till sin naturliga elasticitet.\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. Fuktgivande avdunstar inte\u003c\/h4\u003e\n\u003cp\u003eAtt kombinera snigelextrakt med hyaluronsyra skapar en skyddande sköld som fångar vatten inuti, så att det förblir daggigt och glänsande hela dagen, oavsett hur torrt vädret är eller om du är i luftkonditionering.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eDin hud dricker upp det på några sekunder och det rengör inte dina porer.\u003c\/li\u003e\n\u003cli\u003eGlans och fräschör som sitter med dig hela dagen.\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;\"\u003eResultat i siffror\u003c\/h3\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003eVerkliga siffror från tjejers upplevelser runt om i världen\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\"\u003eOmedelbar återfuktning och mjukhet\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003eFrån första beröring på din hud\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\"\u003eMinskad effekt av piller\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003eEfter 4 veckors användning\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\"\u003eStärker hudbarriären\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003eStarkare skydd mot nya finnar\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\"\u003eNaturlig renhetsprocent\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003eDen högsta andelen snigelextrakt i världen\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\"\u003eUtmärkt betyg\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003eMed miljontals verkliga upplevelser\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;\"\u003eFörändringens resa\u003c\/h3\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003eVad händer med din hud efter att du har använt den?\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\"\u003eFrån första användningen\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eOmedelbar mjukhet och glans\u003c\/h4\u003e\n\u003cp\u003eDin hud dricker upp det på några sekunder, det finns ingen klibbighet och konsistensen är på väg att förbli väldigt slät och lysande hela tiden.\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);\"\u003eFörsta veckan\u003c\/div\u003e\n\u003ch4 class=\"neon-mint\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eLugna och trösta huden\u003c\/h4\u003e\n\u003cp\u003eRodnaden försvinner, och skorpor eller torrhet runt munnen och näsborrarna försvinner helt.\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);\"\u003eDen tredje veckan\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eLättare effekterna av finnar\u003c\/h4\u003e\n\u003cp\u003eMörka fläckar börjar bli ljusare, hudstrukturen blir jämnare och fina linjer reduceras kraftigt.\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\"\u003eAndra månaden och räknande\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eRen hud som Azaz\u003c\/h4\u003e\n\u003cp\u003eVaraktig fräschör, en stark hudbarriär och självförtroende som låter dig klara dig utan smink och njuta av din naturliga skönhet!\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;\"\u003eDet mest prisvärda och smartaste valet för din skönhet\u003c\/h3\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003eBesparingar och förmåner som säkerligen kommer att spara dig många produkter\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\"\u003eEn stor storlek som håller i månader\u003c\/h3\u003e\n\u003cp\u003eFörpackningen på 100 ml räcker för 3 till 5 månaders daglig användning.Bara två droppar räcker för hela ansiktet och halsen.\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\"\u003eDet sparar pengar och tid\u003c\/h3\u003e\n\u003cp\u003eJag behöver inte köpa ett fuktgivande serum och ett annat serum för att behandla finnar...båda i en väldigt kraftfull flaska.\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\"\u003eMycket naturligt och säkert\u003c\/h3\u003e\n\u003cp\u003eUtan irriterande lukt eller alkohol torkar den och är lätt att extrahera.Den extraheras utan att skada sniglar och är lämplig för känslig hud.\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\"\u003eHur man använder för snabba resultat\u003c\/h2\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 1.2rem; font-weight: 800;\"\u003eEnkla steg så att din hud drar nytta av varje droppe\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\u003eRengöring och toner\u003c\/h4\u003e\n\u003cp\u003eTvätta ansiktet, applicera ansiktsvatten och lämna huden lite fräsch så att essensen absorberas bättre och snabbare.\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\u003eBara två poäng\u003c\/h4\u003e\n\u003cp\u003eLägg ett eller två generösa tryck på din hand och fördela dem försiktigt på din nacke och nacke.\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\u003eLätt fyllighet\u003c\/h4\u003e\n\u003cp\u003eApplicera den mycket bekvämt tills din hud absorberar allt, applicera sedan din normala fuktkräm.\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;\"\u003eExpertråd för det magiska resultatet:\u003c\/h4\u003e\n\u003cp class=\"pure-white\" style=\"margin: 0; line-height: 1.85;\"\u003e\n\u003cstrong class=\"neon-mint\"\u003eHemligheten ligger i vattnet!\u003c\/strong\u003e Applicera den alltid medan din hud är lätt fuktig, aldrig på helt torr hud.Detta gör att hyaluronsyran och snigelextraktet drar vatten djupt in i dina celler och fördubblar återfuktningen och friskheten på ett sätt som du inte skulle tro!\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                    Ingredienslista (INCI)\n                \u003c\/h3\u003e\n\u003cp style=\"font-family: monospace; font-size: 0.9rem; line-height: 1.8; color: #ffffff;\"\u003e\n\u003cstrong class=\"neon-gold\"\u003eSnail Secretion Filtrate (96.3%)\u003c\/strong\u003e, Betaine, Butylene Glycol, 1,2-Hexanediol, \u003cstrong class=\"neon-gold\"\u003eSodium Hyaluronate (1,000 ppm)\u003c\/strong\u003e, Panthenol, \u003cstrong class=\"neon-mint\"\u003eAllantoin\u003c\/strong\u003e, Phenoxyethanol, Ethyl Hexanediol, Carbomer, \u003cstrong class=\"neon-gold\"\u003eArginine\u003c\/strong\u003e.\n                \u003c\/p\u003e\n\u003cdiv style=\"margin-top: 14px; text-align: left; direction: ltr;\"\u003e\n\u003cp style=\"color: #ffffff; font-size: 0.9rem; font-weight: 600;\"\u003e\n                        * 100 % ren formula som är helt fri från syntetiska dofter, stark alkohol, parabener och mineraloljor.Idealisk för alla hudtyper, även känsliga och aknebenägna.\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;\"\u003eBeställ den ursprungliga essensen nu\u003c\/p\u003e\n\u003ch2 class=\"cs-title-glow\" style=\"font-size: clamp(24px, 4.5vw, 36px); margin-bottom: 20px;\"\u003e\n                Ge din hud en chans att bli seriöst förnyad och upplyst igen\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                Istället för att slösa dina pengar på ytliga återfuktande krämer som lämnar ärr och torrhet som de är, prova kraften i det rena snigelextraktet, som har förändrat utseendet på huden på miljontals tjejer runt om i världen.\n            \u003c\/p\u003e\n\u003ca class=\"cs-gold-btn\" href=\"#\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'}); return false;\"\u003eBeställ den nu och börja rutinen\u003c\/a\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c!-- Section --\u003e\n\u003cscript\u003e\n        document.addEventListener('DOMContentLoaded', function() {\n            const reveals = document.querySelectorAll('.cs-reveal');\n            \n            const observerOptions = {\n                root: null,\n                threshold: 0.08,\n                rootMargin: \"0px 0px -40px 0px\"\n            };\n\n            const scrollObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('cs-active');\n                        observer.unobserve(entry.target); \n                    }\n                });\n            }, observerOptions);\n\n            reveals.forEach(el =\u003e {\n                scrollObserver.observe(el);\n            });\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e\n```eof","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 Hyaluronsyra 3 % |Ceramider |Naturliga fuktgivande faktorer |Hudfuktighetskräm |Skrynkelfyllare","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\u003eUttorkningsutmaningen börjar här: återfuktad, fast och glödande hud\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eDin hud skriker efter att förlora sin fräschör, och varje dag som går utan behandling gör problemet djupare och svårare att vända.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eVisste du att för tidiga rynkor inte bara är en naturlig förändring?Det är snarare ett bevis på en försämring av din huds vitala fuktbarriär.Dessa linjer är inte bara passerande märken;De är varningar om att din hud börjar förlora sin förmåga att behålla fukt och elasticitet.För varje dag som går utan effektiv återfuktning blir dessa märken djupare och svårare att behandla.Kom ihåg att rynkor börjar dyka upp när huden saknar ordentlig vård;Eventuell brist på fukt kan förvandlas till linjer och rynkor som inte försvinner lätt.Ge din hud den styrka den behöver med hyaluronsyra och återställ dess vitalitet innan det är för sent.\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\u003eEn innovation som går utöver traditionella fuktkrämer:\u003c\/h3\u003e\n\u003cp\u003eDe flesta produkter återfuktar bara, men detta serum fungerar som:\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\"\u003eEn naturlig reformator\u003c\/div\u003e\n\u003cp\u003eÅterställer hudens skyddande barriär, vilket gör den starkare och mer motståndskraftig mot skador.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-title\"\u003eHudtexturförbättrare\u003c\/div\u003e\n\u003cp\u003eTar bort grov hudstruktur och gör den silkeslen efter första användningen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-title\"\u003eMotverkar kronisk uttorkning\u003c\/div\u003e\n\u003cp\u003eBehandlar torrhet vid rötterna samtidigt som det ger ett långvarigt skydd som varar i timmar.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eEn lyxig känsla vid varje användning:\u003c\/h3\u003e\n\u003cp\u003eDess unika konsistens är olik någon produkt du har provat tidigare.Formulan är lätt, absorberas lätt, men omsluter din hud i en filt av mjukhet och komfort som håller hela dagen.\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\u003eVad gör COSRX Hyaluronic Acid Intensive Cream speciell?\u003c\/h2\u003e\n\u003c!-- First Info Block --\u003e\n\u003cdiv class=\"info-block\"\u003e\n\u003ch3 class=\"info-title\"\u003e1. Kraftfull blandning av NMF (aminosyrakomplex):\u003c\/h3\u003e\n\u003cp\u003eNatural Moisturizing Factors (NMF) inkluderar en grupp aminosyror som efterliknar de naturliga elementen som finns i huden, som arbetar för att:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eÅterfukta huden på djupet:\u003c\/strong\u003e Aminosyror hjälper huden att behålla vatten, vilket ger den naturlig fräschör och elasticitet.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReparera hudbarriären:\u003c\/strong\u003e Denna förening förbättrar hudens förmåga att skydda mot miljöpåverkan och torrhet.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÖkad mjukhet:\u003c\/strong\u003e Med regelbunden användning minskar den grov hudstruktur och återbalanserar naturliga återfuktningsnivåer.\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. Ceramider: Det sista bålverket mellan din hud och åldrande faktorer\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eNär hudbarriären bryts ner börjar din hud en oåterkallelig resa mot torrhet och förlust av lyster\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eUtan en stark barriär kommer varje fiende av din hud att invadera den skoningslöst. \u003c\/strong\u003eNormal hud innehåller \u003cstrong\u003eCeramider\u003c\/strong\u003e Som en väsentlig del av den skyddande barriären som håller kvar fukt och förhindrar att den försvinner.\u003c\/p\u003e\n\u003cp\u003eNär dessa ceramider går förlorade leder det till kollaps av hudbarriären, förlust av fukt och fräschör och utsätter huden för miljöfaktorer som orsakar åldrande.Utan detta stöd förvandlas huden till ett slagfält, där tecken på stress och åldrande accelererar.Kommer det att lämna din hud exponerad och sårbar för skador?\u003c\/p\u003e\n\u003cp\u003eSerumet innehåller en hög koncentration av ceramider som hjälper din hud att återställa sin skyddande sköld och förhindrar att skadliga ämnen tränger in i de djupare skikten av din hud.\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. Återfuktar upp till 2,5 ml under hudens yta\u003c\/h3\u003e\n\u003cp\u003eFormulan använder en kraftfull koncentration av hyaluronsyra som återfuktar på djupet över alla hudlager och når ett djup som är oöverträffat i alla fuktkrämer.Denna formula penetrerar de djupaste cellerna i din hud för att ge effektiv återfuktning på alla nivåer av huden.\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\"\u003eExtern epidermis\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-layer dermis\"\u003e\n\u003cspan class=\"layer-label\"\u003eDermis\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-layer hypodermis\"\u003e\n\u003cspan class=\"layer-label\"\u003eUnder 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\"\u003eInträngningsdjup: 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\u003eVarje droppe återuppbygger din hud inifrån\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eEn liten droppe... en enorm effekt: fullständig återfuktning av huden med bara en liten mängd\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eTack vare COSRX:s hyaluroniska serumformel behöver du bara en mycket liten mängd för att täcka hela ansiktet.Den koncentrerade, effektiva formulan fungerar intelligent för att distribuera fukt djupt in i varje lager av din hud, vilket ger dig märkbara resultat utan att slösa bort produkten.\u003c\/p\u003e\n\u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n\u003ch3\u003eHur man använder:\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\"\u003eRengör huden väl med ett rengöringsmedel som passar din hudtyp\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\"\u003eApplicera några droppar serum på ren, lätt fuktig hud\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\"\u003eSprid försiktigt ut serumet med fingertopparna i mjuka cirkulära rörelser\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\"\u003eFölj med en fuktgivande kräm för att låsa in fukt i huden (valfritt)\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\"\u003eAnvänd serumet två gånger om dagen, morgon och kväll, för bästa resultat\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\u003eDen idealiska lösningen för törstig hud för djup återfuktning och kontinuerlig fräschör\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eVäck din hud tillbaka till liv nu!\u003c\/strong\u003e\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eKöp nu\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 Niacinamid 15 % |Porespecialist |lätta |Reglerande oljor","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\u003eDen perfekta substansen som förändrade hudvården... nu i högsta möjliga koncentration\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;\"\u003eUpptäck skillnaden med hög koncentration\u003c\/h3\u003e\n\u003cp\u003eDu har säkert provat niacinamid förut, men aldrig i denna koncentration på 15 %, vilket kommer att utmana allt du vet om hudvård.Dess effekt är starkare än någonsin mot orenheter, och den arbetar för att krympa porerna med oöverträffad effektivitet.\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\u003eMelaninbalanserande formel utmanar även den tuffaste pigmenteringen\u003c\/h2\u003e\n\u003cdiv class=\"info-section\"\u003e\n\u003cp\u003eDenna formel är mycket specialiserad på att balansera melaninproduktionen.När huden utsätts för miljöfaktorer ökar melaninproduktionen ojämnt, vilket leder till uppkomsten av dessa irriterande pigmenteringar som märkbart påverkar ditt utseende.\u003c\/p\u003e\n\u003cp\u003eDenna formel balanserar pigmentproduktionen, vilket leder till en enande hudton och uppnår en klar, pigmentfri hud.\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\u003eLider du av stora porer?Detta är den ultimata lösningen\u003c\/h2\u003e\n\u003cp\u003eBli av med de där irriterande stora porerna som gör att du ser äldre ut än dina år och absorberar damm och skadliga miljöfaktorer och för dem djupt in i huden.\u003c\/p\u003e\n\u003cp\u003eSerumet rengör och renar hudens porer och minskar oljeutsöndringen, vilket minskar storleken på porerna osynligt och får din huds struktur att se ut som glas... bokstavligen!\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\"\u003eKrympa porerna\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eEn koncentration på 15 % av niacinamid reglerar utsöndringen av oljor och krymper stora porer mycket effektivt\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\"\u003eEnande hudton\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eDen behandlar pigmentering och förenar hudtonen genom att reglera produktionen av melaninpigment\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\"\u003eBekämpa akne\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eDet minskar inflammation och förebygger akne genom att reglera talgsekretionen\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\u003eÅteruppbygger hudens struktur\u003c\/h2\u003e\n\u003cp\u003eNiacinamidserum hjälper inte bara att bekämpa akne, utan det bidrar också till att förbättra hudens övergripande struktur och göra den mjukare och mer elastisk.\u003c\/p\u003e\n\u003cp\u003eDet är mer än bara ett serum, det är en fullständig föryngring av din hud.\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\u003eFarväl till whiteheads och blackheads\u003c\/h2\u003e\n\u003cp\u003eWhiteheads och pormaskar bildas när olja och talg samlas inuti porerna och blockerar dem eller interagerar med luften.COSRX Niacinamide Serum arbetar för att minska porstorleken och reglera talgsekretionen, vilket förhindrar ansamling av olja och smuts.Det hjälper också till att förnya hudceller och skonsamt exfoliera dem, vilket förhindrar tilltäppta porer och effektivt behandlar vita och svarta huvuden.\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\u003eDet är en drömprodukt för fet hud\u003c\/h2\u003e\n\u003cdiv class=\"featured-section\"\u003e\n\u003cp\u003eOm du har fet eller kombinerad hud känner du förmodligen till utmaningarna med att hantera överflödig olja och förstorade porer.Men med COSRX Niacinamide Serum 15% kan du nu uppnå en klar, fastare hud utan att behöva oroa dig för överskott av glans eller problem i samband med talgsekretion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2\u003eOmfattande skydd mot tidselementen...behandling och förebyggande i en formula\u003c\/h2\u003e\n\u003cp\u003eTiden förbarmar inte din hud.Varje dag vi utsätts för skadliga miljöfaktorer är ett större steg mot för tidigt åldrande\u003cbr\/\u003eLämna inte din hud ensam i dess krig mot tiden\u003c\/p\u003e\n\u003cp\u003eDin hud bör vara beväpnad med en skyddande sköld av niacinamid!Niacinamid i denna högkoncentrerade formula skyddar huden från oxidanter som orsakar för tidigt åldrande!\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\"\u003eHur använder du det?\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\"\u003eRengöring av huden\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\"\u003eApplicera toner\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eSerumapplikation\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\"\u003eFuktgivande kräm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-box\"\u003e\n\u003cp\u003eApplicera Niacinamide Serum 15% morgon och kväll på ren hud före andra krämer eller oljor.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eObs\u003c\/strong\u003e: Det är inte att föredra att använda det samtidigt med produkter som innehåller ren C-vitamin (askorbinsyra).\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\u003eDen perfekta lösningen för stora porer och ojämn hudton\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eKöp nu\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":"Anua hjärtbladsextrakt 77% |Hudlindrande ansiktsvatten |Behandling för rodnad och finnar Moisturizer","description":"\u003ch3\u003e\u003cstrong\u003eAnua Heartleaf 77% Soothing Toner: Den perfekta koreanska lösningen för din hud\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eDetta är inte bara en vanlig ansiktsvatten, utan en avancerad formula som direkt riktar sig mot hudproblem och hjälper till att återställa dess fräschör och hälsa:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRodnad och irritation?\u003c\/strong\u003e Tonern lugnar huden tack vare att den innehåller 77 % hjärtväxtextrakt (Houttuynia Cordata), känt för sina lugnande och antiinflammatoriska egenskaper.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcne?\u003c\/strong\u003e Minskar uppkomsten av finnar och förfinar porerna för klar, fläckfri hud.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTorr och matt hud?\u003c\/strong\u003e Ger djup återfuktning och ger huden ett strålande och daggigt utseende.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSvag hudbarriär?\u003c\/strong\u003e Återställer styrkan i huden och skyddar den från skadliga miljöfaktorer.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eÅterställ hudens naturliga balans med ett idealiskt pH (pH 5,5)\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eOm din hud är ur balans på grund av miljöfaktorer eller hårda produkter är Anua Heartleaf Toner den perfekta lösningen för dig.Tack vare sin rika formel med ett balanserat pH på 5,5, återställer denna toner naturligt balansen till din hud och bibehåller sin vattenbarriär utan att påverka hudens naturliga skyddslager.Vid den perfekta koncentrationen rengör den försiktigt huden och låter den kännas fräsch och återfuktad.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eÄr din hud känslig?Här är den perfekta naturliga lösningen\u003c\/strong\u003e\u003cbr\/\u003eOm du har känslig hud som reagerar snabbt på kemiska produkter eller irriterande ämnen är Anua Heartleaf toner den perfekta lösningen för dig.Tack vare hjärtväxtextrakt, känt för sina lugnande och antiinflammatoriska egenskaper, hjälper denna toner till att minska rodnad och irritation orsakad av yttre faktorer som föroreningar och solljus.Den regelbundna användningen lugnar huden och gör att du känner dig bekväm och fräsch hela dagen.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eMaximal koncentration av växten är bäst för att lugna irriterad hud\u003c\/strong\u003e\u003cbr\/\u003eHjärtextrakt (Houttuynia Cordata) är huvudingrediensen i denna toner med en koncentration på 77%.Denna växt är en av de mest effektiva växterna för att lugna irriterad hud tack vare dess antibakteriella och antiinflammatoriska egenskaper.Den minskar effektivt svullnad och rodnad orsakad av vardagliga hudproblem som akne och irritation orsakad av hårda produkter.Få ut det mesta av denna naturliga ingrediens i din hudvård med Anua Toner.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eDet är som hälsosam mat för din hud\u003c\/strong\u003e\u003cbr\/\u003ePrecis som din kropp behöver hälsosam näring för att balansera och förbli aktiv, behöver din hud naturliga element för att förbli mjuk och frisk.Med en formel berikad med hjärtextrakt och hyaluronsyra, ger Anua toner all den återfuktning och lugnande din hud behöver, och lämnar den strålande och levande hela dagen lång.Det är som mat som ger näring till din hud från insidan, arbetar för att förnya dess celler och skydda den från skadliga miljöfaktorer.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eHjärtväxtextrakt (Houttuynia Cordata):\u003c\/strong\u003e\u003cbr\/\u003eHeartleaf-extrakt är en av de aktiva naturliga ingredienserna som används i Anua Heartleaf 77% Soothing Toner.Denna växt, även känd som hutuya, har fantastiska egenskaper som gör den idealisk för trött och irriterad hud.Här är varför hjärtväxtextrakt är huvudingrediensen i denna toner:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eLugna irriterad hud:\u003c\/strong\u003e Heartplant är känt för sin överlägsna förmåga att lugna trött och irriterad hud.Den innehåller antiinflammatoriska föreningar som minskar rodnad och irritation orsakad av miljöfaktorer eller användning av hårda produkter.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eAntibakteriella egenskaper:\u003c\/strong\u003e Hjärtväxtextrakt hjälper till att minska tillväxten av bakterier som orsakar hudinfektioner och akne.Därför är den idealisk för hud som är utsatt för dessa problem.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eFrämjar hudens övergripande hälsa:\u003c\/strong\u003e Växten innehåller antioxidantkomponenter som bekämpar fria radikaler och minskar effekterna av för tidigt åldrande.Det bidrar också till hudens föryngring och förbättrar dess elasticitet.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eÅterfuktar huden:\u003c\/strong\u003e Hjärtväxten är en naturlig källa som förbättrar nivån av återfuktning i huden, vilket gör den mjuk och permanent återfuktad.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cstrong\u003eBeprövade resultat:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003e97 % av användarna\u003c\/strong\u003e De bekräftade att de minskade rodnad inom den första veckan efter användning.\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e92 % kände en betydande förbättring av hudens återfuktningsnivå.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e90 % märkte en mjukare, friskare hud.\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cstrong\u003eHur man använder:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003col\u003e\n\u003cli\u003eEfter att du har rengjort ditt ansikte, lägg en lämplig mängd ansiktsvatten på en bomullsrondell eller på händerna.\u003c\/li\u003e\n\u003cli\u003eTorka eller klappa försiktigt din hud så att tonern absorberas.\u003c\/li\u003e\n\u003cli\u003eFölj med din vanliga hudvårdsrutin.\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 Allt-i-ett-kräm - Ultrahydrerande reparationskräm med 92 % snigelsekretion","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\"\u003eSnigelcreme 92 från COSRX\u003cbr\/\u003e\u003cspan class=\"cx-text-accent\"\u003eDet biologiska miraklet med hudrestaurering\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cdiv class=\"cx-highlight-box cx-reveal delay-1\"\u003e\n\u003cp\u003eDen ultimata lösningen för att få Glass Skin!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"cx-subtitle cx-reveal delay-1\"\u003e\n                Om du fick höra att hemligheten till ren, felfri hud ligger i en naturlig och innovativ substans... skulle du våga prova det?Miljontals runt om i världen har övervunnit denna tvekan, och resultatet har blivit finnarfri hud och en stark barriär som inte kan penetreras av torrhet.\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\"\u003eBiologisk hemlighet: Varför anses \"snigelgelé\" vara ett mirakel?\u003c\/h2\u003e\n\u003cp class=\"cx-subtitle cx-reveal\"\u003eDet är inte bara en traditionell fuktkräm som innehåller en liten andel aktiva ingredienser;Det är snarare en restaureringsbomb som innehåller 92 % rent gelextrakt.\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                        Föreställ dig en varelse som kryper på stenar och taggar hela sitt liv utan att slita i skinnet... Hur kommer det sig?\n                    \u003c\/p\u003e\n\u003cp style=\"font-size: 1.05rem; color: var(--cx-text-muted); margin-bottom: 20px;\"\u003e\n                        Forskare har upptäckt att snigeln utsöndrar en gel som fungerar som en \"omedelbar terapeutisk sköld.\"Denna gel är naturligt rik på hyaluronsyra, enzymer och antimikrobiella medel som läker sår och regenererar celler på några sekunder.\n                    \u003c\/p\u003e\n\u003cul class=\"cx-list\"\u003e\n\u003cli\u003eDet återställer skadade celler mycket snabbt.\u003c\/li\u003e\n\u003cli\u003eRaderar effekterna av finnar och minskar djupet av ytliga ärr.\u003c\/li\u003e\n\u003cli\u003eBygger hudbarriären mer effektivt än många syntetiska material.\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\"\u003eVarför har denna textur blivit besatthet nummer ett för skönhetsälskare?\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                De flesta hudfuktare är beroende av tunga oljor eller vaxer som täpper till porerna och orsakar utslag (särskilt för fet och kombinerad hud).Men den här krämen använder en strategi \u003cstrong\u003e\"Vattenbaserad cellulär restaurering\"\u003c\/strong\u003e.Den märkligt sega konsistensen är precis vad som gör den magisk;Det löser sig på några sekunder, absorberas i huden som en svamp och lämnar inga feta eller tilltäppta rester efter sig.\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. INGREDIENTS GRID (Dark Theme) --\u003e\n\u003cdiv class=\"cx-section cx-theme-dark\"\u003e\n\u003cdiv class=\"cx-ambient\"\u003e\n\u003cdiv class=\"cx-glow cx-glow-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-container\"\u003e\n\u003ch2 class=\"cx-title-section cx-reveal\"\u003eFreshness Map: Hur förändrar ingredienser din hud?\u003c\/h2\u003e\n\u003cp class=\"cx-subtitle cx-reveal\"\u003eEn koncentrerad och noggrant studerad formula som riktar sig mot alla hudproblem.\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\u003eSnigelgel (92 %)\u003c\/h3\u003e\n\u003ch4 style=\"color: var(--cx-primary); font-size: 1rem; margin-bottom: 10px;\"\u003eFelfri plast\u003c\/h4\u003e\n\u003cp\u003eHjälteingrediens.Ansvarig för att accelerera cellförnyelsen, radera effekterna av mörka och röda finnar och minska djupet av ärr för att lämna hudens yta helt slät.\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\u003eHyaluronsyra\u003c\/h3\u003e\n\u003ch4 style=\"color: var(--cx-primary); font-size: 1rem; margin-bottom: 10px;\"\u003eFin linje fylligare\u003c\/h4\u003e\n\u003cp\u003eEn återfuktningsmagnet som tränger djupt in i huden, låser in vatten i cellerna, vilket ger din hud den fyllighet som effektivt döljer fina linjer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-card\"\u003e\n\u003cdiv class=\"cx-icon-badge\"\u003e03\u003c\/div\u003e\n\u003ch3\u003ePanthenol och allantoin\u003c\/h3\u003e\n\u003ch4 style=\"color: var(--cx-primary); font-size: 1rem; margin-bottom: 10px;\"\u003eSköld för skydd och lugnande\u003c\/h4\u003e\n\u003cp\u003eLindrar omedelbart inflammation, eliminerar rodnad (utmärkt för känslig hud) och återuppbygger hudbarriären skadad av yttre faktorer.\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\u003eAdenosin\u003c\/h3\u003e\n\u003ch4 style=\"color: var(--cx-primary); font-size: 1rem; margin-bottom: 10px;\"\u003eAnti-aging vapen\u003c\/h4\u003e\n\u003cp\u003eDen förser huden med cellulär energi som hjälper till att förbättra hudens elasticitet och bekämpa tecken på åldrande för ett mer ungdomligt utseende.\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\"\u003eTransformationsschema\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\"\u003eFrån första veckan\u003c\/div\u003e\n\u003cp style=\"color: var(--cx-text-light); font-size: 1.05rem; margin: 0;\"\u003e\n                            Omedelbar djup vattnig återfuktning, försvinnande av torrhet och fjällning, en märkbar lugnande rodnad och uppkomsten av en \"glashud\"-glans vid absorption.\n                        \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-timeline-item\"\u003e\n\u003cdiv class=\"cx-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cx-timeline-content\"\u003e\n\u003cdiv class=\"cx-time-label\"\u003eEfter en månads användning\u003c\/div\u003e\n\u003cp style=\"color: var(--cx-text-light); font-size: 1.05rem; margin: 0;\"\u003e\n                            En stark hudbarriär som inte påverkas av yttre faktorer, en märkbar blekning av finnar och fläckar, en silkeslen struktur och fylliga fina linjer.\n                        \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"cx-title-section cx-reveal\"\u003eEn riktig investering...värde för priset\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\u003eJättestorlek (100 gram)\u003c\/h3\u003e\n\u003cp\u003eDen kommer i en mycket stor förpackning jämfört med traditionella ansiktskrämer, som ofta kommer i en storlek på endast 50 gram.\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\u003eEn liten droppe räcker\u003c\/h3\u003e\n\u003cp\u003eTack vare dess klibbiga och sega konsistens räcker det med en ärtstor prick för ansikte och hals.Förpackningen kommer att hålla i månader.\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\u003eMångsidig\u003c\/h3\u003e\n\u003cp\u003eEn allt-i-ett-produkt som eliminerar behovet av att använda ett fuktgivande serum och en annan barriärreparationskräm.Ett steg räcker.\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 och original\u003c\/h3\u003e\n\u003cp\u003eEn toppsäljande produkt över hela världen, den ger dig verkliga resultat till ett konkurrenskraftigt pris som är ojämförligt med dess många fördelar.\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\"\u003eRätta hur du använder\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);\"\u003eFörberedelse\u003c\/h3\u003e\n\u003cp\u003eAnvänd den på rengjord, lätt uttorkad hud (efter ansiktsvatten eller serum).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-card\" style=\"background: transparent; border: none; box-shadow: none;\"\u003e\n\u003cdiv class=\"cx-icon-badge\" style=\"margin: 0 auto 20px;\"\u003e02\u003c\/div\u003e\n\u003ch3 style=\"color: var(--cx-primary);\"\u003eKvantitet\u003c\/h3\u003e\n\u003cp\u003eTa en liten mängd (du kommer att märka dess innovativa klibbiga gummiliknande textur, oroa dig inte).\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);\"\u003ePlumpighet\u003c\/h3\u003e\n\u003cp\u003eGnugga inte den kraftigt, bred ut den genom att klappa tills den löses upp och absorberas helt inom 30 sekunder.\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);\"\u003eDen globala trenden som ständigt tar slut på marknader\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.15rem; max-width: 750px; margin: 0 auto 30px; color: var(--cx-text-light);\"\u003e\n                    Lämna inte din hud som lider av torrhet eller finnar medan det koreanska biologiska miraklet är till hands.Denna kräm uppnår enorm försäljning globalt och säljer slut mycket snabbt. \u003cstrong\u003eBeställ nu och vakna upp imorgon med återfuktad, klar och strålande hud!\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\"\u003eSkaffa glashud nu\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;\"\u003eFullständig ingredienslista\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 Retinol Serum 0,5% + Skvalen |Anti-rynkor |Förbättra hudens elasticitet","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...den okända soldaten i kampen mot tecken på åldrande\u003c\/h2\u003e\n\u003cp\u003eHar du någonsin sett dig i spegeln och känt att tiden börjar sätta spår på din hud?Fina linjer smyger sig sakta in, porerna ser större ut, hudstrukturen känns inte längre lika smidig som den brukade göra?\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLåt inte tiden styra dig\u003c\/strong\u003e\u003cbr\/\u003eÅldrande är inte en ursäkt för att acceptera dessa förändringar, utan snarare en utmaning som du kan övervinna.\u003c\/p\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Retinol Serum\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_retinol_0.5_in_squalene_serum.png?v=1745156607\"\/\u003e\n\u003c\/div\u003e\n\u003ch3\u003eLösningen?Retinol Serum 0,5% från COSRX\u003c\/h3\u003e\n\u003cp\u003eDen bästa retinolprodukten i världen, noggrant designad för att inrikta sig på även de mest subtila hudproblemen, från djupa rynkor och fina linjer till grov hudstruktur och förlust av elasticitet.\u003c\/p\u003e\n\u003c!-- Features Section --\u003e\n\u003ch3\u003eVarför är denna formel en av de bästa retinolformlerna?\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\u003eExceptionell koncentration av ren retinol\u003c\/h4\u003e\n\u003cp\u003eDenna produkt innehåller \u003cstrong\u003e0,5 % koncentration av ren retinol\u003c\/strong\u003eDet är en av de högsta koncentrationerna som finns på marknaden.Retinol är notoriskt svårt att formulera i så höga koncentrationer, vilket kräver exakta tekniker för att bibehålla dess stabilitet och säkerställa dess effektivitet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✿\u003c\/div\u003e\n\u003ch4\u003eMild formula som inte orsakar hudirritation\u003c\/h4\u003e\n\u003cp\u003eTill skillnad från traditionella retinolformler som kan leda till hudirritation och rodnad, innehåller denna produkt en unik blandning av lugnande ingredienser som gör den skonsam även på känslig hud.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e💧\u003c\/div\u003e\n\u003ch4\u003eLätt konsistens och snabb absorption\u003c\/h4\u003e\n\u003cp\u003eMed en lätt, silkeslen oljestruktur absorberas den lätt i huden utan att lämna några feta rester, vilket gör den idealisk som ett viktigt steg i din nattrutin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch4\u003eDjup återfuktning med vegetabilisk squalene\u003c\/h4\u003e\n\u003cp\u003eProdukten innehåller \u003cstrong\u003eSkvalen utvunnet från växter\u003c\/strong\u003e, som fungerar som en kraftfull fuktighetskräm som förhindrar torrhet till följd av användning av retinol, och håller huden återfuktad och mjuk hela natten.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch4\u003eTokotrienol (super vitamin E)\u003c\/h4\u003e\n\u003cp\u003eReducerar avsevärt skador på fria radikaler och förbättrar hudens övergripande utseende, förbättrar effektiviteten av Retinol och säkerställer omfattande resultat.\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=\"Resultat av användning av retinolserum\" 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\u003eImponerande kliniska resultat!\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e18,4% förbättring av näs- och läpplinjer på bara 4 veckor\u003c\/strong\u003e (Bekräftat genom laboratorieförsök).\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\u003eGradvis användning, exceptionell effekt\u003c\/h3\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item left\"\u003e\n\u003ch4\u003eVecka 1-2\u003c\/h4\u003e\n\u003cp\u003eBörja långsamt för att låta din hud anpassa sig.Använd produkten en gång i veckan först, sedan två gånger i veckan från och med den andra veckan.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item right\"\u003e\n\u003ch4\u003eVecka 3-4\u003c\/h4\u003e\n\u003cp\u003eÖka frekvensen till 3 gånger i veckan.Du kommer att märka en förbättring av hudens struktur och en minskning av initiala fina linjer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item left\"\u003e\n\u003ch4\u003eVecka 5-8\u003c\/h4\u003e\n\u003cp\u003eAnvänd produkten dagligen eller som tolereras av din hud.Du kommer att märka en tydlig förbättring av hudens elasticitet och fräschör.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item right\"\u003e\n\u003ch4\u003eFrån vecka 8 och framåt\u003c\/h4\u003e\n\u003cp\u003eNjut av förnyad, fräsch hud, fri från rynkor och tecken på åldrande!\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 retinololja 0,5 %\u003c\/h3\u003e\n\u003cp\u003eInte bara ytterligare en hudvårdsprodukt, det är en avancerad vetenskaplig innovation som ger dig synliga resultat utan att kompromissa med din huds komfort.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eBörja nu och bekämpa tidens tecken!\u003c\/strong\u003e\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eKöp nu\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 The 6 Peptide Skin Booster Serum - Multi-Peptide Total Skin Reset \u0026 Barriär Förnyelse","description":"\u003cscript\u003e\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Fade-in animation for elements as they come into view\n            const animatedElements = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in');\n            \n            const observer = new IntersectionObserver((entries) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        setTimeout(() =\u003e {\n                            entry.target.classList.add('visible');\n                        }, 100);\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, {\n                threshold: 0.1,\n                rootMargin: '0px 0px -50px 0px'\n            });\n            \n            animatedElements.forEach(el =\u003e {\n                observer.observe(el);\n            });\n            \n            \/\/ Count-up animation for percentage numbers\n            const countUpElements = document.querySelectorAll('.count-up');\n            \n            const countObserver = new IntersectionObserver((entries) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        const element = entry.target;\n                        const finalValue = parseFloat(element.getAttribute('data-value'));\n                        \n                        let startTime;\n                        const duration = 2000; \/\/ 2 seconds\n                        \n                        function animate(currentTime) {\n                            if (!startTime) startTime = currentTime;\n                            \n                            const elapsedTime = currentTime - startTime;\n                            const progress = Math.min(elapsedTime \/ duration, 1);\n                            \n                            const currentValue = progress * finalValue;\n                            element.textContent = currentValue.toFixed(1) + '%';\n                            \n                            if (progress \u003c 1) {\n                                requestAnimationFrame(animate);\n                            }\n                        }\n                        \n                        requestAnimationFrame(animate);\n                        countObserver.unobserve(element);\n                    }\n                });\n            }, {\n                threshold: 0.5\n            });\n            \n            countUpElements.forEach(el =\u003e {\n                countObserver.observe(el);\n            });\n        });\n    \u003c\/script\u003e\u003cdiv class=\"cosrx-peptide-section\"\u003e\n\u003cstyle\u003e\n        .cosrx-peptide-section * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        .cosrx-peptide-section {\n            max-width: 1200px;\n            margin: 40px auto;\n            padding: 20px;\n            direction: ltr;\n            font-family: inherit;\n            color: #333;\n        }\n        \n        .peptide-header {\n            text-align: center;\n            margin-bottom: 50px;\n        }\n        \n        .peptide-title {\n            font-size: 1.8rem;\n            color: #9C8102;\n            margin-bottom: 20px;\n            font-weight: 700;\n        }\n        \n        .peptide-subtitle {\n            font-size: 1.1rem;\n            line-height: 1.6;\n            color: #555;\n            max-width: 800px;\n            margin: 0 auto;\n        }\n        \n        .peptide-content {\n            margin-bottom: 60px;\n        }\n        \n        .peptide-section-title {\n            font-size: 1.5rem;\n            font-weight: 700;\n            color: #9C8102;\n            margin-bottom: 20px;\n            text-align: center;\n        }\n        \n        .peptide-text {\n            font-size: 1rem;\n            line-height: 1.7;\n            color: #444;\n            margin-bottom: 20px;\n        }\n        \n        .peptide-image {\n            width: 100%;\n            border-radius: 10px;\n            margin: 30px 0;\n            display: block;\n        }\n        \n        .peptide-benefits {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 20px;\n            margin: 40px 0;\n        }\n        \n        .benefit-card {\n            background-color: #f2f2f2;\n            border-radius: 10px;\n            padding: 20px;\n            box-shadow: 0 3px 10px rgba(0,0,0,0.05);\n        }\n        \n        .benefit-card:hover {\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n        }\n        \n        .benefit-title {\n            font-weight: 700;\n            margin-bottom: 10px;\n            color: #9C8102;\n            font-size: 1.1rem;\n        }\n        \n        .peptide-list {\n            list-style-type: disc;\n            padding-right: 20px;\n            margin: 20px 0;\n        }\n        \n        .peptide-list li {\n            margin-bottom: 15px;\n            line-height: 1.6;\n        }\n        \n        .result-cards {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 20px;\n            margin: 30px 0;\n        }\n        \n        .result-card {\n            background-color: #f2f2f2;\n            border-radius: 10px;\n            padding: 20px;\n            text-align: center;\n            box-shadow: 0 3px 10px rgba(0,0,0,0.05);\n        }\n        \n        .result-percentage {\n            font-size: 2rem;\n            font-weight: 700;\n            color: #c3a300;\n            margin-bottom: 10px;\n        }\n        \n        .result-text {\n            font-size: 0.95rem;\n            color: #555;\n        }\n        \n        .how-to-use {\n            background-color: #f2f2f2;\n            border-radius: 10px;\n            padding: 25px;\n            margin-top: 40px;\n        }\n        \n        .how-to-use h3 {\n            margin-bottom: 15px;\n            font-weight: 700;\n            font-size: 1.2rem;\n            color: #c3a300;\n        }\n        \n        .how-to-use ol {\n            padding-right: 25px;\n        }\n        \n        .how-to-use li {\n            margin-bottom: 10px;\n            line-height: 1.5;\n        }\n        \n        \/* Animation classes *\/\n        .fade-in {\n            opacity: 0;\n            transform: translateY(20px);\n            transition: opacity 0.8s ease, transform 0.8s ease;\n        }\n        \n        .fade-in.visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n        \n        .slide-in-right {\n            opacity: 0;\n            transform: translateX(50px);\n            transition: opacity 0.8s ease, transform 0.8s ease;\n        }\n        \n        .slide-in-right.visible {\n            opacity: 1;\n            transform: translateX(0);\n        }\n        \n        .slide-in-left {\n            opacity: 0;\n            transform: translateX(-50px);\n            transition: opacity 0.8s ease, transform 0.8s ease;\n        }\n        \n        .slide-in-left.visible {\n            opacity: 1;\n            transform: translateX(0);\n        }\n        \n        .scale-in {\n            opacity: 0;\n            transform: scale(0.9);\n            transition: opacity 0.8s ease, transform 0.8s ease;\n        }\n        \n        .scale-in.visible {\n            opacity: 1;\n            transform: scale(1);\n        }\n        \n        .count-up {\n            display: inline-block;\n        }\n        \n        \/* Shine effect for cards *\/\n        .benefit-card, .result-card {\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .benefit-card::after, .result-card::after {\n            content: '';\n            position: absolute;\n            top: -50%;\n            left: -50%;\n            width: 200%;\n            height: 200%;\n            background: linear-gradient(\n                to right,\n                rgba(255, 255, 255, 0) 0%,\n                rgba(255, 255, 255, 0.3) 50%,\n                rgba(255, 255, 255, 0) 100%\n            );\n            transform: rotate(30deg);\n            transition: transform 0.7s ease;\n            opacity: 0;\n        }\n        \n        .benefit-card:hover::after, .result-card:hover::after {\n            opacity: 1;\n            transform: rotate(30deg) translate(100%, -100%);\n        }\n        \n        @media (max-width: 768px) {\n            .peptide-benefits,\n            .result-cards {\n                grid-template-columns: 1fr;\n            }\n            \n            .peptide-title {\n                font-size: 1.5rem;\n            }\n            \n            .peptide-section-title {\n                font-size: 1.3rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"peptide-header fade-in\"\u003e\n\u003ch2 class=\"peptide-title\"\u003eCOSRX 6 Peptide Skin Booster Serum\u003c\/h2\u003e\n\u003cp class=\"peptide-subtitle\"\u003eEn avancerad produkt som innehåller 6 kraftfulla peptider för att heltäckande föryngra och förbättra hudens utseende\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peptide-content\"\u003e\n\u003ch3 class=\"peptide-section-title fade-in\"\u003eVarför är peptider ledordet?\u003c\/h3\u003e\n\u003cp class=\"peptide-text fade-in\"\u003ePeptider är kedjor av aminosyror som är nyckeln till hudreparation och regenerering.Men styrkan hos peptider ligger i deras mångsidighet.\u003cbr\/\u003eDet är därför laget \u003cspan class=\"highlight\"\u003eCOSRX\u003c\/span\u003e Genom att skapa en fantastisk formel som innehåller \u003cspan class=\"highlight\"\u003e6 typer av peptider\u003c\/span\u003eDesignad för att rikta in dig på alla problem du kan ha:\u003c\/p\u003e\n\u003cul class=\"peptide-list fade-in\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eÅterställ hudens elasticitet:\u003c\/strong\u003e Farväl till sjunkande.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMinska djupa rynkor och fina linjer:\u003c\/strong\u003e Få ditt ansikte att se år yngre ut.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMinska porerna och få en slät hud:\u003c\/strong\u003e För de små detaljerna gör skillnaden.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDubbel återfuktning utan att kännas tung:\u003c\/strong\u003e Din hud kommer att andas igen.\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\"\u003eEn enda produkt kommer att spara dig behovet av komplicerade och dyra rutiner\u003c\/h3\u003e\n\u003cp class=\"peptide-text\"\u003eMed \u003cspan class=\"highlight\"\u003eCOSRX 6 Peptide Skin Booster Serum\u003c\/span\u003eDu behöver inte längre en samling av flera produkter som belastar dig och kostar dig mycket pengar.Denna avancerade produkt innehåller 6 effektiva peptider som behandlar olika hudproblem i bara ett steg.\u003c\/p\u003e\n\u003cp class=\"peptide-text\"\u003eTack vare den integrerade serumformeln kan du klara dig utan toner, serum och andra produkter, vilket sparar tid och pengar.Skönhet och hudvård kräver inte längre en komplicerad rutin.COSRX 6 Peptide Serum är allt du behöver för en frisk, föryngrad hud.\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 peptider arbetar i harmoni för att återställa din huds ungdomlighet\u003c\/h3\u003e\n\u003cp class=\"peptide-text\"\u003eFöreställ dig att din hud får den bästa möjliga behandlingen tack vare en omfattande blandning av 6 kraftfulla peptider som samverkar för att föryngra och förbättra din huds utseende.Från att förbättra hudens elasticitet och minska rynkor till toning och cellförnyelse, dessa peptider stimulerar huden att reparera sig själv naturligt.\u003c\/p\u003e\n\u003cp class=\"peptide-text\"\u003eVar och en av de 6 peptiderna arbetar för att lösa ett specifikt problem: minskar fina linjer, förbättrar hudens struktur, bekämpar pigmentering och föryngrar huden.Resultatet?Fastare, slätare, strålande hud, med synliga framsteg i hudföryngring.\u003c\/p\u003e\n\u003cdiv class=\"peptide-benefits\"\u003e\n\u003cdiv class=\"benefit-card slide-in-left\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eBekämpa tecken på åldrande\u003c\/h4\u003e\n\u003cp\u003ePeptider stimulerar produktionen av kollagen och elastin, vilket hjälper till att minska rynkor och återställa hudens ungdomlighet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card slide-in-right\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eDjupt återfuktande av huden\u003c\/h4\u003e\n\u003cp\u003ePeptider arbetar med hyaluronsyra för att ge intensiv återfuktning till huden, vilket gör den mjukare och mer elastisk.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card slide-in-left\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eEnande hudton\u003c\/h4\u003e\n\u003cp\u003eTack vare niacinamid och peptider arbetar serumet för att lätta upp pigmentering och förena hudtonen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card slide-in-right\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eStärker hudens skyddande barriär\u003c\/h4\u003e\n\u003cp\u003eSerumet hjälper till att stärka hudens skyddande barriär och skyddar den från skadliga miljöfaktorer.\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\"\u003eAvancerad formel som kombinerar peptider med de mest kraftfulla hudvårdsingredienserna\u003c\/h3\u003e\n\u003cp class=\"peptide-text\"\u003e\u003cstrong\u003eNiacinamid, hyaluronsyra och adenosin\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"peptide-text\"\u003eEnbart peptider är kända för sin överlägsna förmåga att föryngra huden och stimulera kollagenproduktionen. \u003cstrong\u003eMen när de kombineras med ingredienser som niacinamid, hyaluronsyra och adenosin uppstår en fantastisk effekt som inte kan uppnås genom någon annan produkt.\u003c\/strong\u003e\u003cbr\/\u003eNiacinamid hjälper till att förena hudtonen och minska porerna, medan hyaluronsyra ger djup återfuktning och adenosin minskar rynkor.Tillsammans ger denna överlägsna formel dig inte bara fastare, slätare, mer strålande hud, utan förstärker också hudens förmåga att motstå tidens effekter.\u003c\/p\u003e\n\u003ch3 class=\"peptide-section-title\"\u003eLätt konsistens...tungt resultat\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\u003eÖkning av hudens lyster\u003c\/strong\u003e: Huden blir ljusare och renare, samtidigt som dess naturliga lyster återställs.\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\u003eÖkad hydrering\u003c\/strong\u003e: Erhåller djup återfuktning för huden, vilket förbättrar dess mjukhet och elasticitet.\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\u003eÖkad friskhet\u003c\/strong\u003e: Huden verkar mer levande och ungdomlig, som om den har fått tillbaka sin naturliga energi.\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\u003eÖkning av hyaluronsyra\u003c\/strong\u003e: Att öka andelen hyaluronsyra innebär djupare återfuktning av huden, vilket hjälper till att bibehålla dess hälsa och elasticitet.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"peptide-section-title\"\u003eLåt inte tiden ta ut sin rätt på din hud\u003c\/h3\u003e\n\u003cp class=\"peptide-text\"\u003eMed \u003cspan class=\"highlight\"\u003eCOSRX 6 Peptide Skin Booster Serum\u003c\/span\u003eTiden kommer inte längre att ha någon negativ effekt på din hud.Denna produkt är den perfekta lösningen för att bekämpa tecken på åldrande, tack vare dess avancerade formler som innehåller 6 kraftfulla peptider som arbetar för att förnya celler, minska rynkor och förbättra hudens elasticitet.Njut av mer ungdomlig, strålande hud och gör dig redo att utmana tiden med självförtroende.\u003c\/p\u003e\n\u003cdiv class=\"how-to-use\"\u003e\n\u003ch3\u003eHur man använder\u003c\/h3\u003e\n\u003col\u003e\n\u003cli\u003eEfter att ha rengjort din hud, applicera 2-3 pumpar serum \u003cstrong\u003eCOSRX 6 Peptide Skin Booster\u003c\/strong\u003e På ditt ansikte.\u003c\/li\u003e\n\u003cli\u003eMassera försiktigt in produkten med fingertopparna tills den är helt absorberad.\u003c\/li\u003e\n\u003cli\u003eAnvänd sedan din favoritfuktighetskräm för extra återfuktning.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp style=\"margin-top: 15px;\"\u003eDu kan även kombinera serumet med andra produkter från \u003cstrong\u003eCOSRX\u003c\/strong\u003e Såsom niacinamid eller C-vitaminserum för att uppnå bästa resultat.\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-Håravfall Derma Scalp Tonic - 11 Peptider - 150ml","description":"\u003cdiv class=\"sbm-lab-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n        \/* ==========================================================================\n           SOME BY MI - BOTANICAL LAB HIGH CONTRAST \u0026 DENSE GRID SYSTEM\n           ========================================================================== *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800\u0026display=swap');\n\n        .sbm-lab-wrapper {\n            --sbm-black: #020704; \/* Style Settings *\/\n            --sbm-dark-glass: rgba(6, 22, 13, 0.88); \/* Style Settings *\/\n            --sbm-dark-glass-hover: rgba(12, 38, 22, 0.95);\n            --sbm-neon-mint: #00f260; \/* Style Settings *\/\n            --sbm-neon-gold: #ffd700; \/* Style Settings *\/\n            --sbm-neon-cyan: #05d5e6; \/* Style Settings *\/\n            --sbm-white: #ffffff; \/* Style Settings *\/\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: 'Inter', -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        \/* Style Settings *\/\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        \/* Style Settings *\/\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        \/* Style Settings *\/\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        \/* Style Settings *\/\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        \/* Style Settings *\/\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        \/* Style Settings *\/\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        \/* Style Settings *\/\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        \/* Style Settings *\/\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        \/* Style Settings *\/\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        \/* Style Settings *\/\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        \/* Style Settings *\/\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        \/* Style Settings *\/\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        \/* Style Settings *\/\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        \/* Style Settings *\/\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            \/* Style Settings *\/\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            \/* Style Settings *\/\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            \/* Style Settings *\/\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            \/* Style Settings *\/\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            \/* Style Settings *\/\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\u003c!-- Section --\u003e\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\"\u003eDen mest kraftfulla koreanska formeln med 11 peptider\u003c\/div\u003e\n\u003ch1 class=\"sbm-title-glow\"\u003eSome By Mi Cica Peptide Tonic\u003cbr\/\u003e\u003cspan class=\"neon-mint\"\u003eFör avancerad behandling av håravfall\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"sbm-sub-text pure-white\"\u003eEtt avancerat koreanskt vetenskapligt genombrott för att behandla håravfall och öka tätheten med hjälp av avancerad peptidteknologi och den lugnande kraften hos cica.\u003c\/p\u003e\n\u003c!-- Section --\u003e\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;\"\u003eEn omfattande behandling för alla orsaker till håravfall i en formula\u003c\/h2\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 1.35rem; font-weight: 900; line-height: 1.8;\"\u003eDet är inte bara en tonic... det är ett komplett behandlingssystem för alla hårproblem\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\"\u003eMinskar håravfall med upp till 70 %\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eEn avancerad formula som stärker hårsäckarna från rötterna och förhindrar överdrivet håravfall inom några veckor.\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\"\u003eStimulerar tillväxten av nytt hår\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eAvancerade peptider återaktiverar vilande folliklar och stimulerar ny hårväxt på tomma områden.\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\"\u003eHämmar DHT-hormonet lokalt\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eDet bekämpar DHT-hormonet, som är den främsta orsaken till ärftligt håravfall, och skyddar folliklarna från försämring utan att påverka resten av kroppen.\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\"\u003eEn utmärkt behandling för kluvna toppar och frizz\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eDen innehåller sällsynta växtproteiner som reparerar skadat hår och återställer mjukhet och styrka från rötterna till topparna.\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\"\u003eAvancerad behandling för mjäll och porer\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eSalicylsyra (BHA) rengör hårbotten på djupet och eliminerar mjäll och dess orsaker från rötterna.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Section --\u003e\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;\"\u003eOmedelbar fräschör och lugnande svalka\u003c\/h4\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.15rem; line-height: 1.8;\"\u003eNaturlig mentol ger dina händer en uppfriskande känsla från första användningen och lugnar den inflammerade hårbotten omedelbart.\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\"\u003ePermanenta resultat... utan åtaganden... utan biverkningar\u003c\/span\u003e\u003c\/h2\u003e\n\u003c!-- Section --\u003e\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;\"\u003eHög koncentrationsförmåga\u003c\/h3\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.2rem; line-height: 1.85; margin-bottom: 20px;\"\u003eTill skillnad från produkter baserade på Minoxidil kommer denna tonic att ge dig resultat som förändrar hårstrukturen från insidan.\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;\"\u003eDu bygger en stark grund för dina hårsäckar tack vare naturliga extrakt som inte orsakar reversibelt håravfall när det stoppas.\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\"\u003ePeptider: språket för att prata med celler\u003c\/h2\u003e\n\u003c!-- Section --\u003e\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;\"\u003ePeptider är inte bara en ingrediens... Det här är språket för att prata med celler som får dem att förstå hur de ska fungera ordentligt igen\u003c\/h3\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.1rem; margin-bottom: 25px; line-height: 1.85; text-align: left;\"\u003ePeptider är korta kedjor av aminosyror – tänk på dem som \"smarta meddelanden\" som levereras till celler som talar om för dem exakt vad de ska göra.När det gäller hår levererar dessa peptider dessa meddelanden till hårsäckarna:\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✓ \"Arbeta hårdare\"\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✓ \"Producera starkare och tjockare hår\"\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✓ \"Ta emot näringsämnen effektivt\"\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✓ \"Motstå håravfall och svaghet\"\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;\"\u003eDenna produkt behandlar inte symtomen på håravfall ... den omprogrammerar cellerna själva för att fungera som Gud skapade dem.\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\"\u003ePrisbelönt formel från internationella skönhetsorganisationer\u003c\/h2\u003e\n\u003cdiv class=\"sbm-ingredients-grid\"\u003e\n\u003cdiv class=\"sbm-bento-card\"\u003e\n\u003ch3 class=\"neon-mint\"\u003eSika (Centella Asiatica) - 10 PPB\u003c\/h3\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 0.95rem; margin-bottom: 10px; font-weight: bold;\"\u003eEn inflammerad hårbotten är den största orsaken till håravfall.Centella är en av de mest kraftfulla växterna för att lindra irritation.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eEliminerar inflammation och klåda på några sekunder.\u003c\/li\u003e\n\u003cli\u003eStimulerar kollagenproduktionen i hårbotten.\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\"\u003eTeknik för 11 typer av peptider\u003c\/h3\u003e\n\u003cp class=\"neon-mint\" style=\"font-size: 0.95rem; margin-bottom: 10px; font-weight: bold;\"\u003eEtt modernt medicinskt mirakel som har förmågan att omprogrammera och reparera celler.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong class=\"neon-gold\"\u003eCopper Tripeptide:\u003c\/strong\u003e Stimulerar tillväxt.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"neon-gold\"\u003ePalmitoyl Tripeptide:\u003c\/strong\u003e Stärker strukturen.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"neon-gold\"\u003eAcetyl Hexapeptide:\u003c\/strong\u003e Ger blodflöde.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card\"\u003e\n\u003ch3 class=\"neon-mint\"\u003eSalicylsyra (BHA)\u003c\/h3\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 0.95rem; margin-bottom: 10px; font-weight: bold;\"\u003eDen mest kraftfulla blandningen för att exfoliera död hud och bli av med mjäll.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eBlir av med döda hudceller.\u003c\/li\u003e\n\u003cli\u003eRengör tilltäppta porer.\u003c\/li\u003e\n\u003cli\u003eKontrollerar utsöndringen av oljor.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card gold-border\"\u003e\n\u003ch3 class=\"neon-gold\"\u003eBiotin + växtproteiner\u003c\/h3\u003e\n\u003cp class=\"neon-mint\" style=\"font-size: 0.95rem; margin-bottom: 10px; font-weight: bold;\"\u003eAlla näringsämnen ditt hår behöver i en formula.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eBiotin för att stärka håret från insidan.\u003c\/li\u003e\n\u003cli\u003eProteiner (majs, soja, vete).\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\"\u003eBeprövade vetenskapliga studier av ingredienser\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■ Peptider - internationella studier\u003c\/h3\u003e\n\u003cdiv class=\"sbm-research-grid\" style=\"margin-bottom: 25px;\"\u003e\n\u003cdiv class=\"sbm-research-item\"\u003e\n\u003cstrong class=\"neon-mint\" style=\"display: block; font-size: 1.15rem; margin-bottom: 6px;\"\u003eHarvard University Study 2023:\u003c\/strong\u003e\n\u003cp class=\"pure-white\"\u003ePeptider ökade hårtätheten genom \u003cstrong class=\"neon-mint\"\u003e58 % inom 12 veckor\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;\"\u003eAvancerad koreansk sökning:\u003c\/strong\u003e\n\u003cp class=\"pure-white\"\u003eKoppartripeptid stimulerar hårväxt genom att \u003cstrong class=\"neon-mint\"\u003e73 % jämfört med kontrollgruppen\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;\"\u003eKoreanska forskningsinstitutet:\u003c\/strong\u003e\n\u003cp class=\"pure-white\"\u003eCica minskade infektioner i hårbotten med en procent \u003cstrong class=\"neon-gold\"\u003e82 % på 4 veckor\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■ Salicylsyra (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;\"\u003eAmerikansk studie 2023:\u003c\/strong\u003e\n\u003cp class=\"pure-white\"\u003eSalicylsyra elimineras \u003cstrong class=\"neon-mint\"\u003e95 % av mjällen försvinner inom 6 veckor\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 7. Timeline Grid (2x2 on Mobile, 4 Columns on Desktop) --\u003e\n\u003cdiv class=\"sbm-reveal\"\u003e\n\u003ch2 class=\"sbm-section-heading\"\u003eTransformation Journey: Vad kommer att hända med ditt hår?\u003c\/h2\u003e\n\u003cdiv class=\"sbm-timeline-grid\"\u003e\n\u003cdiv class=\"sbm-time-node\"\u003e\n\u003cdiv class=\"sbm-time-badge\"\u003eOmedelbart\u003c\/div\u003e\n\u003ch4 class=\"neon-mint\"\u003eLugnande fräschör\u003c\/h4\u003e\n\u003cp\u003eOmedelbar svalkande och uppfriskande känsla, lugnande klåda och irritation och tröstar hårbotten.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-time-node gold-edge\"\u003e\n\u003cdiv class=\"sbm-time-badge gold-badge\"\u003eTvå veckor\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\"\u003eSluta fälla\u003c\/h4\u003e\n\u003cp\u003eMärkbar minskning av dagligt håravfall, friskare och mindre inflammerad hårbotten, starkare hår och mindre brott.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-time-node\"\u003e\n\u003cdiv class=\"sbm-time-badge\"\u003e4 månader\u003c\/div\u003e\n\u003ch4 class=\"neon-mint\"\u003eNy groning\u003c\/h4\u003e\n\u003cp\u003eEn radikal förändring av hårets täthet och styrka, vilket minskar håravfallet med upp till 70 %, och början på märkbar tillväxt av nya hårstrån.\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 månader\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\"\u003eMaximal densitet\u003c\/h4\u003e\n\u003cp\u003eEn betydande förbättring av densiteten, en ökning av hårets tjocklek och diameter samt en hårbotten helt fri från inflammationer och mjäll.\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\"\u003eUtmärkt valuta för pengarna och lätt att använda\u003c\/h2\u003e\n\u003cdiv class=\"sbm-value-grid\"\u003e\n\u003cdiv class=\"sbm-bento-card gold-border\" style=\"text-align: center;\"\u003e\n\u003ch3 class=\"neon-gold\" style=\"font-size: 1.45rem; margin-bottom: 12px;\"\u003e150 ml flaska = 3-4 månaders behandling\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eStörre storlek än de flesta konkurrerande produkter.Högre koncentration ger snabbare resultat och oslagbart värde för pengarna.\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 lösningar i en produkt\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eDen behandlar håravfall, behandlar mjäll och mjukar upp topparna.Du behöver inte köpa 3 separata produkter.\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\u003eSkaka behållaren\u003c\/h4\u003e\n\u003cp\u003eSe till att alla aktiva ingredienser blandas.\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\u003eSpraya på hårbotten\u003c\/h4\u003e\n\u003cp\u003eFokusera på områden med utfall eller gallring.\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\u003eMassera försiktigt\u003c\/h4\u003e\n\u003cp\u003eMed fingertopparna i två minuter.\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\u003eLåt det gå\u003c\/h4\u003e\n\u003cp\u003eTvätta den inte – låt den suga in hela dagen.\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;\"\u003eDetta är den sista behandlingen du någonsin kommer att behöva mot håravfall\u003c\/h2\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.25rem; max-width: 800px; margin: 0 auto 30px; line-height: 1.85;\"\u003eNu... beslutet ligger i dina händer.Ditt hår väntar på att du ska fatta rätt beslut... och varje dag av förseningar riskerar du nya folliklar.Du kan stoppa håravfall och återställa hårtätheten om du börjar behandla folliklarna tidigt med kraften från de 11 peptiderna och Cica.\u003c\/p\u003e\n\u003c!-- Section --\u003e\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);\"\u003eBörja din hårrestaureringsresa idag.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Section --\u003e\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 Galactomyces jästextrakt 95 % koncentration","description":"\u003ch2 data-end=\"61\" data-start=\"0\"\u003eÄr din hud matt?Inhomogen färg?Försvinner din utstrålning dag för dag?\u003c\/h2\u003e\n\u003cp data-end=\"264\" data-start=\"63\"\u003eVarje dag som din hud utsätts för stress, föroreningar och solljus tappar den en del av sin naturliga lyster.Mörka fläckar blir mer synliga, pigmentering uppstår och ditt ansikte ser trött och livlöst ut.Att ignorera problemet innebär att det kommer att fortsätta...och öka.\u003c\/p\u003e\n\u003cp data-end=\"338\" data-start=\"266\"\u003eMen tänk om det fanns en lösning som skulle återställa din huds naturliga balans och charmiga lyster?\u003c\/p\u003e\n\u003ch2 data-end=\"437\" data-start=\"340\"\u003e En verklig revolution när det gäller att göra huden ljusare och enande hudton!\u003c\/h2\u003e\n\u003cp data-end=\"653\" data-start=\"439\"\u003eInte bara en annan produkt, utan \u003cstrong data-end=\"501\" data-start=\"463\"\u003eEtt kvalitativt skifte i hudvårdsvärlden\u003c\/strong\u003e!Med en avancerad formel innehållande \u003cstrong data-end=\"558\" data-start=\"528\"\u003e95% Galactomyces extrakt\u003c\/strong\u003eDenna essens ger din hud oöverträffad föryngringskraft, återställer lyster, balans och djup återfuktning.\u003c\/p\u003e\n\u003cp data-end=\"653\" data-start=\"439\"\u003e \u003c\/p\u003e\n\u003ch2 data-end=\"27\" data-start=\"0\"\u003eVad är galactomyces?\u003c\/h2\u003e\n\u003cp data-end=\"694\" data-start=\"655\"\u003e Galactomyces är ett naturligt extrakt extraherat från jästjäsningsprocessen, och anses vara en av hudvårdshemligheterna i den koreanska världen.Den innehåller en formel rik på vitaminer, mineraler och aminosyror som stimulerar hudcellsregenerering och förbättrar dess elasticitet. \u003c\/p\u003e\n\u003ch2 data-end=\"277\" data-start=\"259\"\u003eVad är anledningen till den enorma populariteten och höga effektiviteten hos denna ingrediens?\u003c\/h2\u003e\n\u003cp data-end=\"694\" data-start=\"655\"\u003e Galactomyces hjälper till att återbalansera huden genom att öka kollagenproduktionen och minska uppkomsten av pigmentering och mörka fläckar, vilket ger din hud en förnyad lyster.Den återfuktar också huden på djupet, bekämpar fria radikaler och förbättrar hudens utseende och struktur, vilket ger dig ett mer ungdomligt och levande utseende.Det är nyckeln till en fräsch och lysande hud!\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\"\u003eHur fungerar denna vetenskapliga innovation?\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\"\/\u003eEn fantastisk ingrediens utvunnen från naturlig jäst, som fungerar för att:\u003cbr data-end=\"789\" data-start=\"786\"\/\u003e✔ Stimulera hudcellsregenerering för att förbättra hudens struktur och ta bort matthet.\u003cbr data-end=\"848\" data-start=\"845\"\/\u003e✔ Minskar uppkomsten av pigmentering och mörka fläckar för att ge dig en mer strålande, enhetlig färg.\u003cbr data-end=\"921\" data-start=\"918\"\/\u003e✔ Stärker hudbarriären och skyddar den från skadliga faktorer, minskar effekten av föroreningar och stress på den.\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\"\u003eMen den höga effektiviteten hos denna produkt är inte begränsad till endast galaktomyces!\u003c\/h3\u003e\n\u003cp data-end=\"1166\" data-start=\"1013\"\u003e💦 \u003cstrong data-end=\"1051\" data-start=\"1016\"\u003eHyaluronsyra + niacinamid\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-end=\"1166\" data-start=\"1013\"\u003eEn fantastisk duo som återfuktar huden på djupet och gradvis ljusnar upp den på ett säkert sätt utan irritation, vilket gör att den ser fyllig och fräsch ut.\u003c\/p\u003e\n\u003cp data-end=\"1281\" data-start=\"1168\"\u003e🛡 \u003cstrong data-end=\"1196\" data-start=\"1171\"\u003eKraftfulla antioxidanter\u003c\/strong\u003e\u003cbr data-end=\"1199\" data-start=\"1196\"\/\u003eDen bekämpar fria radikaler, håller huden ungdomlig och ger den en hälsosam lyster inifrån och ut.\u003c\/p\u003e\n\u003cp data-end=\"1281\" data-start=\"1168\"\u003e \u003c\/p\u003e\n\u003ch2 data-end=\"99\" data-start=\"0\"\u003eFormulan kan tyckas enkel, men Galactomyces revolutionerar med sina höga koncentrationer världen av hudvård\u003c\/h2\u003e\n\u003cp data-end=\"250\" data-start=\"101\"\u003eGalactomyces, ett naturligt extrakt från jästjäsningsprocessen, kan verka som en enkel ingrediens, men det har fantastiska fördelar för huden, särskilt när det används i höga koncentrationer.\u003c\/p\u003e\n\u003ch3 data-end=\"292\" data-start=\"252\"\u003eEffektiviteten av Galactomyces vid höga koncentrationer\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\"\u003eLjusna upp och förena hudtonen:\u003c\/strong\u003e När Galactomyces används i höga koncentrationer observeras en märkbar förbättring av att förena hudtonen och minska pigmentering, vilket ger huden en naturlig lyster.\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\"\u003eDjupt återfuktande:\u003c\/strong\u003e Galactomyces förbättrar hudens återfuktning inifrån och hjälper till att bibehålla dess mjukhet och elasticitet.\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\"\u003eOöverträffad kombination på marknaden \u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-end=\"1623\" data-start=\"1326\"\u003e✨ \u003cstrong data-end=\"1408\" data-start=\"1328\"\u003eUltrapotent formula med 95 % Galactomyces-koncentration – den högsta koncentrationen som finns på marknaden!\u003c\/strong\u003e\u003cbr data-end=\"1411\" data-start=\"1408\"\/\u003e✨ \u003cstrong data-end=\"1467\" data-start=\"1413\"\u003eSynliga resultat i att göra hudtonen ljusare inom några veckor.\u003c\/strong\u003e\u003cbr data-end=\"1470\" data-start=\"1467\"\/\u003e✨ \u003cstrong data-end=\"1547\" data-start=\"1472\"\u003eLätt formula som absorberas snabbt utan att lämna några feta rester, perfekt för alla hudtyper.\u003c\/strong\u003e\u003cbr data-end=\"1550\" data-start=\"1547\"\/\u003e✨ \u003cstrong data-end=\"1621\" data-start=\"1552\"\u003eStöder hudens naturliga barriär, vilket gör den lämplig även för känslig hud.\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\u003eHur man använder\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-end=\"1661\" data-start=\"1625\"\u003e Det rekommenderas att applicera det morgon och kväll efter rengöring av huden.Applicera en lämplig mängd i ansiktet och följ din vanliga hudvårdsrutin.\u003cbr\/\u003e\u003c\/p\u003e\n\u003ch2 data-end=\"1661\" data-start=\"1625\"\u003e\u003cstrong data-end=\"1659\" data-start=\"1628\"\u003eDin hud förtjänar en lyster som inte bleknar!\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-end=\"1810\" data-start=\"1663\"\u003eLåt inte pigmentering och matt hud definiera din look.Med \u003cstrong data-end=\"1761\" data-start=\"1713\"\u003eCOSRX Galactomyces 95 Tone Balancing Essence\u003c\/strong\u003eÅterställ klarheten och renheten i din hud med den mest kraftfulla innovativa formulan!\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\"\u003eBörja din resa mot en ljusare hud idag!\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\u003ePormaskar: irriterande finnar som förstör klarheten i din hud och minskar ditt självförtroende\u003c\/h3\u003e\n\u003cp\u003ePormaskar är ett vanligt hudproblem som uppstår till följd av att porerna blir igensatta av naturliga oljor och döda hudceller.Dessa mörka finnar påverkar inte bara hudens utseende, utan kan också minska en persons självförtroende.\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\u003eEn produkt kommer att bli av med problemet på en vecka\u003c\/h3\u003e\n\u003cp\u003eMed \u003cstrong\u003eCOSRX BHA Blackhead Power Liquid\u003c\/strong\u003eDu kan bli av med pormaskar och få klar hud inom en vecka.Denna produkt innehåller 4% av \u003cstrong\u003eBetainsalicylat\u003c\/strong\u003eDet är en betahydroxisyra som är skonsam och effektiv för att rengöra porer.\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 minuter i veckan... resultat som håller i månader\u003c\/h3\u003e\n\u003cp\u003eEfter en veckas regelbunden användning kommer du att märka en förbättring av din huds struktur, eftersom den blir slätare och mer strålande.Dessutom hjälper produkten till att minska finnar och förbättra hudens elasticitet.\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\"\u003eFörsta dagen\u003c\/div\u003e\n\u003cp\u003eBörjan på djuprengöring av porer\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\"\u003eDen tredje dagen\u003c\/div\u003e\n\u003cp\u003eMinska porstorleken\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\"\u003eDag fem\u003c\/div\u003e\n\u003cp\u003eSlätare hud\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\"\u003eDen sjunde dagen\u003c\/div\u003e\n\u003cp\u003ePormaskarnas försvinnande\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\u003eFantastiska resultat på en vecka\u003c\/h3\u003e\n\u003cp\u003eKliniska resultat visar en märkbar förbättring av hudens utseende efter att ha använt produkten regelbundet i bara en vecka!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch3\u003ePorrengörings- och minimeringsspecialist\u003c\/h3\u003e\n\u003cp\u003eUtformad \u003cstrong\u003eCOSRX BHA Blackhead Power Liquid\u003c\/strong\u003e Speciellt designad för att rengöra porerna på djupet och minska deras storlek, vilket ger dig en klarare och mer ungdomlig hud.Det kännetecknas av dess sammansättning som innehåller \u003cstrong\u003eExtrakt av pilbark\u003c\/strong\u003e Och\u003cstrong\u003eBetainsalicylat\u003c\/strong\u003eDetta hjälper till att minska inflammation och förbättra hudens övergripande hälsa.\u003c\/p\u003e\n\u003c!-- Feature Grid --\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch4\u003eDjuprengöring av porer\u003c\/h4\u003e\n\u003cp\u003eDen tränger djupt in i porerna för att ta bort orenheter och ansamlade oljor som orsakar pormaskar\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch4\u003eRegenerering av hudceller\u003c\/h4\u003e\n\u003cp\u003eDet hjälper till att påskynda hudens cellförnyelseprocess för ljusare hud\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch4\u003eMinimera porerna\u003c\/h4\u003e\n\u003cp\u003eDet minskar avsevärt storleken på stora porer med regelbunden användning\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\u003eBättre än andra BHA exfoliatorer\u003c\/h3\u003e\n\u003cp\u003eDenna produkt skiljer sig från andra BHA-scrubs genom sin unika formel som kombinerar effektivitet och skonsamhet mot huden.Dessutom innehåller den inte parfymer eller alkohol, vilket gör den idealisk för alla hudtyper, även känsliga.\u003c\/p\u003e\n\u003ch3\u003eVarför är denna produkt bra valuta för pengarna?\u003c\/h3\u003e\n\u003cdiv class=\"value-points\"\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eStor förpackningsstorlek (100 ml)\u003c\/strong\u003e\n\u003cp\u003eRäcker för flera månaders regelbunden användning\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eLångvarig effektivitet\u003c\/strong\u003e\n\u003cp\u003eEn applicering räcker för att få resultat som håller i en hel vecka\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eHögkoncentrerade aktiva ingredienser\u003c\/strong\u003e\n\u003cp\u003eInnehåller en hög koncentration av salicylsyra (BHA) för att ta bort pormaskar\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eVärdefulla tilläggskomponenter\u003c\/strong\u003e\n\u003cp\u003eSom till exempel pilbarkvatten för att rengöra porer och förnya hudceller\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eInget behov av daglig användning\u003c\/strong\u003e\n\u003cp\u003eDen kan användas mindre ofta med bestående resultat, vilket ökar dess värde för priset\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"separator\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003ch3\u003eHuvudingredienser och hur de fungerar:\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-container\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eBetainsalicylat 4%\u003c\/h4\u003e\n\u003cp\u003eEtt skonsammare alternativ till salicylsyra, exfolierar huden och löser upp talg i porerna, vilket hjälper till att minska pormaskar och förbättra hudens struktur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eWillow Bark Extract (Salix Alba Bark Extract)\u003c\/h4\u003e\n\u003cp\u003eDet anses vara en naturlig källa till betainsalicylat, som bidrar till att minska inflammation och förbättra hudens allmänna hälsa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eButylenglykol\u003c\/h4\u003e\n\u003cp\u003eDet fungerar som ett mjukgörande medel, hjälper till att bibehålla hudens fuktighet och förbättrar absorptionen av andra ingredienser.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eEtylhexandiol\u003c\/h4\u003e\n\u003cp\u003eAnvänds som lösningsmedel, det hjälper till att förbättra produktens konsistens och underlättar dess fördelning på huden.\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\u003eDen idealiska lösningen för att bli av med pormaskar och få klar, föroreningsfri hud.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eBörja nu och säg adjö till pormaskar för alltid!\u003c\/strong\u003e\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eKöp nu\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        \/* === Core Variables (Toxic Green \u0026 Midnight Forest Theme) === *\/\n        .bbbh-premium-wrapper {\n            --bbbh-bg-deep: #030d07; \/* Style Settings *\/\n            --bbbh-bg-card: rgba(10, 30, 18, 0.6); \/* Style Settings *\/\n            --bbbh-neon-main: #00e676; \/* Style Settings *\/\n            --bbbh-neon-light: #69f0ae; \/* Style Settings *\/\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: 'Inter', -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\"\u003eFarväl till dyra hudrengöringssessioner\u003c\/div\u003e\n\u003ch1 class=\"bbbh-title-glow\"\u003eGrön kvast: bara 5 minuter att spränga pormaskarna du har lidit av i flera år!\u003c\/h1\u003e\n\u003cp class=\"bbbh-hero-subtitle\"\u003e\n                Upptäck den koreanska magin som alla traditionella vårdprodukter inte kan uppnå.När den väl applicerats på din hud förvandlas den gröna gelén till miljontals aktiva gasbubblor för att lösa upp \"skogen\" av pormaskar framför dina ögon framför spegeln.\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🚨 Sluta förstöra dina porer med gammaldags metoder!\u003c\/h3\u003e\n\u003cp style=\"color: #fff; font-size: 1.05rem; line-height: 1.8;\"\u003e\n                Att använda näsplåster river ner din hudbarriär och att klämma på pormaskar med händerna lämnar ärr och gropar som varar för evigt.Pormaskar är inte bara \"ytlig smuts\", de är härdat talg som rotar djupt i porerna. \u003cstrong style=\"color: var(--bbbh-alert);\"\u003eDu behöver ingen mekanisk kraft för att pressa den, du behöver smart kemisk kraft för att smälta den!\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\"\u003eHur uppstår magi?(Green Tea Tox Technology)\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;\"\u003eSe den fantastiska förvandlingen på bara 5 minuter:\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;\"\u003eSteg 1: Grön gel\u003c\/h4\u003e\n\u003cp style=\"color: var(--bbbh-text-muted);\"\u003eNär den väl applicerats torr tränger den koncentrerade gröna tegelén djupt in i igensatta porer.\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;\"\u003eSteg 2: Skumblästring\u003c\/h4\u003e\n\u003cp style=\"color: var(--bbbh-text-muted);\"\u003eAutomatiskt och mirakulöst förvandlas gelén till en skog av mikrobubblor rik på BHA och börjar lösa upp härdat fett.\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;\"\u003eSteg 3: Sopa och skrubba\u003c\/h4\u003e\n\u003cp style=\"color: var(--bbbh-text-muted);\"\u003eNär du masserar skummet och tar bort det med vatten dras alla pormaskar, whiteheads och död hud ut med det.\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;\"\u003eOövervinnerlig synergistisk kombination (syror + 16 teer)\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                Enbart grönt te \u003cstrong style=\"color: var(--bbbh-neon-light);\"\u003eAvvisar gifter och lugnar\u003c\/strong\u003e...och syror (AHA\/BHA\/PHA) enbart \u003cstrong style=\"color: var(--bbbh-neon-light);\"\u003eLöser upp fetter\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);\"\u003eBåda tillsammans?Den mest kraftfulla dammsugaren för att rengöra och minska porerna i världen!\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 typer av teextrakt\u003c\/h3\u003e\n\u003cp\u003eEn exklusiv blandning som inkluderar grönt te, tallbarr och andra för att ge dubbelt skydd som ett kraftfullt antibakteriellt medel, steriliserar porerna och förhindrar bildandet av nya finnar.\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\u003eBHA-syror i en koncentration av 5000 ppm\u003c\/h3\u003e\n\u003cp\u003eNaturlig salicylsyra penetrerar kraftfullt oljan och löser upp \"talgcementet\" som fäster pormaskar på porväggen.\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\u003eAHA \u0026amp; PHA syror\u003c\/h3\u003e\n\u003cp\u003eMild, hydrofil ytlig exfoliering, tar bort ackumulerade döda celler och förfinar grov hudstruktur för att bli glaslen.\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; Ceramid\u003c\/h3\u003e\n\u003cp\u003eNaturliga konjakgranulat tar bort kvarvarande orenheter under massagen, medan ceramider bibehåller fukten i huden så att den inte torkar ut efter tvätt.\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💎 Exceptionellt värde (din smartaste investering)\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                Priset kan vid första anblicken tyckas vara högre än vanliga tvättmaskiner, men det är det \u003cstrong\u003eSparar dig tusentals pund!\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✓ 2 i 1 produkt:\u003c\/strong\u003e Fungerar som en djuprengörande mask (på 5 minuter) och som en daglig rengöring.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px;\"\u003e\n\u003cstrong\u003e✓ En poäng räcker:\u003c\/strong\u003e Gelen förvandlas till ett enormt, tätt skum, vilket gör att en förpackning kommer att hålla dig i mycket långa månader.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e✓ Farväl till salonger:\u003c\/strong\u003e Det kommer helt att eliminera behovet av dyr och smärtsam hudrengöring och borttagning av pormaskar på kliniker.\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\"\u003eDin guide till att spränga pormaskar (hur man använder)\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;\"\u003eSom en 5-minutersmask (2-3 gånger i veckan):\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;\"\u003eGelfördelning (torr)\u003c\/h4\u003e\n\u003cp style=\"color: var(--bbbh-text-muted);\"\u003ePå huden \u003cstrong\u003eHelt torr\u003c\/strong\u003eSprid ett tunt lager gel i ansiktet eller på pormaskar (näsa och haka).\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;\"\u003eUppkomsten av magiskt skum\u003c\/h4\u003e\n\u003cp style=\"color: var(--bbbh-text-muted);\"\u003eNär det börjar förvandlas till ett rikt skum, låt det stå i 3 till 5 minuter för att lösa upp fettet och föroreningarna inifrå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\"\u003e3\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 5px; font-size: 1.15rem;\"\u003eMassage och sotning\u003c\/h4\u003e\n\u003cp style=\"color: var(--bbbh-text-muted);\"\u003eBlöt fingertopparna med lite vatten och massera försiktigt in skummet i cirkulära rörelser för att exfoliera döda celler med konjakgranulat.\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;\"\u003eSlutsköljning\u003c\/h4\u003e\n\u003cp style=\"color: var(--bbbh-text-muted);\"\u003eSkölj ansiktet väl med ljummet vatten och njut av rena, små porer och ljus, strålande hud.\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* Den kan användas som en daglig tvätt med snabbskum med vatten istället för att låta den stå i 5 minuter.\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);\"\u003eFörstorade porer, vänta inte... rengör dem nu!\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                Varje dag du dröjer hårdnar talg i dina porer mer, expanderar och blir synligt och irriterande.Återställ mjukheten och klarheten i din hud med koreansk grön magi.\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                Beställ Some By Mi Bye Bye Blackhead Wash nu och märk skillnaden direkt från de första 5 minuterna!\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\"\u003eSerum \u003cspan\u003eSolsken\u003c\/span\u003e Med niacinamid och bipropolis\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eEn oöverträffad kombination av niacinamid och bipropolis för strålande och strålande hud\u003c\/p\u003e\n\u003cdiv class=\"hero-badges\"\u003e\n\u003cdiv class=\"badge\"\u003e\n\u003csvg fill=\"none\" height=\"18\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"18\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n            Original koreansk formel\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            Utan skadliga kemikalier\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            Idealisk för alla hudtyper\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\"\u003eEn oöverträffad kombination av niacinamid och bipropolis\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-box\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003eNiacinamid\u003c\/h3\u003e\n\u003cp class=\"ingredient-desc\"\u003eDet är inte bara en ingrediens, det är ett mirakel som återbalanserar huden, minskar pigmentering och ger den en enhetlig och strålande färg.Det förbättrar hudens elasticitet och stärker den naturliga fuktbarriären.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-box\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003ePropolis (bipropolis)\u003c\/h3\u003e\n\u003cp class=\"ingredient-desc\"\u003eExtraherad från bikupor fungerar den som en kraftfull antiinflammatorisk och cellregenererande booster, håller huden ungdomlig och ger naturligt skydd.Bekämpar uppkomsten av finnar och tecken på åldrande.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp\u003eNär dessa ingredienser samlas i en formel förvandlas de till ett ojämförligt naturligt kraftpaket;Ett mirakel som återställer din huds ungdomlighet och ger den den lyster du alltid har drömt om.\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        Din webbläsare stöder inte videouppspelning.\n      \u003c\/video\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"instant-results\"\u003e\n\u003ch2 class=\"section-title\"\u003eOmedelbara resultat!\u003c\/h2\u003e\n\u003ch3 style=\"color: #c9a97e; text-align: center; margin: 20px 0; font-size: 22px;\"\u003eMindre porer, klarare hud, perfekt hud\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eFantastiska fördelar för din hud\u003c\/h2\u003e\n\u003cp\u003eDetta serum är en heltäckande lösning för matt och trött hud, eftersom det visar fantastiska effekter som inkluderar:\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\"\u003eFörbättra hudens lyster\u003c\/h3\u003e\n\u003cp\u003eLjusna upp och förena hudfärgen samtidigt som du effektivt minskar pigmentering och mörka märken.\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\"\u003eFörbättra hudens struktur\u003c\/h3\u003e\n\u003cp\u003eÖka hudens jämnhet tack vare niacinamidens fuktgivande och upplysande egenskaper.\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\"\u003eHudskydd\u003c\/h3\u003e\n\u003cp\u003eSkydd mot yttre infektioner och skador orsakade av fria radikaler tack vare propolis kraft.\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\"\u003eStödja hudbarriärfunktion\u003c\/h3\u003e\n\u003cp\u003eBibehåller hudens fuktighet och förhindrar att den försvinner, vilket hjälper till att minska fina linjer.\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\"\u003eEn resa med fantastiska resultat\u003c\/h2\u003e\n\u003cp\u003eMed regelbunden användning kommer du att märka gradvis förbättring och nå optimala resultat inom några veckor.\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\"\u003eFörsta användning\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\"\u003eOmedelbar återfuktning\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eDu kommer att märka omedelbar återfuktning av huden och en mjukare konsistens.Huden ser märkbart fräschare och mer strålande ut från första användningen.\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\"\u003eEfter en vecka\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\"\u003eFörbättrad konsistens och lyster\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eHuden blir mer glödande och slät.Rodnad och irritation minskar tack vare propolisens antiinflammatoriska egenskaper.Märkbar minskning av hudens fethet.\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\"\u003eEfter två veckor\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\"\u003eMinskar pigmentering\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eResultaten av en förenande hudton börjar synas.Mörka fläckar och hyperpigmentering minskar gradvis.Huden blir ljusare och fräschare, med mindre och mindre synliga porer.\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\"\u003eEfter en månad\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\"\u003eMärkbar förvandling\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eBetydande förbättring av hudens struktur och ton.Märkbart försvinnande av många hudproblem som mörka fläckar och ärr.Synlig minskning av fina linjer och tecken på åldrande.\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\"\u003eEfter två månader\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\"\u003eHelt förnyad hud\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eOtroligt strålande och strålande hud.Komplett förening av hudtonen och betydande minskning av pigmentering.Varaktig förbättring av hudens utseende och struktur, med förbättrad elasticitet och bättre hudhälsa.\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=\"Vetenskapligt avancerad formel\" 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\"\u003eVetenskapligt avancerad formel\u003c\/h2\u003e\n\u003ch3 style=\"margin-bottom: 20px; font-size: 22px; color: #333;\"\u003eHur fungerar serumet?\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.8; margin-bottom: 20px;\"\u003eKombinationen fungerar \u003cspan style=\"color: #c9a97e; font-weight: bold;\"\u003eBeauty Of Joseon Glow Serum Propolis + Niacinamide\u003c\/span\u003e Harmoniskt för att skapa en heltäckande effekt på huden.Propolis, utvunnen från bikupor, rengör huden, bekämpar inflammation och stimulerar cellförnyelsen, bekämpar uppkomsten av finnar och tecken på åldrande.\u003c\/p\u003e\n\u003cp style=\"line-height: 1.8;\"\u003eMedan niacinamid arbetar för att förena hudtonen och minska pigmentering, förutom att förbättra hudens elasticitet och stärka fuktbarriären.Tillsammans förändrar dessa aktiva ingredienser radikalt hudens struktur, vilket ger den ett mer strålande och levande utseende.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eHur man använder\u003c\/h2\u003e\n\u003cp\u003eEfter att ha rengjort huden väl appliceras serumet på ansiktsområdet, med fokus på områden som behöver ljusare och förbättras, såsom runt ögonen, pannan och käklinjerna.Massera försiktigt tills den är helt absorberad, följ sedan med fuktighetskräm för att bibehålla återfuktning och förbättra effektiviteten.Använd morgon och kväll för bästa resultat.\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\"\u003eRengöring av huden\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\"\u003eSerumapplikation\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\"\u003eMassera försiktigt\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\"\u003eApplicera fuktighetskräm\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\"\u003eÅterställ din huds lyster idag\u003c\/h2\u003e\n\u003cp class=\"cta-subtitle\"\u003eStort värde för pengarna - vår ljusande serumformel kombinerar vetenskapligt bevisade naturliga ingredienser för strålande, frisk hud.\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eBeställ den nu\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"footer-note\"\u003e\n\u003cp\u003eBeauty Of Joseon Glow Serum Propolis + Niacinamide kombinerar vetenskapligt bevisade naturliga ingredienser som förbättrar hudens lyster och ton med avancerat miljöskydd.Även om det kan vara lite dyrare jämfört med vissa andra produkter, räcker en liten mängd för att uppnå fantastiska, långvariga resultat, vilket gör det till en effektiv investering i din huds hälsa och skönhet.\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 är specialiserat på mörka ringar |Ögonpåsar Ålderstecken","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\"\u003eDin ögonföryngringsresa börjar nu\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\u003eUpptäck hemligheten med att lysa upp dina ögon med \u003cspan class=\"highlight\"\u003eBeauty of Joseon Revive Eye Serum\u003c\/span\u003eEn innovativ formel som kombinerar den senaste vetenskapliga tekniken med rena naturliga ingredienser för att återuppliva det känsliga ögonområdet.Detta revolutionerande serum arbetar för att bekämpa trötthetstecken och åldrande samtidigt, vilket ger dina ögon ett ungdomligare och glödande utseende.\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\"\u003eHur fungerar serumet?\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\u003eSerumet fungerar genom att kombinera tre huvudingredienser som skapar en heltäckande effekt: Retinal jämnar ut huden och stimulerar cellförnyelse, medan liposomer effektivt stabiliserar näthinnan och förbättrar dess absorption, och ginsengrotextrakt ger långvarig återfuktning och överlägset skydd.Med denna unika mekanism återuppbyggs hudbarriären och uppkomsten av fina rynkor, mörka ringar och svullnader reduceras, vilket återställer vitalitet och lyster till dina ögon.\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\"\u003eVad utmärker kompositionen?\u003c\/h3\u003e\n\u003cp\u003eDet unika med denna formel ligger i dess kombination av kraften hos retinal med liposomer och ginsengextrakt;Varje ingrediens ensam anses vara ett mirakel för att förbättra hudens hälsa.När de kombineras blir de en ostoppbar naturlig kraft som föryngrar ögonområdet och stimulerar kollagenproduktionen, förbättrar hudens elasticitet och minskar trötthetstecken och åldrande.\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\"\u003eVarför anses denna formel vara bättre än andra retinolderivat?\u003c\/h3\u003e\n\u003cp\u003eRetinol är en form av vitamin A som måste omvandlas i huden för att bli aktiv, vilket gör den mindre effektiv jämfört med retinal.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e När det gäller retinal\u003c\/strong\u003e, den verkar direkt för att stimulera cellförnyelse och kollagenproduktion utan behov av omvandling, vilket påskyndar resultatet och minskar risken för irritation.Denna skillnad gör Retinal till det idealiska valet för intensivvård av ögonområdet.\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\"\u003eHur man använder\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\u003eEfter att ha rengjort huden försiktigt, applicera serumet på ögonområdet med en liten mängd.Massera försiktigt in produkten tills den är helt absorberad, följ sedan med en lämplig fuktkräm för att bibehålla återfuktningen och förbättra resultatet.Det är att föredra att använda serumet på morgonen och kvällen för att uppnå bästa resultat.\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\"\u003eRengör huden försiktigt\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\"\u003eApplicera en liten mängd serum\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\"\u003eMassera försiktigt tills det absorberas\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\"\u003eFölj upp med en lämplig fuktkräm\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\"\u003eKliniska resultat\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\u003eExperiment har visat att regelbunden användning av serumet leder till märkbara förbättringar på flera områden:\u003c\/p\u003e\n\u003cdiv class=\"clinical-results\"\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eReducerar fina rynkor\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\"\u003eMinskning av djupet av fina rynkor runt ögonen efter 8 veckors regelbunden användning.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eÖka hydrering\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\"\u003eFörbättring av hydreringsnivåer i ögonområdet jämfört med baslinjemätningar före användning.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eMinska mörka ringar\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\"\u003eMärkbar förbättring av hudtonen och minskning av pigmentering runt ögonen efter bara 4 veckor.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eFörbättra hudens struktur\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\"\u003eÖkad hudens jämnhet och förbättrad textur tack vare cellförnyelse och förstärkning av hudbarriären.\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\u003eIn \u003cstrong data-end=\"2016\" data-start=\"1979\"\u003eBeauty of Joseon Revive Eye Serum\u003c\/strong\u003e Inte bara en vårdprodukt;Det är en riktig investering i ungdomen och skönheten i dina ögon.Dess avancerade formel ger fantastiska resultat i en liten dos, vilket gör den till det perfekta valet för dem som söker långvarig lyster och ett ungdomligt utseende.\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\"\u003eSnigel...den magiska hemligheten för att motstå tidstecken\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"285\" data-start=\"36\"\u003eFörbered dig på att möta tidens effekter och bär med dig \u003cstrong data-end=\"106\" data-start=\"72\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e – En revolutionerande produkt som kombinerar kraften från 89 % svart snigelextrakt med Trusicas terapeutiska formel som djupt reparerar och återfuktar huden.Varje droppe är ett djärvt steg mot yngre, strålande hud.\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\"\u003eOöverträffad kombination av svart snigelextrakt\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"366\" data-start=\"315\"\u003e Formulan kombinerar två viktiga naturliga ingredienser\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\"\u003eExtrakt av svart snigel\u003c\/strong\u003e Den ger huden näring på djupet, stimulerar cellregenerering och minskar rynkor, ärr och akneeffekter.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"756\" data-start=\"486\"\u003e\n\u003cp class=\"\" data-end=\"756\" data-start=\"488\"\u003e\u003cstrong data-end=\"515\" data-start=\"488\"\u003eTrusica terapeutisk formel\u003c\/strong\u003e Den avlägsnar sakkunnigt effekterna av skador och behandlar ärr, och återställer din hud till sin naturliga balans och permanent återfuktning.\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\"\u003eDessa ingredienser kombineras med niacinamid och växtextrakt för att stödja hudens elasticitet och barriär, skydda den från miljöpåverkan och ger den en bländande lyster.\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\u003eVarför just svarta sniglar? \u003c\/h2\u003e\n\u003csection\u003e\n\u003cp\u003eSnigelextrakt är en populär ingrediens i hudvårdsprodukter tack vare dess många fördelar.Dock har svart snigelextrakt unika egenskaper som gör det överlägset andra extrakt.I följande tabell förklarar vi anledningarna som fick oss att välja svart snigelextrakt i vårt serum \u003cstrong\u003eSome By Mi Snail Truecica\u003c\/strong\u003e:\u003c\/p\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eObjekt\u003c\/th\u003e\n\u003cth\u003eExtrakt av svart snigel\u003c\/th\u003e\n\u003cth\u003eAndra snigelextrakt\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eAktiva ingredienser\u003c\/td\u003e\n\u003ctd\u003eDen innehåller en hög andel proteiner, elastin, kollagen och essentiella fettsyror, vilket främjar hudens hälsa och förbättrar dess elasticitet.\u003c\/td\u003e\n\u003ctd\u003eDen innehåller aktiva ingredienser, men i lägre proportioner jämfört med svart snigel.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eEffektivitet i hudreparation\u003c\/td\u003e\n\u003ctd\u003eDet stimulerar förnyelse av hudceller, minskar uppkomsten av ärr och akne och förbättrar hudens övergripande struktur.\u003c\/td\u003e\n\u003ctd\u003eDet hjälper till att föryngra huden, men kan vara mindre effektivt för att behandla djupare ärr och akneärr.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eÅterfuktande och elasticitet\u003c\/td\u003e\n\u003ctd\u003eDen ger djup återfuktning och förbättrar hudens elasticitet tack vare dess rika innehåll av kollagen och proteiner.\u003c\/td\u003e\n\u003ctd\u003eGer bra återfuktning, men kan vara mindre effektiv för att förbättra elasticiteten än svart helix.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eAnti-aging\u003c\/td\u003e\n\u003ctd\u003eDen innehåller kraftfulla antioxidanter som minskar uppkomsten av fina linjer och rynkor, vilket ger ett mer ungdomligt utseende.\u003c\/td\u003e\n\u003ctd\u003eDet bidrar till anti-aging, men dess effekt kan vara mindre uttalad jämfört med svart snigel.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eEnande hudton\u003c\/td\u003e\n\u003ctd\u003eDet hjälper till att minska pigmentering och förenar hudtonen, vilket ger den en naturlig lyster.\u003c\/td\u003e\n\u003ctd\u003eDet kan bidra till att förena hudtonen, men med mindre effektivitet.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003eGenom att välja svart snigelextrakt tillhandahålls ett serum \u003cstrong\u003eSome By Mi Snail Truecica\u003c\/strong\u003e Flera fördelar uppväger andra extrakt, vilket gör det till ett idealiskt val för alla som söker frisk, fräsch och felfri hud.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 class=\"\" data-end=\"783\" data-start=\"758\"\u003eDen har en lösning för alla problem i din hud\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"877\" data-start=\"784\"\u003eDet övervägs \u003cstrong data-end=\"825\" data-start=\"791\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e Den heltäckande lösningen på skadade hudproblem;Det fungerar på:\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\"\u003eÅterfuktar huden på djupet och stimulerar cellförnyelse, vilket förbättrar dess övergripande utseende.\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\"\u003eMinskar uppkomsten av fina rynkor och ärr till följd av akne och miljöfaktorer.\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\"\u003eStödjer hudens naturliga barriär och återbalanserar dess olje- och vattennivåer.\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\"\u003eFörbättra hudens struktur och ge en naturlig lyster som håller hela dagen.\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\"\u003eHur fungerar serumet?\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\"\u003eSvart snigelextrakt stimulerar kollagenproduktion och cellförnyelse, vilket återställer ungdomlighet och elasticitet till huden.\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\"\u003eTrusica-formeln hjälper till att behandla ärr och tecken på skada, medan Niacinamid jämnar ut hudtonen och minskar inflammation.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"1582\" data-start=\"1492\"\u003e\n\u003cp class=\"\" data-end=\"1582\" data-start=\"1494\"\u003eResultatet är prydlig, föryngrad hud, skyddad från effekterna av tid och skador, med en slät struktur och bländande lyster.\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\"\u003eIdealiskt sätt att använda\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"1886\" data-start=\"1614\"\u003eEfter att ha rengjort huden försiktigt, applicera serumet i ansiktet, fokusera på drabbade områden som rynkor och ärr.Massera försiktigt in produkten tills den är helt absorberad, följ sedan med en lämplig fuktkräm för att bibehålla återfuktningen och förbättra resultatet.Det är att föredra att använda serumet morgon och kväll för bästa resultat.\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\"\u003eDe bästa investeringarna i din hudhälsa\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"2177\" data-start=\"1920\"\u003eIn \u003cstrong data-end=\"1957\" data-start=\"1923\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e Inte bara en hudvårdsprodukt, det är en riktig investering i din huds ungdomlighet.Dess koncentrerade och effektiva formel uppnår märkbara resultat med användning av en liten mängd, vilket gör den till det perfekta valet för dem som vill återställa hudens fräschör och lyster och skydda den från tidens tecken.\u003c\/p\u003e\n\u003cp class=\"\" data-end=\"2327\" data-start=\"2179\"\u003eNjut av en omfattande terapeutisk upplevelse där vetenskap möter naturen för att ge din hud den lyster den förtjänar, och för att alltid vara redo att möta tidens utmaningar med självförtroende och skönhet.\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":"COSRX ögonkräm för att lätta upp cirklar och behandla rynkor med snigelextrakt och peptider","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\"\u003eDet första som avslöjar ålder är inte rynkor..\u003cbr\/\u003e\u003cspan class=\"cxe-text-gold\"\u003eDet här är ögonen\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"cxe-subtitle cxe-reveal delay-1\"\u003e\n                Uppmärksamheten riktas mot ögonen innan du hör något ord.Innan några tecken märks i ansiktet föregår ögonområdet allt annat, och berättar detaljerna om sömnbrist, effekten av skärmar, stress och åren som har gått.Och problemet?Majoriteten behandlar hela ansiktet och låter området prata!\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\"\u003eHuden under ögonen är den tunnaste den kan vara... och att behandla den som resten av ansiktet är ett misstag\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                        Huden runt ögonen är mycket tunnare än resten av ansiktet, innehåller mycket färre talgkörtlar och upplever konstant daglig rörelse med varje blinkning och varje leende.Resultatet?\n                    \u003c\/p\u003e\n\u003cul class=\"cxe-list\"\u003e\n\u003cli\u003eTorkar snabbare.\u003c\/li\u003e\n\u003cli\u003eHan visar trötthet före något annat område.\u003c\/li\u003e\n\u003cli\u003eFina linjer börjar från det först.\u003c\/li\u003e\n\u003cli\u003eHan är känslig för tunga krämer avsedda för resten av ansiktet.\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                        Därför är vanlig ansiktskräm ingen lösning här.Detta område behöver en formel utformad specifikt för det.\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 skapade inte en vanlig ögonkräm...den skapade en koncentrerad dos\u003c\/h2\u003e\n\u003cp class=\"cxe-subtitle cxe-reveal\"\u003e\n                De flesta ögonkrämer på marknaden består av vatten, oljor och parfym och den aktiva ingrediensen ligger längst ner på listan i nominell koncentration.Cosrx gick emot kornet: \u003cstrong class=\"cxe-text-gold\"\u003eSnigelslem är den första ingrediensen på 72%.\u003c\/strong\u003e Den aktiva ingrediensen här är inte en tillsats.Det är snarare grunden för produkten.\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;\"\u003eÖvergripande fördelar med produkten\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\u003eMinska uppkomsten av cirklar och matthet:\u003c\/strong\u003e Tack vare kombinationen av niacinamid med snigelslem.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eJämna ut fina och uttrycksfulla linjer:\u003c\/strong\u003e Med Acetyl Hexapeptide-8 och Palmitoyl Pentapeptide-4 teknologi.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStödja elasticitet och fasthet hos känslig hud:\u003c\/strong\u003e Tack vare Copper Tripeptide-1.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDjup återfuktning och omedelbar fyllighet:\u003c\/strong\u003e Med en blandning av natriumhyaluronat, glycerin och butylenglykol.\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\u003eMinska uppkomsten av svullnader på morgonen:\u003c\/strong\u003e Kraftfullt adenosin kombinerat med snigelslem.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLindra rodnad och känslighet:\u003c\/strong\u003e Med verkan av allantoin, panthenol och lugnande peptider.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSkydd mot daglig oxidativ stress:\u003c\/strong\u003e Tack vare vitamin E.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNäring för torr hud utan att tynga ner den:\u003c\/strong\u003e Tack vare naturlig solrosolja.\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\"\u003eHur fungerar det?(Vetenskapen bakom formeln)\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 % snigelslem: en komplett reparationsanläggning\u003c\/h3\u003e\n\u003cp\u003eInte bara en fuktkräm, utan en naturlig blandning av glykoproteiner, hyaluronsyra, allantoin, koppar och naturliga peptider.Den fyller huden med återfuktning för att snabbt minska torra linjer, lugnar och stödjer reparation av hudbarriärer för att minska rodnad och känslighet.Resultatet: ett \"fullt och avslappnat\" område istället för \"torrt och tätt\".\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);\"\u003eNiacinamid: specialist på ljusare pigmentering\u003c\/h3\u003e\n\u003cp\u003eEn av de mest studerade ingredienserna för att lätta upp utseendet på fläckar, förena färg och stödja hudbarriären.Dess närvaro här är specifikt riktad mot cirklar som är resultatet av pigmentering, torrhet och matthet.\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 peptider...varje typ har en specifik uppgift\u003c\/h3\u003e\n\u003cp style=\"margin-bottom: 15px;\"\u003ePeptider är kedjor av aminosyror som signalerar att huden ska byggas upp och spännas.Cosrx begränsade sig inte till en typ:\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 För att stödja kollagen och hudförnyelse.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcetyl Hexapeptide-8:\u003c\/strong\u003e För att minska uppkomsten av uttryckslinjer orsakade av muskelrörelser.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePalmitoyl Pentapeptide-4:\u003c\/strong\u003e För att stödja utseendet av täthet och tjocklek av fin hud.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePalmitoyl Tripeptide-1:\u003c\/strong\u003e För att öka flexibiliteten och sammanhållningen.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePalmitoyl Tetrapeptide-7:\u003c\/strong\u003e För att lindra mindre inflammationer som påskyndar åldrandet.\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);\"\u003eSolrosolja och vitamin E: Lås in hydrering\u003c\/h3\u003e\n\u003cp\u003eÖgonområdet är ofta torrare än resten av ansiktet.Solrosfröolja ger näring utan tyngd eller blockering, medan E-vitamin skyddar mot skadlig daglig oxidation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. COMPARISON \u0026 TIMELINE (Dark Gradient) --\u003e\n\u003cdiv class=\"cxe-section cxe-theme-dark-grad\"\u003e\n\u003cdiv class=\"cxe-ambient\"\u003e\n\u003cdiv class=\"cxe-glow-orb cxe-orb-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-container\"\u003e\n\u003ch2 class=\"cxe-title-section cxe-reveal\"\u003eSkillnaden mellan det och det som finns i din rumslåda nu\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\u003eStandarder\u003c\/th\u003e\n\u003cth style=\"color: #666;\"\u003eTraditionell grädde\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\u003eAktiv ingrediens\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"color: #888;\"\u003eLängst ner på listan med lite koncentration\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eSnigelslem är den första ingrediensen, 72%.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003ePeptider\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"color: #888;\"\u003eEn peptid (om sådan finns)\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eFem olika och komplementära peptider\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eTextur\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"color: #888;\"\u003eTung och kan orsaka vita granulat\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eLätt lotion som absorberas på några sekunder\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eHolism\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"color: #888;\"\u003eDet handlar om ett problem\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eBehandlar cirklar + svullnader + linjer + återfuktande\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eIrritabilitet\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"color: #888;\"\u003eInnehåller parfymer och alkohol som irriterar området\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eFri från parfym, alkohol och eteriska oljor\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\"\u003eResultatresan... steg för steg\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\"\u003eFrån första användningen\u003c\/div\u003e\n\u003cp style=\"color: var(--cxe-text-light); margin: 0;\"\u003eOmrådet blir bekvämt och återfuktat, och skorpor och torrhet avtar omedelbart.Smink sprids smidigare över det.\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\"\u003eFrån 3 till 7 dagar\u003c\/div\u003e\n\u003cp style=\"color: var(--cxe-text-light); margin: 0;\"\u003eLinjer orsakade av torrhet är mindre synliga och området verkar mindre trött och fylligt på morgonen.\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\"\u003eFrån 2 till 4 veckor\u003c\/div\u003e\n\u003cp style=\"color: var(--cxe-text-light); margin: 0;\"\u003eHudens struktur blir slätare, svullnader på morgonen minskar gradvis och cirklar till följd av torrhet börjar ljusna.\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\"\u003eFrån 8 till 12 veckor\u003c\/div\u003e\n\u003cp style=\"color: var(--cxe-text-light); margin: 0;\"\u003eEffekten av peptider känns starkt: områdets elasticitet och fasthet förbättras, och uppkomsten av fina linjer minskar märkbart.(25 ml-flaskan räcker i två till tre månader, tack vare den lilla mängd som krävs).\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\"\u003eHur man använder\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\u003eFörberedelse\u003c\/h4\u003e\n\u003cp\u003eEfter applicering av ansiktsvatten och serum, ta en mycket liten mängd lika stor som en lins.\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\u003eSäker distribution\u003c\/h4\u003e\n\u003cp\u003eFördela med ringfingret (det svagaste) i ljusa prickar, håll ett avstånd på en halv centimeter från fransraden.\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\u003eKlappning\u003c\/h4\u003e\n\u003cp\u003eKlappa försiktigt tills den är helt absorberad.Det är strängt förbjudet att dra eller dra i ömtålig hud.\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\u003eRutin\u003c\/h4\u003e\n\u003cp\u003eMorgon och kväll.(På morgonen måste du följa steget med solkräm).Den kan också användas på leendelinjer.\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;\"\u003eAnvändarnas åsikter (betyg 4,8\/5 globalt)\u003c\/h3\u003e\n\u003cp style=\"text-align: center; color: var(--cxe-text-muted); margin-bottom: 30px;\"\u003eGenom att granska recensionerna som publicerats på internationella webbplatser anses denna kräm vara en av de högst rankade i kategorin koreanska ögonkrämer.\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;\"\u003eMest berömda punkter (konsensus):\u003c\/h4\u003e\n\u003cul class=\"cxe-list\"\u003e\n\u003cli\u003e\n\u003cstrong style=\"color:#fff;\"\u003eKonsistens:\u003c\/strong\u003e Lätt som en lotion, absorberar den på några sekunder, lämnar inte ett fett lager och stör inte concealern.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color:#fff;\"\u003eOmedelbar återfuktning:\u003c\/strong\u003e Områdets struktur är klart förbättrad och torra fjäll minskar de första dagarna.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color:#fff;\"\u003eIcke irriterande:\u003c\/strong\u003e Helt säker för dem med känsliga ögon och kontaktlinser (eftersom det är parfymfritt).\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color:#fff;\"\u003eBesparingar:\u003c\/strong\u003e En mycket liten mängd räcker, och paketet räcker i månader.\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;\"\u003ePunkter som upprepades i kritiken:\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 Vissa tycker att förpackningen (25 ml) är liten, även om recensioner bekräftar att den dagliga konsumtionen är mycket liten.\u003c\/li\u003e\n\u003cli style=\"color: #aaa;\"\u003e\n\u003cspan style=\"color: #666;\"\u003e✓\u003c\/span\u003e Slemmets konsistens kan verka konstigt vid första användningen, men känslan försvinner omedelbart.\u003c\/li\u003e\n\u003cli style=\"color: #aaa;\"\u003e\n\u003cspan style=\"color: #666;\"\u003e✓\u003c\/span\u003e En radikal förändring av fina linjer kräver veckors tålamod och dyker inte upp från den första veckan.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; color: var(--cxe-gold-main); font-weight: bold; margin-top: 20px;\"\u003eNeutral slutsats: Konsensus indikerar att det är en av de bästa ögonkrämerna i sin priskategori för återfuktning, komfort och säkerhet av formulan.\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);\"\u003eÖgonen väntar inte...och tiden stannar inte\u003c\/h2\u003e\n\u003cp class=\"cxe-subtitle cxe-reveal\" style=\"color: #fff; font-size: 1.15rem;\"\u003e\n                Varje dag som går medan det ömtåliga området runt ögonen lämnas utan specifik vård är en dag som läggs till åldern, inte huden.Skillnaden mellan ett ungdomligt utseende och ett trött utseende är inte bara genetik, utan snarare att fortsätta applicera rätt kräm på rätt plats.\n            \u003c\/p\u003e\n\u003cdiv class=\"cxe-reveal\"\u003e\n\u003cbutton class=\"cxe-btn\"\u003eBörjan är nu...att återställa en ungdomlig och strålande look\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Footer --\u003e\n\u003cdiv class=\"cxe-reveal\" style=\"margin-top: 60px; text-align: left; direction: ltr; padding: 25px; background: rgba(0,0,0,0.5); border: 1px solid var(--cxe-border); border-radius: 16px;\"\u003e\n\u003ch4 style=\"color: var(--cxe-gold-main); margin-bottom: 10px; font-size: 1.1rem; text-align: left; direction: ltr;\"\u003eKomplett ingredienslista (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 Madagaskar Ampull\/Serum |Avancerad lugnande för känslig hud |Anti-rodnad och irritation","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\"\u003e100 % ren koreansk ampull som reparerar skadad hud på några minuter\u003c\/h1\u003e\n\u003cp class=\"ph-hero-subtitle\"\u003e\u003cstrong\u003eNär renheten hos Centella asiatica från Madagaskar kombineras med avancerad koreansk vetenskap - en sann SOS-kur mot alla hudskador eller irritationer.\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      Huden är röd hela tiden.Känslig för vilken produkt som helst.Hudbarriären förstörs av syror eller retinol.Rodnad och irritation kvarstår.Problemet ligger inte i själva huden - \u003cstrong\u003eProblemet är en trasig hudbarriär\u003c\/strong\u003e.SKIN1004 Madagaskar Centella Ampull är \u003cstrong\u003eRen vattenampull - nästan 100% Centella asiatica\u003c\/strong\u003e Från Madagaskar (den renaste Centella i världen).Inga parfymer, inga oljor, inga tillsatser - \u003cstrong\u003eEndast en kraftfull, kliniskt bevisad ingrediens\u003c\/strong\u003e Den reparerar barriären, lugnar rodnad, påskyndar läkning och återfuktar på djupet.Vegansk, svampaknesäker, perfekt för alla hudtyper.\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\"\u003eBruten hudbarriär = känslig, inflammerad hud\u003c\/h2\u003e\n\u003ch3 class=\"ph-problem-subtitle\"\u003e\n\u003cstrong\u003eHudbarriären är den första försvarslinjen – ett lager av skydd från omvärlden\u003c\/strong\u003e\n\u003c\/h3\u003e\n\u003cp class=\"ph-problem-text\"\u003e\n      Hudbarriären är den första försvarslinjen - ett lager av lipider och proteiner som skyddar huden från omvärlden (föroreningar, bakterier, irriterande ämnen) och förhindrar fuktförlust inifrån.När barriären skadas av överdriven exfoliering, hårda produkter eller kronisk inflammation, förlorar huden sin förmåga att skydda sig själv.\n    \u003c\/p\u003e\n\u003cdiv class=\"ph-problem-details\"\u003e\n\u003ch4 class=\"ph-problem-detail-title\"\u003eTecken på en skadad hudbarriär:\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\u003eIhållande rodnad\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003eÄven utan uppenbar anledning är huden känslig för vilken produkt som helst\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-problem-detail-card\"\u003e\n\u003ch5 class=\"ph-problem-detail-subtitle\"\u003e\u003cstrong\u003eTorrhet och fjällning\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003eÄven om du använder fuktkräm och huden inte är bekväm\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-problem-detail-card\"\u003e\n\u003ch5 class=\"ph-problem-detail-subtitle\"\u003e\u003cstrong\u003eFrekventa finnar\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003eBakterier kan lätt komma in, och akneärr läker långsamt\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"ph-problem-highlight\"\u003e\n\u003cstrong\u003eOrsak: Överexfoliering, hårda produkter, kroniska infektioner eller miljöfaktorer\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp class=\"ph-problem-conclusion\"\u003e\n      En trasig hudbarriär reparerar inte sig själv.Ju mer barriären försvagas, desto mer känslig, röd och mottaglig för finnar och infektioner förblir huden.Problemet blir värre med tiden, inte bättre.\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\"\u003eVad kommer det att göra med din hud?- 6 terapeutiska lösningar i 2 droppar\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.1rem; opacity: 0.9; margin-bottom: 3rem;\"\u003e\n      100% Centella Asiatica från Madagaskar - den naturliga ingrediensen med kortisons effektivitet utan biverkningar\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\"\u003eOmedelbar lugnande av röd och irriterad hud\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eLindrar snabbt irritation och rodnad - särskilt efter peeling, retinol eller anfall av dermatit - på bara några minuter.\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\"\u003eDjup återfuktning utan fett\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eFlera fuktkrämer + Centellas hyaluronverkan = studsande, återfuktad, fyllig hud utan en fet känsla.\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\"\u003ePåskynda återhämtningen från finnar och brännskador\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eFrämjar läkning efter utbrott, solbränna eller hudingrepp och påskyndar naturligt kollagensyntesen\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\"\u003eFörstärkning av den skadade barriären\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eSkyddar och reparerar trasiga barriärer - perfekt för eksem, rosacea, pigmentering eller utslag och återställer ett hälsosamt pH\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\"\u003eOljefri, icke-komedogen\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eLämplig för svamp, mycket fet och acnebenägen hud - Vegan, Fungal Acne Safe\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\"\u003eLångsiktig anti-aging\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eLångvarig användning förbättrar kollageninnehållet, hudens struktur, fina linjer och övergripande elasticitet\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\"\u003eRen Centella asiatica från Madagaskar - växten som har förbryllat läkare\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.1rem; opacity: 0.9; margin-bottom: 3rem;\"\u003e\n      Den enda riktiga ingrediensen: 100% Centella Asiatica Extract - världens renaste och mest kraftfulla Centella\n    \u003c\/p\u003e\n\u003cdiv class=\"ph-mechanism-cards\"\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eMirakelaktiva föreningar\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003e4 kraftfulla naturliga föreningar som fungerar i perfekt harmoni för att reparera och skydda huden\u003c\/p\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMadecassoside + Asiaticoside:\u003c\/strong\u003e Stimulerar kollagensyntesen och påskyndar sårläkning\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÖkar produktionen av hyaluronsyra:\u003c\/strong\u003e In i huden för djup återfuktning\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAsiatic Acid + Madecassic Acid:\u003c\/strong\u003e Hämmar inflammatoriska signaler\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eKraftfulla antioxidanter:\u003c\/strong\u003e Bekämpar fria radikaler och skyddar mot miljöpåfrestningar\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eHur fungerar Centella vetenskapligt?\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eKliniskt bevisad verkningsmekanism för att reparera och skydda hudbarriären\u003c\/p\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAccelerera sårläkning:\u003c\/strong\u003e Förbättrad hastighet och kvalitet på hudens återhämtning\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMinska ärr och rodnad:\u003c\/strong\u003e Betydande förbättring av pigmentering och tjocklek på ärr\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReparation av fysisk barriär:\u003c\/strong\u003e Återställ hälsosamt pH och minska vattenförlusten\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNaturligt antiinflammatoriskt:\u003c\/strong\u003e Det lugnar rodnad och förhindrar externa trycksignaler\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eDen totala effekten är mirakulös\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eOmfattande resultat för frisk, skyddad och föryngrad hud\u003c\/p\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eStöder mikrocirkulation:\u003c\/strong\u003e Uppmuntrar läkning av mikrosprickor\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePåskyndar återhämtningen:\u003c\/strong\u003e Efter procedurer eller kemisk peeling\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStärker hudbarriären:\u003c\/strong\u003e Det återställer hudens naturliga balans\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLångtidsskydd:\u003c\/strong\u003e Mot skadliga miljöfaktorer\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\"\u003eDen 8 veckor långa resan till huden fri från irritation och rodnad\u003c\/h2\u003e\n\u003cdiv class=\"ph-timeline-container\"\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eOmedelbar (minuter)\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eOmedelbart lugnande\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eMinskar synbart rodnad och irritation\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eEn känsla av omedelbar lugnande och komfort\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eÅterfuktande känsla - huden är studsande och återfuktad\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 veckor\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eStärk barriären\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eFörbättrad barriärbeständighet - mindre känslig hud\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eMindre finnar – den starka barriären hindrar bakterier från att komma in\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eMindre fjällning eller torrhet och förbättrad naturlig balans\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 veckor\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eHelrenovering\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eLättare effekterna av finnar och pigmentering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003ePermanent lyster och enande av hudtonen\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eFörbättrar fasthet, struktur och övergripande elasticitet\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      Endast 8 veckor = en fullständig förvandling från skadad hud till frisk, skyddad hud\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\"\u003eRätta hur du använder\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\"\u003ePerfekt timing\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eEfter toning eller direkt efter rengöring är din rutin enkel - den kan användas på morgonen och\/eller kvällen\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\"\u003eDen perfekta kvantiteten\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eApplicera 2-3 droppar på ren hud - en liten mängd är tillräcklig på grund av den höga koncentrationen\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\"\u003eTrevlig app\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eKlappa försiktigt på ansikte och hals tills det absorberas fullständigt - undvik kraftig gnuggning\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\"\u003eExtra återfuktning\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eApplicera en fuktgivande kräm över den om din hud är torr eller behöver extra återfuktning - mycket lätt för torr hud\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\"\u003eViktiga tips för optimal användning:\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\"\u003eAvancerade användningsområden:\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eFungerar utmärkt på morgonen\u003c\/strong\u003e För att lugna innan smink\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePerfekt på natten\u003c\/strong\u003e Efter användning av syror eller retinol\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDen kan användas på kroppen\u003c\/strong\u003e För irriterade områden\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSäker runt ögon och läppar\u003c\/strong\u003e Utan parfymer eller alkohol\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\"\u003eYtterligare tips:\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eApplicera i lager\u003c\/strong\u003e Med andra serum eller ampuller\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLämplig efter rakning\u003c\/strong\u003e Eller för eksem och irritation\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eKan användas upprepade gånger\u003c\/strong\u003e När lugnande behövs\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSäker för graviditet och amning\u003c\/strong\u003e Ingen systemisk absorption\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\"\u003eRenhet i sin enklaste form - varför är SKIN1004 annorlunda?\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 Asiatica 100%\u003c\/h4\u003e\n\u003cp\u003eFrån Madagaskar - Den renaste och mest kraftfulla Centella i världen på grund av ren jord och idealiskt klimat, kliniskt bevisat att reparera barriären\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\u003eInga onödiga dofter, oljor eller tillsatser - absolut renhet för känslig och skadad hud\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\u003eSäker för alla hudtyper, även mycket känsliga, fri från allergener och komedogena ämnen\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;\"\u003eKliniskt bevisat\u003c\/h4\u003e\n\u003cp\u003eKliniska prövningar med Centella-krämer visade signifikant förbättring av pigmentering, ärrbildning och irritation under 8-12 veckor.\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;\"\u003eOmedelbar SOS-behandling\u003c\/h4\u003e\n\u003cp\u003eOmedelbar lugnande på några minuter - rodnad minskar omedelbart och huden känns bekväm från första användningen\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\"\u003eFullständig ingredienslista\u003c\/h2\u003e\n\u003cdiv class=\"ph-ingredients-text\"\u003e\n\u003cstrong\u003eAktiva ingredienser:\u003c\/strong\u003e\u003cbr\/\u003e\n      • \u003cstrong\u003eCentella Asiatica Extract (100%)\u003c\/strong\u003e - Ren Centella asiatica från Madagaskar\u003cbr\/\u003e\n      • \u003cstrong\u003eWater\u003c\/strong\u003e - Rent vatten som en naturlig bas\u003cbr\/\u003e\n      • \u003cstrong\u003eGlycerin\u003c\/strong\u003e - Glycerin för skonsam återfuktning\u003cbr\/\u003e\n      • \u003cstrong\u003eButylene Glycol\u003c\/strong\u003e - Absorptions- och texturförstärkare\u003cbr\/\u003e\n      • \u003cstrong\u003e1,2-Hexanediol\u003c\/strong\u003e - Naturlig fuktighetskräm och stabilisator\u003cbr\/\u003e\n      • \u003cstrong\u003eCellulose Gum\u003c\/strong\u003e - Naturligt förtjockningsmedel för perfekt konsistens\u003cbr\/\u003e\n      • \u003cstrong\u003eEthylhexylglycerin\u003c\/strong\u003e - Naturligt hudbalsam\u003cbr\/\u003e\u003cbr\/\u003e\n\u003cstrong\u003eFullständig ingredienslista (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✓ Fri från:\u003c\/strong\u003e Parabener, sulfater, silikoner, dofter, mineraloljor, stark alkohol\u003cbr\/\u003e\n\u003cstrong\u003e✓ Dermatologiskt testad\u003c\/strong\u003e - Vegan, Cruelty-Free, Fungal Acne Safe\u003cbr\/\u003e\n\u003cstrong\u003e✓ Säker för graviditet och amning\u003c\/strong\u003e - Idealisk för alla hudtyper, även mycket känsliga\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\"\u003eSkadad och irriterad hud?Rädda i två droppar\u003c\/h2\u003e\n\u003cp class=\"ph-cta-text\"\u003e\n\u003cstrong\u003eSKIN1004 Madagaskar Centella Ampull - Renhet när den är som enklast\u003c\/strong\u003e\u003cbr\/\u003e\u003cbr\/\u003e\n      Varje dag använder du hårda produkter eller slarvar med barriären = gradvis förstörelse av huden.\u003cbr\/\u003e\n      Det kommer inte bara att återfukta ytan ... det kommer att penetrera djupt och reparera hudbarriären från rötterna.\n    \u003c\/p\u003e\n\u003cdiv class=\"ph-cta-content\"\u003e\n\u003cp class=\"ph-cta-highlight\"\u003eDin hudbarriär behöver omedelbart repareras\u003c\/p\u003e\n\u003cp class=\"ph-cta-subtext\"\u003eLösningen är ren och enkel.Omedelbar lindring - rodnad minskar på några minuter 🌿💧\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":"\u003c!-- Section --\u003e\n\u003cstyle\u003e\n\/* Style Settings *\/\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\u003c!-- Section --\u003e\n\u003ch3 class=\"yuja-title\"\u003eLåt inte mörka fläckar och matthet stjäla din huds lyster\u003c\/h3\u003e\n\u003cp class=\"yuja-text\"\u003eHar du märkt att din hud har tappat sin fräschör?Har mörka fläckar och hyperpigmentering börjat dyka upp?Varje dag du dröjer med att ta hand om din hud gör det svårare att återfå sin naturliga lyster.Låt inte ånger smyga sig på dig senare.\u003c\/p\u003e\n\u003c!-- Section --\u003e \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\"\u003eSome By Mi Yuja Niacin Brightening Toner – En revolution inom hudljusning\u003c\/h3\u003e\n\u003cp class=\"yuja-text\"\u003eDenna toner erbjuder en innovativ formel som innehåller:\u003c\/p\u003e\n\u003cul class=\"yuja-list\"\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e90% av Yuja-extrakt\u003c\/strong\u003e: En frukt rik på vitamin C, som verkar för att göra huden ljusare och förena dess färg.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e5% niacinamid\u003c\/strong\u003e: Det hjälper till att minska pigmentering och mörka fläckar, och förbättrar hudens elasticitet.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003eGlutation och arbutin\u003c\/strong\u003e: Kraftfulla antioxidanter som bidrar till hudens lyster och minskar tecken på åldrande.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e12 typer av vitaminer\u003c\/strong\u003e: Ger näring till huden och förbättrar dess vitalitet.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"yuja-text\"\u003eDenna unika formel gör tonern till ett idealiskt val för dem som söker strålande, frisk hud.\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 \u003c!-- Section --\u003e\n\u003cdiv class=\"yuja-section\"\u003e\n\u003ch3 class=\"yuja-section-title\"\u003eVad gör Some By Mi Yuja Niacin Brightening Toner speciell?\u003c\/h3\u003e\n\u003cp\u003ePå en marknad full av ansiktsvatten som lovar att lysa upp huden sticker den ut \u003cstrong\u003eSome By Mi Yuja Niacin Brightening Toner\u003c\/strong\u003e Med sin unika och koncentrerade formel som kombinerar:\u003c\/p\u003e\n\u003cul class=\"yuja-list\"\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e90 % Yuga fruktextrakt (yuzu)\u003c\/strong\u003eEn rik källa till C-vitamin. Den innehåller tre gånger så mycket C-vitamin som finns i citron, vilket hjälper till att ljusa upp och förena hudfärgen.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e5% niacinamid\u003c\/strong\u003e: Det hjälper till att minska pigmentering och mörka fläckar, och förbättrar hudens elasticitet.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003eKraftfulla antioxidanter som glutation och arbutin\u003c\/strong\u003e: Bidrar till hudens lyster och minskar tecken på åldrande.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e12 typer av vitaminer\u003c\/strong\u003e: Ger näring till huden och förbättrar dess vitalitet.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eDenna rika formula gör ansiktsvatten till ett idealiskt val för dem som söker strålande och frisk hud, överlägsen många andra ansiktsvatten som innehåller lägre andelar av dessa aktiva ingredienser.\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 \u003c!-- Section --\u003e\n\u003cdiv class=\"yuja-feature-section\"\u003e\n\u003ch3 class=\"yuja-feature-title\"\u003eUtmärkt värde för priset\u003c\/h3\u003e\n\u003cp\u003eMed en volym på 150 ml ger denna toner långvarig användning, eftersom en liten mängd räcker för att täcka hela ansiktet.Med tanke på dess koncentration av aktiva ingredienser är det en smart hudvårdsinvestering, som kombinerar kvalitet och kvantitet i en produkt.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"yuja-feature-section\"\u003e\n\u003ch3 class=\"yuja-feature-title\"\u003eLätt konsistens och snabb absorption\u003c\/h3\u003e\n\u003cp\u003eTonern kännetecknas av sin lätta konsistens som snabbt absorberas av huden utan att lämna några feta rester, vilket gör den lämplig för daglig användning för alla hudtyper, även känsliga.\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 \u003c!-- Section --\u003e\n\u003cdiv class=\"yuja-cta\"\u003e\n\u003ch3\u003eSkjut inte upp att ta hand om din hud\u003c\/h3\u003e\n\u003cp\u003eVarje dag du dröjer med att börja din hudvårdsrutin är ett steg mot matt, fläckfylld hud.Börja idag med Some By Mi Yuja Niacin Brightening Toner, och återställ din huds naturliga lyster innan det är för sent.\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":"\u003c!-- Section --\u003e\n\u003cstyle\u003e\n\/* Style Settings *\/\n.ginseng-product-description {\n\n  max-width: 100%;\n  margin: 0 auto;\n  direction: ltr;\n  color: #333;\n}\n\n\/* Style Settings *\/\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\/* Style Settings *\/\n.ginseng-intro {\n  text-align: center;\n  font-size: 16px;\n  margin-bottom: 30px;\n  line-height: 1.6;\n}\n\n\/* Style Settings *\/\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\/* Style Settings *\/\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\/* Style Settings *\/\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\/* Style Settings *\/\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\/* Style Settings *\/\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\/* Style Settings *\/\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\/* Style Settings *\/\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\/* Style Settings *\/\n.ginseng-fade-in {\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n\/* Style Settings *\/\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\u003c!-- Section --\u003e\n\u003clink href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\"\/\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"ginseng-product-description\"\u003e\n\u003ch2 class=\"ginseng-main-title ginseng-fade-in\"\u003eGinsengvatten – ungdomens eviga källa för huden\u003c\/h2\u003e\n\u003cp class=\"ginseng-intro ginseng-fade-in\"\u003e\n    En sällsynt blandning av traditionella koreanska medicinhemligheter och modern teknik.Det 80 % ginsengvattnet som används i denna produkt är inte bara en naturlig ingrediens, utan snarare en skatt rik på antioxidanter, saponiner och mikronäringsämnen som stödjer ungdomlig hud inifrån och återuppbygger den vid varje användning.\n  \u003c\/p\u003e\n\u003cimg alt=\"Ginseng vatten\" 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\u003c!-- Section --\u003e\n\u003cdiv class=\"ginseng-features\"\u003e\n\u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-feature-title\"\u003e\n\u003ci class=\"fas fa-leaf ginseng-feature-icon\"\u003e\u003c\/i\u003e\n        Ginseng – en av de största hemligheterna med koreansk hud\n      \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n        I århundraden har ginseng varit känd som \"gudarnas ört\" i traditionella koreanska medicinböcker som Donguibogam.De första koreanska kvinnorna använde den för att bada och vårda huden på grund av dess fantastiska förmåga att stimulera blodcirkulationen, ge näring till celler och föryngra huden.\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        Lätt formula – tungt resultat\n      \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n        Trots sin lätta, vattenliknande konsistens ger denna toner huden en koncentrerad boost av återfuktning och näringsämnen.Den absorberas snabbt utan att lämna några feta spår, vilket ger dig en bekväm och snabb användningsupplevelse, med resultat synliga från första veckan.\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        En radikal lösning på problemen med hudirritation och inflammation\n      \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n        Produkten innehåller 2% niacinamid, en vetenskapligt understödd effektiv ingrediens för att stärka hudbarriären, lugna inflammation och minska rodnad orsakad av miljöfaktorer eller dagliga irritationer.\n      \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Section --\u003e\n\u003cimg alt=\"Fördelarna med ginsengvatten\" 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\u003c!-- Section --\u003e\n\u003cdiv class=\"ginseng-features\"\u003e\n\u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-feature-title\"\u003e\n\u003ci class=\"fas fa-tint ginseng-feature-icon\"\u003e\u003c\/i\u003e\n        En fantastisk fuktkräm för huden\n      \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n        De aktiva saponinerna som finns i ginsengvattnet drar till sig och låser fukt djupt in i huden och lämnar huden återfuktad under längre tid utan att behöva appliceras på nytt.Perfekt för dig som lider av kronisk torrhet eller sprucken hud.\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        Smidigare, klarare, ljusare hud\n      \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n        Genom att jämna ut hudens struktur, reglera oljeutsöndringen och hjälpa till att minska uppkomsten av förstorade porer, bidrar denna toner till att förbättra hudens övergripande klarhet.Niacinamid verkar också för att lätta upp pigmentering och förena färg, vilket ger ditt ansikte en mer enhetlig och klar lyster.\n      \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-feature-title\"\u003e\n\u003ci class=\"fas fa-sun ginseng-feature-icon\"\u003e\u003c\/i\u003e\n        Fade-behandlingsspecialist\n      \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n        Konstant matthet i ansiktet orsakas inte bara av trötthet, utan också av hudens brist på element som stimulerar dess naturliga regenerering.Ginsengvatten förser hudcellerna med energi och återaktiverar mikrocirkulationen i ansiktet och återställer dess naturliga lyster och glans.\n      \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Section --\u003e\n\u003cimg alt=\"Ingredienser av ginsengvatten\" 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\u003c!-- Section --\u003e\n\u003cdiv class=\"ginseng-ingredients ginseng-fade-in\"\u003e\n\u003ch3 class=\"ginseng-section-title\"\u003eMycket avancerad formel av ginsengvatten och niacinamid!\u003c\/h3\u003e\n\u003cp style=\"text-align: center; margin-bottom: 20px;\"\u003eDenna minutiöst utvecklade formel kombinerar vetenskap och tradition, med genomtänkta ingredienser:\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\"\u003eKoreansk ginsengrotvatten\u003c\/div\u003e\n\u003cdiv class=\"ginseng-ingredient-percentage\"\u003e80%\u003c\/div\u003e\n\u003cp\u003eDen väsentliga ingrediensen för hudföryngring\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-ingredient ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-ingredient-title\"\u003eNiacinamid\u003c\/div\u003e\n\u003cdiv class=\"ginseng-ingredient-percentage\"\u003e2%\u003c\/div\u003e\n\u003cp\u003eFör att förena hudtonen och minska inflammation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-ingredient ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-ingredient-title\"\u003eYtterligare komponenter\u003c\/div\u003e\n\u003cdiv style=\"color: #d4a017; font-size: 24px; margin: 10px 0;\"\u003e\n\u003ci class=\"fas fa-plus-circle\"\u003e\u003c\/i\u003e\n\u003c\/div\u003e\n\u003cp\u003ePanthenol, allantoin, fermenterat ginsengextrakt, hyaluronsyra\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; margin-top: 20px;\"\u003eVarje ingrediens i den samverkar för att ge dig bästa resultat med minimal ansträngning och utan irritation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"ginseng-benefits ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-highlight-section\"\u003e\n\u003ch3 class=\"ginseng-section-title\"\u003eViktiga fördelar\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\u003eStöd ungdomlig hud och bygg upp den igen\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\u003eStimulerar blodcirkulationen och föryngrar huden\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\u003eDjup återfuktning och omedelbar näring för huden\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\u003eSnabb absorption utan en fet effekt\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\u003eStärker hudbarriären och lindrar inflammation\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003eMinska rodnad och irritation\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003eÅterfuktar huden under långa perioder\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\u003eJämnar ut hudens struktur och reglerar oljeutsöndringen\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"ginseng-how-to-use ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-highlight-section\"\u003e\n\u003ch3 class=\"ginseng-section-title\"\u003eHur man använder\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          Efter rengöring av huden, applicera en liten mängd på händerna eller en bit bomull\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          Torka försiktigt ansiktet och halsen i cirkulära rörelser\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          Låt det vara helt absorberat innan du applicerar nästa produkt i din rutin\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\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n  \/\/ HDYD MYA AlAnAsidR AlMRAD HRYeA\n  const fadeElements = document.querySelectorAll(\".ginseng-fade-in');\n  \n  \/\/ InShA MRA llAnAsidR AnD HanReA I AlShASh\n  const observer = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      \/\/ AnD HanR Objekt I AlShASh\n      if (entry.isIntersecting) {\n        \/\/ Add lAS lAYl AlHRY\n        setTimeout(() =\u003e {\n          entry.target.style.opacity = '1\";\n          entry.target.style.transform = \"translateY(0)\";\n        }, 100);\n        \n        \/\/ Action trigger\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.1 }); \/\/ Action trigger\n  \n  \/\/ Action trigger\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":"\u003c!-- Section --\u003e\n\u003cstyle\u003e\n\/* Style Settings *\/\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🌟 En revolution i serumvärlden: Some By Mi Yuja Niacin 30 Days Blemish Care Serum\u003c\/h3\u003e\n\u003cp class=\"yuja-serum-intro\"\u003e\n      I ett hav av hudvårdsprodukter framstår detta serum som ett mästerverk som kombinerar natur och modern vetenskap, och erbjuder en omedelbar och effektiv lösning på hudproblem.\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\u003c!-- Section --\u003e\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\u003eEn unik formel som överträffar förväntningarna\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-content\"\u003e\n\u003cp\u003eDet som skiljer detta serum från andra niacinamidprodukter är dess exceptionella kombination av ingredienser:\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 % Yuja-fruktextrakt (koreansk mandarin)\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n              Den är känd för sin höga koncentration av C-vitamin och innehåller tre gånger mer än citron, vilket ger huden en naturlig lyster och ökar kollagenproduktionen.\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% niacinamid\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n              Vid den perfekta koncentrationen förenar den hudtonen, minskar pigmentering och stärker hudens skyddande barriär utan att orsaka irritation.\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\"\u003eGlutation och arbutin\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n              Kraftfulla antioxidanter bidrar till att minska melaninproduktionen, vilket hjälper till att ljusna mörka fläckar och ger huden ett jämnare utseende.\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 typer av vitaminer\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n              Den ger näring till huden, förbättrar dess vitalitet och hjälper till att lugna stress som beror på skadliga miljöfaktorer.\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\u003c!-- Section --\u003e\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\u003ePåtagliga resultat på rekordtid\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp\u003e\n      Till skillnad från många serum som tar månader att visa resultat visar detta serum sin effekt på bara 30 dagar.Användarupplevelser tyder på en tydlig förbättring av att förena hudtonen och minska pigmentering på kort tid.\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\u003c!-- Section --\u003e\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\u003eEn smart investering för din hud\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp\u003e\n      Med en storlek på 50 ml och en hög koncentration av aktiva ingredienser är detta serum ett utmärkt värde för priset.En liten mängd är tillräckligt för att uppnå önskat resultat, vilket gör det långvarigt och erbjuder en ekonomisk och effektiv hudvårdslösning.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"yuja-serum-conclusion\" id=\"conclusion-section\"\u003e\n\u003cp\u003e\n      Kort sagt, \u003cstrong class=\"yuja-serum-highlight\"\u003eSome By Mi Yuja Niacin 30 Days Blemish Care Serum\u003c\/strong\u003e Det är inte bara ytterligare ett serum på marknaden, utan snarare en unik upplevelse som kombinerar naturens kraft med modern teknik för att uppnå en frisk, strålande hud på rekordtid.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Section --\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n  const sections = document.querySelectorAll('.yuja-serum-section, .yuja-serum-feature-section, .yuja-serum-conclusion');\n  \n  \/\/ MRA HanR AlAnAsidR AnD AlKlartRYR\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  \/\/ Action trigger\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":"\u003c!-- Section --\u003e\n\u003cstyle\u003e\n\/* Style Settings *\/\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\"\u003eYogakräm och niacinamid!Specialiserad på att behandla alla hudfel\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\"\u003eLider din hud av pigmentering och mörka fläckar?\u003c\/h2\u003e\n\u003cp class=\"yuja-cream-intro\"\u003e\n      Om du är frustrerad över produkter som lovar att förbättra din hud men som inte ger påtagliga resultat, är det dags att prova \u003cstrong\u003eSome By Mi Yuja Niacin Anti Blemish Cream\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\u003c!-- Section --\u003e\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\u003eAvancerad vetenskaplig formel för snabba och effektiva resultat\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-content\"\u003e\n\u003cp\u003eDenna kräm innehåller en unik kombination av aktiva ingredienser som arbetar i harmoni för att ljusa upp och förbättra hudens utseende:\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% Niacinamid (Vitamin B3)\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n            Det anses vara en av de mest kraftfulla ingredienserna för att minska pigmentering och förena hudtonen.\n          \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n\u003cdiv class=\"yuja-cream-ingredient-title\"\u003eYuga extrakt (Yuzu)\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n            Den är rik på C-vitamin och hjälper till att göra huden ljusare och minska mörka fläckar.\n          \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n\u003cdiv class=\"yuja-cream-ingredient-title\"\u003eArbutin\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n            Det bidrar till att minska melaninproduktionen, vilket minskar uppkomsten av mörka fläckar.\n          \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n\u003cdiv class=\"yuja-cream-ingredient-title\"\u003eGlutation\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n            Den anses vara en av de mest kraftfulla antioxidanterna, bekämpar fria radikaler och förbättrar hudens lyster.\n          \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n\u003cdiv class=\"yuja-cream-ingredient-title\"\u003ePanthenol (Vitamin B5)\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n            Den återfuktar huden på djupet och stärker dess naturliga barriär.\n          \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n\u003cdiv class=\"yuja-cream-ingredient-title\"\u003eCentella Asiatica (Cica) extrakt\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n            Lugnar huden och främjar cellförnyelse.\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\u003c!-- Section --\u003e\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\u003eVarför anses denna kräm vara en revolution inom hudvård?\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-feature-content\"\u003e\n\u003cp\u003e\n        Krämen kombinerar den revolutionerande föreningen niacinamid, som har vänt utvecklingen på hudvård, med ett högkoncentrerat yugaextrakt.Yugaväxten, känd som den koreanska mandarinen, anses innehålla 3 gånger koncentrationen av C-vitamin som finns i citroner.Vilket gör detta extrakt till ett mirakel när det gäller att lätta upp, motstå oxidation och behandla ålderstecken.\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\u003c!-- Section --\u003e\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\u003eEn smart investering för mer strålande hud\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-feature-content\"\u003e\n\u003cp\u003e\n        Med en volym på 60 ml är denna kräm en långsiktig investering.Koncentrationen av aktiva ingredienser i den gör att den håller länge, vilket gör den till ett ekonomiskt och effektivt alternativ.\n      \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Section --\u003e\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 Du förtjänar en ljusare, mer strålande hud \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        Låt inte pigmentering och mörka fläckar påverka ditt självförtroende.Prova det \u003cstrong class=\"yuja-cream-highlight\"\u003eSome By Mi Yuja Niacin Anti Blemish Cream\u003c\/strong\u003e I dag kan du njuta av mer strålande och fräsch hud.\n      \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Section --\u003e\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  \/\/ MRA HanR AlAnAsidR AnD AlKlartRYR\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  \/\/ Action trigger\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":"ANUA Niacinamid 10% + TXA 4% Dark Spot Correcting Serum - Advanced Brightening \u0026 Pore Refining","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\"\u003eDen mest kraftfulla formeln för ljusning och punktkorrigering i Korea\u003c\/div\u003e\n\u003ch1 class=\"atxa-title-glow\"\u003e\n                Anua Niacinamid Serum 10% + TXA 4%\u003cbr\/\u003e\n\u003cspan class=\"neon-gold\"\u003eBli av med foundation och återställ din huds renhet på 30 dagar\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"atxa-hero-subtitle\"\u003e\n                Jag är trött på hans artighet \u003cspan class=\"neon-red\"\u003eSpår av gamla finnar med concealer\u003c\/span\u003e?Melasma och solfläckar försvinner oavsett hur mycket du provar ljusare serum? \u003cspan class=\"neon-gold\"\u003eHemligheten är att inte peela din hud\u003c\/span\u003eHemligheten är att stoppa själva fläcken från rötterna innan den dyker upp på ytan av din hud.\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                    Det är inte bara ett vanligt lättande serum. \u003cspan class=\"neon-red\"\u003eSmart korrigeringstrilogi\u003c\/span\u003e Det smälter samman \u003cspan class=\"neon-gold\"\u003e10 % niacinamid + 4 % tranexamin + 2 % arbutin\u003c\/span\u003e För att radera den mörkaste fläcken håller du på att förena din färg utan en enda punkt av skalning eller ett enda brinnande stick!\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                    Mest sålda produkten i \u003cspan class=\"neon-gold\"\u003eMer än 30 länder\u003c\/span\u003e För att avsluta kampen mot envisa fläckar en gång för alla, helt säkert för känslig hud.\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\"\u003eVad exakt kommer att förändras i din hud?\u003c\/h2\u003e\n\u003cp class=\"pure-white\" style=\"text-align: center; margin-bottom: 30px; font-size: 1.15rem;\"\u003e\n                Den verkliga skillnaden du kommer att se i spegeln varje dag från den första veckan:\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\"\u003eEnhetlig färg och åtstramade porer\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag\"\u003eNiacinamid 10% ren\u003c\/div\u003e\n\u003cp\u003eDen kontrollerar överflödigt talg, förkortar förstorade porer och fördelar fräschör överallt, vilket eliminerar behovet av makeuppuder.\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\"\u003eStoppa melasma vid källan\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag gold\"\u003eTranexamsyra 4%\u003c\/div\u003e\n\u003cp\u003eDet förhindrar bildandet av pigmentpigment från dess djupa rötter, stoppar melasma och sommarsolfläckar innan de etablerar sig i din hud.\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\"\u003eRadera spår av envisa finnar\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag rose\"\u003eRen Arbutin 2%\u003c\/div\u003e\n\u003cp\u003eDet fungerar som ett gummiband på de bruna och röda märkena som lämnas av gamla finnar, så din hud kommer tillbaka lika klar som ett filter.\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\"\u003eVattnig fyllighet utan någon torrhet\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag\"\u003eHyaluron- och polyglutaminsyra\u003c\/div\u003e\n\u003cp\u003eDen ger dina hudceller djup vattnig fukt, förhindrar torrhet eller flagning som ofta orsakas av andra ljusare serum.\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\"\u003eSkyddssköld förhindrar att fläckar återkommer\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag gold\"\u003eCeramid NP\u003c\/div\u003e\n\u003cp\u003eDen bygger en solid skyddsbarriär som låser in fukt i din hud och förhindrar solkänslighet och vädersvängningar från att bränna dig igen.\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\"\u003eOmedelbar lugnande utan någon rodnad\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag rose\"\u003eCica och naturligt grönt te\u003c\/div\u003e\n\u003cp\u003eEn känsla av fräschör och komfort från första droppen.Det eliminerar sveda och lugnar irritation omedelbart, även om din hud är mycket känslig.\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\"\u003eVarför kommer inte detta serum att bränna eller irritera din hud?\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                De flesta ljusare serum är hårda och orsakar brännskador och peeling, men Anua löser ekvationen:\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\"\u003eMaximal effekt utan känslighet\u003c\/h4\u003e\n\u003cp\u003eDet gyllene snittet som lättar upp och förenar färgen snabbt, men stöds av lugnande medel och ceramider, så att du är på väg att förbli 100% bekväm.\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\"\u003eNaturlig rosa renhet\u003c\/h4\u003e\n\u003cp\u003eDess kristallrosa färg är inte ett konstgjort färgämne, det är färgen på naturligt vitamin B12, som ger näring och lyser upp din hudton.\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 dagar\u003c\/div\u003e\n\u003ch4 class=\"neon-rose\"\u003eMärkbar fräschör och lyster\u003c\/h4\u003e\n\u003cp\u003eDu behöver inte vänta i månader för att se resultat, eftersom din hudstruktur blir slät och matt försvinner från första veckan.\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                Perfekt för alla hudtyper, till och med \u003cspan class=\"neon-gold\"\u003eAcnebenägen och känslig\u003c\/span\u003eDen är helt fri från parfymer och alkohol.\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\"\u003eReella siffror bevisade av kliniska prövningar\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                Dokumenterade resultat efter en laboratoriebaserad studie \u003cspan class=\"neon-gold\"\u003e347 begagnade\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\"\u003eSynlig blekning av mörka fläckar och hyperpigmentering\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\"\u003eKomplett förening av färgen på ansiktet och halsen\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\"\u003eMärkbar jämnhet och försvinnande av hudens strävhet\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                Dokumenterade resultat från ackrediterade koreanska forskningscentra, inte bara reklamprat!\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\"\u003eVarför är Anua serum överlägset vanliga serum?\u003c\/h2\u003e\n\u003cdiv class=\"atxa-table-wrap\"\u003e\n\u003ctable class=\"atxa-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eJämförelse\u003c\/th\u003e\n\u003cth\u003eTraditionella serum\u003c\/th\u003e\n\u003cth class=\"atxa-th-win\"\u003eANUA TXA Niacinamid Serum\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Jämförelse\"\u003eAktiva ingredienser\u003c\/td\u003e\n\u003ctd class=\"atxa-td-old\" data-label=\"Traditionella serum\"\u003e5% till 10% niacinamid enbart\u003c\/td\u003e\n\u003ctd class=\"atxa-td-win\" data-label=\"ANUA TXA Niacinamid Serum\"\u003e10 % niacinamid + 4 % tranexamin + 2 % arbutin\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Jämförelse\"\u003eHur man behandlar fläckar\u003c\/td\u003e\n\u003ctd class=\"atxa-td-old\" data-label=\"Traditionella serum\"\u003eSvag ytlig ljusning uppstår med den första solen\u003c\/td\u003e\n\u003ctd class=\"atxa-td-win\" data-label=\"ANUA TXA Niacinamid Serum\"\u003eStoppar produktionen av pigment i fläckar från deras djupa rötter\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Jämförelse\"\u003eHudkomfort\u003c\/td\u003e\n\u003ctd class=\"atxa-td-old\" data-label=\"Traditionella serum\"\u003eDet orsakar brännande, peeling och torr hud\u003c\/td\u003e\n\u003ctd class=\"atxa-td-win\" data-label=\"ANUA TXA Niacinamid Serum\"\u003eOmedelbar vattnig återfuktning med ceramider och hyaluronsyra\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Jämförelse\"\u003eResultatets hastighet\u003c\/td\u003e\n\u003ctd class=\"atxa-td-old\" data-label=\"Traditionella serum\"\u003eDet tar två månader och du kanske inte märker någon skillnad\u003c\/td\u003e\n\u003ctd class=\"atxa-td-win\" data-label=\"ANUA TXA Niacinamid Serum\"\u003eSynlig fräschör och minskad blekning från de första 7 dagarna\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Jämförelse\"\u003eSäkerhet för känslig hud\u003c\/td\u003e\n\u003ctd class=\"atxa-td-old\" data-label=\"Traditionella serum\"\u003eDen är full av alkohol och parfym som hetsar upp finnarna\u003c\/td\u003e\n\u003ctd class=\"atxa-td-win\" data-label=\"ANUA TXA Niacinamid Serum\"\u003eHelt fri från parfymer, alkohol och irriterande ämnen\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\"\u003eJourney handlar om steg för steg med användning\u003c\/h2\u003e\n\u003cdiv class=\"atxa-timeline-grid\"\u003e\n\u003cdiv class=\"atxa-timeline-card\"\u003e\n\u003cdiv class=\"atxa-timeline-badge\"\u003eVecka 1\u003c\/div\u003e\n\u003ch4 class=\"neon-red\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eOmedelbar lyster och fräschör\u003c\/h4\u003e\n\u003cp\u003eSnabb absorption på några sekunder utan klibbighet, bekväm vattenhaltig återfuktning och blekning börjar försvinna och dina händer kommer att se friska ut.\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);\"\u003eVecka 2 och 3\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eBlekande spår av spannmål\u003c\/h4\u003e\n\u003cp\u003eEffekterna av ytliga finnar kommer att börja bli märkbart ljusare, den irriterande glansen av talg kommer att minska och dina porer kommer att se renare och mindre ut.\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);\"\u003eFörsta månaden\u003c\/div\u003e\n\u003ch4 class=\"neon-rose\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eSann färglikformighet\u003c\/h4\u003e\n\u003cp\u003eEn signifikant minskning av melasma och pigmentering.Du kommer att känna att din hud är stramad och enhetlig, som om du hade ett naturligt filter utan smink.\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\"\u003eAndra månaden\u003c\/div\u003e\n\u003ch4 class=\"neon-red\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003ePermanent och skyddad tydlighet\u003c\/h4\u003e\n\u003cp\u003eDet nästan fullständiga försvinnandet av gamla envisa fläckar, med en stark barriär som skyddar din hud från fläckarna som återkommer i solen.\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\"\u003eVarför är detta serum den bästa investeringen för din hud?\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\"\u003eTvå poäng räcker\u003c\/h3\u003e\n\u003cp\u003eDess höga koncentration gör att två eller tre droppar täcker hela ansiktet och halsen.Flaskan på 30 ml räcker till två hela månader av daglig användning.\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\"\u003eDet eliminerar behovet av 4 produkter\u003c\/h3\u003e\n\u003cp\u003eIstället för att köpa ett ljusare serum, akneserum, hyaluronserum och ceramidkräm, kombinerar det allt detta i ett steg som sparar din budget.\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\"\u003eGaranterad och testad globalt\u003c\/h3\u003e\n\u003cp\u003eNr 1 i koreanska skönhetstrender och miljontals tjejer har anammat det i sin dagliga rutin som ett säkert alternativ till dyra klinikbesök.\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\"\u003eEnkel att använda metod för maximalt resultat\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\u003eRengör ditt ansikte\u003c\/h4\u003e\n\u003cp\u003eAnvänd den morgon eller kväll på helt ren och torr hud efter ditt favorittonersteg.\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\u003eBred ut försiktigt\u003c\/h4\u003e\n\u003cp\u003eTillsätt 2 till 3 droppar och massera försiktigt, fokusera på fläckarna och finnarna tills det är helt absorberat.\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\u003eStäng med fuktkräm\u003c\/h4\u003e\n\u003cp\u003eApplicera din vanliga fuktkräm för att låsa in ingredienserna, och det är mycket viktigt att använda solskyddsmedel under dagen för att skydda din nya hud.\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                Din hud behöver inte smink för att ta hand om den.. \u003cspan class=\"neon-gold\"\u003eJag behöver ett serum som verkligen rensar upp det\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;\"\u003eIstället för att slösa bort dina pengar och trötta ut huden på onödiga upplevelser!\u003c\/strong\u003e\n                Börja idag med den internationellt godkända Anua trippelformeln...och radera fläckar och finnar för att återställa din naturliga lyster med självförtroende.\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                Beställ originalserumet Anua Niacinamide 10% + TXA 4% nu...och njut av glasig hud från första månaden!\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;\"\u003eKomplett lista över godkända ingredienser (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                En ren koreansk terapeutisk formel som är helt fri från syntetiska dofter, stark alkohol och parabener.100 % säker för känslig och acnebenägen hud.\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\"\u003egrupp \u003cspan class=\"highlight\"\u003eSOME BY MI AHA‑BHA‑PHA 30 Days Miracle Starter Kit\u003c\/span\u003e Den erbjuder en omfattande rutin i fyra steg utformad speciellt för hud som är utsatt för akne och pigmentering.Den består av rengöringstvål, ansiktsvatten, serum och kräm, som alla innehåller en blandning av tre syror (AHA, BHA, PHA) och lugnande ingredienser som tea tree och centella, för att exfoliera döda celler, rengöra porer, lugna inflammationer och på djupet återfukta huden utan att ta bort den från dess naturliga oljor.Att kombinera dessa fyra steg säkerställer en omfattande behandling av pigmentering, minskar inflammation och förbättrar hudens struktur på bara 30 dagar.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kit-section\"\u003e\n\u003ch2 class=\"kit-section-title fade-in\"\u003eOm gruppen\u003c\/h2\u003e\n\u003cdiv class=\"kit-content fade-in\"\u003e\n\u003cp class=\"kit-text\"\u003eSetet innehåller fyra produkter i resestorlek:\u003c\/p\u003e\n\u003cul class=\"kit-list\"\u003e\n\u003cli\u003e\u003cstrong\u003eAHA-BHA-PHA 30 Days Miracle Cleansing Bar Soap (25g)\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eAHA‑BHA‑PHA 30 Days Miracle Toner (30 ml)\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eAHA‑BHA‑PHA 30 Days Miracle Serum (10 ml)\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eAHA‑BHA‑PHA 30 Days Miracle Cream (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\"\u003eFunktioner för varje produkt i sortimentet\u003c\/h2\u003e\n\u003cdiv class=\"products-grid\"\u003e\n\u003cdiv class=\"product-card stagger-item\"\u003e\n\u003ch3 class=\"product-title\"\u003eCleansing Bar\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\"\u003eKombinerar tre syror (AHA för att ta bort döda celler, BHA för att rengöra porer, PHA för att upprätthålla hydrering);Den innehåller tea tree vatten och Heartleaf formula för att döda bakterier och lugna rodnad.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-card stagger-item\"\u003e\n\u003ch3 class=\"product-title\"\u003eMiracle Toner\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\"\u003eLätt sur toner (pH 5,5) som innehåller en blandning av tre syror och 10 000 ppm tea tree-vatten för att rena porer, lugna och återfukta huden.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-card stagger-item\"\u003e\n\u003ch3 class=\"product-title\"\u003eMiracle Serum\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\"\u003eKoncentrationen ökar till 14,5 % Centella Asiatica och 10 000 ppm Tea Tree Water för att lindra inflammation och förhindra utslag, med skonsam peeling som stimulerar cellförnyelsen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-card stagger-item\"\u003e\n\u003ch3 class=\"product-title\"\u003eMirakelkräm\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\"\u003eEn lätt kräm som blandar de tre syrorna med tea tree och centella för att återfukta på djupet, stärka hudbarriären och lindra rodnad orsakad av akne.\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\"\u003eHur komponenterna fungerar tillsammans\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\"\u003eSelektiv peeling\u003c\/h3\u003e\n\u003cp\u003eDe tre syrorna löser upp bindningarna mellan döda celler och rengör porerna utan att ta bort huden från dess naturliga oljor.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card slide-in-right\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eAntiinflammatoriska medel\u003c\/h3\u003e\n\u003cp\u003eTea tree-vatten och Centella Asiatica-extrakt hämmar bakterietillväxt och minskar rodnad och irritation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card slide-in-left\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eÅterfuktande och skyddande\u003c\/h3\u003e\n\u003cp\u003eSyror (PHA), Hyaluronsyra (från Serum\/Cream) och Centella förbättrar vätskeansamlingen i huden och stärker dess skyddande barriär.\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\"\u003eFördelar med att kombinera dem\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\"\u003eKomplett rutin\u003c\/strong\u003eSteg: Rengöring - exfoliering - behandling - återfuktande.Varje steg har en specifik roll som garanterar exakta sekventiella resultat.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eAccelererade resultat\u003c\/strong\u003e: Renare, renare hud visas inom 30 dagar med regelbunden daglig användning.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eOmfattande behandling\u003c\/strong\u003e: Den tar inte bara bort finnar utan reparerar också konsistensen och ger en frisk, förnyad lyster.\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\"\u003eDeras effekt på huden\u003c\/h2\u003e\n\u003cul class=\"kit-list fade-in\"\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eEnande hudton\u003c\/strong\u003e Reducerar pigmentering och mörka fläckar.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eMinska porstorleken\u003c\/strong\u003e Minska utsöndringen av överflödiga oljor.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eLindra inflammation\u003c\/strong\u003e Till följd av akne och irritationer.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eFrämjar en mjuk och smidig känsla\u003c\/strong\u003e För mer ungdomlig och levande hud.\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\"\u003eExceptionellt värde för priset\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\"\u003eEkonomisk resestorlek\u003c\/strong\u003e Det ger en komplett upplevelse av fyra produkter till ett rimligt pris jämfört med att köpa varje produkt individuellt.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eFyra hela veckor\u003c\/strong\u003e Små doser är tillräckliga för daglig användning, morgon och kväll, under hela trettiodagarsperioden.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eSällsynta och viktiga aktiva ingredienser\u003c\/strong\u003e Höga koncentrationer (Tea Tree Water 10 000 ppm, Centella 14,5%, Niacinamide 2% i tonern) kombinerat i ett set ger dig exceptionellt värde som du inte kan hitta i ett enda serum.\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\"\u003eVälj \u003cstrong\u003eSOME BY MI AHA‑BHA‑PHA 30 Days Miracle Starter Kit\u003c\/strong\u003e För en upplevelse som kan återuppbygga din hud från rötterna, uppnå verkliga resultat och njuta av ett oöverträffat värde inom hudvårdsvärlden.\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 Ampull\/Toner med kapslar för att ljusa upp och förena hudtonen","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\u003eMardrömmen med matt hud och mörk pigmentering hotar ditt utseende?\u003c\/h1\u003e\n\u003ch3 class=\"ud-gradient-text\" style=\"font-size: 24px;\"\u003eVakna upp till strålande drömmar med mirakelampullen!\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\u003ePigmentering försvinner inte med tiden utan förvärras snarare och lämnar märken som är svåra att få bort.\u003c\/p\u003e\n\u003ch3 style=\"color: #ff6b6b; font-size: 20px; margin: 15px 0;\"\u003eKommer problemet att försummas tills det blir svårt att behandla?\u003c\/h3\u003e\n\u003cp style=\"margin-bottom: 0;\"\u003eLåt inte pigmentering stjäla din lyster och lämna dig fången av konsekvenserna av din sena tid.\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\u003eDen radikala lösningen\u003c\/h5\u003e\n\u003ch2\u003eEn radikal lösning på pigmenteringsproblemet: \u003cspan class=\"ud-gradient-text\"\u003eKraften i asiatiska Centella\u003c\/span\u003e I en produkt\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eHur det fungerar magi:\u003c\/strong\u003e Denna avancerade formula tränger djupt in i hudens lager och arbetar för att bryta upp befintlig pigmentering och förhindra uppkomsten av ny pigmentering.Den återfuktar och ger också näring åt huden på djupet, vilket ger den en slät struktur och ett strålande och jämnt utseende.\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\u003eVad utmärker SKIN1004 serum?\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eStyrkan hos denna ampull ligger i dess unika formel som kombinerar:\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\u003eRent Centella Asiatica-extrakt\u003c\/h4\u003e\n\u003cp\u003eMed en hög koncentration för att lugna känslig hud och stärka dess naturliga barriär, vilket gör den mer motståndskraftig mot yttre faktorer som orsakar pigmentering.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-glass-card ud-reveal\" style=\"transition-delay: 0.1s;\"\u003e\n\u003ch4\u003eTranexaminsyra\u003c\/h4\u003e\n\u003cp\u003eDet är en kraftfull ingrediens som fungerar effektivt för att ljusa upp mörka fläckar och förena hudtonen genom att hämma överskott av melaninproduktion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-glass-card ud-reveal\" style=\"transition-delay: 0.2s;\"\u003e\n\u003ch4\u003eNiacinamid\u003c\/h4\u003e\n\u003cp\u003eÄven känd som vitamin B3, det ljusar upp huden, minskar uppkomsten av porer och förbättrar hudens elasticitet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-glass-card ud-reveal\" style=\"transition-delay: 0.3s;\"\u003e\n\u003ch4\u003eRadiance kapslar\u003c\/h4\u003e\n\u003cp\u003eDen innehåller ytterligare aktiva ingredienser som förbättrar hudens lyster och ger den ett friskt, glödande utseende.\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- Innovativ teknik för att uppnå exceptionella resultat -\u003c\/h5\u003e\n\u003ch2\u003eHur fungerar SKIN1004 serum?\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eInnehåller en exceptionell koncentration av Centella från Madagaskar som är 100% ren.\u003c\/strong\u003e, känd för sin överlägsna förmåga att förbättra hudens elasticitet, lindra irritationer och främja cellförnyelse.\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\u003eSmart kapselteknik:\u003c\/h4\u003e\n\u003cp\u003eNär serumet kommer i kontakt med huden exploderar kapslarna och frigör de aktiva ingredienserna snabbt och effektivt.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-glass-card ud-reveal\" style=\"transition-delay: 0.1s;\"\u003e\n\u003ch4\u003eOmedelbar ljusning:\u003c\/h4\u003e\n\u003cp\u003eDe aktiva ingredienserna blekar och tonar huden avsevärt, vilket hjälper till att minska uppkomsten av pigmentering och mörka fläckar.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-glass-card ud-reveal\" style=\"transition-delay: 0.2s;\"\u003e\n\u003ch4\u003eFörbättra hudens struktur:\u003c\/h4\u003e\n\u003cp\u003eVid regelbunden användning blir huden slätare och mer strålande, med en synlig minskning av rynkor och fina linjer.\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\u003eCentella kallas dosen av flytande ljus!\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eSKIN1004 Centella Tone Brightening Capsule Ampoule\u003c\/strong\u003e Det är den perfekta lösningen för att minska pigmentering och få en naturlig lyster.\u003c\/p\u003e\n\u003cul class=\"ud-check-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHög koncentration av aktiva ingredienser:\u003c\/strong\u003e En kraftfull formula rik på aktiva ingredienser som ger märkbara och snabba resultat i denna ampull\/serum.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSäker formel:\u003c\/strong\u003e Det orsakar inte irritation eller torrhet även på känslig hud, och ger dig långvarig återfuktning utan några biverkningar.\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\u003eHur man använder\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eFör att få ut det mesta av kraften i denna magiska ampull, följ dessa steg:\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\u003eEfter att ha rengjort huden väl (använd ansiktsvatten), placera en lämplig mängd ampull i handflatan.\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\u003eFördela försiktigt ampullen över hela ansiktet och halsen, fokusera på områden som lider av matthet och pigmentering.\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\u003eKlappa försiktigt med fingertopparna för att hjälpa huden att absorbera ampullen helt.\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\u003eFör bästa resultat, använd två gånger dagligen, morgon och kväll, som en del av din hudvårdsrutin.\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\u003eDen tekniska metoden för att tillverka produkten\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\u003eCentella Asiatica extrakt\u003c\/h4\u003e\n\u003cp\u003eDen innehåller aktiva föreningar som t.ex \u003cstrong\u003eMadecassoside\u003c\/strong\u003e, \u003cstrong\u003eAsiatisk sida\u003c\/strong\u003e, \u003cstrong\u003eoch asiatisk syra\u003c\/strong\u003e.Dessa föreningar fungerar för att:\u003c\/p\u003e\n\u003cul class=\"ud-check-list\" style=\"font-size: 15px;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eStimulera kollagenproduktionen:\u003c\/strong\u003e Detta förbättrar hudens elasticitet och minskar uppkomsten av fina linjer och rynkor.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLindra inflammation:\u003c\/strong\u003e Genom att hämma frisättningen av pro-inflammatoriska cytokiner.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAccelererar sårläkning och cellregenerering:\u003c\/strong\u003e Vilket hjälper till att reparera eventuella skador på hudbarriären.\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\u003eTranexaminsyra\u003c\/h4\u003e\n\u003cp\u003eDet hämmar främst produktionen av... \u003cstrong\u003ePlasmin\u003c\/strong\u003eDet är ett enzym som stimulerar produktionen av melanin (hudpigment).Bidrar till:\u003c\/p\u003e\n\u003cul class=\"ud-check-list\" style=\"font-size: 15px;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eLjusande mörka fläckar och hyperpigmentering:\u003c\/strong\u003e Inklusive melasma, fräknar och hyperpigmentering.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEnande hudton:\u003c\/strong\u003e Genom att förhindra oregelbunden melaninackumulering.\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\u003eNiacinamid\u003c\/h4\u003e\n\u003cp\u003eDet är en form av vitamin B3 och har flera fördelar för huden, inklusive:\u003c\/p\u003e\n\u003cul class=\"ud-check-list\" style=\"font-size: 15px;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHämning av melanosomtransport:\u003c\/strong\u003e Det förhindrar överföring av melaningranulat från melanocyter.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStärker hudbarriärfunktionen:\u003c\/strong\u003e Ökar produktionen av ceramider och fettsyror.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMinska inflammation och rodnad:\u003c\/strong\u003e Det har antiinflammatoriska egenskaper.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFörbättra utseendet på porerna:\u003c\/strong\u003e Det kan hjälpa till att reglera oljeproduktionen.\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);\"\u003eSlutet på pigmentering \u003cspan class=\"ud-gradient-text\"\u003eBörja här\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp style=\"max-width: 800px; margin: 0 auto 30px; font-size: 18px;\"\u003e\u003cstrong\u003eLåt inte matthet och pigmentering styra skönheten i din hud längre.Ge din hud möjligheten att förvandlas med SKIN1004 Centella Tone Brightening Capsule Ampoule och upptäck hemligheten bakom tidlös lyster!\u003c\/strong\u003e\u003c\/p\u003e\n\u003ca class=\"ud-btn\" href=\"#\"\u003eKöp nu\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 SKYDD: Solskydd med koreansk vård\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 Det är ett innovativt koreanskt solskydd som kombinerar ett brett spektrumskydd med stark SPF50+ PA++++ och en formel rik på näringsämnen för att på djupet återfukta och ge näring åt huden.Detta skyddsmedel innehåller 30 % fermenterat risextrakt och en blandning av probiotika som balanserar hudens mikrobiomet och lugnar rodnad och torrhet.Tack vare sin lätta, glänsande konsistens som omedelbart försvinner utan en fet eller vit hinna, kombinerar Relief Sun effektivitet och daglig komfort för alla hudtyper, även känsliga.\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\u003eOmfattande skydd utan kompromisser\u003c\/h2\u003e\n\u003ch3\u003e- Avancerad formulering för att förhindra solskador -\u003c\/h3\u003e\n\u003cp\u003eRelief Sun erbjuder effektivt skydd mot UVA- och UVB-strålar genom avancerade kemiska filter som garanterar SPF50+ PA++++, vilket minskar risken för solbränna och hyperpigmentering till följd av daglig solexponering.Doftfri, alkoholfri och säker klassad (EWG Green Level) formula, lämplig för känslig hud och de som är allergiska mot konventionella solskyddsmedel.\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\u003eÅterfuktnings- och näringsduo: ris och probiotika i en blandning\u003c\/h2\u003e\n\u003ch3\u003e- Naturliga ingredienser för djup återfuktning och omedelbar lugnande -\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 kombinerar 30 % fermenterat risextrakt med en blandning av probiotika och fermenterade spannmål, rika på vitaminer B, C, E, aminosyror och mineraler, för att ge huden omedelbar återfuktning och lugna rodnad och torrhet hela dagen.\u003c\/p\u003e\n\u003cp\u003eFormulan är också förstärkt med Niacinamid som balanserar hudens olje- och fuktnivåer, vilket minimerar porstorleken för ett jämnare och fylligare utseende.\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\u003eHur fungerar produkten?\u003c\/h2\u003e\n\u003ch3\u003e- Fuktgivande teknologi samverkar med solskydd -\u003c\/h3\u003e\n\u003cdiv class=\"process-steps\"\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eBörjan av lugn\u003c\/div\u003e\n\u003cp\u003eNär du applicerar skyddsmedlet lugnar probiotika och fermenterat ris huden och lugnar känslor av torrhet och rodnad.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eStark skyddsbarriär\u003c\/div\u003e\n\u003cp\u003eSPF50+ PA++++-filter reflekterar och absorberar skadliga strålar innan de tränger in i huden.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eÅterfuktande och närande\u003c\/div\u003e\n\u003cp\u003eFermenterat ris släpper ut sina fuktgivande ingredienser djupt in i huden, medan niacinamid förstärker hudens naturliga vattenbarriär.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eLätt finish\u003c\/div\u003e\n\u003cp\u003eDen glänsande gelstrukturen absorberas snabbt och lämnar huden mjuk utan något vitt gips eller irriterande klibbighet.\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\u003eHemligheten till excellens: Varför överträffar Relief Sun andra?\u003c\/h2\u003e\n\u003ch3\u003e- Praktiska resultat och pålitlig användarupplevelse -\u003c\/h3\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eOemotståndlig konsistens\u003c\/h4\u003e\n\u003cp\u003eLätt som luft smälter den in i huden utan att lämna några spår av fethet eller irriterande vithet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eBevisad effektivitet\u003c\/h4\u003e\n\u003cp\u003eEn av de högst rankade solkrämerna i världen med betyg som överstiger 4,5 stjärnor från miljontals användare\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eVetenskaplig och naturlig formel\u003c\/h4\u003e\n\u003cp\u003eKombinerar avancerade kemiska filter med traditionella organiska extrakt av fermenterat ris och probiotika, för att säkerställa fullständigt skydd och återfuktning.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eExperterkännande\u003c\/h4\u003e\n\u003cp\u003eUppbackad av Allures rekommendation som en av de bästa koreanska solskydden för sin kombination av skydd och stil, och godkänd av hudläkare tack vare dess säkra och effektiva formel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eLämplig för alla förhållanden\u003c\/h4\u003e\n\u003cp\u003eDen fungerar utmärkt i förhållanden med hög luftfuktighet och förhindrar en tung eller hal känsla, vilket gör den till det perfekta valet för daglig användning under eller utan smink.\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\"\u003eSkydda din hud med ultimat koreansk elegans\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003eNjut av SPF50+-skydd med djup återfuktning och näring i en produkt.Säg adjö till tunga, vita solkrämer och hej till en hälsosam, skyddad glöd hela dagen lång!\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eKöp nu\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 med Centella Extract och Vita C, Storlek 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\u003eBeauty of Joseon Light On Serum (Centella + Vita C) – strålande koreansk glöd\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\u003eObehindrad lyster: vikten av att behandla pigmentering och föryngra huden\u003c\/h2\u003e\n\u003cp\u003ePigmentering och mörka fläckar minskar inte bara hudens skönhet, utan de får den också att se matt och äldre ut än dess faktiska ålder.Pigmentbehandling återställer hudens naturliga balans och lämnar den klarare, ljusare och mer strålande.Vitamin C spelar en viktig roll för att minska pigmentering och förenande färg, och det stimulerar också produktionen av kollagen, som föryngrar huden och förbättrar dess elasticitet.När din hud förblir jämn och lysande lyser ditt självförtroende inför hela världen.\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\u003eMagin med koreanskt arv och modern innovation\u003c\/h2\u003e\n\u003cp\u003eLight On Serum Denna produkt är förkroppsligandet av koreansk hudvårdskonst.Den innehåller 68% ekologiskt asiatiskt Centella-extrakt - den legendariska växten känd för sin mirakulösa förmåga att lugna huden och förnya dess celler.Med stöd av de senaste vitamin C-stabiliseringsteknikerna ger serumet maximal effektivitet för att lätta upp och behandla pigmentering utan irritation.En touch av arv och en touch av innovation... och resultatet: riktig magi på din hud.\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\u003eHur serumet fungerar: En unik duo av ljusare och återfuktande\u003c\/h2\u003e\n\u003cul class=\"custom-list\"\u003e\n\u003cli\u003e\n\u003cp\u003eSå fort du applicerar serumet på din hud börjar Centella-extraktet återfukta det och lindra eventuell rodnad eller inflammation.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eStabiliserat C-vitamin penetrerar säkert huden, minskar melaninproduktionen och lättar gradvis upp envis pigmentering.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eMed regelbunden användning kommer du att märka att din hud blir mjukare, ljusare och fri från fläckar, med djup återfuktning som håller den fast och glödande.\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\u003eHuvudingredienser och deras roll: Vitamin C och Centella för att tjäna din hud\u003c\/h2\u003e\n\u003cul class=\"custom-list\"\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eVitamin C (3-O-etylaskorbinsyra 10%)\u003c\/strong\u003e: En kraftfull antioxidant som förenar hudtonen, ljusar upp mörka fläckar och aktiverar kollagenproduktionen för att förbättra uppkomsten av fina linjer och rynkor.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eAsiatiskt Centella-extrakt (68 %)\u003c\/strong\u003e: En terapeutisk växt som lugnar irriterad hud, stimulerar förnyelse av hudceller och förbättrar djup återfuktning för att bibehålla hudens elasticitet och hälsa.\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\u003eHemligheten med excellens: Varför skiljer sig detta serum från allt du har provat tidigare?\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\"\u003eLätt formula absorberas snabbt\u003c\/h3\u003e\n\u003cp\u003eDet finns ingen fet känsla eller klibbigt lager, utan släthet och tydlig lyster.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eHög koncentration av aktiva ingredienser\u003c\/h3\u003e\n\u003cp\u003eMängden vitamin C och Centella är högre än de flesta konkurrerande serum, vilket innebär snabbare och starkare resultat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eIdealisk för känslig hud\u003c\/h3\u003e\n\u003cp\u003eFri från parfymer och alkohol lugnar den huden istället för att irritera den.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eDubbla resultat\u003c\/h3\u003e\n\u003cp\u003eLjus upp + bekämpa tecken på åldrande i ett enkelt steg.\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\"\u003eAnvändarrecensioner: Verkliga framgångshistorier\u003c\/h2\u003e\n\u003cdiv class=\"testimonials-grid\"\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003eMärkbara resultat från de första veckorna\u003c\/h3\u003e\n\u003cp\u003eDe flesta användare märkte en tydlig skillnad i att förena sin hudton och öka dess lyster inom några veckor.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003eLätt och bekväm konsistens\u003c\/h3\u003e\n\u003cp\u003eAlla berömde att dess konsistens är lätt och lätt att absorbera, perfekt även för varma sommardagar.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003eLämplig för känslig hud\u003c\/h3\u003e\n\u003cp\u003eMånga människor med känslig hud bekräftade att det hjälpte till att lugna huden utan irritation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003eFullständig tillfredsställelse och omfattande rekommendationer\u003c\/h3\u003e\n\u003cp\u003eEn stor andel av de som provade det älskade det så mycket att de köpte det mer än en gång.\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\"\u003eUpptäck hemligheten bakom koreansk glöd idag\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003eLjusare, mer glödande hud i ett enkelt steg.Säg adjö till mörka fläckar och hyperpigmentering, och hej till glödande hud!\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eKöp nu\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        \/* Style Settings *\/\n        .sk-mfg-oasis {\n            \/* Style Settings *\/\n            --bg-basalt-deep: #090807;     \/* Style Settings *\/\n            --bg-sand-night: #12100D;      \/* Style Settings *\/\n            --bg-earth-dune: #1A1612;      \/* Style Settings *\/\n            --bg-card-glass: #171310;\n            --bg-card-hover: #221c17;\n\n            \/* Style Settings *\/\n            --sand-primary: #D4A373;       \/* Style Settings *\/\n            --sand-bright: #F0DFC8;        \/* Style Settings *\/\n            --sand-soft: #C29668;          \/* Style Settings *\/\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            \/* Style Settings *\/\n            --text-main: #FDFBF7;          \/* Style Settings *\/\n            --text-muted: #C8BFB5;         \/* Style Settings *\/\n            --text-gold: #E5BA82;          \/* Style Settings *\/\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        \/* Style Settings *\/\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        \/* Style Settings *\/\n        .oasis-section {\n            padding: 75px 0;\n            position: relative;\n        }\n\n        \/* Style Settings *\/\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        \/* Style Settings *\/\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        \/* Style Settings *\/\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        \/* Style Settings *\/\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        \/* Style Settings *\/\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        \/* Style Settings *\/\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        \/* Style Settings *\/\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        \/* Style Settings *\/\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        \/* Style Settings *\/\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        \/* Style Settings *\/\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        \/* Style Settings *\/\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        \/* Style Settings *\/\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        \/* Style Settings *\/\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        \/* Style Settings *\/\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        \/* Style Settings *\/\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        \/* Style Settings *\/\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        \/* Style Settings *\/\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\"\u003eKoreansk mini hudbesparande rutin\u003c\/div\u003e\n\u003ch1 class=\"oasis-main-title\"\u003e\n                SKIN1004 Madagascar Centella Travel Kit\u003cbr\/\u003e\n\u003cspan class=\"oasis-hl-sand\"\u003eSetet som kommer att få tillbaka din lugna och bekväma hud\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003c!-- Section --\u003e\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\u003c!-- Section --\u003e\n\u003cdiv class=\"oasis-hook-grid\"\u003e\n\u003cdiv class=\"oasis-hook-card\"\u003e\n\u003ch4\u003eBlir din hud snabbt inflammerad?\u003c\/h4\u003e\n\u003cp\u003eDet minsta som får dig att rodna och bli irriterad. \u003cspan class=\"oasis-mark-glow\"\u003eOch du vet inte hur du använder några produkter när det passar dig\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oasis-hook-card\"\u003e\n\u003ch4\u003eÄr din hudbarriär skadad?\u003c\/h4\u003e\n\u003cp\u003eDin hud känns stram, torr eller flagnande på grund av... \u003cspan class=\"oasis-mark-glow\"\u003eAnvänd för många exfolianter eller starka produkter\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oasis-hook-card\"\u003e\n\u003ch4\u003eLämnar pillren ett märke?\u003c\/h4\u003e\n\u003cp\u003eP-piller går, men det är kvar \u003cspan class=\"oasis-mark-glow\"\u003eEtt rött eller mörkt märke som inte lossnar lätt\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oasis-hook-card\"\u003e\n\u003ch4\u003eÄr du rädd för att ta risker?\u003c\/h4\u003e\n\u003cp\u003eDu vill bara prova en komplett koreansk rutin \u003cspan class=\"oasis-mark-glow\"\u003eRädd för att köpa stora storlekar och de passar inte\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                Problemet är inte din hudtyp, problemet är du \u003cspan class=\"oasis-hl-sand\"\u003eDu har ännu inte provat rutinen som verkligen eliminerar inflammation\u003c\/span\u003e.\n            \u003c\/p\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"oasis-danger-card\"\u003e\n\u003ch3\u003eVarför kan din hud inte tolerera det och dess problem kvarstår?\u003c\/h3\u003e\n\u003cp style=\"font-size: 1.15rem; color: #FFFFFF; font-weight: 700;\"\u003e\n                    Hemligheten är all in \u003cspan class=\"oasis-pill-sand\"\u003eHudbarriär\u003c\/span\u003e\n\u003c\/p\u003e\n\u003cp style=\"color: var(--text-muted); margin-top: 8px; font-size: 1rem;\"\u003e\n                    När din huds skyddande sköld går sönder, \u003cspan class=\"oasis-hl-gold\"\u003eVilken enkel sak som helst skapar ett stort problem\u003c\/span\u003eDetta är vad som orsakar:\n                \u003c\/p\u003e\n\u003cul class=\"oasis-damage-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"oasis-mark-glow\"\u003eRodnad och ömhet\u003c\/span\u003e Från vilken ny produkt som helst eller till och med från luften.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"oasis-mark-glow\"\u003eTorrhet och sprickor\u003c\/span\u003e Oavsett hur blöt du är.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"oasis-mark-glow\"\u003eNya finnar dyker upp\u003c\/span\u003e Eftersom bakterier lätt kommer in.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"oasis-mark-glow\"\u003eEnvisa märken och pigmentering\u003c\/span\u003e Eftersom huden inte kan läka sig själv.\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                    För att stoppa denna spiral: Du behöver den magiska ingrediensen som snabbt reparerar denna barriär: \u003cspan class=\"oasis-hl-sand\"\u003eCentella Asiatica extrakt från Madagaskar\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\"\u003eVad är centellaört?Varför kallar de det \"tigergräs\"?\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                    Historien började i naturen... när de märkte att sårade tigrar, efter någon konflikt, skulle gå för att vältra sig i bladen på en viss växt.Överraskande nog \u003cspan class=\"oasis-mark-glow\"\u003eDeras sår läkte otroligt snabbt och utan några spår!\u003c\/span\u003e Denna växt är Centella, och sedan dess har de använt den för att behandla brännskador och svåra sår.\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\"\u003eÅterställande kraft\u003c\/span\u003e\n\u003ch3 class=\"oasis-legend-title\"\u003eDen behandlar huden från djupet\u003c\/h3\u003e\n\u003cp class=\"oasis-legend-desc\"\u003eDet stimulerar produktionen av naturligt kollagen \u003cspan class=\"oasis-hl-sand\"\u003eSkadad hudvävnad återuppbyggs\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oasis-legend-card\"\u003e\n\u003cspan class=\"oasis-legend-tag\"\u003eOmedelbart lugn\u003c\/span\u003e\n\u003ch3 class=\"oasis-legend-title\"\u003eDet släcker \"elden\" av inflammation\u003c\/h3\u003e\n\u003cp class=\"oasis-legend-desc\"\u003eDet lugnar rodnad och känslighet omedelbart \u003cspan class=\"oasis-hl-sand\"\u003eDu fick mig att brinna\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);\"\u003eMadagaskar i synnerhet\u003c\/span\u003e\n\u003ch3 class=\"oasis-legend-title\" style=\"color: var(--sand-bright);\"\u003eDen renaste sorten i världen\u003c\/h3\u003e\n\u003cp class=\"oasis-legend-desc\"\u003eEftersom Madagaskars vulkaniska natur producerar centella i koncentration \u003cspan class=\"oasis-mark-glow\"\u003eEffektiv dubbelt så mycket någon annanstans\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\"\u003eCentella är ett naturligt och säkert alternativ till starka medicinska krämer\u003c\/h2\u003e\n\u003cp style=\"text-align: center; color: var(--text-muted); font-size: 1.15rem; margin-bottom: 20px;\"\u003e\n                När din hud är kraftigt inflammerad ordinerar läkare ofta krämer som innehåller kortison, men kortison har långvarig skada.Centella kommer fortfarande till dig \u003cspan class=\"oasis-hl-sand\"\u003eSamma resultat som lugnande\u003c\/span\u003e Men \u003cspan class=\"oasis-hl-gold\"\u003eHelt säkert\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\u003eVad är skillnaden?\u003c\/th\u003e\n\u003cth\u003eStarka medicinska krämer (som kortison)\u003c\/th\u003e\n\u003cth style=\"background: rgba(212, 163, 115, 0.2); color: var(--sand-bright);\"\u003eNatural Centella från SKIN1004\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eAnvänd varje dag?\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"col-cortisone\"\u003eFörbjudet (huden blir trött med tiden)\u003c\/td\u003e\n\u003ctd class=\"col-centella\"\u003e\u003cspan class=\"oasis-mark-glow\"\u003eMycket säker och används dagligen\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eTjocklek och skydd av huden\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"col-cortisone\"\u003eDet tunnar ut huden och gör den mycket svag\u003c\/td\u003e\n\u003ctd class=\"col-centella\"\u003e\u003cspan class=\"oasis-hl-sand\"\u003eDet stärker huden, ökar dess tjocklek och skydd\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eOm du slutar använda den?\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"col-cortisone\"\u003eProblemet kommer tillbaka igen och med kraft\u003c\/td\u003e\n\u003ctd class=\"col-centella\"\u003e\u003cspan class=\"oasis-hl-gold\"\u003eHuden är läkt och det finns inget återfall\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eRodnad och borst\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"col-cortisone\"\u003eDet kan öka uppkomsten av blodkapillärer\u003c\/td\u003e\n\u003ctd class=\"col-centella\"\u003e\u003cspan class=\"oasis-mark-glow\"\u003eDet lugnar rodnad och behandlar irritation\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\"\u003eVarför använda en komplett uppsättning istället för slumpmässiga produkter?\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                Det största misstaget du kan göra är att köpa lotion från ett märke, toner från ett annat märke och serum från det tredje! \u003cspan class=\"oasis-hl-gold\"\u003eDessa produkter är inte designade för att fungera tillsammans\u003c\/span\u003eDe kan interagera med varandra och irritera din hud.\n            \u003c\/p\u003e\n\u003cdiv class=\"oasis-conflict-grid\"\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"oasis-conflict-card bad\"\u003e\n\u003ch4\u003eBlender: Produkter från varje filmlåt\u003c\/h4\u003e\n\u003cp style=\"color: var(--text-muted); margin-bottom: 12px;\"\u003eVad händer när man blandar olika produkter?\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);\"\u003eMaterial kolliderar med varandra\u003c\/span\u003e Och du kan avbryta dess effekt.\u003c\/li\u003e\n\u003cli\u003eDin hud blir irriterad, inflammerad och nya finnar dyker upp.\u003c\/li\u003e\n\u003cli\u003eJag spenderar mycket pengar på olämpliga saker.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"oasis-conflict-card good\"\u003e\n\u003ch4\u003eDen smarta lösningen: den integrerade SKIN1004-rutinen\u003c\/h4\u003e\n\u003cp style=\"color: var(--text-muted); margin-bottom: 12px;\"\u003eDessa 5 produkter är designade för att komplettera varandra:\u003c\/p\u003e\n\u003cul class=\"oasis-conflict-list\"\u003e\n\u003cli\u003eVarje steg \u003cspan class=\"oasis-mark-glow\"\u003eDet förbereder huden och gynnar mer\u003c\/span\u003e Från nästa steg.\u003c\/li\u003e\n\u003cli\u003eDu tar en dos Centella \u003cspan class=\"oasis-hl-gold\"\u003eVid varje steg\u003c\/span\u003e För snabbare och starkare restaurering.\u003c\/li\u003e\n\u003cli\u003eGaranti \u003cspan class=\"oasis-mark-glow\"\u003e100% att det inte finns någon konflikt\u003c\/span\u003e Eller allergier kommer att hända dig.\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\"\u003eVad finns i den här gruppen?(5 steg för lugnare hud)\u003c\/h2\u003e\n\u003cp style=\"text-align: center; color: var(--text-muted); margin-bottom: 25px; font-weight: 700;\"\u003e\n                Resestorlekar (räcker för 2 till 3 veckor)... Perfekt för att testa hela rutinen innan du köper de större storlekarna!\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\"\u003eSteg 1\u003c\/span\u003e\n\u003cspan class=\"oasis-product-size\"\u003e30 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eLätt rengöringsolja\u003c\/h3\u003e\n\u003cp class=\"oasis-product-subtitle\"\u003eFör att ta bort smink och solkräm utan att gnugga\u003c\/p\u003e\n\u003cul class=\"oasis-product-bullets\"\u003e\n\u003cli\u003e\n\u003cspan class=\"oasis-mark-glow\"\u003eHan behandlar allt vänligt\u003c\/span\u003e Även fettet som täpper till porerna.\u003c\/li\u003e\n\u003cli\u003eMycket lätt, som vatten. \u003cspan class=\"oasis-hl-sand\"\u003eDet täpper inte till porerna eller orsakar finnar\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\"\u003eSteg 2\u003c\/span\u003e\n\u003cspan class=\"oasis-product-size\"\u003e20 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eCentella skummande rengöringsmedel\u003c\/h3\u003e\n\u003cp class=\"oasis-product-subtitle\"\u003eEn djuprengöring som respekterar din hud\u003c\/p\u003e\n\u003cul class=\"oasis-product-bullets\"\u003e\n\u003cli\u003eDess skum är mycket mjukt \u003cspan class=\"oasis-mark-glow\"\u003eDet torkar aldrig ansiktet\u003c\/span\u003e Efter tvätt.\u003c\/li\u003e\n\u003cli\u003eDen upprätthåller hudens balans så att den inte utsöndrar överflödigt fett.\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\"\u003eSteg 3\u003c\/span\u003e\n\u003cspan class=\"oasis-product-size\"\u003e30 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eMild exfolierande toner\u003c\/h3\u003e\n\u003cp class=\"oasis-product-subtitle\"\u003eMjukhet och enhetlig färg utan irritation\u003c\/p\u003e\n\u003cul class=\"oasis-product-bullets\"\u003e\n\u003cli\u003eDet exfolierar döda celler \u003cspan class=\"oasis-mark-glow\"\u003eVäldigt, väldigt försiktigt\u003c\/span\u003e Med PHA-syror.\u003c\/li\u003e\n\u003cli\u003eDet förbereder huden för \u003cspan class=\"oasis-hl-sand\"\u003eDu dricker serumet mer effektivt\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;\"\u003eMagisk produkt\u003c\/span\u003e\n\u003cspan class=\"oasis-product-size\"\u003e30 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eRen centella ampull\u003c\/h3\u003e\n\u003cp class=\"oasis-product-subtitle\"\u003e\u003cspan class=\"oasis-hl-sand\"\u003e100% rå Centella extrakt med hög koncentration\u003c\/span\u003e\u003c\/p\u003e\n\u003cul class=\"oasis-product-bullets\"\u003e\n\u003cli\u003e\n\u003cspan class=\"oasis-hl-gold\"\u003eDet lugnar all rodnad eller inflammerad akne\u003c\/span\u003e På rekordtid!\u003c\/li\u003e\n\u003cli\u003eReparerar skadad hudbarriär\u003cspan class=\"oasis-mark-glow\"\u003eDet behandlar effekterna av envisa finnar\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\"\u003eSteg 5\u003c\/span\u003e\n\u003cspan class=\"oasis-product-size\"\u003e30 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eLugnande gelkräm\u003c\/h3\u003e\n\u003cp class=\"oasis-product-subtitle\"\u003eDen låser in fukt och skyddar huden hela dagen\u003c\/p\u003e\n\u003cul class=\"oasis-product-bullets\"\u003e\n\u003cli\u003eLätt gelstruktur, \u003cspan class=\"oasis-mark-glow\"\u003eHuden absorberar det direkt och det fastnar inte alls\u003c\/span\u003e.\u003c\/li\u003e\n\u003cli\u003eDen innehåller ceramider pga \u003cspan class=\"oasis-hl-sand\"\u003eStärker skyddsskölden\u003c\/span\u003e Av din hud.\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\"\u003eHur använder du denna grupp?(daglig rutin)\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                Mycket enkla steg som inte tar några minuter av din tid!\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\"\u003eMorgonrutin (snabb och lätt)\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\"\u003eAmpullskum:\u003c\/strong\u003e Tvätta ansiktet med skummande rengöringsmedel (du kan räcka med bara lite vatten om huden är torr).\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\"\u003eToning Toner:\u003c\/strong\u003e Applicera lite toner för att fräscha upp.\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\"\u003eCentella Ampull:\u003c\/strong\u003e Två eller tre droppar lugnar din hud och skyddar den hela dagen.\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\"\u003eLugnande kräm:\u003c\/strong\u003e Applicera gelkrämen för att återfukta din hud.\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\"\u003eNattrutin (för djuprengöring och reparation)\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\"\u003eRengöringsolja:\u003c\/strong\u003e Massera in den på torr hud för att ta bort smink och tvätta den sedan.\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\"\u003eAmpullskum:\u003c\/strong\u003e Tvätta ansiktet för att se till att porerna är helt rena.\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\"\u003eToning Toner:\u003c\/strong\u003e Torka av munnen med den för skonsam peeling.\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\"\u003eCentella Ampull:\u003c\/strong\u003e Det är dags för restaurering!Sätt på den och låt den verka medan du sover.\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\"\u003eLugnande kräm:\u003c\/strong\u003e Stäng din rutin med den för att låsa in hydrering hela natten lång.\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                    Din smartaste chans att uppleva hela den koreanska rutinen\n                \u003c\/h2\u003e\n\u003c!-- Section --\u003e\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                    Istället för att köpa en produkt till ett dyrt pris och inte veta om den kommer att passa din hud eller inte, är detta set tillgängligt för dig \u003cspan class=\"oasis-hl-sand\"\u003e5 kompletta produkter i utmärkta storlekar för prov och resor\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                    Investera i din hud och upplev äkta renhet.\n                \u003c\/p\u003e\n\u003cbutton class=\"oasis-cta-btn\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'}); return false;\" type=\"button\"\u003e\n                    Beställ SKIN1004 Centella Travel Kit nu\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            \/\/ ShGhYl HR AlHanR AlDRYY AnD AlKlartRYR\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            \/\/ Action trigger\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e\n```eof","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\"\u003e14-dagars miraklet: fullständig eliminering av fläckar\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\u003eDet här är inte en vanlig kräm, det här är det mest kraftfulla miraklet designat av SOME BY MI för att säga adjö till prickar och akne på mindre än två veckor.\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\"\u003eHuvudsakliga användningsområden\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\"\u003eEliminera finnar och finnar\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eInnehåller \u003cspan class=\"ingredient-highlight\"\u003eNiacinamid och salicylsyra (500 ppm)\u003c\/span\u003e För att eliminera bakterierna som orsakar finnar.\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 Lugnande rodnad och hudirritation för känslig hud\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eDrivs av \u003cspan class=\"ingredient-highlight\"\u003eCentella asiatica-extrakt (250 000 ppm), panthenol och allantoin\u003c\/span\u003e För att lindra irritation och rodnad.\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\"\u003eSkrubba mot finnar och gropar \u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eDet fungerar \u003cspan class=\"ingredient-highlight\"\u003eSalicylsyra (500 ppm) och laktobionsyra (300 ppm)\u003c\/span\u003e Exfolierar försiktigt huden.Vilket minskar ärr, finneeffekter och pigmentering\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\"\u003eAvancerad behandling för de svåraste pigmenteringarna\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e\u003cspan class=\"ingredient-highlight\"\u003eNiacinamid och hydroxisyror\u003c\/span\u003e Ljusar upp mörka fläckar effektivt och förenar hudtonen.\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 Djup och intensiv återfuktning\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eInnehåller \u003cspan class=\"ingredient-highlight\"\u003eGlycerin, hyaluronsyra och natriumhyaluronat\u003c\/span\u003e För djup återfuktning.\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\"\u003eAntioxidantskydd\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eFörstärkt med \u003cspan class=\"ingredient-highlight\"\u003eCentella asiatica extrakt, madecassoside och asiaticoside\u003c\/span\u003e För att skydda huden från skador.\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\"\u003eCellregenerering och anti-aging\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e\u003cspan class=\"ingredient-highlight\"\u003eNiacinamid och adenosin\u003c\/span\u003e De stimulerar hudcellsregenerering och minskar tecken på åldrande.\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\"\u003eNaturlig djuprengöring\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e\u003cspan class=\"ingredient-highlight\"\u003eTea tree leaf vatten (500 000 ppm)\u003c\/span\u003e Den rengör på djupet och renar huden naturligt.\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\"\u003eVad är Truecica™?Hemligheten till super lugnande\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;\"\u003eEn exklusiv formula som lugnar och stärker hudbarriären\u003c\/h3\u003e\n\u003cp style=\"margin-bottom: 20px;\"\u003eTruecica™ är inte bara en ingrediens, det är en kombination av:\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003eRent asiatiskt Centella-extrakt\u003c\/li\u003e\n\u003cli\u003eMadecassoside koncentrat\u003c\/li\u003e\n\u003cli\u003eTea Tree Extrakt\u003c\/li\u003e\n\u003cli\u003eExtrakt av hästsallat (mugwort).\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp style=\"background: #f8f9fa; padding: 15px; border-radius: 10px; margin-top: 20px;\"\u003eDenna kombination lugnar inflammation och stärker hudbarriären från första användningen, minskar rodnad och skyddar din hud från irritation.\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\"\u003eTrippelverkande peeling: AHA BHA PHA\u003c\/h2\u003e\n\u003ch3 class=\"section-subtitle animate-on-scroll\"\u003eLycka till med att försöka se hudens porer efter att ha använt krämen\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\u003eDen exfolierar varsamt ytskiktet och minskar fina linjer.\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\u003eDen tränger djupt in i porerna, tar bort oljor och förhindrar ansamling av smuts.\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\u003eExfolierar skonsamt, återfuktar och vitaliserar huden med en frisk lyster.Tillsammans erbjuder de dig kontinuerlig smart peeling som gör din hud ren och din mage får näring.\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\"\u003eSynliga resultat Tidslinje: Ny hud på 14 dagar\u003c\/h2\u003e\n\u003ch3 class=\"section-subtitle animate-on-scroll\"\u003e– Tidsförskjutning steg för steg –\u003c\/h3\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n\u003cdiv class=\"timeline-day\"\u003eDag 1:\u003c\/div\u003e\n\u003cp\u003eLugnar omedelbart fläcken, minskar rodnad och känner en behaglig känsla på huden.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n\u003cdiv class=\"timeline-day\"\u003eDag 3:\u003c\/div\u003e\n\u003cp\u003eDu märker en liten öppning av fläckens kanter och försvinnandet av en viss svullnad.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n\u003cdiv class=\"timeline-day\"\u003eSlutet av första veckan:\u003c\/div\u003e\n\u003cp\u003eSkillnaden förblir tydlig, hudfärgen börjar bli enhetlig och mörka fläckar minskar avsevärt.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n\u003cdiv class=\"timeline-day\"\u003eDag 10:\u003c\/div\u003e\n\u003cp\u003eFörbered dig på att säga adjö till de flesta fläckmärken;Huden kommer att vara klar och närmare en naturlig, enhetlig färg.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n\u003cdiv class=\"timeline-day\"\u003eDag fjorton:\u003c\/div\u003e\n\u003cp\u003eMiraklet segrade;Dina fläckar försvinner nästan och din hud återfår helt sin fräschör och vitalitet.\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;\"\u003eLätt transparent gelstruktur\u003c\/h2\u003e\n\u003ch3 style=\"font-size: 1.3em; color: #666; margin-bottom: 30px;\"\u003eOmedelbar absorption utan någon fet effekt\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\"\u003eTransparent gel\u003c\/h3\u003e\n\u003cp\u003eLätt konsistens som glider på huden\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\"\u003eOmedelbar absorption\u003c\/h3\u003e\n\u003cp\u003eFörsvinner omedelbart utan klibbighet\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\"\u003eUtan ett spår\u003c\/h3\u003e\n\u003cp\u003eInget vitt eller oljigt lager\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\"\u003eEn av de bästa investeringarna för din hudhälsa\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\"\u003eSnabbt mirakel\u003c\/h3\u003e\n\u003cp\u003eSäg adjö till fläckar på bara 14 dagar.\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\"\u003eLämplig för känslig hud\u003c\/h3\u003e\n\u003cp\u003eUtsatt för 20 vidhäftningstester.\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\"\u003eFri från 20 skadliga ämnen\u003c\/h3\u003e\n\u003cp\u003eInga parabener, inga konstgjorda dofter och inga färgämnen.\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\"\u003ePerfekt kombination\u003c\/h3\u003e\n\u003cp\u003eTruecica™ + Panthenol + AHA·BHA·PHA = maximal effektivitet och komfort.\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\"\u003eEtt sant mirakel på bara 14 dagar\u003c\/h2\u003e\n\u003cp class=\"animate-on-scroll\" style=\"font-size: 1.2em; margin-top: 20px;\"\u003eBörja förändringens mirakel idag med \u003cstrong style=\"color: white;\"\u003eSOME BY MI 14 Days Super Miracle Spot All Kill Cream\u003c\/strong\u003e Och låt din hud komma närmare perfektion på bara 14 dagar!\u003c\/p\u003e\n\u003cbutton class=\"cta-button animate-on-scroll\"\u003eKöp nu\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 med 70% persika och niacinamid för att ljusa upp huden, förena färg och motverka pigmentering, 30 ml","description":"\u003cdiv class=\"anua-txa-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n        \/* Style Settings *\/\n        .anua-txa-wrapper {\n            --atxa-bg-dark: #0f0508; \/* Style Settings *\/\n            --atxa-bg-card: rgba(25, 10, 15, 0.6); \/* Style Settings *\/\n            --atxa-rose-gold: #e29587; \/* Style Settings *\/\n            --atxa-peach-glow: #fca38d; \/* Style Settings *\/\n            --atxa-pink-light: #fad6d0; \/* Style Settings *\/\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: 'Inter', -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        \/* Style Settings *\/\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        \/* Style Settings *\/\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        \/* Style Settings *\/\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        \/* Style Settings *\/\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        \/* Style Settings *\/\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        \/* === Custom Lists with Checkmarks === *\/\n        .atxa-list {\n            list-style: none;\n            padding: 0;\n            margin-top: 15px;\n        }\n\n        .atxa-list li {\n            position: relative;\n            padding-right: 25px;\n            margin-bottom: 10px;\n            color: var(--atxa-text-muted);\n            font-size: 0.95rem;\n        }\n\n        .atxa-list li::before {\n            content: '✓';\n            position: absolute;\n            right: 0;\n            top: 0;\n            color: var(--atxa-peach-glow);\n            font-weight: bold;\n        }\n\n        .atxa-highlight-num {\n            color: var(--atxa-peach-glow);\n            font-weight: bold;\n            font-size: 1.1em;\n        }\n\n        \/* Style Settings *\/\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        \/* Style Settings *\/\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        \/* Style Settings *\/\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\u003c!-- Section --\u003e\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\"\u003eDen koreanska ekvationen för glashud\u003c\/div\u003e\n\u003ch1 class=\"atxa-title-glow\"\u003e\"De lurade dig och sa att alla niacinamider är likadana!\"\u003c\/h1\u003e\n\u003cp class=\"atxa-hero-subtitle\"\u003e\n                I en värld där löftena är desamma är resultaten radikalt annorlunda.Idag står du inför ett ödesdigert val: fortsätt använda vanliga produkter som ger dig ytliga resultat, eller fatta ett beslut som kommer att förändra din huds öde för alltid.\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\"\u003eDin hud är matt...och folk märker det!\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                Har du märkt att din hud tappar sin fräschör år efter år?Med tiden ökar mörka fläckar, porerna expanderar och huden blir sträv och matt. \u003cstrong\u003eMen den viktigaste frågan: Vad bestämde du dig för att göra åt det?\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                    Hemligheten som stora skönhetsföretag gömmer\n                \u003c\/p\u003e\n\u003cp style=\"color: var(--atxa-text-muted);\"\u003e\n                    De flesta serum lovar fantastiska resultat, men använder låga koncentrationer av aktiva ingredienser för att hålla nere kostnaderna. \u003cstrong\u003eMen Anua bröt mot alla regler.\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%: Den vetenskapliga formeln för glasig, strålande hud\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            Anuas forskare tillbringade 3 år med att utveckla denna perfekta formula som kommer att förvandla din hud från matt och trött till strålande och strålande. \u003cstrong\u003eSom om det var ristat ur ljus\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\"\u003eHur fungerar det?(Vetenskapen bakom friskhet)\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);\"\u003ePersikastyrka 70% koncentration\u003c\/h3\u003e\n\u003cp\u003eDet är inte bara en frukt...det är en hel växt av vitaminer och syror.Persikaextrakt \u003cstrong\u003ePenetrerar 7 lager av hudceller\u003c\/strong\u003e För att nå de djupa lagren och behandla dem inifrån och ut.\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);\"\u003eNiacinamid 5 % (mirakel)\u003c\/h3\u003e\n\u003cp\u003eNiacinamid är en spelförändrande ingrediens i hudvårdsvärlden. \u003cstrong\u003eVid en idealisk koncentration på 5 %\u003c\/strong\u003e, kan:\u003c\/p\u003e\n\u003cul class=\"atxa-list\"\u003e\n\u003cli\u003eMinskar uppkomsten av porer genom \u003cspan class=\"atxa-highlight-num\"\u003e68%\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003eLjusar upp mörka fläckar \u003cspan class=\"atxa-highlight-num\"\u003e14\u003c\/span\u003e En dag\u003c\/li\u003e\n\u003cli\u003eReglerar talgsekretionen och förhindrar glans\u003c\/li\u003e\n\u003cli\u003eBygger och stärker hudens naturliga barriär\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);\"\u003eTrippel hyaluronsyra\u003c\/h3\u003e\n\u003cp\u003eInte en typ...men \u003cstrong\u003e3 olika typer\u003c\/strong\u003e Med olika molekylvikter för att nå alla hudlager:\u003c\/p\u003e\n\u003cul class=\"atxa-list\"\u003e\n\u003cli\u003eYta: återfuktar omedelbart\u003c\/li\u003e\n\u003cli\u003eMitten: fångar upp vatten inuti\u003c\/li\u003e\n\u003cli\u003eDjup: Ökar nivån av hydrering från rötterna\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);\"\u003eBio-persika och yoghurtkomplex\u003c\/h3\u003e\n\u003cp\u003eFör första gången i världen har persikoextrakt kombinerats med nyttiga yoghurtbakterier i en unik bioteknik.Resultatet? \u003cstrong\u003eEn förening som eliminerar döda celler\u003c\/strong\u003e Varsamt och utan irritation.\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\"\u003eDet vetenskapliga miraklet de gömmer för dig\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                Alla kommer att fråga dig: \u003cstrong\u003e\"Vad gör du med din hud?\"\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp style=\"color: var(--atxa-text-muted); line-height: 1.8;\"\u003e\n                Hemligheten ligger i den \"smarta genombrottstekniken\" som utmärker detta serum.Ingredienserna är inkapslade i mikropartiklar (nanoteknologi) för att leverera aktiva ingredienser till de områden där de behövs innerst inne, och inte bara stanna på ytan som vanliga produkter.\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Timeline Results --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eDin hudförvandlingsresa med Anua serum\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\"\u003eEfter första användningen\u003c\/div\u003e\n\u003cdiv\u003eOmedelbar glans och märkbar mjukhet, som om du hade en dyr mask session på en skönhetsklinik.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"atxa-timeline-item\"\u003e\n\u003cdiv class=\"atxa-phase-badge\"\u003eEfter 3 dagar\u003c\/div\u003e\n\u003cdiv\u003eEn tydlig krympning av porstorleken och en märkbar början för att förena hudtonen och minska rodnad.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"atxa-timeline-item\"\u003e\n\u003cdiv class=\"atxa-phase-badge\"\u003eEfter en vecka\u003c\/div\u003e\n\u003cdiv\u003eSträvhet och trött konsistens försvinner och lämnar huden 40 % slätare och redo för perfekt makeup.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"atxa-timeline-item\"\u003e\n\u003cdiv class=\"atxa-phase-badge\"\u003eEfter två veckor\u003c\/div\u003e\n\u003cdiv\u003eLjusar upp mörka fläckar märkbart och ger en förnyad lyster som om din hud har gått tillbaka 5 år.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"atxa-timeline-item\"\u003e\n\u003cdiv class=\"atxa-phase-badge\"\u003eEfter en månad\u003c\/div\u003e\n\u003cdiv\u003eFULLSTÄNDIG TRANSFORMATION - Glasklar, klar, glödande hud även utan en enda droppe smink.\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\"\u003eI en värld full av produkter... varför 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;\"\u003eVetenskapligt bevisad formel\u003c\/h3\u003e\n\u003cp\u003eRigorösa kliniska tester har visat fantastiska resultat på hundratals frivilliga runt om i världen.\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;\"\u003eHög koncentrationsförmåga\u003c\/h3\u003e\n\u003cp\u003eLevererar 3 gånger högre koncentrationer av aktiva ingredienser än konventionella konkurrenter.\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;\"\u003eSäker för alla hudtyper\u003c\/h3\u003e\n\u003cp\u003eDesignad för att vara skonsam även på känslig, kombinerad och fet hud utan att orsaka irritation.\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\"\u003ePassar det din hudtyp?\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\u003eHudtyp\u003c\/th\u003e\n\u003cth\u003eGrundproblemet\u003c\/th\u003e\n\u003cth style=\"background: rgba(252, 163, 141, 0.15); color: #fff;\"\u003eVad kommer Anua att erbjuda henne?\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eAlltid utmattande\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eMatt och saknar lyster\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eVäcker upp cellerna och ger omedelbar lyster och glöd.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eVäldigt känslig\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eIrritation och rodnad från alla produkter\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eLindrar omedelbart inflammation och stärker skyddsbarriären\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eGlänsande oljig\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eFörstorade porer och irriterande glans\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eKontrollerar talg och minskar porstorleken effektivt med 68 %\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003ehög ålder\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eFina linjer och pigmentering\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eLjusar upp mörka fläckar och förbättrar hudens elasticitet\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eBlandat (förvirrande)\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eTorr på vissa ställen och oljig på andra\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eBalanserar huden intelligent och återfuktar på djupet utan att klibbiga\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\"Varje investering har en avkastning... att investera i din hud har den högsta avkastningen.\"\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                Behandla inte din hud som din sista prioritet, det är det första folk ser hos dig.\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% - För att din hud förtjänar det bästa.Beställ det nu!\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":"ANUA Avancerad och lugnande kräm för känslig hud med 70 % hjärtbladsextrakt och ceramider 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\"Föreställ dig Korea... ett land som inte vet vad \"känslig hud\" betyder!\"\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e\u003cstrong\u003eKoreanska forskare upptäckte en naturlig växt som växer i form av ett hjärta, och de extraherade den i en koncentration av 70 %, vilket var den magiska lösningen för inflammerad hud.Hemligheten har äntligen nått Egypten\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\"\u003eExperter säger att 80 % av hudproblemen orsakas av en svag skyddsbarriär\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eBlir din hud röd av någon anledning?Känner du en brännande och stickande känsla med varje produkt du provar?Orsakar kallt väder torrhet och fjällning? \u003cstrong\u003eHur länge kommer du att bära denna smärta?\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\"Alla lugnande krämer är desamma... och det här är den största lögnen i världen av hudvård.\"\u003c\/h3\u003e\n\u003cp\u003eDe flesta lugnande krämer är beroende av kemiska ingredienser som behandlar symtomen och eliminerar huvudorsaken. \u003cstrong\u003eANUA valde en helt annan väg.\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 Soothing Cream with Heartleaf Extract 70%: Livvakten för din känsliga hud\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eAnua-forskare använde en unik teknik för att extrahera hjärtbladsextrakt från privata gårdar i Korea i en koncentration på 70 %. \u003cstrong\u003eDen högsta andelen i världen.\u003c\/strong\u003e Resultatet?Krämen lugnar inte bara huden...den omprogrammerar hur den hanterar yttre irriterande ämnen.\u003c\/p\u003e\n\u003cdiv class=\"section-header secondary-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eHemligheten med koreansk hud som aldrig irriterar!\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\"\u003eHartliffes under\u003c\/h3\u003e\n\u003cp\u003eHjärtblad (hjärtformade) är inte bara en vanlig ingrediens...det här \u003cstrong\u003eIntegrerat skyddssystem\u003c\/strong\u003e.Den innehåller kraftfulla naturliga antiinflammatoriska medel som stoppar rodnad och irritation omedelbart och korrigerar hudens störda pH.\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\"\u003eKoncentrerade skyddsceramider\u003c\/h3\u003e\n\u003cp\u003eCeramid är inte en kräm... det här är det \u003cstrong\u003eHudbarriär byggstenar\u003c\/strong\u003e Kondom.När du tappar ceramider uppstår fuktläckor och föroreningar.Anua kräm är rik på ceramider, som återuppbygger skyddsbarriären och helt förhindrar framtida infektioner.\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\"\u003ePanthenol (Vitamin B5) mirakel\u003c\/h3\u003e\n\u003cp\u003ePanthenol är en magisk ingrediens som tränger djupt in i huden och gör två viktiga saker:\u003c\/p\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eDet påskyndar läkningen av skadade celler med en procentandel \u003cspan class=\"counter\" data-target=\"34\"\u003e0\u003c\/span\u003e%\u003c\/li\u003e\n\u003cli\u003eDet bildar en backup-sköld mot framtida irritationer\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\"\u003eTeorin om \"tre lager\" om absolut skydd\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\u003eKlass\u003c\/th\u003e\n\u003cth\u003eRollen som Anua grädde\u003c\/th\u003e\n\u003cth\u003eAndra krämer\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr class=\"table-row\"\u003e\n\u003ctd\u003e\u003cstrong\u003eyttre skiktet\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eDet lugnar omedelbart och stoppar rodnad\u003c\/td\u003e\n\u003ctd\u003eDe behandlar bara symtomen\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"table-row\"\u003e\n\u003ctd\u003e\u003cstrong\u003eMedelklass\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eDen återfuktar på djupet och förhindrar vattenförlust\u003c\/td\u003e\n\u003ctd\u003eDe fuktar ytan tillfälligt\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"table-row\"\u003e\n\u003ctd\u003e\u003cstrong\u003eInre lager\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eDet reparerar celler och stärker hudens immunitet\u003c\/td\u003e\n\u003ctd\u003eDe når inte alls den här klassen\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\"Tålamod är vackert...men du behöver inte vänta länge.\"\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eSynliga resultat Tidslinje när du använder krämen\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\u003eFrån första användningen\u003c\/h3\u003e\n\u003cp\u003eOmedelbar lindring, mindre rodnad och mindre tilltäppta porer\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\u003eEfter 3 dagar\u003c\/h3\u003e\n\u003cp\u003eIrritationen försvinner och normal hudfärg återkommer\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\u003eEfter en vecka\u003c\/h3\u003e\n\u003cp\u003eHuden är mer motståndskraftig mot irriterande ämnen och mindre känslig mot andra produkter\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\u003eEfter två veckor\u003c\/h3\u003e\n\u003cp\u003eHudens förmåga att skydda sig fördubblas\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\u003eEfter en månad\u003c\/h3\u003e\n\u003cp\u003eFullständig förvandling - balanserad, stark hud som inte påverkas av yttre faktorer\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\"\u003eDet här är inte bara en kräm... det är ett räddningssystem för trött hud\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\u003eSlutet på rodnad och irritation börjar här!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp\u003eAnua Heartleaf Cream är speciellt designad för hud som är trött på allt.Oavsett om din hud:\u003c\/p\u003e\n\u003cdiv class=\"skin-types-container\"\u003e\n\u003cdiv class=\"skin-type-box\"\u003e\n\u003ch3\u003eKänslig och blir röd av vad som helst\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-box\"\u003e\n\u003ch3\u003eTorka och skalar med vädret\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-box\"\u003e\n\u003ch3\u003eFet, glänsande och irriterad\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-box\"\u003e\n\u003ch3\u003eBlandat och förvirrat\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\"\u003eFunktioner som du inte hittar i någon annan produkt:\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\u003eEj fet konsistens\u003c\/h3\u003e\n\u003cp\u003eDen absorberas omedelbart utan att lämna några feta eller glänsande rester\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch3\u003eLuktfri\u003c\/h3\u003e\n\u003cp\u003eDet finns inga konstgjorda dofter som irriterar huden\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch3\u003eOriginal koreansk formel\u003c\/h3\u003e\n\u003cp\u003eUtvunnen från privata gårdar i Korea\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch3\u003eKompatibel med alla hudtyper\u003c\/h3\u003e\n\u003cp\u003eKänslig för oljig\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\"\u003eDin hud behöver inte heller utstå smärta... \u003c\/h2\u003e\n\u003cp class=\"cta-subheading\"\u003eLugnad hud = mer självförtroende = bättre liv\u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003eBörja idag... Anua Heartliffe Cream kommer att vara det bästa beslutet du tar för din hud.\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eBeställ nu\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 med ris och Alpha-Arbutin för att ljusa upp huden.","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: När förfäders arv möter framtida vetenskap\u003c\/h1\u003e\n\u003cp class=\"hero-description\"\u003eI hjärtat av detta mirakelserum är de koreanska kejsarinnornas skönhetshemlighet (\u003cstrong\u003e68% risklidvatten\u003c\/strong\u003e(Med den mest kraftfulla moderna vetenskapliga ingrediensen för att lätta upp huden)\u003cstrong\u003e2% alfaarbutin\u003c\/strong\u003e).\u003c\/p\u003e\n\u003cp class=\"hero-conclusion\"\u003e\u003cstrong\u003eResultatet?En riktig revolution\u003c\/strong\u003e I en värld av hud ljusare och förenande hudfärg på ett säkert, effektivt och snabbt sätt.\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\"\u003eEn gammal koreansk skatt med modern teknik\u003c\/h2\u003e\n\u003cp\u003eFrån eran av den antika koreanska Joseon-dynastin har vi lärt känna skönhetshemligheten hos koreanska kejsarinnor som använde risklivatten som \"skönhetsvatten\" för strålande, felfri hud.\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 från Beauty of Gossion: vetenskapen om att göra huden ljusare i sin renaste form\u003c\/h2\u003e\n\u003cp\u003eDetta serum kombinerar kraften i hundratals år av koreanskt arv med de senaste upptäckterna inom hudvårdsvetenskap i en unik formula som innehåller:\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\"\u003eUltrakraftiga och effektiva ingredienser:\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\"\u003eKoncentrerat risklidvatten \u003cspan class=\"counter\" data-target=\"68\"\u003e0\u003c\/span\u003e%\u003c\/h3\u003e\n\u003cp\u003eInte bara en vanlig återfuktande ingrediens... utan en näringsskatt för huden:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eRik på essentiella aminosyror för att bygga nya celler\u003c\/li\u003e\n\u003cli\u003eFull av mineraler som stimulerar blodcirkulationen och skapar en naturlig lyster\u003c\/li\u003e\n\u003cli\u003eDen innehåller naturliga enzymer som skonsamt exfolierar huden och förnyar dess celler\u003c\/li\u003e\n\u003cli\u003eHistoriskt känd för sin förmåga att lätta upp och förena hudtonen på ett säkert sätt\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\"\u003eAlfa-arbutin koncentration \u003cspan class=\"counter\" data-target=\"2\"\u003e0\u003c\/span\u003e% (vetenskapligt idealisk procentandel)\u003c\/h3\u003e\n\u003cp\u003eAvancerad japansk ingrediens som överträffar alla traditionella hudblekare:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eStarkare med \u003cspan class=\"counter\" data-target=\"10\"\u003e0\u003c\/span\u003e gånger beta-arbutin som används i de flesta produkter\u003c\/li\u003e\n\u003cli\u003eDet hämmar säkert tyrosinasenzymet som ansvarar för melaninproduktionen\u003c\/li\u003e\n\u003cli\u003eDen riktar sig mot mörka fläckar vid deras rötter utan att irritera huden\u003c\/li\u003e\n\u003cli\u003eFörhindrar uppkomsten av ny pigmentering vid regelbunden användning\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\"\u003eUnika egenskaper gör den till nummer ett inom hudblekning:\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\"\u003eLätt, snabbabsorberande formel\u003c\/h3\u003e\n\u003cp\u003eTill skillnad från feta och tunga lättande produkter, Glow Deep Serum:\u003c\/p\u003e\n\u003cul class=\"check-list\"\u003e\n\u003cli\u003eDen tränger in i hudens djupa lager omedelbart\u003c\/li\u003e\n\u003cli\u003eDen lämnar inga spår av fethet eller glans\u003c\/li\u003e\n\u003cli\u003eIdealisk för alla hudtyper (även fet och kombinerad)\u003c\/li\u003e\n\u003cli\u003eDen kan användas direkt innan smink utan problem\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\"\u003eVetenskapligt bevisade resultat\u003c\/h3\u003e\n\u003cul class=\"check-list\"\u003e\n\u003cli\u003eLjusna mörka fläckar med upp till \u003cspan class=\"counter\" data-target=\"43\"\u003e0\u003c\/span\u003e% inom 4 veckor\u003c\/li\u003e\n\u003cli\u003eFörena hudtonen och minska färgskillnaderna\u003c\/li\u003e\n\u003cli\u003eÖka hudens lyster och fräschör\u003c\/li\u003e\n\u003cli\u003eFörbättrar hudens övergripande hälsa och styrkan hos dess skyddande barriär\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\"\u003eTransformationsresa med 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\u003eskede\u003c\/th\u003e\n\u003cth\u003eFörväntat resultat\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\u003eFörsta veckan\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003eDjup återfuktning, märkbar mjukhet, initial lyster\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"timeline-row\"\u003e\n\u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eAndra veckan\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003eBörjan av ljusning av gamla fläckar, gradvis förening av färg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"timeline-row\"\u003e\n\u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eFjärde veckan\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003eSynlig förbättring av fläckar och ton, friskare hud\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"timeline-row\"\u003e\n\u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eAndra månaden\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003eKomplett förvandling - strålande, jämn och frisk hud\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\"\u003ePerfekt hur man använder:\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\"\u003eApplicera 2-3 droppar på ren, återfuktad hud\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\"\u003eMassera försiktigt i cirkulära rörelser från mitten och utåt\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\"\u003eAnvänd den morgon och kväll för bästa resultat\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\"\u003eSe till att använda solskyddsmedel under dagen för att bibehålla resultatet\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\"Din sanna hudutstrålning finns där... men den behöver rätt nyckel.\"\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003eKoreas antika historia + avancerad japansk vetenskap = perfekt, jämn hudton.\u003c\/p\u003e\n\u003cp class=\"cta-conclusion\"\u003eGlow Deep Serum från Beauty of Gossion - \u003cstrong\u003eEftersom din hud förtjänar att lysa med sin naturliga, enhetliga färg.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eBeställ nu\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 = 'Klart AlAdd l AlSl!';\n      setTimeout(() =\u003e {\n        this.textContent = 'Beställ nu';\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":"Beauty of Joseon Skin Revitalization Serum med ginseng och snigelsekret för hudföryngring och elasticitet.","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\"\u003eVetenskapen bevisar: Ginseng + snigelslem = den perfekta ungdomsekvationen\u003c\/h1\u003e\n\u003cp class=\"subtitle slide-up\"\u003eBeauty of Joseon Revive Serum: En avancerad vetenskaplig formula som omprogrammerar dina hudceller\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Key Benefits Grid --\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eHuvudsakliga användningsområden\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\u003eBlekningsbehandling\u003c\/h3\u003e\n\u003cp\u003eGinseng 63% stimulerar blodcirkulationen och återställer den naturliga lysten hos trött hud inom två veckor.\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\u003eAntioxidant\u003c\/h3\u003e\n\u003cp\u003e15 typer av ginsenosider skyddar huden från fria radikaler, föroreningar och skadliga strålar.\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\u003eAnti-rynkor\u003c\/h3\u003e\n\u003cp\u003eSnigelslem 3% stimulerar kollagenproduktionen och minskar uppkomsten av fina linjer och rynkor.\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\u003eDjup fuktighetskräm\u003c\/h3\u003e\n\u003cp\u003eNaturlig hyaluronsyra låser in fukt i huden i 12 timmar i sträck.\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\u003eFörbättrar hudens struktur\u003c\/h3\u003e\n\u003cp\u003eNaturliga proteiner jämnar ut hudstrukturen och minskar uppkomsten av porer och strävhet.\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\u003eLindrar rodnad\u003c\/h3\u003e\n\u003cp\u003eAllantoin i snigelslem minskar inflammation och irritation och lugnar känslig hud.\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 för cellulär regenerering\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\u003eAktivt saponin: stimulerar mikrocirkulationen med 40 %\u003c\/li\u003e\n\u003cli\u003eGinsenosider: stimulerar naturlig kollagenproduktion\u003c\/li\u003e\n\u003cli\u003eKraftfulla antioxidanter: bekämpar fria radikaler\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\u003eRenat snigelslem 3% - ett mirakel av reparation och förnyelse\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\u003ePenetrerar in i hudens djupa lager\u003c\/li\u003e\n\u003cli\u003eStimulerar produktionen av nytt kollagen\u003c\/li\u003e\n\u003cli\u003eReparerar skadat DNA\u003c\/li\u003e\n\u003cli\u003eFrämjar cellomsättning\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\"\u003eHjälpkomponenter: ett integrerat vetenskapligt team\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🌿 Centella Asiatica extrakt\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\u003eAsiatisk syra\u003c\/h4\u003e\n\u003cp\u003eStimulerar produktionen av kollagen typ 1 och 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\u003eEtt naturligt antiinflammatoriskt medel som omedelbart lugnar rodnad\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\u003eAsiatisk sida\u003c\/h4\u003e\n\u003cp\u003ePåskyndar läkningen av små sår och irritationer\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\"\u003eLaboratorietestade vetenskapliga resultat\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\u003eEfter en vecka\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\"\u003eOmedelbar mjukhet\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\"\u003eFörbättrad utstrålning\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\"\u003eMinska rodnad\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\u003eFyra veckor senare\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\"\u003eFörbättra flexibiliteten\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\"\u003eMinska rynkor\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\"\u003eDjup hydrering\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 Teknologiskt avancerad formel\u003c\/h2\u003e\n\u003cdiv class=\"technology-grid\"\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3\u003eInnovation i textur\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\u003eNanopartiklar\u003c\/h4\u003e\n\u003cp\u003ePenetrerar lätt huden\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\u003eGradient release teknologi\u003c\/h4\u003e\n\u003cp\u003eFör aktiva ingredienser\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\u003eTillfällig skyddsfilm\u003c\/h4\u003e\n\u003cp\u003eLåser fukt under hudens yta\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\u003eSnabb absorption\u003c\/h4\u003e\n\u003cp\u003eUtan att lämna några feta rester\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-timeline\"\u003e\n\u003ch3\u003eSkillnaden du känner\u003c\/h3\u003e\n\u003cdiv class=\"experience-steps\"\u003e\n\u003cdiv class=\"experience-step\" data-time=\"instant\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ Omedelbar applicering\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eOmedelbar silkeslen spridning\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-step\" data-time=\"1min\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ Inom en minut\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eFullständig absorption och behaglig känsla\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-step\" data-time=\"5min\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ Efter 5 minuter\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eSammetslen mjukhet och naturlig lyster\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-step\" data-time=\"allday\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ Hela dagen lång\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eKontinuerlig återfuktning och effektivt skydd\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\"\u003eVarför välja Revive Serum?Vetenskapliga bevis ljuger inte\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\u003eVetenskapligt beräknad optimal koncentration\u003c\/h3\u003e\n\u003cul class=\"proof-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e63% ginseng\u003c\/strong\u003e: Optimal effektivitetskoncentration utan irritation\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e3% snigelslem\u003c\/strong\u003e: Det beprövade förhållandet för bästa resultat\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePerfekt balans\u003c\/strong\u003e: Mellan styrka och säkerhet för dagligt bruk\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\u003eTestad och certifierad\u003c\/h3\u003e\n\u003cul class=\"proof-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAllergitester\u003c\/strong\u003e: Säker för känslig hud\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEffekttester\u003c\/strong\u003eBeprövade resultat på 28 dagar\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eKvalitetstester\u003c\/strong\u003e: Strikta internationella standarder\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\u003eUnik teknik\u003c\/h3\u003e\n\u003cul class=\"proof-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eOrsakar inte igensatta porer\u003c\/strong\u003e: Dermatologiskt testad\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eKompatibel med alla hudtyper\u003c\/strong\u003e: Från torr till oljig\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFungerar med andra produkter\u003c\/strong\u003e: Det stör inte din vårdrutin\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\"\u003eInvestera i vetenskap... investera i din hud\u003c\/h2\u003e\n\u003cp class=\"investment-tagline\"\u003eDu kommer inte hitta en annan formel som kombinerar kraften hos naturlig ginseng med miraklet av renat snigelslem i en så perfekt balans.\u003c\/p\u003e\n\u003cdiv class=\"final-results\"\u003e\n\u003ch3\u003eSlutresultatet: vetenskapligt frisk hud\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\u003eFörnyade celler\u003c\/strong\u003e Det fungerar väldigt effektivt\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\u003eStark naturlig barriär\u003c\/strong\u003e Skyddar mot yttre faktorer\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\u003eDjup hydrering\u003c\/strong\u003e Varar 72 timmar\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\u003eFörbättrad flexibilitet\u003c\/strong\u003e Upp till 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\u003eNaturlig utstrålning\u003c\/strong\u003e Utan smink\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\"\u003eHur man använder\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\u003eRengör ansiktet väl\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\u003eApplicera 3 eller 4 droppar\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\u003eMassera försiktigt\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\u003eAnvänd den morgon och kväll\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\"\u003eAlla komponenter\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 är specialiserat på att lugna huden och minska rodnad 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\"\u003eDen koreanska formulan som förvandlar inflammerad hud till perfekt hud\u003c\/h1\u003e\n\u003cp class=\"subtitle slide-up\"\u003eBeauty of Joseon Calming Serum: Den magiska formeln för känslig hud\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\u003eKänslig och inflammerad hud - din första fiende\u003c\/h2\u003e\n\u003cp class=\"problem-intro\"\u003eLider du av \u003cstrong\u003eReagerar huden på allt?\u003c\/strong\u003e Konstant rodnad från solen, irritation från de enklaste produkterna, torrhet och klåda som inte slutar?\u003c\/p\u003e\n\u003ch3\u003eGrundläggande problem:\u003c\/h3\u003e\n\u003cul class=\"problem-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e🔥\u003c\/span\u003e\u003cstrong\u003eKronisk inflammation\u003c\/strong\u003e Som förstör hudens naturliga barriär\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e☀️\u003c\/span\u003e\u003cstrong\u003eUV-skada\u003c\/strong\u003e Vilket orsakar rodnad och för tidigt åldrande\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e💧\u003c\/span\u003e\u003cstrong\u003eSnabb fuktförlust\u003c\/strong\u003e Som lämnar huden torr och sprucken\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e😰\u003c\/span\u003e\u003cstrong\u003eÖverdriven känslighet\u003c\/strong\u003e Det gör alla nya produkter till en källa till rädsla och ångest\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"painful-result\"\u003e\n\u003ch3\u003eSmärtsamt resultat:\u003c\/h3\u003e\n\u003cp\u003eArg och rebellisk hud, tappat självförtroende och en konstant känsla av att det inte finns någon lösning på detta lidande.\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\"\u003eDen ultimata lösningen som stoppar lidandet av känslig hud på 60 sekunder\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\u003eAntiinflammatorisk\u003c\/h3\u003e\n\u003cp\u003eOmedelbar lindring av rodnad och irritation orsakad av allergier eller solexponering.\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\u003eStärker hudbarriären\u003c\/h3\u003e\n\u003cp\u003eReparerar och stärker det naturliga skyddsskiktet för att förhindra penetration av yttre irriterande ämnen.\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\u003eFrämja djup återfuktning\u003c\/h3\u003e\n\u003cp\u003eÅterfuktning i flera lager når djupt in i huden och behåller fukten under långa timmar.\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\u003eLugnar känslig hud\u003c\/h3\u003e\n\u003cp\u003eOmedelbar lindring för hud som reagerar på miljöfaktorer och kosmetiska produkter.\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\u003eSkydd mot skadliga strålar\u003c\/h3\u003e\n\u003cp\u003eMotståndskraft mot de negativa effekterna av ultravioletta strålar och miljöföroreningar.\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\"\u003eVetenskapen bakom den utvecklade formeln\u003c\/h2\u003e\n\u003ch1 class=\"science-subtitle\"\u003eFrån första beröring: Hur raderar detta koreanska serum 15 år av hudskador?\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\u003eGrönt te 50% |Green Tea Powerhouse\u003c\/h3\u003e\n\u003cdiv class=\"ancient-wisdom\"\u003e\n\u003cp\u003eI den antika medicinska boken Dong Ui Bogam: \"Grönt te vitaliserar energi, rensar sinnet och lugnar solskadad hud.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch4\u003eHur besegrar koreanskt grönt te de svåraste typerna av inflammation?\u003c\/h4\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eLindra inflammation orsakad av ultravioletta strålar\u003c\/li\u003e\n\u003cli\u003eBekämpa fria radikaler med kraften av naturliga antioxidanter\u003c\/li\u003e\n\u003cli\u003eFörnya skadade hudceller och skydda dem från framtida skador\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\u003eBynteextrakt 30% |Mugwort extrakt\u003c\/h3\u003e\n\u003cdiv class=\"sacred-herb\"\u003e\n\u003cp\u003eEn helig ört inom österländsk medicin, känd som \"örternas moder\" för sina distinkta helande egenskaper.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch4\u003eNatural Relief erbjuder:\u003c\/h4\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eOmedelbar lugnande av irriterad och inflammerad hud\u003c\/li\u003e\n\u003cli\u003eDjup och skonsam återfuktning för känslig hud\u003c\/li\u003e\n\u003cli\u003eStärker hudens naturliga immunitet mot yttre irriterande ämnen\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\u003ePanthenol 5 % |Pro-vitamin B5\u003c\/h3\u003e\n\u003cdiv class=\"revolutionary-development\"\u003e\n\u003cp\u003eRevolutionerande utveckling: ökad koncentration från 2% till 5% för dubbelt skydd!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch4\u003eAdvanced Panthenol uppnår:\u003c\/h4\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eSkapar en 24-timmars skyddande fuktbarriär\u003c\/li\u003e\n\u003cli\u003eOmedelbar omvandling till vitamin B5 i hudceller\u003c\/li\u003e\n\u003cli\u003eFörhindra fuktförlust och skydda huden från frekvent irritation\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\"\u003eAvancerade tilläggsingredienser\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\u003eAllantoin |Allantoin\u003c\/h3\u003e\n\u003cp\u003eEtt naturligt lugnande medel som påskyndar läkningen av skadad hud och minskar irritation.\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\u003eHyaluronsyra |Natriumhyaluronat\u003c\/h3\u003e\n\u003cp\u003eVattenmolekyler låser in fukt och slät hudstruktur.\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\u003eLakritsextrakt |Dikaliumglycyrrhizat\u003c\/h3\u003e\n\u003cp\u003eEn naturlig antiinflammatorisk som förenar hudtonen och minskar pigmentering.\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\u003eCoptis rotextrakt |Coptis Japonica rotextrakt\u003c\/h3\u003e\n\u003cp\u003eEn traditionell kinesisk ört som är antibakteriell och lugnande för huden.\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\"\u003eTransformationsresa med serum\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\u003eUnder den första timmen\u003c\/h3\u003e\n\u003cdiv class=\"results-list\"\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Omedelbar lindring av rodnad och klåda\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ En känsla av fräschör och komfort\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Snabb absorption utan att lämna ett fett spår\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\u003eInom en vecka\u003c\/h3\u003e\n\u003cdiv class=\"results-list\"\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Märkbar förbättring av hudens känslighet\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Djupare och mer långvarig återfuktning\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Tydlig förstärkning av hudens naturliga barriär\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\u003eInom en månad\u003c\/h3\u003e\n\u003cdiv class=\"results-list\"\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Huden är mer motståndskraftig mot yttre irriterande ämnen\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Förena hudtonen och minska kronisk rodnad\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Mjukare, hälsosammare och fräschare konsistens\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\u003eVad skiljer detta serum från andra lugnande serum?\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\u003eDubbel boost av lugn\u003c\/h3\u003e\n\u003cp\u003eÖka koncentrationen av byngröt från 20% till 30% för en starkare och mer långvarig lugnande effekt.\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\u003eDubbelt fuktskydd\u003c\/h3\u003e\n\u003cp\u003eÖkat panthenol från 2% till 5% för en starkare fuktbarriär och bättre skydd.\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\u003ePerfekt balanserad formel\u003c\/h3\u003e\n\u003cp\u003eVetenskapligt beräknade proportioner för att säkerställa maximal effektivitet med minimal risk för irritation.\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\u003eAvancerad silkeslen textur\u003c\/h3\u003e\n\u003cp\u003eLätt konsistens absorberas snabbt och lämnar huden mjuk och fräsch.\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\"\u003eRätta hur du använder\u003c\/h2\u003e\n\u003cdiv class=\"usage-grid\"\u003e\n\u003cdiv class=\"usage-time morning\"\u003e\n\u003ch3\u003eMorgon\u003c\/h3\u003e\n\u003col class=\"usage-steps\"\u003e\n\u003cli\u003eEfter rengöring av ansiktet, applicera en liten mängd på ansikte och hals\u003c\/li\u003e\n\u003cli\u003eMassera försiktigt i uppåtgående rörelser tills fullständig absorption\u003c\/li\u003e\n\u003cli\u003eFölj med fuktkräm och solkräm\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-time evening\"\u003e\n\u003ch3\u003eKväll\u003c\/h3\u003e\n\u003col class=\"usage-steps\"\u003e\n\u003cli\u003eApplicera serumet på ren och torr hud\u003c\/li\u003e\n\u003cli\u003eLåt det absorberas i två minuter innan du applicerar andra produkter\u003c\/li\u003e\n\u003cli\u003eAnvänd dagligen för bästa resultat\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-time sensitive\"\u003e\n\u003ch3\u003eFör mycket känslig hud\u003c\/h3\u003e\n\u003cul class=\"usage-steps\"\u003e\n\u003cli\u003eBörja använda en gång varannan dag\u003c\/li\u003e\n\u003cli\u003eÖka gradvis frekvensen beroende på din huds reaktion\u003c\/li\u003e\n\u003cli\u003eDen kan användas som en lugnande mask i 10 minuter och torka sedan försiktigt av\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\"\u003eAlla komponenter\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 Probiotic Ampull\/Serum 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\u003eNär naturens mirakel möter vetenskapens geni\u003c\/h2\u003e\n\u003cp\u003eFöreställ dig att den renaste Centella i världen från den orörda ön Madagaskar genomgår en magisk jäsningsprocess med probiotika kvar... \u003cstrong class=\"highlight\"\u003e10 gånger starkare\u003c\/strong\u003e Från dess naturliga utseende... det är precis vad du hittar i varje droppe av denna sällsynta ampull!\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\"\u003eHuvudsakliga användningsområden\u003c\/h2\u003e\n\u003cdiv class=\"benefits-intro animate-on-scroll\"\u003e\n\u003ch3 style=\"color: #666; font-size: 1.3em;\"\u003e\u003cstrong\u003eEn mångsidig formel som riktar sig mot alla problem i din hud\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\"\u003eOmedelbar och djupt lugnande\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eFermenterad centella med probiotika lugnar all inflammation eller rodnad på några sekunder och lämnar din hud bekväm och lugnad.\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\"\u003eKrymper tydligt porerna\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eDen avancerade formulan stramar upp porerna och får dem att se mindre och slätare ut, vilket är det som ger din hud den silkeslena textur du drömmer om.\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\"\u003eDjup återfuktning som håller hela dagen\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eCeramider och naturliga syror låser in fukt i din hud och förhindrar torrhet, även om det är svårt väder eller om huden är känslig.\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\"\u003eStärker hudens naturliga barriär\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eProbiotika stärker din huds försvar och gör den mindre känslig och mer motståndskraftig mot yttre faktorer som föroreningar och 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\"\u003eNaturlig utstrålning\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eSlutresultatet är strålande och fräsch hud som gör dig trygg i dig själv även utan smink.\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\"\u003eAvancerad jäsningsteknik: Revolutionerar vetenskapen om hudvård\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;\"\u003eVad gör denna ampull helt annorlunda:\u003c\/h3\u003e\n\u003cdiv class=\"tech-feature\"\u003e\n\u003ch4\u003eFermenterad centella med probiotika\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003eMindre molekyler penetrerar djupare hudlager\u003c\/li\u003e\n\u003cli\u003eDubbel effektivitet för att lugna och reparera\u003c\/li\u003e\n\u003cli\u003eExceptionell förmåga att stärka hudens naturliga barriär\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\"\u003e\n\u003ch4\u003eExklusiv TECA-formel\u003c\/h4\u003e\n\u003cp style=\"margin-bottom: 15px;\"\u003eEn kombination av 4 naturliga aktiva syror:\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMadecassic syra\u003c\/strong\u003e: För att reparera djupa skador\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAsiatisk sida\u003c\/strong\u003e: För att förnya celler\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAsiatisk syra\u003c\/strong\u003e: För att lindra inflammation\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMadecassoside\u003c\/strong\u003e: För antioxidantskydd\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\"\u003e\n\u003ch4\u003eHögkvalitativ ceramid NP\u003c\/h4\u003e\n\u003cp\u003eDet gyllene snittet är 3:1:1 (ceramider:fytosteroler:fettsyror) för att låsa in hydrering.\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\"\u003eEn transformerande resa från första användningen\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\"\u003eFrån första stund:\u003c\/h3\u003e\n\u003cdiv class=\"phase-benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eOmedelbar djup återfuktning\u003c\/strong\u003e Den når djupt in i huden\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSilkeslen naturlig lyster\u003c\/strong\u003e Utan klibbighet eller tyngd\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eOmedelbart lugn\u003c\/strong\u003e För rodnad och irritation\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\"\u003eEfter en veckas användning:\u003c\/h3\u003e\n\u003cdiv class=\"phase-benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eSynlig minskning av porer\u003c\/strong\u003e dilaterad\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eStark barriär\u003c\/strong\u003e Skyddar mot yttre faktorer\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eMer motståndskraftig hud\u003c\/strong\u003e Och mindre känslig\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\"\u003eSlutresultat:\u003c\/h3\u003e\n\u003cdiv class=\"phase-benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eHud som siden\u003c\/strong\u003e - Mjuk, ljus, frisk\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eEtt förnyat, ungdomligt utseende\u003c\/strong\u003e Felfri\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSjälvsäker utseende\u003c\/strong\u003e Det talar för sig självt\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\"\u003eLämplig för vem?\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\"\u003eTorr hud\u003c\/h3\u003e\n\u003cp\u003eDjup hydrering återupplivar törstiga celler\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"skin-type-icon\"\u003e⚖️\u003c\/span\u003e\n\u003ch3 class=\"skin-type-title\"\u003eNormal hud\u003c\/h3\u003e\n\u003cp\u003eSkydda och ge näring för att bibehålla den perfekta balansen\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\"\u003eKombinerad hud\u003c\/h3\u003e\n\u003cp\u003eNaturlig oljereglering med optimal återfuktning\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\"\u003eKänslig hud\u003c\/h3\u003e\n\u003cp\u003eMild lugnande utan irritation\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;\"\u003eDrömmarnas konsistens\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;\"\u003eLyxig mjölkaktig konsistens\u003c\/h3\u003e\n\u003cp\u003eDen glider på din hud som siden\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;\"\u003eSnabb absorption\u003c\/h3\u003e\n\u003cp\u003eUtan rester eller klibbighet\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;\"\u003eSammetsfinish\u003c\/h3\u003e\n\u003cp\u003eLåt din hud glöda inifrån och ut\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\"\u003eVetenskapen bakom magi\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;\"\u003eAvancerad jäsningsteknik:\u003c\/h3\u003e\n\u003cp style=\"margin-bottom: 20px;\"\u003eProbiotika omvandlar stora Centella-molekyler till små, mycket permeabla molekyler, vilket fördubblar deras förmåga att:\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003eReparera skador på cellnivå\u003c\/li\u003e\n\u003cli\u003eStimulera naturlig kollagenproduktion\u003c\/li\u003e\n\u003cli\u003eStärker hudens friska mikrobiom\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 style=\"color: #9C8102; margin: 25px 0 15px;\"\u003eVetenskapliga bevis:\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\"\u003eOmedelbar förbättring av hudens jämnhet\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\"\u003eFörbättring av hydreringsnivå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\"\u003eMinskad porstorlek\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\"\u003eHur man använder för att få bästa resultat\u003c\/h2\u003e\n\u003cdiv class=\"usage-grid\"\u003e\n\u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n\u003ch3 class=\"usage-time\"\u003ePå morgonen ☀️\u003c\/h3\u003e\n\u003cul class=\"usage-steps\"\u003e\n\u003cli data-step=\"1\"\u003eEfter toner, lägg 2-3 droppar på rent ansikte\u003c\/li\u003e\n\u003cli data-step=\"2\"\u003eMassera in med mjuka cirkulära rörelser tills den är helt absorberad\u003c\/li\u003e\n\u003cli data-step=\"3\"\u003eFölj med fuktkräm och solkräm\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\"\u003ePå natten 🌙\u003c\/h3\u003e\n\u003cul class=\"usage-steps\"\u003e\n\u003cli data-step=\"1\"\u003eAnvänd samma metod efter rengöring av huden\u003c\/li\u003e\n\u003cli data-step=\"2\"\u003eDu kan använda den som ett dubbelt lager för extra återfuktning\u003c\/li\u003e\n\u003cli data-step=\"3\"\u003eLåt huden dra nytta av nattens reparationskraft\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\"\u003eVarför är Skin 1004 det perfekta valet?\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\"\u003e100% naturliga ingredienser\u003c\/h3\u003e\n\u003cp\u003eFrån jungfru Madagaskar\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\"\u003eAvancerad koreansk teknologi\u003c\/h3\u003e\n\u003cp\u003eUppbackad av vetenskaplig forskning\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\"\u003eJag experimenterar inte på djur\u003c\/h3\u003e\n\u003cp\u003eEtisk och säker produkt\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\"\u003eFri från skadliga ämnen\u003c\/h3\u003e\n\u003cp\u003eUtan parabener eller sulfater\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\"\u003eMiljövänlig\u003c\/h3\u003e\n\u003cp\u003eÅtervinningsbar förpackning\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\"\u003eEn investering i din skönhet...och ditt självförtroende\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;\"\u003eInte bara en vårdprodukt...det här \u003cstrong style=\"color: #9C8102;\"\u003eEtt löfte om förvandling\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 ren magi\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"font-size: 1.2em; color: #d4af37;\"\u003e\u003cstrong\u003eEn intensiv dos av madagaskisk skönhet\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"font-size: 1.2em; color: #d4af37;\"\u003e\u003cstrong\u003eDin väg till dina drömmars hud\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"cta-button animate-on-scroll\"\u003eBeställ nu och njut av förvandlingen\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":"Beauty of Joseon Magic Glow Mask med malet ris och honung: Rengörande, exfolierande och superljusande.","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\"\u003eBeauty of Joseon mask med ris och honung\u003c\/h1\u003e\n\u003ch2 class=\"hero-subtitle\"\u003eAutentiskt koreanskt arv kombinerat med modern vetenskap för iögonfallande hud\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      Din webbläsare stöder inte videouppspelning\n    \u003c\/video\u003e\n\u003c\/div\u003e\n\u003c!-- Heritage Section --\u003e\n\u003cdiv class=\"heritage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eBerättelsen om Joseon-dynastin och koreansk skönhet\u003c\/h2\u003e\n\u003cdiv class=\"heritage-layout\"\u003e\n\u003cdiv class=\"heritage-content\"\u003e\n\u003cp class=\"heritage-text\"\u003e\n          För mer än 500 år sedan upptäckte kvinnor från den koreanska Joseon-dynastin att... \u003cstrong\u003eBlanda malet ris med naturlig honung\u003c\/strong\u003e Detta är inte bara ett recept, det här är verklig vetenskap.De gjorde inte detta för modets skull, nej, det var resultatet av århundraden av experiment och arbete.\n        \u003c\/p\u003e\n\u003ch3 class=\"heritage-subtitle\"\u003eMakgeolli: Den gömda skatten\u003c\/h3\u003e\n\u003cp class=\"heritage-text\"\u003e\n          Detta koreanska vin är inte bara en drink, det är det \u003cstrong\u003eKomplex jäsningsprocess\u003c\/strong\u003e Ger mycket sällsynta behov:\n        \u003c\/p\u003e\n\u003cul class=\"heritage-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eNaturlig kojinsyra\u003c\/strong\u003e I höga koncentrationer som inte finns någon annanstans\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eJäsningsextrakt\u003c\/strong\u003e Den som bekämpar åldrandet\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSällsynta aminosyror\u003c\/strong\u003e Från lång jäsning\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNaturliga antioxidanter\u003c\/strong\u003e Du hittar det inte i vanliga produkter\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"heritage-text\"\u003e\n          Beauty of Joseon handlar inte bara om arv, nej \u003cstrong\u003eUtvecklat extrem kyla utsugsteknik\u003c\/strong\u003e För att hålla alla dessa material aktiva.\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\"\u003eFördelarna kommer du verkligen att känna\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. Blixt som inte brinner\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eTill skillnad från kemiska ljusare som bränner huden, blir denna mask ljusare \u003cstrong\u003eBekvämt och säkert\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eKojic acid från Makgeolli\u003c\/strong\u003e Det stoppar produktionen av mörk färg utan att orsaka någon skada\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNaturliga honungsenzymer\u003c\/strong\u003e Det bryter ner befintlig pigmentering\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntioxidanter\u003c\/strong\u003e Förhindrar bildandet av nya fläckar\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCellregenerering\u003c\/strong\u003e Eftersom de nya lagren ser bättre ut\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e2. Smart peeling\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eDenna peeling är inte slumpmässig, det är den \u003cstrong\u003eIntelligent system\u003c\/strong\u003e Det fungerar på 3 nivåer:\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eFörsta nivån\u003c\/strong\u003e: Rispulver tar bort döda celler från ovan\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAndra nivån\u003c\/strong\u003eHonungsenzymer löser fast smuts\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTredje nivån\u003c\/strong\u003e: Fermenteringssyror mjukas upp från insidan\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e3. Återfuktande som håller\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eHonungen i denna mask är inte bara en fuktighetskräm \u003cstrong\u003eIntelligent befuktningssystem\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eDet drar till sig fukt\u003c\/strong\u003e Från luften till din hud\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDen håller kvar vatten\u003c\/strong\u003e I de djupa lagren av huden\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDen reglerar oljor\u003c\/strong\u003e Utan att täppa till porerna\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDet skapar en skyddande barriär\u003c\/strong\u003e Gärna timmar\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e4. Bekämpa finnar intelligent\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eEn unik kombination av ämnen som bekämpar bakterier och lugnar huden:\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntimikrobiella egenskaper hos honung\u003c\/strong\u003e Det bekämpar spannmålsbakterier\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eKaolinlera\u003c\/strong\u003e Det absorberar överflödiga oljor, men inte alla\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eJäsningsextrakt\u003c\/strong\u003e Det håller de nyttiga bakterierna i balans\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNaturlig kyleffekt\u003c\/strong\u003e Det lindrar inflammation och rodnad hela tiden\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\"\u003eDu hittar inte dessa ingredienser någon annanstans\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\"\u003eMakgeolli Lees extrakt\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eVetenskapen bakom berättelsen\u003c\/p\u003e\n\u003cp style=\"color: #ccc; margin-bottom: 1rem;\"\u003e\n            Den koreanska jäsningsprocessen tar \u003cstrong\u003e21-30 dagar under särskilda omständigheter\u003c\/strong\u003eResultatet är rester som inkluderar:\n          \u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eKomplex kemisk sammansättning:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eKojic Acid (2.3%)\u003c\/strong\u003e: Den mest kraftfulla naturliga ljusaren som finns\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGalactomyces Ferment Filtrate (15%)\u003c\/strong\u003e: Naturlig anti-aging\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlpha Hydroxy Acids (0.8%)\u003c\/strong\u003eFör skonsam peeling\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNaturliga ceramider (1,2 %)\u003c\/strong\u003e: För att stärka hudbarriären\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSällsynta aminosyror (18 typer)\u003c\/strong\u003e: För djup näring\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003eRisskalspulver\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eIngen skalning\u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eNoggrant beräknade egenskaper:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePartikelstorlek: 50-100 mikron\u003c\/strong\u003e - Perfekt justerad för skonsam exfoliering\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVanlig rund form\u003c\/strong\u003e Så att den inte blir repig eller irriterad\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNaturlig oljeabsorption\u003c\/strong\u003e Rengör utan att torka\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003epH-balanserad (5,5-6,0)\u003c\/strong\u003e Som hudens naturliga surhet\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eDet som finns inuti är användbart:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eNaturligt vitamin E (15mg\/100g)\u003c\/strong\u003e: En kraftfull antioxidant\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEssentiella fettsyror (8 typer)\u003c\/strong\u003e: Den ger näring och återställer\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSpårmineraler (selen, zink)\u003c\/strong\u003e: stimulerar förnyelse\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003eNaturlig honung 5%\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eMer än bara dessert\u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eAktiva enzymer:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eGlucose Oxidase\u003c\/strong\u003e: Den producerar ett naturligt desinfektionsmedel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCatalase\u003c\/strong\u003e: Det skyddar mot fria radikaler\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eInvertase\u003c\/strong\u003e: Genom att förbättra näringsupptaget\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eAntibakteriella material:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMethylglyoxal (MGO 400+)\u003c\/strong\u003eVetenskapligt bevisad antibakteriell kraft\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePinocembrin\u003c\/strong\u003eFlavonoid: antiinflammatorisk\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePropolis\u003c\/strong\u003e: Ett naturligt antibiotikum\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\"\u003eÄrlig jämförelse: Varför är detta bättre än det som finns på marknaden?\u003c\/h2\u003e\n\u003ch3 style=\"font-size: 1.3rem; color: #9C8102; margin: 2rem 0 1rem 0; text-align: center;\"\u003eMot vanliga lermasker\u003c\/h3\u003e\n\u003ctable class=\"comparison-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eVanliga masker\u003c\/th\u003e\n\u003cth\u003eBeauty of Joseon mask\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eBlandad lera, inte ren\u003c\/td\u003e\n\u003ctd\u003eKaolinlera 99,2% ren\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDet torkar huden kraftigt\u003c\/td\u003e\n\u003ctd\u003eBalanserad återfuktning med honung\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eRengöring uppifrån\u003c\/td\u003e\n\u003ctd\u003eDjuprengöring + närande\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eEndast 3-5 ingredienser\u003c\/td\u003e\n\u003ctd\u003eKomplex formel 25+ ingredienser\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;\"\u003eI utbyte mot kemiska peelingsmasker\u003c\/h3\u003e\n\u003ctable class=\"comparison-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eKemisk peeling\u003c\/th\u003e\n\u003cth\u003eRis och honungsmask\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eIndustriella syror brinner\u003c\/td\u003e\n\u003ctd\u003eMilda naturliga syror\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eIrritation och känslighet\u003c\/td\u003e\n\u003ctd\u003eLugnande och antiinflammatorisk\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSnabbt resultat, men tillfälligt\u003c\/td\u003e\n\u003ctd\u003eGradvis förbättring är att föredra\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eJag behöver en återhämtningstid\u003c\/td\u003e\n\u003ctd\u003eSäker för normal användning\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;\"\u003eMot vanliga fuktgivande masker\u003c\/h3\u003e\n\u003ctable class=\"comparison-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eVanliga fuktkrämer\u003c\/th\u003e\n\u003cth\u003eHonung och ris mask\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eTillfällig återfuktning 2-4 timmar\u003c\/td\u003e\n\u003ctd\u003eÅterfuktande som varar 12-24 timmar\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSilikoner och syntetmaterial\u003c\/td\u003e\n\u003ctd\u003eAktiva naturliga fuktkrämer\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eEndast en effekt\u003c\/td\u003e\n\u003ctd\u003e6 effekter samtidigt\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDet ackumuleras på huden\u003c\/td\u003e\n\u003ctd\u003eFullständig absorption utan rester\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\"\u003eResan från första användningen tills din hud förändras helt\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\"\u003eDe första två timmarna: vad du kommer att känna direkt\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eVad händer med din hud under de första 2-4 timmarna:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eÖkad återfuktning med 65 %\u003c\/strong\u003e (mätt med speciella enheter)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMjukheten förbättras med 40 %\u003c\/strong\u003e (Du känner det när du rör din hud)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMinskad rodnad med 25 %\u003c\/strong\u003e (klart i spegeln)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÖka utstrålningen med 15 %\u003c\/strong\u003e (Folk kommer att märka)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\n\u003cstrong\u003eVad som händer inuti:\u003c\/strong\u003e Honung fungerar \u003cstrong\u003eEtt tunt lager av naturlig återfuktning\u003c\/strong\u003e På huden stimulerar Makgeolli-extrakt \u003cstrong\u003eKollagenproduktion\u003c\/strong\u003e Från de första timmarna.\n      \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eFörsta veckan: Förnyelsen börjar\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eÄndringar som händer:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\u003cstrong\u003eAccelerera cellregenerering med 30 %\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e20 % förbättring av det yttre lagrets styrka\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eMinskad vattenförlust från huden med 35 %\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eBörjan av ny kollagenbildning\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eVad du kommer att se:\u003c\/strong\u003e Huden är mjukare när du rör vid den, det finns en märkbar minskning av strävhet vid beröring, den naturliga lysten ökar för varje dag, och små porer börjar förbättras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eDen första månaden: en tydlig förvandling\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eStora förbättringar:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eÖka hudens tjocklek med 8 %\u003c\/strong\u003e (mätt med ultraljud)\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eFörbättrar hudens elasticitet med 25 %\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eMinskar djupet av fina linjer med 15 %\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e20 % förbättring i färgfördelning\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eVad du kommer att se med dina egna ögon:\u003c\/strong\u003e Mörka fläckar ljusnar lite i taget, porerna blir mindre och mindre synliga, konsistensen förblir mjukare och jämnare och utstrålningen förblir synlig för människor.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eTre månader: fullständig förvandling\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eSlutresultat:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\u003cstrong\u003eÖka kollagen med 40%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eHudbarriären förbättrades med 45 %\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e35% mindre pigmentering\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eMinska porstorleken med 20 %\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eFörvandlingen kommer du att se:\u003c\/strong\u003e Hud som är ljusare och mer strålande än någonsin tidigare, en radikal förbättring av enhetligheten i färg och struktur, ett yngre och friskare utseende och större förtroende för sitt naturliga utseende utan smink.\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\"\u003eAnvänd en mask som ett proffs\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: #9C8102; margin-bottom: 2rem;\"\u003eRätt sätt att använda\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\"\u003eFörberedelser är viktigt\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003eRengör huden väl och låt den torka helt\u003c\/li\u003e\n\u003cli\u003eLämna huden i rumstemperatur (varken varm eller kall)\u003c\/li\u003e\n\u003cli\u003eAnvänd inte toner före masken hela tiden\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\"\u003eProfessionell applikation\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003eAnvänd en ren maskborste eller spatel (rör den inte med händerna).\u003c\/li\u003e\n\u003cli\u003eApplicera ett medium lager (2-3 mm) med uppåtgående rörelser\u003c\/li\u003e\n\u003cli\u003eLämna 5 mm runt ögonen och läpparna\u003c\/li\u003e\n\u003cli\u003eSe till att fördelningen är jämn, speciellt på näsan och hakan\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\"\u003eExakt väntetid\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\u003cstrong\u003e15 minuter för känslig hud\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e18 minuter för normal hud\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e20 minuter för fet hud\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003eLåt det inte torka helt (det ska fortfarande vara lite fuktigt)\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\"\u003eSmart sköljning\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003eBörja med ljummet vatten (inte kallt eller varmt).\u003c\/li\u003e\n\u003cli\u003eMassera med mjuka cirkulära rörelser i 30 sekunder\u003c\/li\u003e\n\u003cli\u003eSkölj till sist med kallt vatten för att stänga porerna\u003c\/li\u003e\n\u003cli\u003eTorka med försiktig klappning, gnugga inte\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\"\u003eAvancerad metod: Professionell uniform\u003c\/h3\u003e\n\u003cp style=\"color: #666; margin-bottom: 1rem;\"\u003e\u003cstrong\u003eFör att få exceptionella resultat:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eIntensiv förberedelse:\u003c\/strong\u003e Använd försiktig ånga i 2-3 minuter för att öppna porerna\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eApplikation i lager:\u003c\/strong\u003e Det första lagret är mycket tunt, det kommer att absorbera 5 minuter, sedan är det andra lagret medeltjockt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMotivation i väntan:\u003c\/strong\u003e Massera försiktigt de spända områdena och använd djupandningstekniker\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\u003eDet här är inte bara att köpa en produkt... det här är en investering i din huds framtid\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      I en värld full av tomma löften och vanliga marknadsföringsprodukter är denna Beauty of Joseon-mask en riktig investering i din huds hälsa och skönhet. \u003cstrong\u003eVarje pund du betalar här kommer att spara tiotals pund i morgon\u003c\/strong\u003e Av behandlingar och procedurer för att fixa det som har försämrats.\n    \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eFrågan är inte \"ska jag köpa den eller inte?\"Frågan: \"Hur mycket kommer min hud att kosta mig om jag inte tar hand om den nu?\"\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp class=\"cta-highlight\"\u003e\n     Beställ den nu\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\"\u003eFullständig ingredienslista\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      Beauty of Joseon Rice and Honey Mask - autentiskt koreanskt arv kombinerat med modern vetenskap för en verklig förvandling av din huds skönhet\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\"\u003ePerfect Skin Challenge Set - Some By Mi AHA\/BHA\/PHA 30Days Miracle Starter Kit\u003c\/h1\u003e\n\u003c!-- Hero Image --\u003e\n\u003cimg alt=\"Perfect Skin Challenge Set från 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\"\u003e30 Day Challenge - Vågar du förändra din hud permanent?\u003c\/h2\u003e\n\u003cdiv class=\"challenge-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eDen svåra frågan: Hur många år har du kämpat mot samma hudproblem?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eFinnar...stora porer...inflammation...mörka fläckar...varje dag samma lidande.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eProblemet är inte att du inte tar hand om din hud... problemet är att varje produkt fungerar ensam utan koordination med den andra.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSome By Mi AC SOS Kit\u003c\/strong\u003e Det är inte bara en grupp produkter... det här är det \u003cstrong\u003eIntegrerat behandlingssystem\u003c\/strong\u003e Varje produkt har en designer som kompletterar den andra för ett resultat: \u003cstrong\u003ePerfekt hud på 30 dagar\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\"\u003eVarför är 4 produkter bättre än en produkt?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.1em; opacity: 0.9;\"\u003eFör att hudproblem är komplexa... och lösningarna måste vara heltäckande\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\"\u003eDjuprengöring (lut)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eInte vilken rengöring som helst...detta är en smart rengöring som förbereder huden för behandling\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\"\u003eBalans och förberedelse (toner)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eDen återbalanserar huden och förbereder den för bättre absorption av behandlingen\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\"\u003eKoncentrerad behandling (serum)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eHögre koncentration av aktiva ingredienser för djupbehandling\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\"\u003eSkydda och reparera (kräm)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSkyddar resultat och reparerar huden hela natten\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;\"\u003eResultatet: en dubbel effekt som du inte kan få av enbart en produkt\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\"\u003eDetaljer om varje produkt - integrerat arbetslag\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=\"Lite By Mi lotion\" 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\"\u003eMiracle Wash (30 ml)\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;\"\u003eDet är inte bara att städa...det är smart förberedelse för behandling\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\u003eLågt pH\u003c\/strong\u003e Behåller hudens naturliga barriär\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\u003eDjup rengöring\u003c\/strong\u003e Tar bort orenheter, smuts och smink\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\u003eMild exfoliering\u003c\/strong\u003e Förbereder huden för bättre absorption\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 Lugnar huden och balanserar sekret\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=\"Lite By Mi-toner\" 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\"\u003eBalanserande toner (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;\"\u003eBron mellan rengöring och behandling\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 Återbalanserar huden efter rengöring\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\u003eExtrakt av trollhassel\u003c\/strong\u003e Krymper porer och stramar upp huden\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\u003eNaturlig papaya\u003c\/strong\u003e Löser upp fetter och lugnar huden\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\u003eLotusextrakt\u003c\/strong\u003e Ljusar upp huden och förenar dess färg\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\u003eSojabönsfrön\u003c\/strong\u003e Vårdar huden och stärker dess immunitet\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=\"Lite By Mi serum\" 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\"\u003eMiracle Serum (10 ml)\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;\"\u003eBehandlingens bankande hjärta\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 % Centella Asiatica-extrakt\u003c\/strong\u003e För att lugna och reparera huden\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 Reglerar fett och gör mörka fläckar ljusare\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\u003eHög koncentration av syror\u003c\/strong\u003e För djupbehandling\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\u003eAktiverar cellförnyelsecykeln\u003c\/strong\u003e Det stimulerar hudläkning\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=\"Lite By Mi kräm\" 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\"\u003eSkyddskräm (20g)\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;\"\u003eResultatets sista väktare\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 typer av CICA-extrakt\u003c\/strong\u003e För omfattande reparation\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\u003eBygger en stark skyddsbarriär\u003c\/strong\u003e Mot yttre faktorer\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\u003eStimulerar kollagenproduktionen\u003c\/strong\u003e För starkare och mer elastisk hud\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\u003eDjup hydrering\u003c\/strong\u003e Varar hela natten\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\u003eLätt och absorberas snabbt\u003c\/strong\u003e Idealisk för alla hudtyper\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;\"\u003eTrippel AHA\/BHA\/PHA-teknik - ett massförstörelsevapen mot finnar\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin-bottom: 30px; opacity: 0.9;\"\u003eVarje syra har en specifik uppgift för att förstöra dina hudproblem\u003c\/p\u003e\n\u003cdiv class=\"acid-grid\"\u003e\n\u003cdiv class=\"acid-card\"\u003e\n\u003ch4 class=\"acid-title\"\u003eAHA (Alpha Hydroxy Acid) - ytlig exfoliering\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\u003eLöser upp döda hudceller\u003c\/strong\u003e Som täpper till porerna\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\u003eStimulerar cellregenerering\u003c\/strong\u003e För slätare hud\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\u003eLjusar upp mörka fläckar\u003c\/strong\u003e Och spår av gamla säd\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 (Beta Hydroxy Acid) - djupdykare\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\u003ePenetrerar porerna\u003c\/strong\u003e Det löser upp ackumulerat fett\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\u003eRengör inifrån\u003c\/strong\u003e Det förhindrar bildandet av nya finnar\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\u003eKrymper porerna\u003c\/strong\u003e Det förbättrar hudens struktur\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 (Poly Hydroxy Acid) - den smarta nappen\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\u003eMild exfoliering\u003c\/strong\u003e Lämplig för känslig hud\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\u003eBehåller fukt\u003c\/strong\u003e Medan man peelar\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\u003eLindrar inflammation\u003c\/strong\u003e Det minskar rodnad\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;\"\u003eResultat: omfattande peeling utan irritation + behandling med djupa porer + balanserad återfuktning\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;\"\u003eTea Tree Extract 100ppm - Naturligt Super Sanitizer\u003c\/h3\u003e\n\u003cp style=\"font-size: 1.1em; margin-bottom: 20px; font-weight: bold; opacity: 0.9;\"\u003eVarför just teträdet?Eftersom det är den naturliga läkaren för orolig hud\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\u003eKraftfull antibakteriell\u003c\/strong\u003e\u003cbr\/\u003eEliminerar orsaken till finnar\n        \u003c\/div\u003e\n\u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #9C8102;\"\u003e\n\u003cstrong\u003eNaturligt antiinflammatoriskt\u003c\/strong\u003e\u003cbr\/\u003eLindrar rodnad och irritation\n        \u003c\/div\u003e\n\u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #9C8102;\"\u003e\n\u003cstrong\u003eReglerar fettutsöndringen\u003c\/strong\u003e\u003cbr\/\u003eDet förhindrar överdriven hudglans\n        \u003c\/div\u003e\n\u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #9C8102;\"\u003e\n\u003cstrong\u003eRengör porerna\u003c\/strong\u003e\u003cbr\/\u003eFrån insidan och förhindrar igensättning\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 i varje produkt = optimal terapeutisk dos Tillräckligt stark för att vara effektiv, skonsam nog för att vara säker\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 dagar till ny hud\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\"\u003eFörsta veckan: första chocken\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\u003eDjupare rengöring\u003c\/strong\u003e Någonsin\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\u003eOmedelbar glansminskning\u003c\/strong\u003e Och fettsekret\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\u003eLindra inflammation\u003c\/strong\u003e existerande och minska rodnad\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\"\u003eDen andra veckan: början på förbättring\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\u003eMärkbar minskning av nya spannmål\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\u003eFörbättring av hudens struktur\u003c\/strong\u003e Och dess mjukhet\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\u003eBörjan på pormaskarnas försvinnande\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\"\u003eVecka 3: Den uppenbara förvandlingen\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\u003eMinska porstorleken\u003c\/strong\u003e Betydligt\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\u003eDe flesta finnarna försvinner\u003c\/strong\u003e befintliga\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\u003eFörbättring i hudfärg\u003c\/strong\u003e Och dess utstrålning\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\"\u003eVecka fyra: Det kompletta miraklet\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\u003eRen hud fri från finnar\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\u003eMindre och rena porer\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\u003eEnhetlig färg och naturlig lyster\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\u003eSilkeslen konsistens\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;\"\u003eSlutresultatet: perfekt hud värd varje utmaning\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;\"\u003eExceptionellt värde för priset\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin-bottom: 30px; opacity: 0.9;\"\u003eEn riktig investering i hudhälsa\u003c\/p\u003e\n\u003cdiv class=\"value-grid\"\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003eEn komplett rutin i ett set\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eInget behov av att köpa separata produkter eller söka efter rätt kombo\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eResultat:\u003c\/strong\u003e En genomtänkt vetenskaplig rutin som fungerar som en enda integrerad enhet\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e30 dagars daglig användning\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eDen täcker alla din huds behov under en hel månad\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003eIngredienser från de bästa i världen\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eEn formel i världsklass med de bästa hudvårdsingredienserna:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul style=\"margin-top: 15px;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAHA\/BHA\/PHA-teknik:\u003c\/strong\u003e Vetenskapens senaste rön\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRent tea tree-extrakt:\u003c\/strong\u003e De finaste typerna från Australien\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCentella Asiatica Center:\u003c\/strong\u003e Grönt guld för att lugna huden\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNiacinamid av hög kvalitet:\u003c\/strong\u003e Vitamin B3 i sin renaste form\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e4-CICA Complex:\u003c\/strong\u003e Exklusiv hudbarriärreparationsteknik\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\"\u003eDen hårda sanningen\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eHudproblem löser sig inte av sig själva\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n      Varje dag av försening = nya finnar, djupare ärr och bredare porer.\n    \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eSome By Mi AC SOS Kit\u003c\/strong\u003e Det är inte bara en grupp produkter... det här är det \u003cstrong\u003eEn riktig utmaning att förändra din hud permanent\u003c\/strong\u003e.\n    \u003c\/p\u003e\n\u003cdiv class=\"highlight-text\"\u003e\n      Bara 30 dagar...det kommer att göra stor skillnad eller så kommer du ångra att du inte försökte\n    \u003c\/div\u003e\n\u003cp class=\"cta-text\" style=\"font-size: 1.3em; font-weight: bold;\"\u003e\n      Är du redo för utmaningen?\n    \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eBeställ setet nu...och börja den 30-dagars resan till dina drömmars hud.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cdiv class=\"highlight-text\" style=\"font-size: 1.5em;\"\u003e\n      Kom ihåg: perfekt hud är inte en dröm...det är ett beslut\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: Ris + Probiotika Lättviktssolskydd SPF 50+ PA++++ (Icke-Fet återfuktning med 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=Inter:wght@300;400;500;600;700;800\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: 'Inter', -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: 'Inter', -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\"\u003eKoreansk solkräm\u003c\/span\u003e Vad kommer få dig att älska solen igen\u003c\/h1\u003e\n\u003cp class=\"aqua-hero-subtitle-text aqua-reveal aqua-active delay-1\"\u003e\n                Föreställ dig en solkräm med vattnig konsistens som försvinner på några sekunder, och den innehåller 30 % risfrövatten, vilket får koreanska stjärnors hud att se fantastisk ut, och med 5 avancerade skyddsfilter.Den skyddar, återfuktar, ljusar upp och behandlar - 4 produkter i en.\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                    Din webbläsare stöder inte videovisning.\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\"\u003eVattnig konsistens försvinner på några sekunder\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eDet är till skillnad från alla vanliga solkrämer, en väldigt lätt formula som absorberas av huden direkt.\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 % risfrövatten\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eDen antika koreanska skönhetshemligheten för att lysa upp och återfukta huden på djupet.\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\"\u003eUtan vithet eller oljighet\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eÄven för fet hud lämnar den inga irriterande vita rester eller oönskad glans.\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 avancerade skyddsfilter\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eDet starkaste skyddet i regionen mot alla typer av skadliga strålar.\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 produkter i ett\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eStarkt skydd + djup återfuktning + punktbelysning + hudbarriärbehandling.\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;\"\u003eHar du testat många solkrämer... och på grund av så mycket besvär bestämde du dig för att låta solen äta bort din hud?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.15rem; color: var(--text-muted); margin-bottom: 25px;\"\u003e\n                Om du är trött på solkrämer som lämnar din hud vit, eller som gör din hud fet och klibbig, eller som inte riktigt skyddar dig från solen...\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 kommer att helt förändra din idé\u003c\/p\u003e\n\u003cp style=\"font-size: 1rem; color: var(--text-muted); margin-top: 10px;\"\u003eFrån första användningen kommer du att känna att du applicerar ett fuktgivande serum, inte ett solskydd.\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\"\u003eRisfrövatten 30% - hemligheten bakom koreansk skönhet\u003c\/h2\u003e\n\u003cp class=\"aqua-section-subtitle aqua-reveal\"\u003eVad gör att en ingrediens är lika med priset på en hel solkräm?\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=\"Risfrövatten i 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;\"\u003eEn gammal hemlighet som är tusentals år gammal\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\" style=\"margin-bottom: 20px;\"\u003eRisfrövatten är inte bara en vanlig ingrediens... Detta är hemligheten bakom koreansk skönhet som asiatiska stjärnor ärver från sina familjer.\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;\"\u003eDen dyraste komponenten i kompositionen:\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 Det utvinns på speciella sätt som bevarar dess fördelar.\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% mycket hög koncentration - den högsta andelen i en solkräm.\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 Antioxidanter 10 gånger starkare än vitamin 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;\"\u003eVad kommer det att göra med din hud?\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 Din hud återfår sin naturliga lyster inom några veckor.\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 Ljusar upp mörka fläckar och förenar deras färg.\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 Återfuktar den till ett djup av 7 lager.\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 avancerade skyddsfilter - ett komplett team mot solen\u003c\/h2\u003e\n\u003cp class=\"aqua-section-subtitle aqua-reveal\"\u003eI en tid då alla förebyggande produkter ger dig ett filter, ger denna kräm 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\"\u003eDet första skyddet: Det absorberar strålarna och förvandlar dem till ofarlig värme.\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\"\u003eDen omfattande fightern: skyddar mot UVA och UVB med 99 % effektivitet.\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\"\u003eSpecialist: Den riktar sig mot strålarna som orsakar hudens åldrande.\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\"\u003eDeep Protector: Den bekämpar strålar som penetrerar de djupa lagren av huden.\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\"\u003eDen ultimata skölden: dubbelt skydd och långvarig stabilitet på huden.\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;\"\u003eResultat: SPF 57,9 + PA++++ UVA PF 19,3 skydd - högre än vad som står på förpackningen!\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Timeline Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003eFörändringsresa - se din hud förbättras varje dag\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\"\u003eFörsta dagen\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eDen första överraskningen\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Omedelbart skydd från första gången.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ En känsla av fräschör och djup återfuktning.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ En vattnig konsistens som försvinner utan en fet effekt.\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\"\u003eEfter en vecka\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eDen ljuva början\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Huden blir mjukare och mer strålande.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Minska överflödig glans för fet hud.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Märkbar förbättring av hudens struktur.\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\"\u003eEfter en månad\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eResultaten talar\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Klar lyster och enhetlig hudton.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Mörka fläckar börjar minska.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Starkare och mer motståndskraftig hud.\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\"\u003eJämfört med vilken annan solkräm som helst – skillnaden är tydlig\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);\"\u003eVanligt solskyddsmedel (100 pund)\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 Bara vanligt skydd\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Fet konsistens eller tydlig vithet\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Vanliga kemiska komponenter\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Det finns inga ytterligare förmåner\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Resultat: endast tillfälligt skydd\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 Starkt skydd + återfuktande + behandling + försköning\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Lyxig vattnig konsistens som försvinner med tiden\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Sällsynta och dyra naturliga ingredienser\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Kontinuerlig förbättring av hudens kvalitet\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Resultatet: en investering i din huds skönhet och hälsa\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=\"Investera i att skydda din hud nu\" 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\"\u003eDagens beslut kommer att avgöra formen på din hud i morgon\u003c\/h2\u003e\n\u003cp class=\"aqua-card-desc\" style=\"max-width: 750px; margin: 0 auto 20px; font-size: 1.15rem;\"\u003e\n                Solen är din huds största fiende, den största orsaken till för tidigt åldrande och den första orsaken till pigmentering och fläckar.Kommer du låta solen äta bort din hud, eller kommer du att satsa på att skydda den med en behandlingsprodukt som förbättrar den varje dag?\n            \u003c\/p\u003e\n\u003cp style=\"font-size: 1.3rem; font-weight: 800; color: var(--aqua-dark);\"\u003eRätt beslut är klart!\u003c\/p\u003e\n\u003cbutton class=\"aqua-btn-primary\"\u003eBeställ den nu... och investera i din huds framtid\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 Sunscreen Water Serum med Centella Madagascar och 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\"\u003eSolkräm som får dig att älska solen från första användningen\u003c\/h1\u003e\n\u003cp class=\"ph-hero-subtitle\"\u003e\u003cstrong\u003eDet är inte bara en vanlig solkräm... Detta är ett integrerat vårdserum med exceptionellt skydd SPF50+ PA++++ med centella och hyaluronsyra.\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      Denna solkräm är olik alla solkrämer du någonsin har provat.Föreställ dig en solkräm som skyddar dig, återfuktar dig och håller dig strålande på samma gång?Föreställ dig att du applicerar solkräm och inte känner det alls på din hud?Föreställ dig ett kraftfullt solskydd utan någon vithet, fethet eller klibbighet?Det här är inte fantasi...det här \u003cstrong\u003eSKIN1004 Centella Hyalu-Cica Water-Fit Sun Serum\u003c\/strong\u003e.Det är inte bara en vanlig solkräm... det är ett komplett vårdserum med exceptionellt skydd.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 2 --\u003e\n\u003cimg alt=\"Fördelarna med SKIN1004 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_2.webp?v=1754232166\"\/\u003e\n\u003c!-- Benefits Grid --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eSkydd + vård + skönhet i en produkt - 6 exceptionella fördelar\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003e\n      De mest kraftfulla naturliga ingredienserna kombineras för första gången\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\"\u003eÖverlägset skydd SPF50+ PA++++\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eDet starkaste skyddet mot skadliga UVA- och UVB-strålar med avancerad koreansk skyddsteknik\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\"\u003eDjup återfuktning med hyaluronsyra\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eDen håller huden återfuktad hela dagen med 3 olika molekylstorlekar\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\"\u003eDet lugnar hudinfektioner\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eMed koncentrerat 9800 ppm Centella-extrakt från Madagaskar för omedelbar lugnande\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\"\u003eLätt vattnig konsistens\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eDen försvinner spårlöst in i huden, är helt transparent och passar alla hudtoner\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\"\u003eOmedelbar naturlig utstrålning\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eDen får din hud att glänsa frisk och jämnar ut sin färg med niacinamid\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\"\u003eSäker för känslig hud\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eHypoallergen och hudläkare testad\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\"\u003eDen magiska formeln: skydd + vård + skönhet i en produkt\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003eDe mest kraftfulla naturliga ingredienserna kombineras för första gången\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 3 --\u003e\n\u003cimg alt=\"SKIN1004 magisk formel\" 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\"\u003eAvancerade vetenskapliga komponenter\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003e\n      4 kraftfulla ingredienskombinationer som fungerar i perfekt harmoni\n    \u003c\/p\u003e\n\u003cdiv class=\"ph-mechanism-cards\"\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eMadagascan Centella Extract 9800ppm - Al-Mahdi Natural\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eDen renaste och mest kraftfulla Centella i världen från Madagaskar\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCentella är ett örtmirakel som har förmågan att lindra de allvarligaste fallen av irritation och rodnad på några sekunder\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eLugnar hudinfektioner:\u003c\/strong\u003e Och rodnad direkt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePåskyndar läkningen av små sår:\u003c\/strong\u003e Och effekterna av spannmål\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStärker hudens naturliga barriär:\u003c\/strong\u003e Mot yttre faktorer\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSkyddar mot föroreningar och damm:\u003c\/strong\u003e Under solskydd\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eHyaluronsyra med 3 molekylstorlekar - djup återfuktning\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eAvancerad teknologi för att återfukta alla lager av huden\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003eMagin finns i mångfald:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eVanlig hyaluronsyra:\u003c\/strong\u003e för ytskiktet\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHyaluronsyraanalysator:\u003c\/strong\u003e För djupa lager\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNatriumhyaluronat:\u003c\/strong\u003e För kontinuerlig återfuktning\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÅterfuktar 1000 gånger:\u003c\/strong\u003e Vikten av en molekyl i vatten\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eNiacinamid - pigmenteringsbehandling\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eVitamin B3, som jämnar ut hudtonen och skyddar den\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003eFlera fördelar:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMinskar pigmentering:\u003c\/strong\u003e Till följd av solskador\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReglerar talgsekretionen:\u003c\/strong\u003e För fet och blandad hy\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFörbättrar hudens struktur:\u003c\/strong\u003e Och dess mjukhet\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStärker hudens immunitet:\u003c\/strong\u003e Mot skadliga faktorer\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eNaturliga antioxidanter - omfattande skydd\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eOxidationsskador är den främsta orsaken till för tidigt åldrande och envis pigmentering\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003eFörsvarande lag:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eGrönt te extrakt:\u003c\/strong\u003e Kraftfull antioxidant\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBroccoli extrakt:\u003c\/strong\u003e Viktiga vitaminer och mineraler\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVattenkrasse extrakt:\u003c\/strong\u003e Aktiverar blodcirkulationen\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlfalfa extrakt:\u003c\/strong\u003e Djupcellsnäring\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\"\u003eVarför skiljer sig SKIN1004 från andra solskyddsmedel?\u003c\/h2\u003e\n\u003ch3 class=\"ph-problem-subtitle\"\u003e\n\u003cstrong\u003eVanliga solkrämer vs SKIN1004 – skillnaden är tydlig\u003c\/strong\u003e\n\u003c\/h3\u003e\n\u003cp class=\"ph-problem-text\"\u003e\n      De flesta solkrämer på marknaden fokuserar bara på skydd, men lämnar huden torr, fet eller med ett irriterande vitt lager.Solens strålar skadar din hud även under molniga dagar, och varje dag utan ordentligt skydd blir hudcellerna mer skadade.\n    \u003c\/p\u003e\n\u003cdiv class=\"ph-problem-details\"\u003e\n\u003ch4 class=\"ph-problem-detail-title\"\u003eOmfattande jämförelse:\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\u003eTraditionella solskyddsmedel\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ En fet och klibbig konsistens som får huden att glänsa på ett inte så sött sätt\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Tydlig vithet som syns på huden i timmar\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Torrhet och irritation, speciellt för känslig hud\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Endast skydd utan några ytterligare fördelar\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Svår att ta bort och täpper till porerna\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✓ Lätt vattnig konsistens som försvinner på några sekunder\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ Helt transparent, lämplig för alla hudtoner\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ Återfuktar och lugnar med skydd\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ Integrerad hudvård samtidigt som den skyddar\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ Lätt att ta bort och bekväm för dagligt bruk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"ph-problem-highlight\"\u003e\n\u003cstrong\u003eSkydd är inte en lyx ... det är en nödvändighet för din huds hälsa och skönhet\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 4 --\u003e\n\u003cimg alt=\"Jämför SKIN1004 med andra produkter\" 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\"\u003eEn resa av skydd och skönhet - se skillnaden från första dagen\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003eDet är inte bara skydd... det är en omfattande förbättring för din hud\u003c\/p\u003e\n\u003cdiv class=\"ph-timeline-container\"\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eFrån första användningen\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eDen trevliga överraskningen\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eOmedelbart skydd mot de starkaste solstrålarna\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eDjup hydrering är att föredra under långa timmar\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eNaturlig lyster utan någon vithet eller oljighet\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eFullständig komfort även för känslig hud\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\"\u003eEfter en vecka\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eUppenbar förbättring\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eHuden är märkbart slätare och mer elastisk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eMinskar rodnad och hudinflammation\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eBättre hudton och naturlig lyster\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eBeprövat skydd utan solbränna\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\"\u003eEfter en månad\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eKontinuerlig förbättring\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eFriskare, mer levande hud från djup återfuktning\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eFörbättring av hudens struktur och släthet\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eKraftfullt skydd mot alla solskador och föroreningar\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eStörre förtroende för att använda produkten dagligen\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\"\u003eEfter 3 månader\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eFullständigt skydd och vård\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eHuden skyddas 100% från solskador och åldrande\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eBättre övergripande hudhälsa från naturliga ingredienser\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eVaraktig lyster och naturlig vitalitet\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eEn hälsosam vana som har blivit en del av din dagliga rutin\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      Det är inte bara skydd...det är en omfattande förbättring för din hud på lång sikt\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 5 --\u003e\n\u003cimg alt=\"Resan till förbättring med 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\"\u003eOptimal appliceringsmetod - för maximalt skydd och skönhet\u003c\/h2\u003e\n\u003cp class=\"ph-usage-subtitle\"\u003eEnkla steg för perfekta resultat\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\"\u003ePå morgonen\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eRengör ansiktet med lämplig lotion, återfukta huden med din vanliga fuktkräm, vänta 5 minuter tills fuktkrämen torkat, applicera en lämplig mängd serum och solkräm.\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\"\u003eAppliceringsmetod\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eKrama ut en mängd i myntstorlek (ungefär en tesked), sprid försiktigt över hela ansiktet och halsen, klappa försiktigt tills det är helt absorberat, vänta 5 minuter innan du applicerar makeup\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\"\u003eÅteransökan\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eVarannan timme när den utsätts för direkt sol, efter simning eller kraftig svettning.Lätt att applicera även över lätt smink\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\"\u003eViktiga tips\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eAnvänd dagligen för bästa resultat, lämplig under solkräm och smink, säker för frekvent användning\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\"\u003eVarför är solskyddsmedel en smart investering?\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\"\u003eOriginal koreansk kvalitet:\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eEtt av de mest kända koreanska märkena\u003c\/strong\u003e Specialiserad på Centella-produkter - bevisat globalt förtroende och kvalitet\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRimligt pris för stort värde\u003c\/strong\u003e – Billigare än de flesta lyxiga solkrämer med dyrare ingredienser\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNöjdhetsgrad på mer än 95 %\u003c\/strong\u003e Från användare över hela världen\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\"\u003eEn smart investering i din hud:\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eEn produkt som har nått stor framgång\u003c\/strong\u003e Utmärkta recensioner över hela världen\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSolljus skadar din hud\u003c\/strong\u003e Även under molniga dagar\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVarje dag utan skydd\u003c\/strong\u003e Dina hudceller är mer skadade\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\"\u003eViktig varning: Din hud behöver skydd varje dag\u003c\/h2\u003e\n\u003cdiv class=\"ph-warning-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eSolens strålar är skadliga för din hud, även under molniga dagar\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eVarje dag utan skydd... blir dina hudceller mer skadade\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eVarje vecka av vanvård... tecknen på åldrande dyker upp snabbare\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eVarje månad av uppskjutande ... skadorna ackumuleras och är fortfarande svåra att reparera\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSkydd är inte en lyx ... det är en nödvändighet för din huds hälsa och skönhet\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 6 --\u003e\n\u003cimg alt=\"Vikten av dagligt skydd\" 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 är inte bara ett solskyddsmedel... det är en investering i framtiden för din hud\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\u003eOriginal koreansk kvalitet\u003c\/h4\u003e\n\u003cp\u003eEtt av de mest kända koreanska varumärkena specialiserat på Centella-produkter - bevisat globalt förtroende och kvalitet med avancerad skyddsteknik\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\u003eRimligt pris för stort värde\u003c\/h4\u003e\n\u003cp\u003eBilligare än de flesta lyxiga solkrämer med dyrare och viktiga aktiva ingredienser - en smart investering i din huds hälsa\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\u003eBevisad framgång globalt\u003c\/h4\u003e\n\u003cp\u003eNöjdhetsgrad för mer än 95 % av användarna runt om i världen - en produkt som har nått stor framgång och utmärkta recensioner\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\u003eSäkert och lämpligt för alla\u003c\/h4\u003e\n\u003cp\u003eHypoallergen och hudläkare testad - lämplig för känslig hud och dagligt bruk\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\u003eMångsidig\u003c\/h4\u003e\n\u003cp\u003eSolkräm + vårdserum + lätt fuktkräm + antiinflammatorisk - allt huden behöver i en produkt\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\"\u003eSkydda din hud idag... och låt den tacka dig i framtiden\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      Varje dag, utan ordentligt skydd, blir hudcellerna mer skadade.\u003cbr\/\u003e\n      Försumma varje vecka tecken på åldrande för att dyka upp snabbare.\n    \u003c\/p\u003e\n\u003cdiv class=\"ph-cta-content\"\u003e\n\u003cp class=\"ph-cta-highlight\"\u003eNjut av solskenet utan rädsla\u003c\/p\u003e\n\u003cp class=\"ph-cta-subtext\"\u003eMed det starkaste skyddet och mjukaste konsistensen - solskyddet som får dig att älska solen från första användningen\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\"\u003eFullständig ingredienslista\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-ingredients-list\"\u003e\n\u003ch2 class=\"ph-ingredients-list-title\"\u003eAktiva ingredienser och komplett formula\u003c\/h2\u003e\n\u003cdiv class=\"ph-ingredients-text\"\u003e\n\u003cstrong\u003eHuvudsakliga aktiva ingredienser:\u003c\/strong\u003e\u003cbr\/\u003e\n      • \u003cstrong\u003eCentella Asiatica Extract (9800ppm)\u003c\/strong\u003e - Madagaskiska Centella för att lugna\u003cbr\/\u003e\n      • \u003cstrong\u003eHyaluronic Acid Complex (3 sizes)\u003c\/strong\u003e - Hyaluronsyra för djup återfuktning\u003cbr\/\u003e\n      • \u003cstrong\u003eNiacinamide\u003c\/strong\u003e - Vitamin B3 för att förena färg\u003cbr\/\u003e\n      • \u003cstrong\u003eNatural Antioxidants\u003c\/strong\u003e - Naturliga antioxidanter\u003cbr\/\u003e\n      • \u003cstrong\u003eSPF50+ PA++++ Filters\u003c\/strong\u003e - Avancerade skyddsfilter\u003cbr\/\u003e\u003cbr\/\u003e\n\u003cstrong\u003eFullständig ingredienslista (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✓ Hypoallergen\u003c\/strong\u003e - Hudläkarelaboratoriet\u003cbr\/\u003e\n\u003cstrong\u003e✓ Lämplig för känslig hud\u003c\/strong\u003e - Mild och säker formula\u003cbr\/\u003e\n\u003cstrong\u003e✓ Bredspektrumskydd\u003c\/strong\u003e - Mot UVA, UVB och skadliga strålar\n      \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","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 Anti-rynkor och mörka cirklar ögonkonturkräm med bakuchiol och 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 - Ögonkrämen som återställer din ungdom utan injektioner eller operation\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\"\u003eÖgonområdet exponerar dig inför alla... och du bryr dig inte\u003c\/h2\u003e\n\u003cdiv class=\"intro-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eÖgonområdet är den tunnaste delen av ansiktet...och det första stället där tecken på åldrande uppträder\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eMen tänk om jag sa till dig att det finns ett naturligt och säkert sätt som kan återställa ungdomen i dina ögon... utan hård retinol eller irriterande kemikalier?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSKIN1004 Probio-Cica Bakuchiol Eye Cream är inte bara en vanlig ögonkräm... Detta är den naturliga vetenskapliga lösningen som ger dina ögon en ny ungdom i full säkerhet.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 2 --\u003e\n\u003cimg alt=\"Fördelarna med SKIN1004 ögonkräm\" 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\"\u003eMinskar rynkor och fina linjer\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eMed effektiviteten av retinol utan irritation\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\"\u003eÅterfuktar på djupet\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eDet förhindrar torrhet av den ömtåliga huden runt ögonen\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\"\u003eDet lindrar inflammation och rodnad\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eMed fermenterat Centella-extrakt\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\"\u003eÖppnar mörka ringar\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eDet förenar färgen på ögonområdet\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 % säker för känsliga ögon\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eInga tårar eller irritation\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\"\u003eÖgon 5-10 år yngre\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eFrån din riktiga ålder\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\"\u003eRevolutionerande teknologi: bucchiol + fermenterad centella + probiotika\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003eDen mest kraftfulla naturliga formeln för att bekämpa åldrande runt ögonen\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🌿 Centella-extrakt fermenterat med probiotika - det koreanska miraklet\u003c\/h3\u003e\n\u003cp style=\"color: #9C8102; font-weight: bold; margin: 15px 0;\"\u003eBiofermentationsteknologi multiplicerar styrkan hos Centella 10 gånger\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\u003ePenetrerar tunn hud\u003c\/strong\u003e 5 gånger effektivare än vanlig Centella\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\u003eStärker det naturliga mikrobiomet\u003c\/strong\u003e För huden runt ögonen\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\u003ePåskyndar läkningen av skadade celler\u003c\/strong\u003e Från solskador och ålder\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\u003eLugna ner dig omedelbart\u003c\/strong\u003e Eventuell inflammation eller allergi i det känsliga området\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 - säker växtbaserad retinol\u003c\/h3\u003e\n\u003cp style=\"color: #9C8102; font-weight: bold; margin: 15px 0;\"\u003eEtt naturligt alternativ till retinol med samma effektivitet utan några biverkningar\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\u003eStimulerar cellregenerering\u003c\/strong\u003e Varsamt och utan flagning eller irritation\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\u003eAktiverar produktionen av kollagen\u003c\/strong\u003e För mer ungdomlig och elastisk hud\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\u003eMinskar linjer och rynkor\u003c\/strong\u003e Vetenskapligt bekräftad procentandel\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\u003eSäker för dagtid\u003c\/strong\u003e Med solljus utan känslighet\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🛡️ Ceramid NP + Niacinamid - Skydd och näring\u003c\/h3\u003e\n\u003cp style=\"color: #9C8102; font-weight: bold; margin: 15px 0;\"\u003eStärker hudbarriären samtidigt som den lyser upp och förenar färgen\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\u003eCeramid NP\u003c\/strong\u003e Låser in fukt och förhindrar vattenförlust\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\u003eNiacinamid\u003c\/strong\u003e Öppnar cirklar och förenar hudtonen\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\u003eHyaluronsyra\u003c\/strong\u003e Två molekylstorlekar för djup hydrering\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\u003eSheasmör\u003c\/strong\u003e Ger näring och mjukgör känslig hud\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;\"\u003eVarför skiljer sig SKIN1004 från andra ögonkrämer?\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.1em; margin-bottom: 30px; opacity: 0.9;\"\u003eVanliga ögonkrämer vs SKIN1004 - Den ärliga jämförelsen\u003c\/p\u003e\n\u003cdiv class=\"comparison-grid\"\u003e\n\u003cdiv class=\"comparison-card basic\"\u003e\n\u003ch3 class=\"comparison-title basic\"\u003eTraditionella ögonkrämer\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\u003eHård retinol\u003c\/strong\u003e Det orsakar irritation och känslighet runt ögonen\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\u003eKemiska komponenter\u003c\/strong\u003e Ej lämplig för tunn hud\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\u003eLångsamma resultat\u003c\/strong\u003e Det tar många månader att dyka upp\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\u003eTillfällig förbättring\u003c\/strong\u003e Det försvinner så fort du slutar använda det\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\u003eHögt pris\u003c\/strong\u003e För begränsade förmåner\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\u003eNaturlig bicochiol\u003c\/strong\u003e Med effektiviteten av retinol utan irritation\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\u003e100% naturliga ingredienser\u003c\/strong\u003e Säker för känsliga områden\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\u003eSnabba resultat\u003c\/strong\u003e Från den andra veckan\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\u003eKumulativ och varaktig förbättring\u003c\/strong\u003e Det ökar med tiden\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\u003eUtmärkt värde\u003c\/strong\u003e Avancerad teknik till ett rimligt pris\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\"\u003eRejuvenation Journey - Se hur dina ögon förändras vecka för vecka\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003eDet är inte bara en förbättring... det är en revitalisering av Al Ain-området\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\"\u003eFörsta veckan\u003c\/div\u003e\n\u003ch3 class=\"timeline-title\"\u003eFörsta beröring\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\u003eOmedelbar återfuktning\u003c\/strong\u003e För torr hud runt ögonen\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\u003eHelt lugn\u003c\/strong\u003e För befintlig rodnad eller irritation\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\u003eMärkbar jämnhet\u003c\/strong\u003e I den ömtåliga hudstrukturen\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\"\u003eEfter två veckor\u003c\/div\u003e\n\u003ch3 class=\"timeline-title\"\u003eBörjan av magi\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\u003eSynlig minskning av fina linjer\u003c\/strong\u003e Modernt\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\u003eLjusning i området kring ögonen\u003c\/strong\u003e Och förbättring i färg\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Ökning av hudens elasticitet\u003c\/strong\u003e Och draghållfast\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\"\u003eEfter en månad\u003c\/div\u003e\n\u003ch3 class=\"timeline-title\"\u003eVerklig förvandling\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\u003eFörsvinnandet av fina linjer\u003c\/strong\u003e Märkbart för ögat\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\u003eTydlig ljusning av mörka ringar\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\u003eNaturlig huduppstramning\u003c\/strong\u003e Slappande runt ögat\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\"\u003eEfter 3 månader\u003c\/div\u003e\n\u003ch3 class=\"timeline-title\"\u003eÅterställd ungdom\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% mindre rynkor\u003c\/strong\u003e Från början\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\u003eStram och smidig hud\u003c\/strong\u003e Runt ögat\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\u003eSe år yngre ut\u003c\/strong\u003e Alla märker det\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;\"\u003eRätta hur du använder\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🌅 På morgonen och kvällen\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\u003eRengör ansiktet\u003c\/strong\u003e Med den vanliga milda lotionen\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\u003eTorka ögonområdet\u003c\/strong\u003e Försiktigt utan att gnugga\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\u003eApplicera en liten mängd\u003c\/strong\u003e (storleken av ett riskorn) grädde\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\u003eKlappa försiktigt\u003c\/strong\u003e Från det inre till det yttre hörnet\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⚠️ Varningar för säker användning\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\u003eUndvik att få produkten i ögonen\u003c\/strong\u003e direkt\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\u003eBörja med en liten mängd\u003c\/strong\u003e Öka gradvis efter behov\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\u003eAnvänd inte med andra retinolprodukter\u003c\/strong\u003e Samtidigt\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\u003eSluta omedelbart\u003c\/strong\u003e Om någon onormal irritation uppstår\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⚠️ Viktig varning: Ögonområdet bleknar snabbare än resten av ansiktet\u003c\/h2\u003e\n\u003cdiv style=\"font-size: 1.1em; line-height: 1.8;\"\u003e\n\u003cp\u003e\u003cstrong\u003eHuden runt ögonen är 10 gånger tunnare än resten av ansiktet\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eVarje dag utan särskild vård... rynkorna blir djupare\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eVarje vecka av vanvård... hudens elasticitet minskar mer\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eVarje månad av uppskov...skadan blir svårare att reparera\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=\"Investera i ungdomen i dina ögon nu\" 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\"\u003eDagens beslut kommer att avgöra formen på dina ögon i framtiden\u003c\/h2\u003e\n\u003cdiv class=\"cta-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eVarje dag utan vård...ögonområdet blir svagare\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSkjut upp varje vecka... rynkorna fördjupas och förblir svårare att behandla\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eVarje månad av försummelse... ökar klyftan mellan din verkliga ålder och dina ögons ålder\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cta-highlight\"\u003e\n      SKIN1004 är inte bara en ögonkräm... det är en säker, naturlig lösning för att föryngra dina ögon\n    \u003c\/div\u003e\n\u003cdiv class=\"cta-text\"\u003e\n\u003cstrong\u003eStarta din ögonföryngringsresa idag... Beställ nu\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\"\u003eFullständig ingredienslista\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 and Pure Centella Ampoule |Inflammationsspecialist","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      Den ultimata lösningen för finnar och fet hud som inte vill lugna ner sig\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\"\u003eDina piller och överflödigt fett förstör ditt självförtroende... och du är trött på att försöka\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\u003eHar finnar blivit en del av ditt ansikte och är svåra att bli av med?\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Är din hud så fet att sminket försvinner på några timmar?\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\u003eHar du testat många akneprodukter men de har antingen inte fungerat eller irriterat din hud?\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\u003eKänner du att dina porer är breda och att det kommer ut olja oavsett hur rent du rengör ansiktet?\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-solution-intro\"\u003e\n\u003cp\u003e\u003cstrong\u003eFinnar och fet hud är inte bara ett tillfälligt problem...det är en ond cirkel av inflammation och överskott av talg.\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eMen tänk om jag berättade för dig att det finns en kraftfull naturlig formula som kan bryta denna cykel...och ge dig klar, frisk hud utan hårdhet eller irritation?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSKIN1004 Centella Tea-Trica Relief Ampoule\u003c\/strong\u003e Det är inte bara en vanlig ampull... det här \u003cstrong\u003eNaturlig krigare\u003c\/strong\u003e Vilket kommer att befria din hud från tragedin med finnar och överflödigt fett.\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\"\u003eHuvudsakliga användningsområden och fördelar\u003c\/h2\u003e\n\u003cdiv class=\"ph-product-showcase\"\u003e\n\u003cimg alt=\"Produktanvändningar\" 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\"\u003eDen angriper korn från rötterna\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eMed koncentrerat teträdvatten 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\"\u003eDet lindrar inflammation och rodnad\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eMed rent Centella-extrakt\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\"\u003eKontrollerar överflödigt fett\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eDet förhindrar oönskad glans\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\"\u003eMinskar storleken på stora porer\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eDet förbättrar hudens struktur\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\"\u003eFörhindrar uppkomsten av nya finnar\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eMed kontinuerligt skydd\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\"\u003ePåskyndar läkningen av akneärr\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eGamla och ytliga ärr\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\"\u003eLätt konsistens som absorberas snabbt\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eInte fet eller klibbig\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\"\u003eTestad mot tilltäppta porer\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eSäker för aknebenägen hud\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\"\u003eBalanserar hudens fuktighet\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eUtan överflödigt fett\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;\"\u003eHur fungerar det?\u003c\/h2\u003e\n\u003cdiv class=\"ph-product-showcase\"\u003e\n\u003cimg alt=\"Produktkomponenter\" 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\"\u003eDen starkaste naturliga alliansen mot finnar och fet hud\u003c\/h4\u003e\n\u003cdiv class=\"ph-mechanism-cards\"\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eTea tree vatten 94 000 ppm\u003c\/h3\u003e\n\u003cp style=\"color: #D4AF37; font-weight: 600; margin-bottom: 1rem;\"\u003eDen första krigaren\u003c\/p\u003e\n\u003cp style=\"margin-bottom: 1rem;\"\u003eHögsta koncentrationen av teträdvatten i SKIN1004.\u003c\/p\u003e\n\u003cul class=\"tea-trica-benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eKraftfull naturlig antibakteriell\u003c\/strong\u003e Dödar spannmålsbakterier från rötterna\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEffektivt antiinflammatoriskt\u003c\/strong\u003e Det lindrar rodnad och svullnad omedelbart\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReglerar fettutsöndringen\u003c\/strong\u003e Det förhindrar tilltäppta porer\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePåskyndar läkningen av inflammerade finnar\u003c\/strong\u003e Det förhindrar ärrbildning\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eCentella-extrakt 5 621 ppm\u003c\/h3\u003e\n\u003cp style=\"color: #D4AF37; font-weight: 600; margin-bottom: 1rem;\"\u003eDen naturliga Mahdi\u003c\/p\u003e\n\u003cp style=\"margin-bottom: 1rem;\"\u003eAsiatisk Centella med hög koncentration för djupt lugnande.\u003c\/p\u003e\n\u003cul class=\"tea-trica-benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eLugnar inflammerad hud\u003c\/strong\u003e Utan torrhet eller irritation\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAccelererar cellregenerering\u003c\/strong\u003e Det reparerar skadade vävnader\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStärker hudbarriären\u003c\/strong\u003e Mot yttre skador\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStimulerar kollagen\u003c\/strong\u003e För att fylla acneärr naturligt\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eTriple Pine Complex\u003c\/h3\u003e\n\u003cp style=\"color: #D4AF37; font-weight: 600; margin-bottom: 1rem;\"\u003eSkyddssköld\u003c\/p\u003e\n\u003cp style=\"margin-bottom: 1rem;\"\u003eEn naturlig allians av 3 tallarter för dubbelt skydd.\u003c\/p\u003e\n\u003cul class=\"tea-trica-benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eKraftfulla antioxidanter\u003c\/strong\u003e Bekämpar fria radikaler\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStärker hudens naturliga immunitet\u003c\/strong\u003e Mot bakterier\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSkyddar mot föroreningar och damm\u003c\/strong\u003e Orsaker till finnar\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eUpprätthåller hudens hälsa på lång sikt\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\"\u003eHur man använder\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\"\u003eRengör huden\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eRengör ansiktet med en lämplig rengöring och se till att det är helt torrt\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\"\u003eToner\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eAnvänd din favorittoner för att förbereda huden\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\"\u003eAmpull\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eTa 2-3 droppar och sprid ut det över hela ansiktet i mjuka cirkulära rörelser\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\"\u003eKlappning\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eKlappa försiktigt huden tills den är helt absorberad\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\"\u003eFuktighetskräm och skydd\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eKomplettera din rutin med fuktkräm och solskyddsmedel under dagen\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\"\u003eTips för användning\u003c\/h3\u003e\n\u003cul class=\"ph-tips-list\"\u003e\n\u003cli\u003eAnvänd den morgon och kväll för optimala resultat\u003c\/li\u003e\n\u003cli\u003eDu kan använda den lokalt på inflammerade finnar för intensiv behandling\u003c\/li\u003e\n\u003cli\u003eLämplig för daglig användning - det kommer inte att irritera din hud\u003c\/li\u003e\n\u003cli\u003eDu kan använda den före makeup för slät, matt hud\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\"\u003eSynliga resultat tidslinje över tid\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 vecka\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eEn lovande start\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\u003eOmedelbar lindring av inflammation och rodnad\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\u003eMärkbar kontroll av olja och glans\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\u003eHuden börjar förbli mjukare och mer bekväm\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\"\u003eVecka 2-3\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eUppenbar förbättring\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\u003eDe befintliga finnarna börjar bli mindre och läker snabbt\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\u003ePorerna börjar smalna av och huden blir slätare\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\u003eNya piller, mycket mindre\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\u003eHuden är balanserad och inte lika glänsande\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\"\u003eVecka 4-6\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eFullständig förvandling\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\u003eRen hud utan aktiva finnar\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\u003eEffekterna av finnar försvinner tydligt\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\u003eUppstramade porer och slät hud\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\u003ePerfekt balans mellan fett och fukt\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\u003eNaturligt frisk och strålande hud\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\"\u003eVetenskapligt bevisade resultat\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\u003eFörbättring av akneinfektioner\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\u003eMinska fettutsöndringen\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\u003eFörbättring av porstorlek\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\u003eTestad mot tilltäppta porer\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-clinical-note\"\u003e\n\u003cp\u003eDermatologiskt testad\u003c\/p\u003e\n\u003cp\u003eSäker för känslig hud\u003c\/p\u003e\n\u003cp\u003eFri från skadliga ämnen\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\"\u003eVarför välja 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% naturligt\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eInga skadliga kemikalier - säkert för alla hudtyper\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\"\u003eVetenskapligt bevisat\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eKliniska tester bekräftar effektivitet och säkerhet\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\"\u003eSnabba resultat\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eMärkbar förbättring från första veckan\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\"\u003eHög koncentration\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003e94 000 ppm Tea Tree Water - högsta koncentration\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\"\u003eOmfattande skydd\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eBehandlar och förebygger finnar på samma gång\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\"\u003eLyxig känsla\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eLätt, absorberas snabbt, inte fet\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\u003eViktig varning\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eFinnar och fet hud blir inte bättre av sig själv...\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eVarje dag som går utan effektiv behandling blir huden mer skadad och självförtroendet minskar.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eTea-Trica Relief Ampoule\u003c\/strong\u003e Det är den naturliga lösningen som din hud behöver just nu!\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\"\u003eProduktinformation\u003c\/h2\u003e\n\u003cdiv class=\"tea-trica-product-info\"\u003e\n\u003cdiv class=\"tea-trica-info-item\"\u003e\n\u003cstrong\u003eStorlek:\u003c\/strong\u003e 100ml\n      \u003c\/div\u003e\n\u003cdiv class=\"tea-trica-info-item\"\u003e\n\u003cstrong\u003eHudtyp:\u003c\/strong\u003e Fet, kombination, acnebenägen, känslig\n      \u003c\/div\u003e\n\u003cdiv class=\"tea-trica-info-item\"\u003e\n\u003cstrong\u003eHuvudingredienser:\u003c\/strong\u003e Tea Tree Water 94 000 ppm, Centella Extract 5 621 ppm, Triple Pine Complex\n      \u003c\/div\u003e\n\u003cdiv class=\"tea-trica-info-item\"\u003e\n\u003cstrong\u003eFri från:\u003c\/strong\u003e Parabener, sulfater, syntetiska dofter, torksprit\n      \u003c\/div\u003e\n\u003cdiv class=\"tea-trica-info-item\"\u003e\n\u003cstrong\u003eAnvändning:\u003c\/strong\u003e Morgon och kväll\n      \u003c\/div\u003e\n\u003cdiv class=\"tea-trica-info-item\"\u003e\n\u003cstrong\u003eHållbarhet:\u003c\/strong\u003e Två år från produktionsdatum\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=\"ltr\"] .tea-trica-benefits-list li {\n  padding-right: 1.5rem;\n  padding-left: 0;\n}\n\n[dir=\"ltr\"] .tea-trica-benefits-list li::before {\n  right: 0;\n  left: auto;\n}\n\n[dir=\"ltr\"] .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\"\u003eAvancerad koreansk vetenskap blandar sig med naturens visdom\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\u003eInte bara en annan produkt att prova.\u003c\/strong\u003e Detta \u003cstrong\u003eEn riktig vetenskaplig upptäckt\u003c\/strong\u003e Hans arbete är den mest briljanta hudvårdsforskaren i Korea och har bevisat sin framgång \u003cstrong\u003eMiljontals användare\u003c\/strong\u003e Runt om i världen.\u003c\/p\u003e\n\u003cp class=\"hero-text\"\u003e\u003cstrong\u003eSOME BY MI serum löser problemet från sina rötter\u003c\/strong\u003e Med den nya Bi-Phase-tekniken som kombinerar \u003cstrong\u003e3 specialiserade syror + naturlig asiatisk centella + koncentrerat grönt teextrakt.\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\"\u003eBevisade vetenskapliga fördelar - ingredienser som garanterar dig resultat\u003c\/h2\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Fördelar med 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_3.png?v=1754408549\"\/\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"subtitle\" style=\"color: #9C8102; text-align: center; margin: 30px 0;\"\u003eBehandling... regenerering... stimulering... förebyggande\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\u003eDjup peeling av döda celler\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Med vetenskapligt studerade AHA-syror)\u003c\/strong\u003e Den tar bort de ackumulerade lagren av död hud och avslöjar ny, slät och strålande hud\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\u003eDjuprengöring av tilltäppta porer\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Med specialiserade BHA-syror)\u003c\/strong\u003e Det stramar upp porerna, tar bort ansamlat fett och smuts och förhindrar bildandet av pormaskar\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\u003eSkonsam peeling för känslig hud\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Med säkra PHA-syror)\u003c\/strong\u003e Exfolierar mycket skonsamt samtidigt som den behåller hudens naturliga fukt\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\u003eLindra inflammation och irritation\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(asiatisk Centella 14,5 %)\u003c\/strong\u003e Det lugnar alla inflammationer som uppstår vid exfoliering och påskyndar läkningen av huden naturligt\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eBekämpa skadliga bakterier\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Med grönt teextrakt 10 000 ppm)\u003c\/strong\u003e Det eliminerar bakterier som orsakar finnar och infektioner\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\u003eEnande hudton och ljusare fläckar\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Med specialsyror + niacinamid)\u003c\/strong\u003e Den förenar hudtonen och ljusar upp mörka fläckar och hyperpigmentering\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\u003eMinska storleken på synliga porer\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Med BHA + PHA-formel)\u003c\/strong\u003e Det rengör porerna från insidan och stramar vävnaderna runt dem, vilket gör att de ser mindre ut\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\u003eStimulera kollagenregenerering\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(asiatisk centella + syror)\u003c\/strong\u003e Den stimulerar huden att producera nytt kollagen för naturlig elasticitet och fasthet\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\u003eBalanserad återfuktning utan oljighet\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Med exklusiv Bi-Phase-teknik)\u003c\/strong\u003e Den återfuktar huden och upprätthåller balansen mellan oljor och vatten\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\u003eSkydd mot miljöskador\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(med naturliga antioxidanter)\u003c\/strong\u003e Det skyddar huden från föroreningar och fria radikaler som påskyndar åldrandet\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\u003eJämna ut grov hudstruktur\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(med integrerad trippelformel)\u003c\/strong\u003e Den lämnar huden slät som siden och har en homogen konsistens\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\u003eNaturlig belysning för matt hud\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Med skonsam peeling + cellulär regenerering)\u003c\/strong\u003e Den återställer hudens naturliga lyster och lämnar den glödande av hälsa\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\u003eMinskar uppkomsten av fina rynkor\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Stimulerar cellregenerering + kollagen)\u003c\/strong\u003e Den fyller ut fina linjer och förhindrar uppkomsten av nya rynkor\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\u003eReglera utsöndringen av överflödigt fett\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Med niacinamid + grönt te)\u003c\/strong\u003e Den kontrollerar utsöndringen av fetter för fet och blandad hud\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\u003ePåskynda läkningen av akneärr\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Centella + regenerativa syror)\u003c\/strong\u003e Det påskyndar läkningen av gamla finnar och förhindrar bildandet av nya ärr\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=\"Naturliga ingredienser\" 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\"\u003eTrippel vetenskaplig formel: AHA + BHA + PHA\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: #333; margin-bottom: 30px;\"\u003e\u003cstrong\u003eVarje syra har sitt jobb... och de tre tillsammans gör ett mirakel\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◇ AHA (alfahydroxisyror)\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003eVetenskapligt studerad fokus\u003c\/strong\u003e Det fungerar på hudens yta, tar bort ackumulerade döda hudceller och avslöjar ett nytt, mjukare och mer strålande lager.Den förbättrar hudens struktur och förenar sin färg gradvis och säkert.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◆ BHA (beta-hydroxisyror)\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003eSpecialiserad styrka\u003c\/strong\u003e De som fruktar djupet av tilltäppta porer och upplösningen av ackumulerade fetter och smuts.Idealisk för fet och blandad hud, den minskar storleken på synliga porer och förhindrar bildandet av pormaskar.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e▲ PHA (polyhydroxisyror)\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003eMild beröring\u003c\/strong\u003e Den exfolierar mycket skonsamt, passar även för känslig hud.Den behåller fukten under exfoliering och främjar cellförnyelse utan att orsaka irritation.\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=\"Asiatisk centella\" 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\"\u003eAsiatisk Centella 14,5%: Äkta koreansk örtmedicin\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: #333; margin-bottom: 20px;\"\u003e\u003cstrong\u003eDen heliga växten i hudvård\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"text-align: center; line-height: 1.7; margin-bottom: 30px;\"\u003e\n                Asiatisk Centella är inte bara en naturlig ingrediens... \u003cstrong\u003eDetta är ett helt apotek i en anläggning.\u003c\/strong\u003e Med en exceptionell koncentration på 14,5 % fungerar den på:\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\u003eLindra infektioner\u003c\/strong\u003e Och irritation till följd av 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\u003ePåskynda hudläkningen\u003c\/strong\u003e Och reparera befintliga skador\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\u003eStärker hudbarriären\u003c\/strong\u003e Naturligt mot yttre faktorer\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\u003eStimulera kollagenregenerering\u003c\/strong\u003e För mer elastisk och ungdomlig hud\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\"\u003eGrönt teextrakt 10 000 ppm: Antioxidantkraft\u003c\/h2\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Grönt te extrakt\" 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\u003eSkydd och rening i en ingrediens\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 Från rent grönt teextrakt - en sann terapeutisk koncentration som ger:\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\u003eÖverlägset skydd\u003c\/strong\u003e Från fria radikaler och miljöskador\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\u003eDjup rening\u003c\/strong\u003e För att skydda porerna från bakterier och smuts\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\u003eReglera fettutsöndringen\u003c\/strong\u003e För fet och blandad hy\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\u003eAntibakteriella egenskaper\u003c\/strong\u003e Förhindrar uppkomsten av infektioner\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\"\u003eVetenskapliga bevis: dokumenterade resultat från internationella laboratorier\u003c\/h2\u003e\n\u003ch3 style=\"margin-bottom: 30px; color: #333;\"\u003eReella siffror från internationella kliniska tester:\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\u003eFörbättra hudens struktur\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e67%\u003c\/div\u003e\n\u003cdiv\u003eMinska porstorleken\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e84%\u003c\/div\u003e\n\u003cdiv\u003eBalansera oljor och fukt\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e91%\u003c\/div\u003e\n\u003cdiv\u003eLindra hudinfektioner\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 30px; font-size: 1.1em;\"\u003e\u003cstrong\u003eDet här är inte bara marknadsföringspåståenden... det här är resultatet av internationellt ackrediterade laboratorier.\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\"\u003e30-dagarsresan: vetenskapligt studerad transformation\u003c\/h2\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eDen första veckan - förberedelse och acklimatisering\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eHuden anpassar sig gradvis till den aktiva formulan\u003c\/li\u003e\n\u003cli\u003eBörjan på djuprengöring av porer och borttagning av smuts\u003c\/li\u003e\n\u003cli\u003eEn tydlig förbättring av hudens jämnhet och fräschör\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\u003eDen andra veckan - början av förnyelse\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eAccelererar cellregenereringsprocessen och tar bort döda lager\u003c\/li\u003e\n\u003cli\u003eEn tydlig förbättring av hudens struktur och enhetlig hudton\u003c\/li\u003e\n\u003cli\u003eGradvis minskning av storleken på synliga porer\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\u003eDen tredje veckan - den uppenbara förvandlingen\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eSynliga resultat i hudens fräschör och lyster\u003c\/li\u003e\n\u003cli\u003ePerfekt balans mellan oljor och fukt\u003c\/li\u003e\n\u003cli\u003eMer elastisk och levande hud\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\u003eVecka 4 - Miraklet är fullbordat\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eEn fullständig förvandling av hudkvalitet och struktur\u003c\/li\u003e\n\u003cli\u003eMindre och mindre synliga porer\u003c\/li\u003e\n\u003cli\u003eFrisk hud lyser med naturlig fräschör\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\"\u003eEn produkt som miljontals användare över hela världen litar på\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;\"\u003eMiljontals enheter sålda globalt\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eFrån Korea till Europa och Amerika, SOME BY MI serum har blivit förstahandsvalet för alla som letar efter riktig hudföryngring.\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;\"\u003eHan har vunnit flera internationella priser\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eUtmärkelser från de viktigaste skönhets- och hudvårdstidningarna och erkännande från skönhetsexperter runt om i världen.\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;\"\u003eNöjdhetsgraden överstiger 92 %\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eVerklig statistik från tusentals verifierade recensioner - en exceptionell tillfredsställelsegrad som bekräftar produktens effektivitet.\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\"\u003eBra värde för priset\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◆ Högvärdiga ingredienser\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003e3 typer av specialiserade hydroxisyror + 14,5 % centellaextrakt + hög koncentration av grönt teextrakt\u003c\/strong\u003e - En sammansättning jämförbar med de dyraste behandlingarna på specialiserade kliniker.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e▲ STOR STORLEK - MER VÄRDE\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003e50 ml ultrakoncentrat\u003c\/strong\u003e Räcker för flera månaders regelbunden användning.Generös storlek säkerställer oavbruten behandling.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e● En liten mängd räcker\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003e3 droppar räcker för att täcka hela ansiktet\u003c\/strong\u003e - Hög koncentration betyder ekonomisk användning och maximal effektivitet.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e✓ Garanterat resultat\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003eDet här är inte en produkt för experiment... dessa är garanterade resultat dokumenterade av miljontals användare\u003c\/strong\u003e Runt om i världen.En säker investering i skönheten i din hud.\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\"\u003eNoggrann vetenskaplig användningsguide\u003c\/h2\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Hur man använder\" 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\"\u003eKorrekt förberedelse\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRengör huden väl\u003c\/strong\u003e Använd en lämplig lotion och låt den torka helt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSkaka flaskan väl\u003c\/strong\u003e För att säkerställa att de två lagren blandas perfekt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBörja gradvis\u003c\/strong\u003e - Använd produkten 2-3 gånger i veckan i början\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\"\u003eDen perfekta applikationen\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eLägg 3-4 droppar\u003c\/strong\u003e På fingertopparna\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eApplicera försiktigt\u003c\/strong\u003e I ansiktet, undvik området kring ögonen\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMassera i cirkulära rörelser\u003c\/strong\u003e För homogen fördelning\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFölj med en lämplig fuktkräm\u003c\/strong\u003e För ytterligare skydd\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\"\u003ePerfekt timing\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eBäst på natten\u003c\/strong\u003e Efter rengöring och före fuktkräm\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBörja 3 gånger i veckan\u003c\/strong\u003e Öka sedan upprepningen gradvis\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAnvänd solskyddsmedel\u003c\/strong\u003e Under dagen för att skydda föryngrad hud\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\"\u003eVarningar för säker användning\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-card\" style=\"border-right-color: #dc3545;\"\u003e\n\u003cdiv class=\"ingredient-name\" style=\"color: #dc3545;\"\u003e!Viktiga instruktioner\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eEndast för extern användning\u003c\/strong\u003e - Undvik kontakt med ögonen\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTesta för allergi först\u003c\/strong\u003e På ett litet område av huden\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHåll den borta från solen\u003c\/strong\u003e Direkt\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✓ Tips för att lyckas\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHa tålamod med resultatet\u003c\/strong\u003e – Verklig förnyelse tar tid\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUpprätthåll regelbundenhet\u003c\/strong\u003e I bruk\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAnvänd solskyddsmedel\u003c\/strong\u003e Alltid när den utsätts för solen\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\"\u003eInvesterar i avancerad hudvetenskap\u003c\/h2\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"En investering i skönhet\" 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\u003eSOME BY MI serum är inte bara en skönhetsprodukt... det är ett stycke avancerad koreansk hudvårdsteknologi.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp style=\"font-size: 1.1em; line-height: 1.7; margin-bottom: 20px;\"\u003e\n\u003cstrong\u003eKomplex klinisk formel, år av forskning och strikta internationella tester\u003c\/strong\u003e – Allt detta i en formula som uppnår en verklig förvandling i din hud.\n            \u003c\/p\u003e\n\u003cp style=\"font-size: 1.2em; font-weight: bold;\"\u003e\n\u003cstrong\u003eInvestera i vetenskap... och skörda skönheten med perfekt hud.\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\"\u003eFullständig ingredienslista:\u003c\/h3\u003e\n\u003cp class=\"ingredients-text\"\u003e\n                Vatten, Centella Asiatica-extrakt, Cetyletylhexanoat, Capryl\/Capric-triglycerid, Glycerin, Olea Europaea-fruktolja, propandiol, alkohol, butylenglykol, 1,2-hexandiol, niacinamid, melaleuca alternifolia bladvatten, Camellia Extract S Legonafaria-extrakt, Legonsis-extrakt, Legonsis-extrakt,Cuspidatum Rotextrakt, Glycyrrhiza Glabra Rotextrakt, Chamomilla Recutita Blomsterextrakt, Rosmarinus Officinalis bladextrakt, Natriumlaktat, Natrium PCA, Citronsyra, Mjölksyra, Äppelsyra, Glykolsyra, Pyrodruvsyra, Vinsyra Procumbensyra, Gaultheria Specialsyra, Gaultheria och meraktiva ingredienser.\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\"\u003eDet var allt, nog med det slumpmässiga experimentet... börja den riktiga behandlingen idag\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eSOME BY MI Serum - avancerad koreansk vetenskap till tjänst för din skönhet\u003c\/strong\u003e\u003cbr\/\u003e\n                Verklig transformation, garanterade resultat, förtroende från miljontals användare runt om i världen\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        \/* =========================================\n           SOME BY MI MIRACLE CREAM - ULTIMATE REDESIGN\n           ========================================= *\/\n        .sbm-miracle-wrapper {\n            --sbm-bg-deep: #030805; \/* Style Settings *\/\n            --sbm-bg-card: rgba(8, 24, 15, 0.85); \/* Style Settings *\/\n            --sbm-neon-green: #00e676; \/* Style Settings *\/\n            --sbm-neon-mint: #69f0ae; \/* Style Settings *\/\n            --sbm-neon-gold: #ffd700; \/* Style Settings *\/\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; \/* Style Settings *\/\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: 'Inter', -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        \/* Media queries for flawless 2-column mobile layout and containment *\/\n        @media (max-width: 768px) {\n            .sbm-miracle-wrapper { padding: 25px 0; }\n            .sbm-container { padding: 0 14px !important; }\n            .sbm-glass-box { padding: 22px 14px !important; }\n            .sbm-grid { grid-template-columns: 1fr; }\n            .sbm-img-md { max-width: 100% !important; }\n            \n            \/* Style Settings *\/\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\"\u003eDet avgörande koreanska protokollet för att få slut på finnar och fläckar\u003c\/div\u003e\n\u003ch1 class=\"sbm-title-glow\"\u003eSome By Mi Miracle Cream |Det koreanska miraklet att förstöra finnar och deras effekter på 30 dagar\u003c\/h1\u003e\n\u003cp class=\"sbm-hero-subtitle\"\u003e\n                \"Har du testat många krämer och lotioner, och alla torkar ut och förstör din hudbarriär?Eller försvinner finnarna och kommer tillbaka värre?Den verkliga striden är inte på ytan av huden.. Striden är inuti, djupt i de bortglömda porerna.\"\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                    Det är inte bara en vanlig fuktkräm.. det här \u003cspan class=\"neon-green\"\u003eExakt terapeutisk formel\u003c\/span\u003e Kombinerar den högsta koncentrationen av lugnande Centella i världen \u003cspan class=\"neon-gold\"\u003e(70.78%)\u003c\/span\u003e Och kraften hos trippelsyror för att rengöra bakterier och återställa hudbarriären i samma ögonblick!\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"sbm-reveal\" style=\"margin-top: 20px;\"\u003e\n\u003ch2 class=\"sbm-section-title\"\u003eDirekta terapeutiska fördelar och aktiva ingredienser\u003c\/h2\u003e\n\u003cp class=\"pure-white\" style=\"text-align: center; margin-bottom: 30px; font-size: 1.15rem;\"\u003e\n                Varje resultat du kommer att se i din spegel har en aktiv biologisk komponent dedikerad till att behandla den från rötterna:\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\"\u003eOmedelbar kornundertryckning\u003c\/h3\u003e\n\u003cdiv class=\"sbm-ingredient-tag\"\u003eCentella 70,78% + trädte\u003c\/div\u003e\n\u003cp\u003eDet eliminerar bakterierna som orsakar finnar och lugnar rodnad och sveda omedelbart utan torrhet.\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\"\u003eDjup porrengöring\u003c\/h3\u003e\n\u003cdiv class=\"sbm-ingredient-tag gold\"\u003eSalicylsyra BHA\u003c\/div\u003e\n\u003cp\u003eDen penetrerar djupt för att lösa upp fett och pormaskar och förhindra igentäppta porer permanent.\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\"\u003eExfolierar död hud\u003c\/h3\u003e\n\u003cdiv class=\"sbm-ingredient-tag mint\"\u003eCitronsyra AHA\u003c\/div\u003e\n\u003cp\u003eDen tar bort fjäll och ackumulerade döda celler, vilket ger dig en mjuk, silkeslen textur från första veckan.\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\"\u003eÅterfuktar och låser in fukt\u003c\/h3\u003e\n\u003cdiv class=\"sbm-ingredient-tag mint\"\u003eLaktobionsyra PHA\u003c\/div\u003e\n\u003cp\u003eMjuk, antioxidantrik exfoliering som låser in vattenmolekyler i känsliga hudceller.\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\"\u003eLäkande effekterna av finnar\u003c\/h3\u003e\n\u003cdiv class=\"sbm-ingredient-tag\"\u003e4-CICA + Adenosinkomplex\u003c\/div\u003e\n\u003cp\u003eDet påskyndar sårläkning och förhindrar bildandet av permanenta ärr samtidigt som nya bruna fläckar bleknar.\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\"\u003eÅterställande av hudbarriären\u003c\/h3\u003e\n\u003cdiv class=\"sbm-ingredient-tag gold\"\u003eCeramid NP\u003c\/div\u003e\n\u003cp\u003eÅteruppbygger hudens skyddande sköld för att skydda den från bakterier, torrhet och återkommande infektioner.\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                Varför misslyckas 85 % av spannmålsprodukterna efter de första två veckorna?\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                De flesta kommersiella aknebehandlingar är beroende av hård uttorkning av huden.Resultatet?Din hudbarriär kollapsar, hårbotten utsöndrar dubbelt så mycket kompenserande talg och finnar exploderar igen under huden som om du inte gjort någonting!\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;\"\u003eDen omöjliga koreanska ekvationen som löste krisen:\u003c\/h3\u003e\n\u003cp style=\"color: #ffffff; font-size: 1.1rem; line-height: 1.8; font-weight: 600;\"\u003e\n                    För att finnarna ska försvinna helt och spårlöst behöver du 3 procedurer på samma minut: \u003cspan class=\"neon-green\"\u003eExfoliering av ytlig död hud\u003c\/span\u003e + \u003cspan class=\"neon-mint\"\u003eLöser upp fossila fetter inuti porerna\u003c\/span\u003e + \u003cspan class=\"neon-gold\"\u003eDämpa inflammation och återställa barriären\u003c\/span\u003e.Detta är kärnan i mirakelkrämen.\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\"\u003eArsenalen av aktiva ingredienser: explicit bioteknik\u003c\/h2\u003e\n\u003cp class=\"sbm-reveal pure-white\" style=\"text-align: center; margin-bottom: 35px; font-size: 1.18rem;\"\u003eEj utspädda kommersiella extrakt.. Dessa är verkliga terapeutiska koncentrationer som talar hudbiologins språk:\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 Asiatica 70,78 %\u003c\/h3\u003e\n\u003cp\u003eDen högsta koncentrationen hittar du i en behandlingskräm.Ett legendariskt lugnande medel som släcker lågorna av rodnad och inflammation på några minuter, och stimulerar kollagenproduktionen för att återuppbygga trött hud.\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\"\u003eTrippelsyror AHA + BHA + PHA\u003c\/h3\u003e\n\u003cp\u003eIntegrerad allians: \u003cstrong\u003eAHA\u003c\/strong\u003e Exfolierar ytan och tar bort pigmentering. \u003cstrong\u003eBHA\u003c\/strong\u003e Det går djupt in i porerna för att lösa upp pormaskar och talg\u003cstrong\u003ePHA\u003c\/strong\u003e Återfuktar extremt skonsamt känslig hud.\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\"\u003eTea tree vatten (10 000 ppm)\u003c\/h3\u003e\n\u003cp\u003eEtt brett spektrum naturligt antibakteriellt medel som angriper bakterierna som orsakar finnar (C. acnes) i hemmet, och förhindrar bildandet av nya finnar.\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\"\u003eExklusivt 4-CICA-komplex\u003c\/h3\u003e\n\u003cp\u003eFyra rena substanser isolerade från hjärtat av cicaväxten (Madecassoside, Asiaticoside, Madecassic Acid, Asiatic Acid) påskyndar sårläkning och förhindrar finnar att förvandlas till permanenta ärr.\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\"\u003eSiffror ljuger inte: vetenskapligt bevisade kliniska resultat\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\"\u003eOmedelbar minskning av finnar och aktiva infektioner\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\"\u003eMärkbar blekning av bruna fläckar och spår av gamla korn\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\"\u003ePåtaglig förbättring av mjukhet och förfining av hudens struktur\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\"\u003eReglerar och kontrollerar utsöndringen av överflödigt talg och irriterande glans\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\"\u003e30-dagarsresan: Vad händer med din hud, vecka för vecka?\u003c\/h2\u003e\n\u003cdiv class=\"sbm-timeline-wrap sbm-reveal\"\u003e\n\u003cdiv class=\"sbm-timeline-card\"\u003e\n\u003ch4\u003eFörsta veckan: \u003cspan class=\"neon-green\"\u003eBrandsläckning och omedelbart lugnande\u003c\/span\u003e\n\u003c\/h4\u003e\n\u003cul class=\"sbm-timeline-list\"\u003e\n\u003cli\u003eOmedelbar lindring av rodnad, irritation och sveda från första appliceringen.\u003c\/li\u003e\n\u003cli\u003eStoppar omedelbart bildandet av inflammerade och plötsliga finnar under huden.\u003c\/li\u003e\n\u003cli\u003eEn lätt, lugnande fuktbarriär som börjar skydda huden från föroreningar och smuts.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-timeline-card\"\u003e\n\u003ch4\u003eAndra veckan: \u003cspan class=\"neon-mint\"\u003eRengörande av porer och början på ordentlig torrhet\u003c\/span\u003e\n\u003c\/h4\u003e\n\u003cul class=\"sbm-timeline-list\"\u003e\n\u003cli\u003eBefintliga finnar torkar och läker smidigt utan att lämna häftiga skorpor.\u003c\/li\u003e\n\u003cli\u003eDjuprengöring av porer av ackumulerat fett och början på en minskning av pormaskarnas storlek.\u003c\/li\u003e\n\u003cli\u003eNya bruna fläckar börjar gradvis blekna.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-timeline-card\"\u003e\n\u003ch4\u003eVecka 3: \u003cspan class=\"neon-gold\"\u003eFörfina textur och färglikformighet\u003c\/span\u003e\n\u003c\/h4\u003e\n\u003cul class=\"sbm-timeline-list\"\u003e\n\u003cli\u003eNästan fullständigt försvinnande av aktiva finnar och återställande av slät hudstruktur.\u003c\/li\u003e\n\u003cli\u003eEn tydlig förening av ansiktsfärg och en minskning av pigmentering till följd av effekterna av tidigare finnar.\u003c\/li\u003e\n\u003cli\u003eEn märkbar minskning av uppkomsten av stora porer tack vare kontrollen av talgsekretionen.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-timeline-card\"\u003e\n\u003ch4\u003eVecka 4: \u003cspan class=\"neon-green\"\u003eMiraklet är fullbordat och din hud är skyddad\u003c\/span\u003e\n\u003c\/h4\u003e\n\u003cul class=\"sbm-timeline-list\"\u003e\n\u003cli\u003eRen hud, full av vitalitet och helt fri från irriterande fläckar.\u003c\/li\u003e\n\u003cli\u003eEn stark, sammanhållen hudbarriär som bekämpar bakterier och miljöfaktorer på egen hand.\u003c\/li\u003e\n\u003cli\u003eFullständigt förtroende för din huds naturliga utseende utan behov av någon foundation eller concealer för att dölja fläckar.\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\"\u003eExceptionellt värde och ett verkligt alternativ till dyra rutiner\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\"\u003eStor förpackning 60 gram\u003c\/h3\u003e\n\u003cp\u003eSuperkoncentration som håller i två hela månader av regelbunden daglig användning.Mycket generös storlek jämfört med små läkemedelskrämer.\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 lösningar i en produkt\u003c\/h3\u003e\n\u003cp\u003eExfolierar döda celler, rengör djupa porer, lugnar rodnad och återställer fuktbarriären.Du behöver inte köpa 4 separata serum för att hantera finnar.\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\"\u003eLätt vattnig gel-kräm konsistens\u003c\/h3\u003e\n\u003cp\u003eDet absorberas av huden på några sekunder utan att lämna någon fet, klibbig eller tung känsla.Den täpper inte till porerna alls och är idealisk för de tuffaste och fuktigaste sommarmiljöerna.\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\"\u003eKorrekt användningsprotokoll för maximal effektivitet\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\u003eFörberedelse och rengöring\u003c\/h4\u003e\n\u003cp\u003eTvätta ansiktet med en mild rengöring och torka huden försiktigt.Det är att föredra att använda lämplig toner i förväg.\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\u003eDen perfekta kvantiteten\u003c\/h4\u003e\n\u003cp\u003eTa bara en mängd i ärtstorlek.Koncentrationen av de viktigaste aktiva ingredienserna är mycket hög och är tillräcklig för att täcka hela ansiktet.\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\u003eDistribution och massage\u003c\/h4\u003e\n\u003cp\u003eFördela krämen på kinderna, pannan och hakan och massera försiktigt med fingertopparna i cirkulära rörelser tills den är helt absorberad.\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\u003eRegelbundenhet och skydd\u003c\/h4\u003e\n\u003cp\u003eAnvänd morgon och kväll (med nödvändigheten av att applicera solskyddsmedel under dagen för att bibehålla ljusningsresultaten och skydda nya celler).\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                Bara 30 dagar skiljer dig från ny hud och absolut självförtroende\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                Istället för att föredra att täcka finnar och fläckar med lager av smink som täpper till porerna och förvärrar problemet, välj den dokumenterade vetenskapliga lösningen som har förändrat livet för miljontals användare runt om i världen.\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                Börja den 30 dagar långa resan nu...och återfå den glasiga fräschören i din hud med självförtroende!\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                Komplett och certifierad ingredienslista (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\"\u003eTorrhet är din huds fiende nummer ett.Det är den främsta orsaken till sprickor och fina linjer.Det är den största orsaken till för tidigt åldrande. \u003cbr\/\u003eÅterfuktning är det viktigaste steget i din dagliga rutin.\u003c\/div\u003e\n\u003cdiv class=\"unique-title\"\u003eKoreas heliga hemlighet: krämen som förvandlar din hud till sidensammet\u003c\/div\u003e\n\u003cdiv class=\"subtitle\"\u003eCOSRX - den legendariska koreanska krämen för intensiv återfuktning och sammetslen hud\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003e🔬 Vetenskapligt avancerade ingredienser\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 Hur fungerar det?\u003c\/div\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003ch4 style=\"color: #ffd700; margin: 0 0 15px 0;\"\u003e🧬 Vetenskapen bakom miraklet:\u003c\/h4\u003e\nKoreanskt havtornsvatten, rikt på C-vitamin, stimulerar hudcellsförnyelsen och återställer lyster.Natriumhyaluronat absorberar 1000 gånger sin vikt i vatten, återfuktar huden från djupet och fyller ut fina linjer.Glycerin och betain bildar en skyddande barriär som förhindrar fuktavdunstning.\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003e💪 Vetenskapligt bekräftade övernaturliga krafter\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\u003eIntensiv återfuktning som varar i 24 timmar\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\u003e\n\u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e \u003cstrong\u003eNatriumhyaluronat 3000 ppm behåller djup fukt\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\u003eFöryngra och ljusa upp huden\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\u003eHavtornsvatten 57,8 % är rikt på föryngrande C-vitamin\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\u003eFyller omedelbart ut fina linjer\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\u003eHyaluron fyller ut rynkor som naturlig Botox\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\u003e\n\u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e \u003cstrong\u003eLugnar känslig hud\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\u003e\n\u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e \u003cstrong\u003eAllantoin och Panthenol lugnar irritation\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\u003eSkydd mot fuktförlust\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\u003eGlycerin 8% låser in fukt i timmar\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\u003eDjup näring för huden\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\u003e\n\u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e \u003cstrong\u003eMacadamia- och solrosolja ger näring och mjukgör\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 Tidslinje för synliga resultat:\u003c\/h4\u003e\n\u003cdiv class=\"timeline-item\"\u003e\u003cstrong\u003eFörsta appliceringen: omedelbar lindring för torr hud och en silkeslen konsistens\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\u003cstrong\u003eDen första veckan: en tydlig förbättring av hudens jämnhet och lyster, mindre torrhet och sprickbildning\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\u003cstrong\u003eDen tredje veckan: Huden blir sammetslen vid beröring, och fina linjer reduceras tydligt\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\u003cstrong\u003eMånad 2: Äkta glashud, återfuktad, strålande och babymjuk\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003eVarför skiljer sig denna produkt från allt annat?\u003c\/div\u003e\n\u003cdiv class=\"what-makes-different\"\u003e\n\u003ch4 style=\"color: #2d3436; margin: 0 0 15px 0;\"\u003e👑 Hemligheten som gör den bäst:\u003c\/h4\u003e\nCozarx är den enda krämen som innehåller original koreanskt havtornsvatten i en koncentration av 57,8%.Den exklusiva koreanska formulan är godkänd av det koreanska hälsoministeriet och är den mest sålda krämen i Korea för att behandla torr och känslig hud.\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📋Alla ingredienser\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 är den avancerade koreanska gruppen för behandling av pigmentering","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\"\u003eKomplett koreanskt ljussättningskit med yugaextrakt och niacinamid\u003c\/h2\u003e\n\u003ch3 class=\"hero-tagline\"\u003eNär naturligt C-vitamin möter avancerad niacinamidteknologi\u003c\/h3\u003e\n\u003cp class=\"hero-text\"\u003ePigmentering och mörka fläckar påverkar ditt självförtroende och skönheten i din hud.Sätt några av mig skördetröskor \u003cstrong\u003eYuja-extrakt rikt på naturligt C-vitamin i koncentrationer upp till 90 % med niacinamid upp till 10 %\u003c\/strong\u003e I 4 integrerade produkter som samverkar för att lätta upp huden.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-section fade-in\"\u003e\n\u003ch2 class=\"problem-title\"\u003ePigmentkrisen: den största estetiska utmaningen\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\u003eVarför uppstår pigmentering och hur sprider det sig?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.7; margin-bottom: 20px;\"\u003e\u003cstrong\u003e95 % av pigmenteringsproblemen orsakas av överdriven melaninproduktion\u003c\/strong\u003e Som ett resultat av solexponering, infektioner, akneeffekter och åldrande.\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin: 30px 0; color: #9c8102;\"\u003e\u003cstrong\u003eVarför är yogaextrakt + niacinamid den bästa lösningen?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"line-height: 1.7;\"\u003eYuga-extrakt innehåller \u003cstrong\u003eHögsta koncentration av naturligt C-vitamin\u003c\/strong\u003e Bland alla citrusfrukter, medan niacinamid hämmar tyrosinasenzymet som ansvarar för melaninproduktionen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003eKraften i koreansk yoga med avancerad niacinamid\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\u003eMild ljusgörande rengöring (steg 1)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(11 % Yuga Lotion + Niacinamid)\u003c\/strong\u003e Den rengör huden från föroreningar och startar ljusningsprocessen från första användningen\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\u003eFörbered och återuppliva huden (steg 2)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Toner med 90% Yuga + 5% Niacinamid)\u003c\/strong\u003e Förbereder huden för bättre absorption och balanserar dess 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\u003eIntensiv och riktad ljusning (steg 3)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Serum med 83% Yuga + 10% Niacinamid)\u003c\/strong\u003e Den högsta koncentrationen i Alkit riktar sig direkt mot mörka fläckar\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eÅterfukta och skydda resultaten (steg 4)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Grädde med 70% Yuga + 5% Niacinamid)\u003c\/strong\u003e Behåller resultat och skyddar mot ny pigmentering\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\"\u003eKoreanska yogaskatter och avancerad niacinamid\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◇ Koreansk Yuga-extrakt - Kungen av naturligt C-vitamin:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eCitrus Junos i koncentrationer från 11 % till 90 %\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eNaturligt C-vitaminkoncentrat:\u003c\/strong\u003e 3 gånger starkare än industri\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAktiva flavonoider:\u003c\/strong\u003e Skyddar mot oxidation och främjar ljusning\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNaturliga fruktsyror:\u003c\/strong\u003e Mild exfoliering avslöjar strålande hud\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● Niacinamid - miraklet vitamin B3:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eVitamin B3 i koncentrationer från 1 ppm till 10 %\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eTyrosinashämning:\u003c\/strong\u003e Stoppar överskott av melaninproduktion\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStärker hudbarriären:\u003c\/strong\u003e Skyddar mot ny pigmentering\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntiinflammatorisk:\u003c\/strong\u003e Lugnar känslig hud\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\"\u003eKoreansk blixtresa steg för steg:\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eFörsta veckan:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eOmedelbar förbättring av hudens lyster och släthet\u003c\/li\u003e\n\u003cli\u003eEn tydlig minskning av uppkomsten av förstorade porer\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eVecka 2-4:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eBörjar ljusna de senaste mörka fläckarna\u003c\/li\u003e\n\u003cli\u003eMärkbar förening av hudtonen\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eAndra månaden:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eTydlig ljusning av pigmentering och envisa fläckar\u003c\/li\u003e\n\u003cli\u003eLjusare och mer levande hud\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\"\u003eIntegrerad koreansk teknologi till ett exceptionellt värde\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 produkter i ett kit:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eIntegrerat vårdsystem\u003c\/strong\u003e - Lotion + ansiktsvatten + serum + kräm istället för att köpa varje produkt separat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e▲ Professionella graderade koncentrationer:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eFrån 11 % till 90 % yoga\u003c\/strong\u003e - Säker gradvis ljusning utan irritation eller känslighet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"science-section fade-in\"\u003e\n\u003ch2 class=\"science-title\"\u003eVarför är den koreanska integrerade strategin bättre?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eKit Some By Me är inte bara produkter ... det är ett komplett vetenskapligt system för säker ljusning.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"question-cta\"\u003e\n\u003cp class=\"highlight-text\"\u003eSkulle du föredra den randomiserade prövningen eller det beprövade koreanska vetenskapliga systemet?\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eBeställ hela kitet nu\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\"\u003eDen koreanska hemligheten för en strålande och jämn hud\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\u003eVissa av Mi Yuja Niacin Kit - det kompletta koreanska systemet\u003c\/strong\u003e\u003cbr\/\u003eLjusare och jämnare hud med Yuga-extrakt och Niacinamid i 4 vetenskapliga steg\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\"\u003eAvancerad reparationskräm med beta panthenol, peptider och probiotika\u003c\/h2\u003e\n\u003ch3 class=\"hero-tagline\"\u003eNär lugnande panthenol möter föryngrande peptider och avancerad probiotika\u003c\/h3\u003e\n\u003cp class=\"hero-text\"\u003eKänslig och skadad hud behöver djup reparation och kontinuerligt skydd.Vissa By Mi Cream-kombinationer \u003cstrong\u003eLugnande Panthenol 50 000 ppm med 0,5 % beta-sitosterol och fem avancerade peptider\u003c\/strong\u003e Det är en koreansk formula som reparerar hudbarriären och återfuktar den i 100 timmar.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-section fade-in\"\u003e\n\u003ch2 class=\"problem-title\"\u003eKänslig hudkris: Den trasiga barriären behöver repareras\u003c\/h2\u003e\n\u003ch3 style=\"color: #9c8102; font-size: 1.4em; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eVarför blir känslig hud värre med tiden?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.7; margin-bottom: 20px;\"\u003eForskning inom kosmetiska vetenskaper har bevisat det \u003cstrong\u003e90 % av känsliga hudproblem orsakas av en svag naturlig barriär\u003c\/strong\u003e.När denna barriär skadas tappar huden snabbt vatten och blir känslig för bakterier och föroreningar.\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin: 30px 0; color: #9c8102;\"\u003e\u003cstrong\u003eVarför är panthenol + peptider + probiotika den revolutionerande lösningen?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"line-height: 1.7;\"\u003ePanthenol lugnar och återfuktar, peptider fyller på och reparerar, och probiotika skyddar och balanserar hudens naturliga mikrobiom.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003eKraften i den heliga trion: Panthenol + Peptider + Probiotika\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\u003eOmedelbar lindring av inflammation och rodnad\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(med panthenol 50 000 ppm)\u003c\/strong\u003e Den tränger djupt in i huden och lugnar omedelbart irritation och minskar rodnad och klåda\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\u003eDjup reparation med fem peptider\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Med 5 avancerade peptider)\u003c\/strong\u003e Stimulerar kollagenproduktionen, regenererar celler och reparerar befintliga skador\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\u003eSkydd med avancerad probiotika\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Bifida och Lactococcus fermentum)\u003c\/strong\u003e Balanserar mikrobiomet och skyddar mot skadliga bakterier\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\u003eLångvarig återfuktning 100 timmar\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(med squalane och ceramider)\u003c\/strong\u003e Låser in fukt och stärker hudens naturliga barriär\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\"\u003eAvancerad koreansk reparationsteknik\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◇ Panthenol - miraklet vitamin B5:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eHögkvalitativ D-Panthenol 50 000 ppm\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eKraftfull antiinflammatorisk:\u003c\/strong\u003e Minskar rodnad och irritation inom några minuter\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDjup fuktighetskräm:\u003c\/strong\u003e Det drar till sig vatten och fångar det i hudens lager\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHealing Accelerator:\u003c\/strong\u003e Stimulerar cellregenerering och skadereparation\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● Fem peptider - förnyelseteknik:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eFem avancerade peptider för omfattande reparation\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcetylhexapeptid-8:\u003c\/strong\u003e Minskar rynkor och slappnar av muskler\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCoopertripeptide-1:\u003c\/strong\u003e Stimulerar kollagen och förnyar celler\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePalmitoyl Tripeptide-5:\u003c\/strong\u003e Stärker hudens struktur\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\"\u003eReparationsresa för känslig hud:\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eFörsta veckan:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eOmedelbar lindring av rodnad och irritation\u003c\/li\u003e\n\u003cli\u003eDjup återfuktning som varar 100 timmar\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eVecka 2-4:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eSynligt reparerar hudbarriären\u003c\/li\u003e\n\u003cli\u003eFörbättring av hudens struktur och släthet\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eAndra månaden:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eStark, elastisk hud som motstår irritation\u003c\/li\u003e\n\u003cli\u003eLångsiktigt skydd mot yttre faktorer\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\"\u003eInvestera i långsiktig reparation\u003c\/h2\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e◆ Specialiserad formel för känslig hud:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eUtan parfymer, alkohol eller irriterande ämnen\u003c\/strong\u003e - Absolut säkerhet även för mycket känslig hud.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e▲ Kliniskt bevisade resultat:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e89 % förbättring av barriärstyrkan inom 8 veckor\u003c\/strong\u003e - Oberoende studier bekräftar effektiviteten.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"science-section fade-in\"\u003e\n\u003ch2 class=\"science-title\"\u003eVarför är barriärreparation viktigare än kosmetisk kirurgi?\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 är inte bara en fuktkräm... det är en avancerad medicinsk behandling för skadad hud.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"question-cta\"\u003e\n\u003cp class=\"highlight-text\"\u003eFöredrar du tillfälliga smärtstillande medel eller långvarig radikal behandling?\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSök verklig reform nu\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\"\u003eKoreansk fix för känslig hud\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\u003cstrong\u003eVissa av Mi Beta Panthenol Repair Cream - den kompletta reparationen\u003c\/strong\u003e\u003cbr\/\u003eDjup reparation av skadad och känslig hud med panthenol, peptider och probiotika\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 är en omfattande koreansk kollektion för att minimera och rengöra porer","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\"\u003eOmfattande porvårdskit med premium matcha och koreansk lera\u003c\/h2\u003e\n\u003ch3 class=\"hero-tagline\"\u003eNär koreansk Matcha av hög kvalitet möter naturliga BHA och renande leror\u003c\/h3\u003e\n\u003cp class=\"hero-text\"\u003eFörstorade och tilltäppta porer är ett problem som påverkar hudens jämnhet och skönhet.Sätt några av mig skördetröskor \u003cstrong\u003ePremium matcha med koncentrationer på upp till 93 % med naturliga BHA-syror och koreansk lera 120 000 ppm\u003c\/strong\u003e I 4 integrerade produkter som rengör och smalnar av porer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-section fade-in\"\u003e\n\u003ch2 class=\"problem-title\"\u003eThe Enlarged Pore Dilemma: The Korean Skin Challenge\u003c\/h2\u003e\n\u003ch3 style=\"color: #9c8102; font-size: 1.4em; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eVarför expanderar porerna och hur begränsar vi dem på ett säkert sätt?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.7; margin-bottom: 20px;\"\u003eKoreansk forskning inom kosmetiska vetenskaper har bevisat det \u003cstrong\u003e87 % av problemen med stora porer orsakas av ansamling av oljor, smuts och döda celler\u003c\/strong\u003e Vilket utökar porernas väggar med tiden, förutom att huden tappar elasticitet med åldern.\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin: 30px 0; color: #9c8102;\"\u003e\u003cstrong\u003eVarför är matcha + BHA + koreansk lera den perfekta lösningen?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"line-height: 1.7;\"\u003eMatcha rengör och ger näring, BHA-syror löser tilltäppta oljor och koreansk lera absorberar föroreningar och stramar omedelbart upp porerna.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003eKraften i koreansk matcha med renande lera\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\u003eDjup rengöring med rengöringsgel\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Med 62% Matcha + Naturlig BHA)\u003c\/strong\u003e Rengör porerna från ansamlad smuts och oljor utan att torka ut huden\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\u003eOmedelbar åtdragning med lermask\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(kaolinlera och bentonit 120 000 ppm)\u003c\/strong\u003e Absorberar överflödig olja och stramar upp porerna omedelbart i 24 timmar\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\u003eBalanserar och återfuktar med toner\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(93% matcha + isvatten)\u003c\/strong\u003e Balanserar oljeproduktionen och återfuktar huden utan att täppa till porerna\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\u003eKontinuerligt skydd med serum\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Med niacinamid och matcha koncentrat)\u003c\/strong\u003e Förhindrar bildandet av pormaskar och håller porerna rena\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\"\u003eSkatter av koreansk matcha och mirakellera\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◇ Premium Korean Matcha - Advanced Green Tea:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eCamellia Sinensis Leaf Water i koncentrationer från 62 % till 93 %\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eKraftfulla antioxidanter:\u003c\/strong\u003e Skyddar mot fria radikaler och föroreningar\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSkonsam naturlig rengöring:\u003c\/strong\u003e Tar bort orenheter utan irritation\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNaturlig förträngning av porer:\u003c\/strong\u003e Stramar upp huden och minskar uppkomsten av porer\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntiinflammatorisk:\u003c\/strong\u003e Lugnar irriterad hud från rengöring\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● Naturliga BHA-syror - djuprengöring:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eSalix Alba Bark Extract - Naturlig Salicylsyra\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eLös upp igensatta oljor:\u003c\/strong\u003e Det tränger in i porerna och rengör dem från insidan\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMild peeling:\u003c\/strong\u003e Tar bort döda celler som orsakar tilltäppta porer\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntibakteriell:\u003c\/strong\u003e Förhindrar bildandet av svarta och vita huvuden\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▲ Renande koreansk lera - superabsorberande:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eBlandning av kaolin och bentonit 120 000 ppm\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eVit kaolin:\u003c\/strong\u003e Rengör skonsamt och absorberar oljor\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNaturlig bentonit:\u003c\/strong\u003e Det drar ut gifter och föroreningar från djupt inuti porerna\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eOmedelbar åtdragning:\u003c\/strong\u003e Stramar upp huden och minskar uppkomsten av porer i timmar\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\"\u003eDin porförvandlingsresa på 4 veckor:\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\u003eFörsta veckan:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eOmedelbar djuprengöring och borttagning av ytliga pormaskar\u003c\/li\u003e\n\u003cli\u003eVisible reduction in skin shine and excess oil\u003c\/li\u003e\n\u003cli\u003eKänns renare och mjukare\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eAndra veckan:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eFörstorade porer börjar minska betydligt\u003c\/li\u003e\n\u003cli\u003eFörbättring av hudens struktur och ytjämnhet\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eVecka 3:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eEn tydlig förträngning av porer, även envisa sådana\u003c\/li\u003e\n\u003cli\u003eNaturlig balans i oljeproduktionen\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eVecka 4:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003ePermanent smalare och mindre synliga porer\u003c\/li\u003e\n\u003cli\u003eSlät, balanserad hud fri från pormaskar\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\"\u003eKoreanskt värde perfekt för porer\u003c\/h2\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e◆ 4 specialiserade produkter i ett kit:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eEtt komplett porvårdssystem\u003c\/strong\u003e - Rengöringsgel + lermask + toner + serum i ett heltäckande kit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e▲ Högsta koncentrationer av matcha:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eUpp till 93 % ren matcha\u003c\/strong\u003e - Högsta tillgängliga koncentration på marknaden för garanterade resultat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e● Högkvalitativ original koreansk lera:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e120 000 ppm av den finaste leran\u003c\/strong\u003e - Importerad direkt från Korea för garanterad kvalitet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"science-section fade-in\"\u003e\n\u003ch2 class=\"science-title\"\u003eVarför behöver porer specialiserad vård?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eKit Some By Me är inte bara produkter... det är ett komplett vetenskapligt system för att behandla porer.\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\u003eGrundläggande skillnad:\u003c\/strong\u003e Istället för att dölja stora porer behandlar den dem från rötterna och smalnar av dem naturligt.\u003c\/p\u003e\n\u003cdiv class=\"question-cta\"\u003e\n\u003cp class=\"highlight-text\"\u003eVill du hellre dölja porerna med smink eller lösa problemet från grunden?\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-cta fade-in\"\u003e\n\u003ch2 class=\"cta-title\"\u003eOmfattande porvård med matcha\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\u003cstrong\u003eVissa från Mi Super Matcha Kit - den koreanska allt-i-ett-lösningen\u003c\/strong\u003e\u003cbr\/\u003eRenare, tätare porer med kraften från koreansk matcha och renande lera i 4 vetenskapliga steg\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":"\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\"\u003eAdvanced Repair Toner med Beta Panthenol, Niacinamide och Ceramides\u003c\/h2\u003e\n\u003ch3 class=\"hero-tagline\"\u003eNär lugnande panthenol möter stärkande niacinamid och återfuktande ceramider\u003c\/h3\u003e\n\u003cp class=\"hero-text\"\u003eKänslig och skadad hud behöver djup reparation och kontinuerligt skydd.Vissa By Mi Toner kombinerar... \u003cstrong\u003eLugnande panthenol med niacinamid 2%, stärkande ceramider och tre typer av hyaluronsyra.\u003c\/strong\u003e I en avancerad koreansk formula för att reparera hudbarriären.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-section fade-in\"\u003e\n\u003ch2 class=\"problem-title\"\u003eKänslig hudkris: Den trasiga barriären behöver repareras\u003c\/h2\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.4em; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eVarför blir känslig hud värre med tiden?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.7; margin-bottom: 20px;\"\u003eKoreansk forskning inom kosmetiska vetenskaper har bevisat det \u003cstrong\u003e90 % av känsliga hudproblem orsakas av en svag naturlig barriär\u003c\/strong\u003e.När denna barriär skadas tappar huden snabbt vatten och blir känslig för bakterier och föroreningar.\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin: 30px 0; color: #9C8102;\"\u003e\u003cstrong\u003eVarför är panthenol + niacinamid + ceramider den heliga treenigheten?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"line-height: 1.7;\"\u003e\u003cstrong\u003ePanthenol\u003c\/strong\u003e lugnar och återfuktar, \u003cstrong\u003eNiacinamid\u003c\/strong\u003e Stärker barriären och minskar vattenförlust, \u003cstrong\u003eCeramider\u003c\/strong\u003e Fyller luckor och återställer hudens naturliga struktur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003eDen heliga treenighetens kraft: Panthenol + Niacinamid + Ceramider\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\u003eOmedelbar lindring av inflammation och rodnad\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(med panthenol - vitamin B5)\u003c\/strong\u003e Den tränger djupt in i huden och lugnar omedelbart irritation och minskar rodnad och klåda\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\u003eStärker hudens naturliga barriär\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Med Niacinamid 2% - Vitamin B3)\u003c\/strong\u003e Stimulerar naturlig ceramidproduktion och minskar transepidermal vattenförlust med 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\u003eDjup hydrering i 100 timmar\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Med tre typer av hyaluronsyra)\u003c\/strong\u003e Stora molekyler väter ytan, små tränger djupt in och nedbrytaren fyller luckorna\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\u003eRekonstruktion av den naturliga barriären\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(med naturlig ceramid NP)\u003c\/strong\u003e Det fyller luckorna mellan cellerna och återställer skyddsskiktets naturliga struktur\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\"\u003eDen heliga treenigheten av reparation av känslig hud\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◇ Panthenol - miraklet vitamin B5:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eHögkvalitativ D-Panthenol för omedelbar lugnande\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eKraftfull antiinflammatorisk:\u003c\/strong\u003e Minskar rodnad och irritation inom några minuter\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDjup fuktighetskräm:\u003c\/strong\u003e Det drar till sig vatten och fångar det i hudens lager\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHealing Accelerator:\u003c\/strong\u003e Stimulerar cellregenerering och skadereparation\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHudbarriärförstärkare:\u003c\/strong\u003e Stimulerar produktionen av naturliga fetter\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● Niacinamid – vitamin B3-förstärkare:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eKliniskt bevisad 2% Niacinamid\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHudbarriärförstärkare:\u003c\/strong\u003e Ökar ceramidproduktionen med 34 %\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSekret regulator:\u003c\/strong\u003e Minskar produktionen av överflödiga oljor\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMinskar vattenförlust:\u003c\/strong\u003e Låser in fukt längre\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntiinflammatorisk:\u003c\/strong\u003e Lugnar irriterad och känslig hud\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\"\u003eReparationsresa för känslig hud på 8 veckor:\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eFörsta veckan:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eOmedelbar lindring av rodnad, irritation och klåda\u003c\/li\u003e\n\u003cli\u003eKänns bekväm och återfuktad istället för att bränna\u003c\/li\u003e\n\u003cli\u003eMärkbar minskning av flagning och torrhet\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eVecka 2-4:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eBetydande förbättring av hudens motståndskraft mot yttre faktorer\u003c\/li\u003e\n\u003cli\u003eMinskning av allergiska reaktioner och inflammation\u003c\/li\u003e\n\u003cli\u003eNaturlig återfuktning som håller hela dagen\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eVecka 7-8 och därefter:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eStark, elastisk hud som motstår irritation\u003c\/li\u003e\n\u003cli\u003eEn ogenomtränglig naturlig barriär som skyddar mot kontaminering och bakterier\u003c\/li\u003e\n\u003cli\u003eFörmåga att säkert använda starkare aktiva ingredienser\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\"\u003eInvestera i långsiktig reparation\u003c\/h2\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e◆ Specialiserad formel för känslig hud:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eUtan parfymer, alkohol eller irriterande ämnen\u003c\/strong\u003e - Absolut säkerhet även för mycket känslig hud.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e▲Generös storlek för lång användning:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e150 ml räcker i 3-4 månader\u003c\/strong\u003e - Långsiktiga investeringar för omfattande reformer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"science-section fade-in\"\u003e\n\u003ch2 class=\"science-title\"\u003eVarför är barriärreparation viktigare än kosmetisk kirurgi?\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 är inte bara en toner...det är en avancerad medicinsk behandling för skadad hud.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cdiv class=\"question-cta\"\u003e\n\u003cp class=\"highlight-text\"\u003eFöredrar du tillfälliga smärtstillande medel eller långvarig radikal behandling?\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSök verklig reform nu\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\"\u003eDen koreanska revolutionen för att reparera känslig hud\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eSome by Mi Beta Panthenol Toner - The Complete Repair\u003c\/strong\u003e\u003cbr\/\u003e\n            Djup reparation och varaktig förstärkning av känslig hud med den heliga treenigheten: Panthenol + Niacinamid + Ceramides\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","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\/sv\/collections\/korean-skincare-secrets-cosrx-some-by-mi-beauty-joseon.oembed?page=3","provider":"Instachiq","version":"1.0","type":"link"}