{"title":"K-Beauty Secrets \u0026 Korean Skincare","description":"\u003cp\u003eUnlock the secrets to flawless, glowing skin with our exclusive collection of authentic Korean beauty products. From innovative essences and serums to sheet masks and multi-step routines, K-Beauty has revolutionized skincare with gentle yet powerful formulas that deliver real results. Discover cult-favorite brands like COSRX, Some By Mi, Medicube, Anua, and Beauty of Joseon—beloved worldwide for their science-backed ingredients and luxurious textures. Whether you're new to K-Beauty or a seasoned enthusiast, this curated selection brings you the very best of Korean skincare innovation, straight from the source to your doorstep.\u003c\/p\u003e","products":[{"product_id":"somebymi-aha-bha-pha-miracle-toner","title":"Some By Mi AHA-BHA-PHA 30 Days Miracle Toner 150ml","description":"\u003cdiv class=\"sbm30-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n \/* Styles *\/\n .sbm30-wrapper {\n --sbm30-bg-dark: #0a110d; \/* Styles *\/\n --sbm30-bg-card: rgba(20, 35, 25, 0.6); \/* Styles *\/\n --sbm30-green-main: #2e8b57; \/* Styles *\/\n --sbm30-green-light: #66cdaa; \/* Styles *\/\n --sbm30-gold-main: #d4af37; \/* Styles *\/\n --sbm30-gold-light: #f3e5ab; \/* Styles *\/\n --sbm30-glow-green: rgba(46, 139, 87, 0.3);\n --sbm30-glow-gold: rgba(212, 175, 55, 0.25);\n --sbm30-text-main: #f0fdf4;\n --sbm30-text-muted: #b0c4b1;\n --sbm30-border: rgba(46, 139, 87, 0.3);\n --sbm30-border-hover: rgba(102, 205, 170, 0.6);\n \n background-color: var(--sbm30-bg-dark);\n color: var(--sbm30-text-main);\n font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.7;\n overflow: hidden;\n position: relative;\n padding: 40px 0;\n border-radius: 20px;\n box-shadow: 0 0 80px rgba(46, 139, 87, 0.05) inset;\n }\n\n .sbm30-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .sbm30-wrapper img {\n max-width: 100%;\n height: auto;\n border-radius: 16px;\n display: block;\n margin: 0 auto;\n box-shadow: 0 15px 40px rgba(0,0,0,0.6);\n }\n\n .sbm30-container {\n max-width: 900px;\n margin: 0 auto;\n padding: 0 20px;\n position: relative;\n z-index: 2;\n }\n\n \/* Styles *\/\n .sbm30-ambient-particles {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n pointer-events: none;\n overflow: hidden;\n }\n\n .sbm30-particle {\n position: absolute;\n background: radial-gradient(circle, var(--sbm30-glow-green) 0%, transparent 70%);\n border-radius: 50%;\n bottom: -100px;\n border: 1px solid rgba(102, 205, 170, 0.2);\n animation: floatUpMint 15s infinite ease-in-out;\n filter: blur(4px);\n }\n\n @keyframes floatUpMint {\n 0% { transform: translateY(0) scale(0.8) translateX(0); opacity: 0; }\n 20% { opacity: 0.6; }\n 80% { opacity: 0.3; }\n 100% { transform: translateY(-1600px) scale(1.5) translateX(-40px); opacity: 0; }\n }\n\n \/* Styles *\/\n .sbm30-title-glow {\n display: block;\n width: 100%;\n font-size: clamp(26px, 4.5vw, 42px);\n font-weight: 900;\n text-align: center;\n margin-bottom: 25px;\n line-height: 1.4;\n background: linear-gradient(135deg, #ffffff 0%, var(--sbm30-green-light) 60%, var(--sbm30-gold-main) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n text-shadow: 0 0 30px var(--sbm30-glow-green);\n }\n\n .sbm30-section-title {\n display: block;\n width: 100%;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 800;\n color: var(--sbm30-gold-main);\n text-align: center;\n margin: 60px auto 30px;\n position: relative;\n line-height: 1.5;\n }\n\n .sbm30-section-title::after {\n content: '';\n position: absolute;\n bottom: -12px;\n left: 50%;\n transform: translateX(-50%);\n width: clamp(80px, 30%, 150px);\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--sbm30-green-light), transparent);\n border-radius: 10px;\n box-shadow: 0 0 10px var(--sbm30-green-main);\n }\n\n \/* Styles *\/\n .sbm30-hero {\n text-align: center;\n padding: 20px 0 40px;\n }\n\n .sbm30-badge {\n display: inline-block;\n background: rgba(46, 139, 87, 0.15);\n border: 1px solid var(--sbm30-green-main);\n color: var(--sbm30-green-light);\n padding: 8px 25px;\n border-radius: 30px;\n font-size: 0.95rem;\n font-weight: bold;\n margin-bottom: 25px;\n box-shadow: 0 0 20px var(--sbm30-glow-green);\n }\n \n .sbm30-hero-subtitle {\n font-size: 1.15rem;\n color: var(--sbm30-text-muted);\n max-width: 800px;\n margin: 0 auto 30px;\n font-weight: 500;\n line-height: 1.8;\n border-right: 3px solid var(--sbm30-green-main);\n padding-right: 15px;\n background: linear-gradient(90deg, transparent, rgba(46, 139, 87, 0.05));\n border-radius: 8px 0 0 8px;\n }\n\n \/* Styles *\/\n .sbm30-glass-box {\n background: var(--sbm30-bg-card);\n backdrop-filter: blur(15px);\n -webkit-backdrop-filter: blur(15px);\n border: 1px solid var(--sbm30-border);\n border-radius: 20px;\n padding: 35px;\n margin: 40px 0;\n box-shadow: 0 20px 50px rgba(0,0,0,0.6);\n position: relative;\n overflow: hidden;\n }\n\n .sbm30-glass-box::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 4px;\n height: 100%;\n background: linear-gradient(180deg, var(--sbm30-green-light), var(--sbm30-gold-main), transparent);\n }\n\n \/* Styles *\/\n .sbm30-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 30px 0;\n }\n\n .sbm30-card {\n background: linear-gradient(145deg, rgba(20, 35, 25, 0.7), rgba(10, 15, 12, 0.9));\n border: 1px solid var(--sbm30-border);\n border-radius: 16px;\n padding: 30px 25px;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n z-index: 1;\n }\n\n .sbm30-card::after {\n content: '';\n position: absolute;\n bottom: -50%;\n right: -50%;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.1) 0%, transparent 70%);\n z-index: -1;\n transition: all 0.5s;\n }\n\n .sbm30-card:hover {\n transform: translateY(-8px);\n border-color: var(--sbm30-gold-main);\n box-shadow: 0 15px 30px var(--sbm30-glow-green);\n background: rgba(25, 45, 30, 0.8);\n }\n\n .sbm30-card:hover::after { bottom: -10%; right: -10%; }\n\n .sbm30-icon {\n width: 60px; height: 60px; background: rgba(46, 139, 87, 0.1);\n border: 1px solid rgba(102, 205, 170, 0.3); border-radius: 14px;\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 20px; color: var(--sbm30-green-light); font-size: 28px;\n transition: transform 0.3s ease; box-shadow: 0 0 15px rgba(46, 139, 87, 0.2);\n }\n \n .sbm30-card:hover .sbm30-icon {\n transform: scale(1.1) rotate(-5deg); background: linear-gradient(135deg, var(--sbm30-green-main), var(--sbm30-gold-main));\n color: #111; border-color: transparent; box-shadow: 0 0 25px var(--sbm30-gold-main);\n }\n\n .sbm30-card h3 { font-size: 1.25rem; color: #fff; margin-bottom: 12px; line-height: 1.4; }\n .sbm30-card p { color: var(--sbm30-text-muted); font-size: 0.95rem; line-height: 1.6; }\n\n \/* Styles *\/\n .sbm30-table-container {\n overflow-x: auto; margin: 30px 0; border-radius: 16px; border: 1px solid var(--sbm30-border);\n box-shadow: 0 10px 30px rgba(0,0,0,0.5); background: rgba(10, 15, 12, 0.6);\n }\n\n .sbm30-table { width: 100%; border-collapse: collapse; text-align: left; min-width: 500px; }\n .sbm30-table th, .sbm30-table td { padding: 15px 20px; border-bottom: 1px solid rgba(255,255,255,0.05); }\n .sbm30-table th { background: rgba(46, 139, 87, 0.2); color: var(--sbm30-gold-light); font-weight: 800; font-size: 1.1rem; }\n .sbm30-table td strong { color: var(--sbm30-text-main); }\n .sbm30-table td.sbm30-highlight { background: rgba(46, 139, 87, 0.08); color: var(--sbm30-green-light); font-weight: bold; font-size: 1.05rem; }\n .sbm30-table tr:last-child td { border-bottom: none; }\n\n \/* Styles *\/\n .sbm30-steps-wrap { display: flex; flex-direction: column; gap: 15px; margin-top: 30px; }\n .sbm30-step-item {\n display: flex; align-items: center; background: rgba(255,255,255,0.02);\n border: 1px solid var(--sbm30-border); padding: 20px; border-radius: 12px; transition: all 0.3s;\n }\n .sbm30-step-item:hover { border-color: var(--sbm30-gold-main); background: rgba(212, 175, 55, 0.05); transform: translateX(-5px); }\n .sbm30-step-num {\n font-size: 2rem; font-weight: 900; color: rgba(212, 175, 55, 0.2); -webkit-text-stroke: 1px var(--sbm30-gold-main);\n margin-left: 20px; min-width: 45px; text-align: center; text-shadow: 0 0 10px var(--sbm30-glow-gold);\n }\n\n \/* === Animations === *\/\n .sbm30-reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .sbm30-reveal.sbm30-active { opacity: 1; transform: translateY(0); }\n .sbm30-delay-1 { transition-delay: 0.1s; }\n .sbm30-delay-2 { transition-delay: 0.2s; }\n\n @media (max-width: 768px) {\n .sbm30-hero { padding: 10px 0 20px; }\n .sbm30-step-item { flex-direction: column; text-align: center; }\n .sbm30-step-num { margin-left: 0; margin-bottom: 15px; }\n }\n \u003c\/style\u003e\n\n\u003cdiv class=\"sbm30-ambient-particles\" id=\"sbm30-particles\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sbm30-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"sbm30-hero sbm30-reveal sbm30-active\"\u003e\n\u003cdiv class=\"sbm30-badge\"\u003eThe best-selling Korean miracle toner around the world\u003c\/div\u003e\n\u003ch1 class=\"sbm30-title-glow\"\u003eThe secrets of crystal clear skin lie in the drops of this toner!\u003c\/h1\u003e\n\u003cp class=\"sbm30-hero-subtitle\"\u003e\n “Dead skin buildup not only gives you the wrong impression, it clogs your pores and prevents any expensive cream from penetrating your skin.” \u003cbr\/\u003e\n Transform your skin to its clearest and purest state in just 30 days with a toner \u003cstrong\u003eSome By Mi Miracle\u003c\/strong\u003e Developer.\n \u003c\/p\u003e\n\u003cimg alt=\"Some By Mi Miracle Toner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_miracle_toner_aha_bha_pha_peeling_toner_4.jpg?v=1730725686\" style=\"margin: 0 auto 30px;\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- 2. The Problem \/ Main Solution --\u003e\n\u003cdiv class=\"sbm30-glass-box sbm30-reveal\"\u003e\n\u003ch2 style=\"color: #fff; font-size: 1.6rem; text-align: center; margin-bottom: 15px;\"\u003eDo you suffer from dull skin, large pores, and endless pimples?\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 The main cause of most skin problems is failure of the natural renewal cycle. When dead cells and oxidized oils accumulate, the skin suffocates and begins to become inflamed.\n \u003c\/p\u003e\n\u003cdiv style=\"background: rgba(212, 175, 55, 0.1); border: 1px dashed var(--sbm30-gold-main); padding: 20px; border-radius: 12px; text-align: center;\"\u003e\n\u003cp style=\"color: var(--sbm30-gold-light); font-size: 1.25rem; font-weight: bold; margin-bottom: 10px;\"\u003eTriple Acids (AHA, BHA, PHA)\u003c\/p\u003e\n\u003cp style=\"color: #fff; font-size: 1.05rem;\"\u003e\n This toner is not just a “scented water”. It works effectively micro-chemically to remove dead skin cells and dissolve black and white heads. Thanks to it containing AHA, it wipes away scales from the surface, while BHA sinks into the pores to dissolve age-old fats, and PHA maintains skin hydration and prevents 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\"\u003eThe power of the tea tree that changed the scales of cosmetic medicine\u003c\/h2\u003e\n\u003cimg alt=\"The power of tea tree\" 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 Thanks to advanced Korean purification and extraction processes, this toner is infused with the maximum concentration of real tea tree leaf extract \u003cstrong style=\"color: var(--sbm30-gold-light);\"\u003e(10,000 ppm)\u003c\/strong\u003e. This magic ingredient is the biggest miracle for oily and acne-prone skin. It kills acne-causing bacteria, instantly extinguishes inflammation and redness, and balances excess oil production incredibly well!\n \u003c\/p\u003e\n\u003c!-- 4. Triple Action Benefits Grid --\u003e\n\u003ch2 class=\"sbm30-section-title sbm30-reveal\"\u003e3D benefits for perfect glass skin\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\u003eThe ultimate solution for large pores\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eGood luck trying to see your pores after today!\u003c\/strong\u003e The toner deeply cleanses the pores and then reduces their size thanks to the Niacinamide incorporated into the formula.\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 balance (pH 5.5)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eThe gentlest exfoliant for sensitive skin.\u003c\/strong\u003e There is a fine line between peeling and irritation! The toner is designed to match the skin's natural pH to exfoliate deeply and with \"zero\" 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\u003eInstant radiance and rejuvenation\u003c\/h3\u003e\n\u003cp\u003eIt contains papaya and witch hazel extracts to accelerate the removal of dead skin, in addition to lotus extract and adenosine to tighten the skin and combat wrinkles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Benefits of 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\"\u003eWhy is Some By Mi toner superior to regular toners?\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\u003eComparison\u003c\/th\u003e\n\u003cth\u003eRegular exfoliating toners\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\u003eOnly one type (usually 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\u003eMoisturizing effect\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eIt causes obvious dryness and peeling\u003c\/td\u003e\n\u003ctd class=\"sbm30-highlight\"\u003eDeep hydration thanks to PHA molecules\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eGrain processing\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eMay irritate active pimples\u003c\/td\u003e\n\u003ctd class=\"sbm30-highlight\"\u003eIt extinguishes inflammation and kills bacteria (thanks to tea tree)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eAcid balance\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eHarsh alkaline or acidic\u003c\/td\u003e\n\u003ctd class=\"sbm30-highlight\"\u003ePH 5.5 is perfectly balanced to protect the skin barrier\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eSensitive skin\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eNot suitable as it contains alcohol\u003c\/td\u003e\n\u003ctd class=\"sbm30-highlight\"\u003eVery safe and medically tested as (Non-Comedogenic)\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\"\u003eHow to Use for quick results\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;\"\u003eDeep cleaning\u003c\/h4\u003e\n\u003cp style=\"color: var(--sbm30-text-muted);\"\u003eWash your face well with your favorite cleanser and dry it gently.\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;\"\u003eWiping with cotton\u003c\/h4\u003e\n\u003cp style=\"color: var(--sbm30-text-muted);\"\u003eApply an appropriate amount of toner on a clean piece of cotton, and gently wipe your face with it, tracing the texture of the skin (from the inside out).\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;\"\u003ePat to absorb\u003c\/h4\u003e\n\u003cp style=\"color: var(--sbm30-text-muted);\"\u003eGently pat your face with your fingertips to help the skin absorb all the nutrients.\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;\"\u003eCompulsory protection\u003c\/h4\u003e\n\u003cp style=\"color: var(--sbm30-text-muted);\"\u003eFollow with a serum and moisturizer. And in the morning, \u003cstrong\u003eSunscreen (SPF) is a mandatory step\u003c\/strong\u003e Because acids make the skin sensitive to the sun.\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\"\u003eReal experiences: Why was it called a “miracle”?\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;\"\u003eThe bright side (pros):\u003c\/strong\u003e\n\u003cp style=\"color: var(--sbm30-text-muted); margin-top: 5px;\"\u003eThe majority of users praised the toner's quick ability to dry up active pimples and reduce inflammation and redness within a few days. They also noticed a significant improvement in skin texture and smoothness, and a noticeable reduction in the shape of pores thanks to gentle and deep exfoliation that does not cause any 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;\"\u003ePoint to note:\u003c\/strong\u003e\n\u003cp style=\"color: var(--sbm30-text-muted); margin-top: 5px;\"\u003eSome have indicated that those with very dry skin may need to gradually introduce toner into their routine (day after day at first) to avoid any tightening of the skin, with the necessity of following the exfoliation step with a strong and appropriate moisturizer to obtain the best results without dryness.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #fff; font-size: 1.1rem;\"\u003eConclusion:\u003c\/strong\u003e\n\u003cp style=\"color: var(--sbm30-text-muted); margin-top: 5px;\"\u003eThis toner is a real “savior” for oily, mixed, and acne-prone skin. An excellent investment that provides safe daily exfoliation and results comparable to professional cleansing sessions in getting rid of dead skin, purifying pores, and restoring the natural glow of the face.\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);\"\u003eNew and clear skin in just 30 days!\u003c\/h2\u003e\n\u003cimg alt=\"Toner application\" 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 Stop hiding pimples and problems under thick layers of makeup. \u003cstrong\u003eSome By Mi Miracle Toner\u003c\/strong\u003e It will act as a “Reset Button” for your skin, blasting away dead cells and sebum, leaving you with a clear, healthy surface through which your skin can breathe.\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 Order it now and get your glass skin!\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;\"\u003eComplete ingredient list (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":46999386128558,"sku":null,"price":22.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/AHA_BHA_PHA_30_Days_Miracle_Toner_1024x1024_a3e227c7-30b0-46c2-b0b1-9e3745390366.png?v=1788175418"},{"product_id":"somebymi-retinol-triple-action-eye-cream","title":"SOME BY MI Retinol Intense Advanced Triple Action Eye Cream, 30Ml","description":"\u003cdiv class=\"sbmeye-premium-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n \/* === Core Variables (Twilight Purple \u0026 Gold Theme) === *\/\n .sbmeye-premium-wrapper {\n --sbmeye-bg-deep: #0d0514; \/* Deep midnight purple\/black *\/\n --sbmeye-bg-card: rgba(30, 15, 45, 0.6); \/* Translucent dark purple *\/\n --sbmeye-gold-main: #d4af37; \/* Premium Gold *\/\n --sbmeye-gold-light: #f9e596; \/* Luminous soft gold *\/\n --sbmeye-purple-accent: #9c27b0; \/* Bright purple for accents *\/\n --sbmeye-purple-light: #e1bee7; \/* Soft pastel purple *\/\n --sbmeye-glow-gold: rgba(212, 175, 55, 0.25);\n --sbmeye-glow-purple: rgba(156, 39, 176, 0.3);\n --sbmeye-text-main: #fdfbf7;\n --sbmeye-text-muted: #c4b5c7;\n --sbmeye-border: rgba(212, 175, 55, 0.2);\n --sbmeye-border-hover: rgba(249, 229, 150, 0.6);\n --sbmeye-alert: #ff5252;\n \n background-color: var(--sbmeye-bg-deep);\n color: var(--sbmeye-text-main);\n font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.7;\n overflow: hidden;\n position: relative;\n padding: 40px 0;\n border-radius: 20px;\n box-shadow: 0 0 80px rgba(156, 39, 176, 0.05) inset;\n }\n\n .sbmeye-premium-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .sbmeye-premium-wrapper img {\n max-width: 100%;\n height: auto;\n border-radius: 16px;\n display: block;\n margin: 0 auto;\n box-shadow: 0 15px 40px rgba(0,0,0,0.6);\n border: 1px solid rgba(255,255,255,0.05);\n }\n\n .sbmeye-container {\n max-width: 900px;\n margin: 0 auto;\n padding: 0 20px;\n position: relative;\n z-index: 2;\n }\n\n \/* === Ambient Starry Night Background === *\/\n .sbmeye-ambient-particles {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n pointer-events: none;\n overflow: hidden;\n background: radial-gradient(circle at 15% 30%, rgba(156, 39, 176, 0.08), transparent 50%),\n radial-gradient(circle at 85% 70%, rgba(212, 175, 55, 0.05), transparent 50%);\n }\n\n .sbmeye-particle {\n position: absolute;\n background: radial-gradient(circle, var(--sbmeye-glow-gold) 0%, transparent 70%);\n border-radius: 50%;\n bottom: -100px;\n animation: floatUpEye 18s infinite ease-in-out;\n filter: blur(5px);\n }\n\n @keyframes floatUpEye {\n 0% { transform: translateY(0) scale(0.5) translateX(0); opacity: 0; }\n 20% { opacity: 0.7; }\n 80% { opacity: 0.3; }\n 100% { transform: translateY(-1600px) scale(1.5) translateX(-40px); opacity: 0; }\n }\n\n \/* === Typography \u0026 Headers === *\/\n .sbmeye-title-glow {\n display: block;\n width: 100%;\n font-size: clamp(26px, 4.5vw, 42px);\n font-weight: 900;\n text-align: center;\n margin-bottom: 25px;\n line-height: 1.4;\n color: #fff;\n text-shadow: 0 5px 25px rgba(0,0,0,0.8);\n }\n\n .sbmeye-title-glow span {\n background: linear-gradient(135deg, var(--sbmeye-gold-light) 0%, var(--sbmeye-gold-main) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n text-shadow: 0 0 20px var(--sbmeye-glow-gold);\n }\n\n .sbmeye-section-title {\n display: block;\n width: 100%;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 800;\n color: var(--sbmeye-gold-light);\n text-align: center;\n margin: 60px auto 30px;\n position: relative;\n line-height: 1.5;\n }\n\n .sbmeye-section-title::after {\n content: '';\n position: absolute;\n bottom: -15px;\n left: 50%;\n transform: translateX(-50%);\n width: clamp(80px, 30%, 150px);\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--sbmeye-gold-main), transparent);\n border-radius: 10px;\n box-shadow: 0 0 10px var(--sbmeye-gold-main);\n }\n\n \/* === Hero Section === *\/\n .sbmeye-hero {\n text-align: center;\n padding: 20px 0 40px;\n }\n\n .sbmeye-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n border: 1px solid var(--sbmeye-gold-main);\n color: var(--sbmeye-gold-light);\n padding: 8px 25px;\n border-radius: 30px;\n font-size: 0.95rem;\n font-weight: bold;\n margin-bottom: 25px;\n box-shadow: 0 0 20px var(--sbmeye-glow-gold);\n }\n \n .sbmeye-hero-subtitle {\n font-size: 1.15rem;\n color: var(--sbmeye-text-muted);\n max-width: 800px;\n margin: 0 auto 30px;\n font-weight: 500;\n line-height: 1.8;\n }\n\n \/* === Glassmorphism Cards === *\/\n .sbmeye-glass-box {\n background: var(--sbmeye-bg-card);\n backdrop-filter: blur(15px);\n -webkit-backdrop-filter: blur(15px);\n border: 1px solid var(--sbmeye-border);\n border-radius: 20px;\n padding: 40px;\n margin: 40px 0;\n box-shadow: 0 20px 50px rgba(0,0,0,0.8);\n position: relative;\n overflow: hidden;\n text-align: center;\n }\n\n .sbmeye-glass-box::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 4px;\n height: 100%;\n background: linear-gradient(180deg, var(--sbmeye-gold-light), var(--sbmeye-purple-accent), transparent);\n box-shadow: 0 0 15px var(--sbmeye-gold-main);\n }\n\n \/* === Benefits Grid === *\/\n .sbmeye-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 25px;\n margin: 40px 0;\n }\n\n .sbmeye-card {\n background: linear-gradient(145deg, rgba(25, 10, 35, 0.7), rgba(10, 5, 15, 0.9));\n border: 1px solid rgba(212, 175, 55, 0.15);\n border-radius: 16px;\n padding: 30px 25px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n position: relative;\n overflow: hidden;\n text-align: left;\n z-index: 1;\n }\n\n .sbmeye-card::after {\n content: '';\n position: absolute;\n bottom: -50%;\n right: -50%;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle, rgba(156, 39, 176, 0.1) 0%, transparent 70%);\n z-index: -1;\n transition: all 0.5s;\n }\n\n .sbmeye-card:hover {\n transform: translateY(-8px);\n border-color: var(--sbmeye-gold-main);\n box-shadow: 0 15px 30px rgba(212, 175, 55, 0.15);\n background: rgba(35, 15, 45, 0.8);\n }\n\n .sbmeye-card:hover::after {\n bottom: -10%;\n right: -10%;\n }\n\n .sbmeye-icon {\n width: 55px;\n height: 55px;\n background: rgba(212, 175, 55, 0.1);\n border: 1px solid rgba(212, 175, 55, 0.3);\n border-radius: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 20px;\n color: var(--sbmeye-gold-light);\n font-size: 26px;\n transition: all 0.3s ease;\n position: relative;\n z-index: 1;\n }\n \n .sbmeye-card:hover .sbmeye-icon {\n background: linear-gradient(135deg, var(--sbmeye-gold-main), var(--sbmeye-gold-light));\n color: #000;\n transform: scale(1.1) rotate(5deg);\n box-shadow: 0 0 20px var(--sbmeye-glow-gold);\n border-color: transparent;\n }\n\n .sbmeye-card h3 {\n font-size: 1.25rem;\n color: #fff;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n\n .sbmeye-card p {\n color: var(--sbmeye-text-muted);\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* === Scientific Triad (The 3 Pillars) === *\/\n .sbmeye-triad {\n display: flex;\n flex-direction: column;\n gap: 20px;\n margin: 40px 0;\n }\n\n @media (min-width: 768px) {\n .sbmeye-triad {\n flex-direction: row;\n justify-content: center;\n }\n .sbmeye-triad-item {\n flex: 1;\n }\n }\n\n .sbmeye-triad-item {\n background: rgba(0,0,0,0.5);\n border: 1px dashed var(--sbmeye-gold-main);\n padding: 30px 20px;\n border-radius: 16px;\n text-align: center;\n transition: all 0.3s;\n position: relative;\n overflow: hidden;\n }\n\n .sbmeye-triad-item:hover {\n transform: translateY(-5px);\n background: rgba(212, 175, 55, 0.05);\n box-shadow: 0 10px 25px var(--sbmeye-glow-gold);\n }\n\n .sbmeye-triad-num {\n font-size: 3.5rem;\n font-weight: 900;\n color: rgba(212, 175, 55, 0.15);\n line-height: 1;\n position: absolute;\n top: 10px;\n right: 20px;\n z-index: 0;\n }\n\n .sbmeye-triad-item h4 {\n color: var(--sbmeye-gold-light);\n font-size: 1.3rem;\n margin-bottom: 10px;\n position: relative;\n z-index: 1;\n }\n\n .sbmeye-triad-item p {\n color: #fff;\n font-size: 0.95rem;\n line-height: 1.6;\n position: relative;\n z-index: 1;\n }\n\n \/* === Usage Steps List === *\/\n .sbmeye-step-list {\n list-style: none;\n display: grid;\n grid-template-columns: 1fr;\n gap: 15px;\n }\n\n .sbmeye-step-item {\n display: flex;\n align-items: center;\n gap: 20px;\n background: rgba(255,255,255,0.02);\n border: 1px solid var(--sbmeye-border);\n padding: 20px;\n border-radius: 16px;\n transition: all 0.3s;\n }\n\n .sbmeye-step-item:hover {\n border-color: var(--sbmeye-gold-light);\n background: rgba(212, 175, 55, 0.05);\n transform: translateX(-5px);\n }\n\n .sbmeye-step-num {\n width: 45px;\n height: 45px;\n min-width: 45px;\n background: var(--sbmeye-bg-deep);\n border: 2px solid var(--sbmeye-gold-main);\n color: var(--sbmeye-gold-light);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.2rem;\n font-weight: bold;\n box-shadow: 0 0 15px var(--sbmeye-glow-gold);\n }\n\n \/* === Warning Box === *\/\n .sbmeye-warning-box {\n background: linear-gradient(145deg, rgba(255, 82, 82, 0.1), rgba(0,0,0,0.8));\n border: 1px solid rgba(255, 82, 82, 0.3);\n border-right: 4px solid var(--sbmeye-alert);\n padding: 25px;\n border-radius: 12px;\n margin: 30px 0;\n text-align: left;\n }\n\n .sbmeye-warning-box h3 {\n color: var(--sbmeye-alert);\n font-size: 1.25rem;\n margin-bottom: 10px;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n \/* === Animations === *\/\n .sbmeye-reveal {\n opacity: 0;\n transform: translateY(40px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .sbmeye-reveal.sbmeye-active {\n opacity: 1;\n transform: translateY(0);\n }\n\n .sbmeye-delay-1 { transition-delay: 0.1s; }\n .sbmeye-delay-2 { transition-delay: 0.2s; }\n\n @media (max-width: 768px) {\n .sbmeye-hero { padding: 10px 0 20px; }\n .sbmeye-step-item { flex-direction: column; text-align: center; }\n .sbmeye-step-num { margin-left: 0; margin-bottom: 15px; }\n }\n \u003c\/style\u003e\n\u003c!-- Ambient Starry Particles --\u003e\n\u003cdiv class=\"sbmeye-ambient-particles\" id=\"sbmeye-particles-ar\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sbmeye-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"sbmeye-hero sbmeye-reveal sbmeye-active\"\u003e\n\u003cdiv class=\"sbmeye-badge\"\u003eThe radical triple action solution\u003c\/div\u003e\n\u003ch1 class=\"sbmeye-title-glow\"\u003eAwaken the youth of your eyes: \u003cspan\u003eGoodbye to dark circles and deep wrinkles!\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"sbmeye-hero-subtitle\"\u003e\n Dark circles, fine lines, and sagging reveal fatigue and age. The skin around the eyes is very thin and needs exceptional care that regular creams do not provide.\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 Discover the power \u003cstrong\u003e\"triple effect\"\u003c\/strong\u003e With this charming cream. An advanced medical formula designed at the molecular level to penetrate delicate skin with complete safety. It powerfully erases wrinkles \u003cstrong\u003eRetinol\u003c\/strong\u003eIt breaks up dark pigmentation with \u003cstrong\u003eNiacinamide and tranexamic acid\u003c\/strong\u003eIt fills the gaps with intense hydration.\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;\"\u003eHow does this cream excel? (The Mystery of the Holy Trinity)\u003c\/h2\u003e\n\u003cp style=\"color: var(--sbmeye-text-muted); font-size: 1.1rem; line-height: 1.8; margin-bottom: 30px;\"\u003e\n In eye care products, there is a very fine line between “effectiveness” and “irritation.” This weak skin gets damaged quickly. But Some By Mi achieves the impossible formula: maximum effectiveness with maximum gentleness and compatibility.\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 and retinal (anti-aging)\u003c\/h4\u003e\n\u003cp\u003eAn ideal and safe concentration (0.1%) that accelerates cell regeneration, stimulates collagen production, and smoothes fine lines (crow's feet) without causing redness or annoying 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\u003eNiacinamide + Tranexamic (lightening circles)\u003c\/h4\u003e\n\u003cp\u003eThe team specializes in breaking down melanin pigment. Tranexamic acid stops pigmentation at its roots, while niacinamide evens skin tone to eliminate the appearance of black or brown fatigue.\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 (repair and protect)\u003c\/h4\u003e\n\u003cp\u003eExclusive technology from Cica to instantly soothe delicate skin, supported by hyaluronic acid and panthenol to lock moisture deep inside and give the eyes a plump and firm appearance.\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\"\u003eWhat will this elixir do for your eyes?\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\u003eDark circles elastic\u003c\/h3\u003e\n\u003cp\u003eIt works double powerfully to lighten dark eye contours and even out skin tone, giving you a awake and energized look even without 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\u003eIroning wrinkles and lines\u003c\/h3\u003e\n\u003cp\u003eThe power of gentle retinol targets expression lines and laugh wrinkles, tightening sagging skin and restoring lost elasticity.\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\u003ePlumbing\u003c\/h3\u003e\n\u003cp\u003eIntense hydration penetrates deep into the layers thanks to hyaluronic acid, filling sunken spaces and preventing the skin from drying out and cracking.\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\u003eHypoallergenic Shield\u003c\/h3\u003e\n\u003cp\u003eSpecially designed to suit the very sensitive skin around the eyes, thanks to the Truecica complex that prevents any redness or irritation typical of 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⚠️ Important warning: Strength requires gradual use!\u003c\/h3\u003e\n\u003cp style=\"color: var(--sbmeye-text-muted); line-height: 1.8;\"\u003e\n Because this product contains active retinol, it is important to get your skin used to it slowly to avoid dryness or irritation. \u003cbr\/\u003e\n\u003cstrong style=\"color: #fff;\"\u003eWeek 1 and 2:\u003c\/strong\u003e Use it only two to three times a week, in the evening \u003cstrong\u003eOnly\u003c\/strong\u003e. \u003cbr\/\u003e\n\u003cstrong style=\"color: #fff;\"\u003eWeek 3 and beyond:\u003c\/strong\u003e You can use it daily or every other day depending on your skin tolerance. \u003cbr\/\u003e\n\u003cstrong style=\"color: var(--sbmeye-alert); display: block; margin-top: 10px;\"\u003eVery necessary: You must use sunscreen (SPF) the next morning, because retinol increases the skin’s sensitivity to the sun.\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\"\u003eProfessional user guide\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;\"\u003ePreparation\u003c\/h4\u003e\n\u003cp style=\"color: var(--sbmeye-text-muted); font-size: 0.95rem;\"\u003eClean your face well before going to sleep, and dry the area around the eyes completely.\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;\"\u003eThe magic quantity\u003c\/h4\u003e\n\u003cp style=\"color: var(--sbmeye-text-muted); font-size: 0.95rem;\"\u003eApply a very small amount (about the size of a pea, enough for both eyes) on the ring finger (the one with the weakest pressure).\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;\"\u003eNice plumpness\u003c\/h4\u003e\n\u003cp style=\"color: var(--sbmeye-text-muted); font-size: 0.95rem;\"\u003eSpread the cream very lightly around the eye bone (avoid moving upper eyelid and getting too close to the eyelashes) until it is completely absorbed.\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);\"\u003eRestore the youthfulness of your eyes with one touch every night!\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 Don't let fatigue and the signs of time steal the beauty of your outlook. One package of \u003cstrong\u003eSome By Mi Retinol Eye Cream\u003c\/strong\u003e Enough for several months of advanced care that will radically change the shape of your eye contour.\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 Order it now, and turn your sleep into a complete treatment and rejuvenation session!\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":46999386390702,"sku":null,"price":19.8,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/some_by_mi_retinol_intense_advanced_triple_action_eye_cream.jpg?v=1788175416"},{"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\u003eToday's wrinkles are tomorrow's aging – now is the time for change!\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\u003eBecause every day that goes without care is a step closer to your skin losing its elasticity and charm.\u003c\/em\u003e\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003eThe comprehensive formula for eyes and skin\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003eCombine the concentrated power of eye cream and serum for a comprehensive transformation that leaves you with line-free, radiant-smooth skin.\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\u003eStep 1: Triple Action Eye Cream\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eWith each application, this cream gives you a complete treatment:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eImprove wrinkles and elasticity:\u003c\/strong\u003e Thanks to retinol and retinal, it promotes collagen production to lift and tighten the skin around the eyes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLighten and correct dark color:\u003c\/strong\u003e Niacinamide restores radiance to your eyes and eliminates the appearance of fatigue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eInstant soothing and hydration:\u003c\/strong\u003e The formula enriched with Truecica and Glacial Water gives deep soothing to sensitive skin.\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\u003eStep two: serum\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eExperience the retinol revolution concentrated on your skin!\u003cbr\/\u003e\u003cem\u003eThis formula contains the perfect concentration of retinol so you can get the most out of your skin without any irritation or redness.\u003c\/em\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eSkin rejuvenation:\u003c\/strong\u003e Retinol supports skin texture by accelerating cell turnover and renewing the skin from the inside out.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eShrink pores and restore smoothness:\u003c\/strong\u003e Thanks to plant collagen and peptides, it refines the appearance of pores while providing deep, lasting hydration.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSustainable protection:\u003c\/strong\u003e The blend of vitamins and soothing ingredients ensures radiant, stress-free skin.\u003c\/li\u003e\n\u003cli\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cstrong\u003eComprehensive care, amazing results\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eTogether, the cream and serum work in harmony to repair and rejuvenate your skin from the inside out, leaving your eyes and skin soft, elastic, and youthful.\u003cstrong\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eHow does the duo work to achieve unparalleled results?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch4\u003e\u003cstrong\u003eTriple effect eye cream\u003c\/strong\u003e\u003c\/h4\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eStimulate collagen production:\u003c\/strong\u003e\u003cbr\/\u003eThanks to the combination of retinol and retinal, the cream accelerates the process of skin cell renewal and promotes natural collagen production. This restores elasticity to the skin around the eyes and significantly reduces wrinkles.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eCorrection of dark circles:\u003c\/strong\u003e\u003cbr\/\u003eNiacinamide, known for its superior brightening ability, effectively reduces hyperpigmentation around the eyes, bringing back radiance to your face.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eReduce irritation and redness:\u003c\/strong\u003e\u003cbr\/\u003eTruecica and glacial water ingredients instantly soothe sensitive skin, making it suitable even for stressed skin.\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\u003eDeep skin rejuvenation:\u003c\/strong\u003e\u003cbr\/\u003eRetinol and retinal promote cell turnover and tissue regeneration, reducing fine lines \u0026amp; wrinkles and significantly improving skin elasticity.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eMultilayer hydration:\u003c\/strong\u003e\u003cbr\/\u003eThanks to hyaluronic acid and peptides, the serum provides deep hydration that penetrates the layers of the skin to replenish its internal hydration.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eImprove skin texture:\u003c\/strong\u003e\u003cbr\/\u003ePlant collagen reduces the appearance of pores, giving skin a smoother and firmer appearance.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eProtecting the skin from environmental stress:\u003c\/strong\u003e\u003cbr\/\u003eThe serum contains soothing ingredients and vitamins that prevent inflammation and maintain skin balance.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003chr\/\u003e\n\u003ch3\u003e\u003cstrong\u003eThe perfect harmony between products\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eUsing cream and serum together:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eEye cream targets the sensitive skin around the eyes with immediate effect.\u003c\/li\u003e\n\u003cli\u003eThe serum comprehensively repairs the skin to improve its texture, moisturize and rejuvenate it.\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\u003eListen to your skin's call today, because tomorrow may bring more lines that are difficult to erase.\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003e\u003cem\u003e\u003cstrong\u003eResults aren't just promises, they're reality, proven by wrinkle improvement tests and customer satisfaction. Are you ready for change?\u003cbr\/\u003e\u003c\/strong\u003e\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003e\u003cstrong\u003eStart your journey towards perfect skin now, before the effects of time accumulate and make the road longer.\u003c\/strong\u003e\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999387177134,"sku":null,"price":17.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_3.webp?v=1788175413"},{"product_id":"somebymi-retinol-intense-reactivating-serum","title":"SOME BY MI Retinol Intense Reactivating Serum | Wrinkle correction serum Restore skin elasticity","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\"\u003eWrinkles are not just lines... they are a call for help!\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"sbm-subtitle sbm-reveal delay-1\"\u003e\n This serum does not provide temporary solutions, but rather creates radical changes at the cellular level to restore the vitality and freshness of the skin that has been damaged over time.\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\u003eOver time, you become... \u003cstrong class=\"sbm-text-gold\"\u003eFine Lines \u0026amp; Wrinkles\u003c\/strong\u003e Warning signs that the skin is losing its natural ability to regenerate. These annoying signs will not simply disappear, but rather require advanced scientific intervention to prevent the effects of aging from controlling facial features.\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 Early intervention is the secret to restoring youthful and vibrant skin.\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\"\u003eHighly specialized formula for all types of wrinkles\u003c\/h2\u003e\n\u003cp class=\"sbm-subtitle sbm-reveal\"\u003eThe ingredients in this serum do not only work on surface treatment, but also target every type of wrinkle with a customized mechanism.\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\"\u003eDynamic wrinkles\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\"\u003eIt appears as a result of repeated facial movements such as a constant smile or frown.\u003c\/p\u003e\n\u003cdiv class=\"sbm-acc-ing\"\u003e\n\u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eBakuchiol and retinol:\u003c\/span\u003e They stimulate collagen production from within, effectively reducing the appearance and depth of these wrinkles.\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\"\u003eExpression wrinkles\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\"\u003eThey are formed and consolidated due to repetitive facial expressions and stress.\u003c\/p\u003e\n\u003cdiv class=\"sbm-acc-ing\"\u003e\n\u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eNiacinamide:\u003c\/span\u003e It improves overall skin elasticity, reducing the severity of these wrinkles and preventing their stability.\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\"\u003eForehead wrinkles\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\"\u003eThey appear occasionally and clearly due to the continuous loss of collagen in this area.\u003c\/p\u003e\n\u003cdiv class=\"sbm-acc-ing\"\u003e\n\u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eCollagen and comfrey:\u003c\/span\u003e They contribute to strengthening the skin’s supportive structure and filling wrinkles in this particular area.\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\"\u003eFine Lines\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\"\u003eFine lines appear early and are often due to severe dryness and a weak protective barrier.\u003c\/p\u003e\n\u003cdiv class=\"sbm-acc-ing\"\u003e\n\u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eTocopherol and panthenol:\u003c\/span\u003e They provide deep hydration that locks in moisture, plumping the skin and instantly concealing those lines.\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 is the skin's shield against aging factors\u003c\/h2\u003e\n\u003cp class=\"sbm-subtitle sbm-reveal\"\u003eThis serum works to restore vitality and elasticity that has been lost over time thanks to scientifically studied active ingredients.\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\u003ePure retinol\u003c\/h3\u003e\n\u003cul class=\"sbm-list gold-checks\" style=\"margin-top: 15px;\"\u003e\n\u003cli\u003eRenews skin cells and improves their surface appearance.\u003c\/li\u003e\n\u003cli\u003eStimulates the production of collagen and elastin from within.\u003c\/li\u003e\n\u003cli\u003eReduces pigmentation and unifies skin tone.\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\u003eThe natural and safe alternative to retinol.\u003c\/li\u003e\n\u003cli\u003ePowerful antioxidant that protects against environmental damage.\u003c\/li\u003e\n\u003cli\u003eGently reduces wrinkles and fine lines.\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 technology\u003c\/h3\u003e\n\u003cul class=\"sbm-list gold-checks\" style=\"margin-top: 15px;\"\u003e\n\u003cli\u003eIntelligent packaging delivers ingredients to deeper layers.\u003c\/li\u003e\n\u003cli\u003eImproves absorption of active ingredients without wastage.\u003c\/li\u003e\n\u003cli\u003ePrevents surface irritation and increases the effectiveness of the ingredients.\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\"\u003eHow to Use (safe and effective routine)\u003c\/h2\u003e\n\u003cp class=\"sbm-subtitle sbm-reveal\"\u003eSimple steps to introduce retinol into your care routine effectively and safely.\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\u003eFacial cleaning\u003c\/h4\u003e\n\u003cp\u003eGently cleanse the skin using a suitable cleanser to remove impurities and prepare pores.\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\u003eToner application\u003c\/h4\u003e\n\u003cp\u003eIt is preferable to use a moisturizing toner to prepare the skin and make it more able to absorb the serum.\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\u003eThe right amount\u003c\/h4\u003e\n\u003cp\u003eDistribute a very small amount (pea-sized) onto fingertips to prevent excess.\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\u003eDistribute gently\u003c\/h4\u003e\n\u003cp\u003eGently spread the serum on the face, focusing on areas of wrinkles and fine lines.\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);\"\u003eGradual use (very important)\u003c\/h4\u003e\n\u003cp style=\"max-width: 600px; margin: 0 auto;\"\u003ePlease start using the serum only once or twice a week (at night). Then gradually increase the frequency according to skin tolerance. \u003cstrong style=\"color: var(--sbm-gold);\"\u003eSunscreen should be used during the day.\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":46999387766958,"sku":null,"price":21.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/some_by_mi_retinol_reactivating_serum_caff1239-261d-443e-a421-72a340ad82ca.jpg?v=1788175412"},{"product_id":"cosrx-advanced-snail-96-mucin","title":"COSRX Advanced Snail 96 Mucin Power Essence, 100ml | Snail generation","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 \/* Styles *\/\n --cs-neon-gold: #ffd24a;\n --cs-amber-accent: #f5c518;\n --cs-neon-mint: #00e5a3;\n --cs-glow-gold: rgba(255, 210, 74, 0.45);\n --cs-glow-mint: rgba(0, 229, 163, 0.4);\n\n --cs-text-pure: #ffffff;\n --cs-border: rgba(245, 197, 24, 0.25);\n --cs-border-hover: rgba(255, 210, 74, 0.85);\n\n background-color: var(--cs-bg-base);\n color: var(--cs-text-pure);\n font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.8;\n width: 100%;\n max-width: 100%;\n position: relative;\n padding: 40px 0;\n border-radius: 24px;\n box-shadow: inset 0 0 120px rgba(245, 197, 24, 0.08);\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n }\n\n .cs-ultimate-container * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .neon-gold {\n color: var(--cs-neon-gold) !important;\n text-shadow: 0 0 10px var(--cs-glow-gold), 0 0 20px var(--cs-glow-gold);\n font-weight: 900;\n }\n\n .neon-mint {\n color: var(--cs-neon-mint) !important;\n text-shadow: 0 0 10px var(--cs-glow-mint), 0 0 20px var(--cs-glow-mint);\n font-weight: 900;\n }\n\n .pure-white {\n color: #ffffff !important;\n font-weight: 600;\n }\n\n \/* Styles *\/\n .cs-ultimate-container img {\n width: 100%;\n max-width: 100% !important;\n height: auto !important;\n border-radius: 18px;\n display: block;\n margin-left: auto !important;\n margin-right: auto !important;\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9);\n border: 1px solid rgba(245, 197, 24, 0.25);\n box-sizing: border-box;\n object-fit: contain;\n }\n\n .cs-img-md {\n max-width: 650px !important;\n width: 100%;\n margin-left: auto !important;\n margin-right: auto !important;\n display: block;\n text-align: center;\n }\n\n .cs-container {\n max-width: 940px;\n width: 100%;\n margin: 0 auto;\n padding: 0 20px;\n position: relative;\n z-index: 2;\n box-sizing: border-box;\n }\n\n .cs-ambient-bg {\n position: absolute;\n top: 0; left: 0; width: 100%; height: 100%;\n z-index: 0; pointer-events: none; overflow: hidden;\n }\n\n .cs-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(110px);\n opacity: 0.32;\n animation: csOrbFloat 18s infinite alternate ease-in-out;\n pointer-events: none;\n }\n\n .cs-orb-1 {\n width: 500px; height: 500px;\n background: radial-gradient(circle, rgba(245, 197, 24, 0.22) 0%, transparent 70%);\n top: -100px; right: -120px;\n }\n\n .cs-orb-2 {\n width: 550px; height: 550px;\n background: radial-gradient(circle, rgba(0, 229, 163, 0.16) 0%, transparent 70%);\n bottom: 15%; left: -140px;\n animation-delay: -6s;\n }\n\n @keyframes csOrbFloat {\n 0% { transform: translate(0, 0) scale(1); }\n 100% { transform: translate(40px, 80px) scale(1.15); }\n }\n\n .cs-title-glow {\n display: block;\n width: 100%;\n font-size: clamp(28px, 5.2vw, 44px);\n font-weight: 900;\n text-align: center;\n margin-bottom: 25px;\n line-height: 1.4;\n color: #ffffff;\n text-shadow: 0 0 30px rgba(245, 197, 24, 0.45);\n word-wrap: break-word;\n }\n\n .cs-section-title {\n display: block;\n width: 100%;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: #ffffff;\n text-align: center;\n margin: 60px auto 30px;\n position: relative;\n line-height: 1.4;\n word-wrap: break-word;\n }\n\n .cs-section-title::after {\n content: '';\n display: block;\n width: clamp(80px, 30%, 150px);\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--cs-amber-accent), var(--cs-neon-gold), transparent);\n border-radius: 10px;\n margin: 14px auto 0;\n box-shadow: 0 0 15px var(--cs-glow-gold);\n }\n\n .cs-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: rgba(245, 197, 24, 0.15);\n border: 1.5px solid var(--cs-amber-accent);\n color: #ffffff;\n padding: 9px 28px;\n border-radius: 40px;\n font-size: 1.05rem;\n font-weight: 900;\n margin-bottom: 25px;\n box-shadow: 0 0 25px var(--cs-glow-gold);\n letter-spacing: 0.5px;\n }\n\n .cs-gold-dot {\n width: 8px; height: 8px;\n background: var(--cs-neon-gold);\n border-radius: 50%;\n box-shadow: 0 0 10px var(--cs-neon-gold);\n display: inline-block;\n }\n\n .cs-sub-text {\n font-size: 1.25rem;\n color: #ffffff;\n max-width: 840px;\n margin: 0 auto 35px;\n font-weight: 600;\n line-height: 1.85;\n border-right: 4px solid var(--cs-amber-accent);\n padding-right: 20px;\n background: linear-gradient(90deg, transparent, rgba(245, 197, 24, 0.08));\n border-radius: 12px 0 0 12px;\n text-align: left;\n }\n\n .cs-art-divider {\n width: 100%;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--cs-amber-accent), var(--cs-neon-gold), var(--cs-amber-accent), transparent);\n margin: 35px 0;\n position: relative;\n box-shadow: 0 0 15px var(--cs-glow-gold);\n }\n\n .cs-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 35px 0;\n width: 100%;\n }\n\n .cs-card {\n background: linear-gradient(145deg, rgba(20, 16, 12, 0.92), rgba(10, 8, 6, 0.98));\n border: 1px solid var(--cs-border);\n border-radius: 18px;\n padding: 26px 20px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n position: relative;\n text-align: left;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n min-width: 0;\n word-break: break-word;\n }\n\n .cs-card:hover {\n transform: translateY(-8px);\n border-color: var(--cs-neon-gold);\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--cs-glow-gold);\n background: var(--cs-bg-card-hover);\n }\n\n .cs-icon-wrap {\n width: 52px; height: 52px;\n background: rgba(8, 6, 4, 0.9);\n border: 1.5px solid rgba(245, 197, 24, 0.35);\n border-radius: 14px;\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 16px;\n color: var(--cs-neon-gold);\n transition: transform 0.3s ease, background 0.3s ease;\n box-shadow: 0 0 15px rgba(245, 197, 24, 0.15);\n flex-shrink: 0;\n }\n\n .cs-card:hover .cs-icon-wrap {\n transform: scale(1.1) rotate(-5deg);\n background: var(--cs-amber-accent);\n color: #050403;\n border-color: transparent;\n box-shadow: 0 0 25px var(--cs-neon-gold);\n }\n\n .cs-icon-wrap svg {\n width: 26px; height: 26px;\n }\n\n .cs-card h3 {\n font-size: 1.25rem;\n color: #ffffff;\n margin-bottom: 10px;\n font-weight: 800;\n line-height: 1.4;\n }\n\n .cs-card p {\n color: #ffffff;\n font-size: 1rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-ingredient-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: rgba(245, 197, 24, 0.14);\n border: 1px solid var(--cs-amber-accent);\n color: var(--cs-neon-gold);\n padding: 5px 14px;\n border-radius: 8px;\n font-size: 0.92rem;\n font-weight: 800;\n margin-bottom: 12px;\n box-shadow: 0 0 12px rgba(245, 197, 24, 0.2);\n width: fit-content;\n max-width: 100%;\n white-space: normal;\n word-break: break-word;\n }\n\n .cs-ingredient-tag.mint {\n background: rgba(0, 229, 163, 0.14);\n border-color: var(--cs-neon-mint);\n color: var(--cs-neon-mint);\n box-shadow: 0 0 12px rgba(0, 229, 163, 0.25);\n }\n\n .cs-glass-box {\n background: var(--cs-bg-card);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border: 1px solid var(--cs-border);\n border-radius: 20px;\n padding: 35px 25px;\n margin: 35px auto;\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);\n position: relative;\n max-width: 880px;\n width: 100%;\n }\n\n .cs-glass-box::before {\n content: '';\n position: absolute;\n top: 0; right: 0; width: 4px; height: 100%;\n background: linear-gradient(180deg, var(--cs-amber-accent), var(--cs-neon-gold), var(--cs-neon-mint), transparent);\n }\n\n .cs-glass-box p, \n .cs-glass-box li {\n color: #ffffff;\n font-size: 1.12rem;\n font-weight: 600;\n line-height: 1.85;\n }\n\n .cs-dilemma-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 18px;\n margin-top: 25px;\n width: 100%;\n text-align: left;\n }\n\n .cs-dilemma-card {\n background: rgba(255, 255, 255, 0.04);\n border: 1px solid var(--cs-border);\n border-radius: 16px;\n padding: 22px 18px;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-dilemma-card.conflict {\n border-right: 4.5px solid #ff4444;\n background: linear-gradient(145deg, rgba(35, 10, 12, 0.85), rgba(12, 4, 6, 0.95));\n }\n\n .cs-dilemma-card.harmony {\n border-right: 4.5px solid var(--cs-neon-gold);\n background: linear-gradient(145deg, rgba(28, 22, 12, 0.85), rgba(12, 10, 6, 0.95));\n }\n\n .cs-dilemma-card h4 {\n font-size: 1.15rem;\n font-weight: 800;\n margin-bottom: 10px;\n line-height: 1.4;\n }\n\n .cs-dilemma-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-spa-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 18px;\n margin-top: 25px;\n width: 100%;\n text-align: left;\n }\n\n .cs-spa-card {\n background: linear-gradient(145deg, rgba(24, 18, 12, 0.9), rgba(10, 8, 6, 0.98));\n border: 1px solid var(--cs-border);\n border-right: 4.5px solid var(--cs-amber-accent);\n border-radius: 16px;\n padding: 22px 18px;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-spa-card:hover {\n transform: translateY(-5px);\n border-right-color: var(--cs-neon-gold);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.8), 0 0 20px rgba(245, 197, 24, 0.2);\n }\n\n .cs-spa-card h4 {\n font-size: 1.15rem;\n font-weight: 800;\n margin-bottom: 8px;\n line-height: 1.4;\n }\n\n .cs-spa-card p {\n color: #ffffff;\n font-size: 0.96rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-science-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 22px;\n margin: 35px 0;\n width: 100%;\n }\n\n .cs-science-card {\n background: linear-gradient(145deg, rgba(20, 16, 12, 0.94), rgba(10, 8, 6, 0.98));\n border: 1px solid var(--cs-border);\n border-radius: 18px;\n padding: 26px 20px;\n text-align: left;\n transition: all 0.4s ease;\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n min-width: 0;\n }\n\n .cs-science-card:hover {\n transform: translateY(-8px);\n border-color: var(--cs-neon-gold);\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--cs-glow-gold);\n background: var(--cs-bg-card-hover);\n }\n\n .cs-science-card h4 {\n font-size: 1.3rem;\n color: #ffffff;\n font-weight: 900;\n margin-bottom: 6px;\n }\n\n .cs-science-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.7;\n font-weight: 500;\n margin-bottom: 14px;\n }\n\n .cs-science-card ul {\n list-style: none;\n padding: 0;\n }\n\n .cs-science-card li {\n position: relative;\n padding-right: 20px;\n margin-bottom: 8px;\n color: #ffffff;\n font-size: 0.95rem;\n line-height: 1.6;\n font-weight: 500;\n }\n\n .cs-science-card li::before {\n content: '✓';\n position: absolute;\n right: 0; top: 0;\n color: var(--cs-neon-gold);\n font-weight: 900;\n }\n\n .cs-stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));\n gap: 18px;\n margin: 35px 0;\n width: 100%;\n }\n\n .cs-stat-box {\n background: rgba(18, 14, 10, 0.9);\n border: 1.5px solid var(--cs-border);\n border-radius: 18px;\n padding: 24px 16px;\n text-align: center;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-stat-box:hover {\n border-color: var(--cs-neon-gold);\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);\n }\n\n .cs-stat-num {\n font-size: clamp(32px, 5vw, 48px);\n font-weight: 900;\n line-height: 1;\n margin-bottom: 8px;\n direction: ltr;\n }\n\n .cs-stat-title {\n color: #ffffff;\n font-size: 1.08rem;\n font-weight: 800;\n margin-bottom: 4px;\n }\n\n .cs-stat-desc {\n color: #ffffff;\n font-size: 0.85rem;\n opacity: 0.95;\n line-height: 1.5;\n }\n\n .cs-timeline-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 16px;\n margin: 30px 0;\n width: 100%;\n }\n\n .cs-timeline-card {\n background: rgba(18, 14, 10, 0.88);\n border: 1px solid var(--cs-border);\n border-top: 4px solid var(--cs-neon-gold);\n border-radius: 16px;\n padding: 22px 16px;\n text-align: left;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-timeline-card:hover {\n transform: translateY(-6px);\n border-top-color: var(--cs-neon-mint);\n background: rgba(28, 22, 14, 0.95);\n }\n\n .cs-timeline-badge {\n display: inline-block;\n background: rgba(245, 197, 24, 0.14);\n color: var(--cs-neon-gold);\n font-weight: 900;\n padding: 4px 14px;\n border-radius: 20px;\n margin-bottom: 12px;\n font-size: 0.9rem;\n border: 1px solid var(--cs-border);\n white-space: nowrap;\n }\n\n .cs-timeline-card p {\n color: #ffffff;\n font-size: 0.95rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-value-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 18px;\n margin: 30px 0;\n width: 100%;\n }\n\n .cs-value-card {\n background: linear-gradient(145deg, rgba(20, 16, 12, 0.9), rgba(10, 8, 6, 0.98));\n border: 1px solid var(--cs-border);\n border-radius: 18px;\n padding: 26px 18px;\n text-align: left;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-value-card:hover {\n border-color: var(--cs-neon-gold);\n transform: translateY(-5px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.7);\n }\n\n .cs-value-num {\n width: 44px; height: 44px;\n background: rgba(245, 197, 24, 0.15);\n border: 1.5px solid var(--cs-amber-accent);\n border-radius: 12px;\n display: flex; align-items: center; justify-content: center;\n font-size: 1.2rem; font-weight: 900;\n color: var(--cs-neon-gold);\n margin-bottom: 14px;\n }\n\n .cs-value-card h3 {\n font-size: 1.2rem;\n font-weight: 900;\n margin-bottom: 8px;\n color: #ffffff;\n }\n\n .cs-value-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-steps-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 18px;\n margin: 30px 0;\n width: 100%;\n }\n\n .cs-step-card {\n background: rgba(18, 14, 10, 0.85);\n border: 1.5px dashed var(--cs-border);\n padding: 24px 16px;\n border-radius: 16px;\n text-align: center;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-step-card:hover {\n border-color: var(--cs-neon-gold);\n transform: translateY(-5px);\n background: rgba(28, 22, 14, 0.95);\n }\n\n .cs-step-num {\n width: 44px; height: 44px;\n background: linear-gradient(135deg, #2b220e, #0c0a06);\n border: 2px solid var(--cs-amber-accent);\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-size: 1.3rem; font-weight: 900;\n color: var(--cs-neon-gold);\n margin: 0 auto 14px;\n box-shadow: 0 0 15px var(--cs-glow-gold);\n }\n\n .cs-step-card h4 {\n color: var(--cs-neon-gold);\n font-size: 1.2rem;\n font-weight: 800;\n margin-bottom: 8px;\n }\n\n .cs-step-card p {\n color: #ffffff;\n font-size: 0.95rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-gold-btn {\n display: inline-block;\n background: linear-gradient(135deg, var(--cs-amber-accent), #ffe680, var(--cs-amber-accent));\n color: #000000 !important;\n padding: 16px 48px;\n border-radius: 40px;\n text-decoration: none;\n font-weight: 900;\n font-size: 1.25rem;\n box-shadow: 0 8px 30px rgba(245, 197, 24, 0.35);\n transition: all 0.3s ease;\n border: none;\n cursor: pointer;\n margin-top: 25px;\n }\n\n .cs-gold-btn:hover {\n transform: scale(1.05);\n box-shadow: 0 12px 40px rgba(255, 210, 74, 0.6);\n background: linear-gradient(135deg, #ffffff, var(--cs-neon-gold));\n }\n\n .cs-reveal {\n opacity: 0;\n transform: translateY(35px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .cs-reveal.cs-active {\n opacity: 1;\n transform: translateY(0);\n }\n\n .cs-delay-1 { transition-delay: 0.12s; }\n .cs-delay-2 { transition-delay: 0.24s; }\n\n @media (max-width: 768px) {\n .cs-ultimate-container { padding: 25px 0; }\n .cs-container { padding: 0 14px !important; }\n .cs-glass-box { padding: 22px 14px !important; }\n .cs-img-md { max-width: 100% !important; }\n\n .cs-benefits-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n margin: 20px 0 !important;\n width: 100% !important;\n }\n\n .cs-benefits-grid .cs-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-benefits-grid .cs-icon-wrap {\n width: 38px !important;\n height: 38px !important;\n margin-bottom: 10px !important;\n border-radius: 10px !important;\n }\n\n .cs-benefits-grid .cs-icon-wrap svg {\n width: 20px !important;\n height: 20px !important;\n }\n\n .cs-benefits-grid .cs-card h3 {\n font-size: 0.92rem !important;\n margin-bottom: 6px !important;\n line-height: 1.3 !important;\n }\n\n .cs-benefits-grid .cs-ingredient-tag {\n font-size: 0.72rem !important;\n padding: 3px 6px !important;\n margin-bottom: 6px !important;\n line-height: 1.25 !important;\n border-radius: 6px !important;\n }\n\n .cs-benefits-grid .cs-card p {\n font-size: 0.8rem !important;\n line-height: 1.5 !important;\n }\n\n .cs-dilemma-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-spa-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-spa-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-spa-card h4 {\n font-size: 0.92rem !important;\n margin-bottom: 6px !important;\n line-height: 1.35 !important;\n }\n\n .cs-spa-card p {\n font-size: 0.78rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-dilemma-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-dilemma-card h4 {\n font-size: 0.95rem !important;\n margin-bottom: 6px !important;\n }\n\n .cs-dilemma-card p {\n font-size: 0.78rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-science-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-science-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-science-card h4 {\n font-size: 0.95rem !important;\n margin-bottom: 2px !important;\n }\n\n .cs-science-card p {\n font-size: 0.78rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-science-card li {\n font-size: 0.74rem !important;\n padding-right: 16px !important;\n }\n\n .cs-stats-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-stat-box:last-child {\n grid-column: span 2 !important;\n }\n\n .cs-stat-box {\n padding: 16px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-stat-num {\n font-size: 30px !important;\n }\n\n .cs-stat-title {\n font-size: 0.85rem !important;\n }\n\n .cs-timeline-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-timeline-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-timeline-badge {\n font-size: 0.75rem !important;\n padding: 3px 8px !important;\n margin-bottom: 8px !important;\n }\n\n .cs-timeline-card p {\n font-size: 0.8rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-value-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-value-card:last-child {\n grid-column: span 2 !important;\n }\n\n .cs-value-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-value-num {\n width: 36px !important;\n height: 36px !important;\n font-size: 1rem !important;\n margin-bottom: 8px !important;\n }\n\n .cs-value-card h3 {\n font-size: 0.95rem !important;\n margin-bottom: 4px !important;\n }\n\n .cs-value-card p {\n font-size: 0.8rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-steps-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-step-card:last-child {\n grid-column: span 2 !important;\n }\n\n .cs-step-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-step-num {\n width: 38px !important;\n height: 38px !important;\n font-size: 1.1rem !important;\n margin-bottom: 8px !important;\n }\n\n .cs-step-card h4 {\n font-size: 0.95rem !important;\n margin-bottom: 4px !important;\n }\n\n .cs-step-card p {\n font-size: 0.8rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-title-glow { font-size: 24px; }\n .cs-section-title { font-size: 20px; }\n }\n \u003c\/style\u003e\n\n\u003cdiv class=\"cs-ambient-bg\"\u003e\n\u003cdiv class=\"cs-orb cs-orb-1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cs-orb cs-orb-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cheader class=\"cs-reveal cs-active\" style=\"text-align: center; padding: 20px 0 35px;\"\u003e\n\u003cdiv class=\"cs-badge\"\u003e\n\u003cspan class=\"cs-gold-dot\"\u003e\u003c\/span\u003e The world's No. 1 miracle serum for skin rejuvenation\n \u003c\/div\u003e\n\u003ch2 style=\"font-size: 1.25rem; color: var(--cs-amber-accent); margin-bottom: 12px; font-weight: 800;\"\u003eThe secret to clear skin is like pimples and treating the effects of pimples that has gone crazy in the world\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 Imagine one product that treats dryness, erases the effects of pimples, and gives you freshness from the first use! Thanks to concentration \u003cstrong class=\"neon-gold\"\u003e96.3% pure snail extract\u003c\/strong\u003eYour skin will drink moisture and be renewed from within, without any greasy or sticky feel.\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;\"\u003eStart your skin glow journey now\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 Cosmetic information that not everyone knows\n \u003c\/div\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 10px;\"\u003eWhy do the most expensive beauty salons in the world use snails?\u003c\/h2\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 1.25rem; font-weight: 800; margin-bottom: 20px;\"\u003eLet me tell you why rich people pay hundreds of dollars 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 In the most famous luxury beauty centers around the world, they noticed that snail farm workers have very soft hands and are completely free of wrinkles and wounds, and they ache at a strange speed! Hence, the skin treatment sessions with snails began.\n \u003c\/p\u003e\n\u003cdiv class=\"cs-spa-grid\"\u003e\n\u003cdiv class=\"cs-spa-card\"\u003e\n\u003ch4 class=\"neon-gold\"\u003eThe secret of instant freshness\u003c\/h4\u003e\n\u003cp\u003eSnail secretions treat skin damage very quickly, and restore the elasticity and natural shine that you see in the skin of celebrities.\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\"\u003eA natural alternative to collagen\u003c\/h4\u003e\n\u003cp\u003eThis secretion is full of vitamins and substances that tighten the face and reduce wrinkles and fine lines, as if you had made a natural 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\"\u003eHe treats himself\u003c\/h4\u003e\n\u003cp\u003eThe snail secretes this substance to treat its wounds in minutes.. So imagine what this substance will do to the pimples and scars that are about to occur!\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 brought the spa to you\u003c\/h4\u003e\n\u003cp\u003eInstead of spending thousands of dollars in one session, Cosrx has put the pure and sterile extract in a bottle that you can use every day in your home.\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\"\u003eWhy don't regular moisturizers work for you?\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 Regular moisturizers sit on the outside of the skin, but when your skin is stressed and has pimple marks, you need \u003cstrong class=\"neon-gold\"\u003ePowerful nutrition that penetrates deep into the skin\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;\"\u003eTraditional moisturizers\u003c\/h4\u003e\n\u003cp\u003eIt moisturizes only from the outside, and can clog pores and cause pimples, and as soon as you wash, the dryness will return again, as if you did nothing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-dilemma-card harmony\"\u003e\n\u003ch4 class=\"neon-gold\"\u003eSnail essence 96%\u003c\/h4\u003e\n\u003cp\u003eIt enters the layers of the skin in seconds, treats dryness from its roots, fills lines and repairs damaged skin, giving your hands real, lasting freshness.\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;\"\u003eDirect biological benefits of the product\u003c\/h3\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003eWhat will essence drops do to your skin?\u003c\/h2\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.15rem; max-width: 820px; margin: 0 auto;\"\u003e\n Every result you see in the mirror has a powerful and effective natural ingredient behind it:\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\"\u003eIt erases the effects of pimples and scars\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag\"\u003eSnail extract 96.3%\u003c\/div\u003e\n\u003cp\u003eA quick treatment for the pits and traces of old pimples, so that they come back clear, with a smooth texture, and free of any blemishes.\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\"\u003eInstant plumping and moisturizing of the face\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag\"\u003ePure hyaluronic acid\u003c\/div\u003e\n\u003cp\u003eIt draws water into the skin to fill in fine lines and give your hands a full, healthy and hydrated appearance all day long.\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\"\u003eIt relieves redness and inflammation\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag mint\"\u003eSoothing panthenol\u003c\/div\u003e\n\u003cp\u003eIf your skin is sensitive or inflamed from the sun or pimples, it will soothe it and eliminate any redness or itching in a few minutes.\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\"\u003eIt tightens the skin and prevents wrinkles\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag\"\u003eNatural collagen\u003c\/div\u003e\n\u003cp\u003eIt strengthens your skin and restores its elasticity, making it firmer and youthful, and delays the appearance of signs of aging.\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\"\u003eLighten and unify the color of the face\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag mint\"\u003eNatural cell regeneration\u003c\/div\u003e\n\u003cp\u003eIt removes dullness and exfoliates dead cells very gently, thus brightening and returning it to its natural, uniform color.\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\"\u003eDeep nourishment for pores\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag\"\u003eNourishing vitamins\u003c\/div\u003e\n\u003cp\u003eIt delivers vitamins to the deepest layers of the skin, making it healthy and resistant to new problems and pimples.\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;\"\u003eThe secret behind the product\u003c\/h3\u003e\n\u003ch2 class=\"cs-title-glow\" style=\"font-size: clamp(24px, 4.2vw, 36px);\"\u003eHow does this essence treat your skin?\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. Regeneration of damaged cells\u003c\/h4\u003e\n\u003cp\u003eThe snail formula signals to your skin cells that they are building new collagen quickly, and this is what makes the pimples heal and the skin returns smooth and tight in record time.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eIt speeds up the healing of old and new pimples.\u003c\/li\u003e\n\u003cli\u003eIt makes the skin return to its natural elasticity.\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. Moisturizing does not evaporate\u003c\/h4\u003e\n\u003cp\u003eCombining snail extract with hyaluronic acid creates a protective shield that traps water inside, so it stays dewy and shiny all day long, no matter how dry the weather is or whether you're in air conditioning.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eYour skin drinks it up in seconds and it doesn't clean your pores.\u003c\/li\u003e\n\u003cli\u003eShine and freshness that stays with you all day.\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;\"\u003eResults in numbers\u003c\/h3\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003eReal numbers from girls' experiences around the world\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\"\u003eInstant hydration and softness\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003eFrom the first touch on your skin\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\"\u003eReduction in the effects of pills\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003eAfter 4 weeks of use\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\"\u003eStrengthening the skin barrier\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003eStronger protection against new pimples\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\"\u003eNatural purity percentage\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003eThe highest percentage of snail extract in the world\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\"\u003eExcellent rating\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003eWith millions of real experiences\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;\"\u003eJourney of change\u003c\/h3\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003eWhat will happen to your skin after you use it?\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\"\u003eFrom the first use\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eInstant softness and shine\u003c\/h4\u003e\n\u003cp\u003eYour skin drinks it up in seconds, there is no stickiness, and the texture is about to remain very smooth and luminous throughout.\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);\"\u003eThe first week\u003c\/div\u003e\n\u003ch4 class=\"neon-mint\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eCalm and comfort the skin\u003c\/h4\u003e\n\u003cp\u003eThe redness disappears, and the crusts or dryness around the mouth and nostrils disappear completely.\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);\"\u003eThe third week\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eLighten the effects of pimples\u003c\/h4\u003e\n\u003cp\u003eDark spots begin to lighten, the skin texture becomes more even, and fine lines are greatly reduced.\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\"\u003eThe second month and counting\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eClear skin like Azaz\u003c\/h4\u003e\n\u003cp\u003eLasting freshness, a strong skin barrier, and confidence that will allow you to do without makeup and enjoy your natural beauty!\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;\"\u003eThe most affordable and smartest choice for your beauty\u003c\/h3\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003eSavings and benefits that are sure to save you a lot of products\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\"\u003eA large size that will last for months\u003c\/h3\u003e\n\u003cp\u003eThe 100 ml package is enough for 3 to 5 months of daily use. Just two drops are enough for the entire face and neck.\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\"\u003eIt saves you your money and time\u003c\/h3\u003e\n\u003cp\u003eI don't have to buy a moisturizing serum and another serum to treat pimples...both in one very powerful bottle.\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\"\u003eVery natural and safe\u003c\/h3\u003e\n\u003cp\u003eWithout irritating odors or alcohol, it dries and is easily extracted. It is extracted without any harm to snails, and is suitable for sensitive skin.\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\"\u003eHow to Use for quick results\u003c\/h2\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 1.2rem; font-weight: 800;\"\u003eSimple steps so that your skin benefits from every drop\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\u003eCleanser and toner\u003c\/h4\u003e\n\u003cp\u003eWash your face, apply toner, and leave your skin a little fresh so that the essence absorbs better and faster.\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\u003eJust two points\u003c\/h4\u003e\n\u003cp\u003ePut one or two generous pressures on your hand, and distribute them gently on your neck and neck.\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\u003eLight plumpness\u003c\/h4\u003e\n\u003cp\u003eApply it very comfortably until your skin absorbs it all, then apply your normal moisturizing cream.\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;\"\u003eExpert advice for the magical result:\u003c\/h4\u003e\n\u003cp class=\"pure-white\" style=\"margin: 0; line-height: 1.85;\"\u003e\n\u003cstrong class=\"neon-mint\"\u003eThe secret is in the water!\u003c\/strong\u003e Always apply it while your skin is slightly damp, never on completely dry skin. This allows the hyaluronic acid and snail extract to draw water deep into your cells and double the hydration and freshness in a way you would not believe!\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 List of ingredients (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% pure formula that is completely free of synthetic fragrances, harsh alcohol, parabens, and mineral oils. Ideal for All Skin Types, even sensitive and acne-prone.\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;\"\u003eOrder the original essence now\u003c\/p\u003e\n\u003ch2 class=\"cs-title-glow\" style=\"font-size: clamp(24px, 4.5vw, 36px); margin-bottom: 20px;\"\u003e\n Give your skin a chance to be seriously renewed and enlightened again\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 Instead of wasting your money on superficial moisturizing creams that leave scars and dryness as they are, try the power of pure snail extract, which has changed the appearance of the skin of millions of girls around the world.\n \u003c\/p\u003e\n\u003ca class=\"cs-gold-btn\" href=\"#\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'}); return false;\"\u003eOrder it now and start the routine\u003c\/a\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const reveals = document.querySelectorAll('.cs-reveal');\n \n const observerOptions = {\n root: null,\n threshold: 0.08,\n rootMargin: \"0px 0px -40px 0px\"\n };\n\n const scrollObserver = new IntersectionObserver(function(entries, observer) {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('cs-active');\n observer.unobserve(entry.target); \n }\n });\n }, observerOptions);\n\n reveals.forEach(el =\u003e {\n scrollObserver.observe(el);\n });\n });\n \u003c\/script\u003e\n\u003c\/div\u003e\n```eof\n","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":46999388061870,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrx_snail_mucin_egypt_9f64243e-d68b-48dc-ab45-cd28c4d04562.jpg?v=1788175411"},{"product_id":"cosrx-hyaluronic3","title":"Cosrx Hyaluronic Acid 3% | Ceramides | Natural moisturizing factors | Skin moisturizer | Wrinkle filler","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\u003eThe dehydration challenge starts here: hydrated, firm, and glowing skin\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eYour skin is crying out to lose its freshness, and every day that passes without treatment makes the problem deeper and more difficult to reverse.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eDid you know that premature wrinkles are not just a natural change? Rather, it is evidence of a deterioration in your skin's vital moisture barrier. These lines are not just passing marks; They are warnings that your skin is starting to lose its ability to retain moisture and elasticity. With each day that passes without effective moisturizing, these marks become deeper and more difficult to treat. Remember, wrinkles begin to appear when the skin lacks proper care; Any lack of hydration can turn into lines and wrinkles that do not disappear easily. Give your skin the strength it needs with hyaluronic acid, and restore its vitality before it is too late.\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\u003eAn innovation that goes beyond traditional moisturizers:\u003c\/h3\u003e\n\u003cp\u003eMost products just moisturize, but this serum works as:\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\"\u003eA natural reformer\u003c\/div\u003e\n\u003cp\u003eRestores the skin's protective barrier, making it stronger and more resistant to damage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-title\"\u003eSkin texture improver\u003c\/div\u003e\n\u003cp\u003eRemoves rough skin texture leaving it silky smooth after the first use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-title\"\u003eFights chronic dehydration\u003c\/div\u003e\n\u003cp\u003eTreats dryness at its roots while providing long-lasting protection that lasts for hours.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eA luxurious feel with every use:\u003c\/h3\u003e\n\u003cp\u003eIts unique texture is unlike any product you've tried before. The formula is light, absorbs easily, but envelops your skin in a blanket of softness and comfort that lasts all day.\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\u003eWhat makes COSRX Hyaluronic Acid Intensive Cream special?\u003c\/h2\u003e\n\u003c!-- First Info Block --\u003e\n\u003cdiv class=\"info-block\"\u003e\n\u003ch3 class=\"info-title\"\u003e1. Powerful Blend of NMF (Amino Acid Complex):\u003c\/h3\u003e\n\u003cp\u003eNatural Moisturizing Factors (NMF) include a group of amino acids that mimic the natural elements found in the skin, which work to:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eDeeply moisturize the skin:\u003c\/strong\u003e Amino acids help the skin retain water, giving it natural freshness and elasticity.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRepairing the skin barrier:\u003c\/strong\u003e This compound enhances the skin's ability to protect against environmental aggressors and dryness.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIncreased softness:\u003c\/strong\u003e With regular use, it reduces rough skin texture and rebalances natural hydration levels.\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. Ceramides: The last bulwark between your skin and aging factors\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eWhen the skin barrier breaks down, your skin begins an irreversible journey towards dryness and loss of radiance\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eWithout a strong barrier, every enemy of your skin will invade it mercilessly. \u003c\/strong\u003eNormal skin contains \u003cstrong\u003eCeramides\u003c\/strong\u003e As an essential part of the protective barrier that retains moisture and prevents its loss.\u003c\/p\u003e\n\u003cp\u003eWhen these ceramides are lost, it leads to the collapse of the skin barrier, loss of moisture and freshness, and exposes the skin to environmental factors that cause aging. Without this support, the skin turns into a battlefield, where signs of stress and aging accelerate. Will it leave your skin exposed and vulnerable to damage?\u003c\/p\u003e\n\u003cp\u003eThe serum contains a high concentration of ceramides that will help your skin restore its protective shield and prevent harmful agents from penetrating the deeper layers of your skin.\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. Moisturizing up to 2.5 ml below the surface of the skin\u003c\/h3\u003e\n\u003cp\u003eThe formula uses a powerful concentration of hyaluronic acid that deeply hydrates across all layers of the skin, reaching a depth unsurpassed in all moisturizers. This formula penetrates the deepest cells of your skin to provide effective hydration at all levels of the skin.\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\"\u003eExternal 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 the 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\"\u003ePenetration depth: 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\u003eEvery drop rebuilds your skin from within\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eA small drop... a huge impact: complete skin hydration with just a small amount\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eThanks to COSRX's hyaluronic serum formula, you only need a very small amount to cover your entire face. The concentrated, effective formula works intelligently to distribute hydration deep into every layer of your skin, giving you noticeable results without wasting product.\u003c\/p\u003e\n\u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n\u003ch3\u003eHow to Use:\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\"\u003eCleanse the skin well using a cleanser suitable for your skin type\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\"\u003eApply a few drops of serum to clean, slightly damp skin\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\"\u003eGently spread the serum using your fingertips in gentle circular motions\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\"\u003eFollow with a moisturizing cream to lock moisture into the skin (optional)\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\"\u003eUse the serum twice a day, in the morning and evening, for best results\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\u003eThe ideal solution for skin thirsty for deep hydration and continuous freshness\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eBring your skin back to life now!\u003c\/strong\u003e\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eBuy now\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":46999388520622,"sku":"INSTA055008CHIQ","price":20.4,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Cosrx_hyaluronic_acid_serum_3.webp?v=1788175409"},{"product_id":"cosrx-niacinamide-serum","title":"Cosrx Niacinamide 15% | Pore ​​Specialist | lighten | Regulating oils","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\u003eThe perfect compound that changed skin care... now in the highest concentration possible\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;\"\u003eDiscover the difference with high concentration\u003c\/h3\u003e\n\u003cp\u003eYou've probably tried niacinamide before, but never at this 15% concentration, which will challenge everything you know about skincare. Its effect is stronger than ever against impurities, and it works to shrink pores with unprecedented effectiveness.\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\u003eThe melanin balancing formula challenges even the toughest pigmentation\u003c\/h2\u003e\n\u003cdiv class=\"info-section\"\u003e\n\u003cp\u003eThis formula is highly specialized in balancing melanin production. When exposed to environmental factors, the skin increases melanin production unevenly, leading to the appearance of these annoying pigmentations that noticeably affect your appearance.\u003c\/p\u003e\n\u003cp\u003eThis formula balances pigment production, which leads to unifying skin tone and achieving clear, pigmentation-free skin.\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\u003eDo you suffer from large pores? This is the ultimate solution\u003c\/h2\u003e\n\u003cp\u003eGet rid of those annoying large pores that make you look older than your years and absorb dust and harmful environmental factors and bring them deep into your skin.\u003c\/p\u003e\n\u003cp\u003eThe serum cleans and purifies the skin's pores and reduces oil secretions, which reduces the size of the pores invisibly and makes the texture of your skin look like glass... literally!\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\"\u003eShrink pores\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eA 15% concentration of niacinamide regulates the secretion of oils and shrinks large pores very effectively\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\"\u003eUnifying skin tone\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eIt treats pigmentation and unifies skin tone by regulating the production of melanin pigment\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\"\u003eFight acne\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eIt reduces inflammation and prevents acne by regulating sebum secretion\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\u003eRebuilds skin texture\u003c\/h2\u003e\n\u003cp\u003eNiacinamide serum not only helps fight acne, but it also contributes to improving the overall skin texture and making it smoother and more elastic.\u003c\/p\u003e\n\u003cp\u003eIt's more than just a serum, it's a complete rejuvenation of your skin.\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\u003eGoodbye to whiteheads and blackheads\u003c\/h2\u003e\n\u003cp\u003eWhiteheads and blackheads form when oil and sebum accumulate inside the pores and block them or interact with the air. COSRX Niacinamide Serum works to reduce pore size and regulate sebum secretion, preventing the accumulation of oil and dirt. It also helps in renewing skin cells and gently exfoliating them, which prevents clogged pores and effectively treats white and black heads.\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\u003eIt is a dream product for oily skin\u003c\/h2\u003e\n\u003cdiv class=\"featured-section\"\u003e\n\u003cp\u003eIf you have oily or combination skin, you probably know the challenges of dealing with excess oil and enlarged pores. But with COSRX Niacinamide Serum 15%, you can now achieve clear, firmer skin without worrying about excess shine or problems associated with sebum secretion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2\u003eComprehensive protection against the elements of time...treatment and prevention in one formula\u003c\/h2\u003e\n\u003cp\u003eTime does not have mercy on your skin. Every day we are exposed to harmful environmental factors is a bigger step toward premature aging\u003cbr\/\u003eDon't leave your skin alone in its war against time\u003c\/p\u003e\n\u003cp\u003eYour skin should be armed with a protective shield of niacinamide! Niacinamide in this highly concentrated formula protects the skin from oxidants that cause premature aging!\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\"\u003eHow do you use it?\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\"\u003eCleansing the skin\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\"\u003eApply 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\"\u003eSerum application\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\"\u003eMoisturizing cream\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-box\"\u003e\n\u003cp\u003eApply Niacinamide Serum 15% morning and evening on clean skin before any other creams or oils.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eNote\u003c\/strong\u003e: It is not preferable to use it at the same time with products containing pure vitamin C (ascorbic acid).\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\u003eThe perfect solution for large pores and uneven skin tone\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eBuy now\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":46999388815534,"sku":"INSTA05ت5008CHIQ","price":27.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/66552D17-1B88-42CF-9BA7-0C4E7BE359B9.webp?v=1788175407"},{"product_id":"anua-heartleaf-toner","title":"Anua Heartleaf Extract 77% | Skin soothing toner | Treatment for redness and pimples Moisturizer","description":"\u003ch3\u003e\u003cstrong\u003eAnua Heartleaf 77% Soothing Toner: The perfect Korean solution for your skin\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eThis is not just an ordinary toner, but an advanced formula that directly targets skin problems and helps restore its freshness and health:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRedness and irritation?\u003c\/strong\u003e The toner soothes the skin thanks to it containing 77% of heart plant extract (Houttuynia Cordata), known for its soothing and anti-inflammatory properties.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcne?\u003c\/strong\u003e Reduces the appearance of pimples and refines pores for clear, blemish-free skin.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDry and dull skin?\u003c\/strong\u003e Provides deep hydration and gives the skin a radiant and dewy look.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eWeak skin barrier?\u003c\/strong\u003e Restores the strength of the skin and protects it from harmful environmental factors.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eRestore your skin's natural balance with an ideal pH (pH 5.5)\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eIf your skin is out of balance due to environmental factors or harsh products, Anua Heartleaf Toner is the perfect solution for you. Thanks to its rich formula with a balanced pH of 5.5, this toner naturally restores balance to your skin, maintaining its water barrier without affecting the skin's natural protection layer. At the ideal concentration, it gently cleanses the skin and leaves it feeling refreshed and moisturized.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eYour skin is sensitive? Here is the perfect natural solution\u003c\/strong\u003e\u003cbr\/\u003eIf you have sensitive skin that reacts quickly to chemical products or irritants, Anua Heartleaf toner is the perfect solution for you. Thanks to heartplant extract, known for its soothing and anti-inflammatory properties, this toner helps reduce redness and irritation caused by external factors such as pollution and sunlight. Its regular use soothes the skin and leaves you feeling comfortable and refreshed all day long.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eMaximum concentration of the plant is best at soothing irritated skin\u003c\/strong\u003e\u003cbr\/\u003eHeart extract (Houttuynia Cordata) is the main ingredient in this toner with a concentration of 77%. This plant is one of the most effective plants in soothing irritated skin thanks to its antibacterial and anti-inflammatory properties. It effectively reduces swelling and redness caused by everyday skin problems such as acne and irritation caused by harsh products. Get the most out of this natural ingredient in your skin care with Anua Toner.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eIt is like healthy food for your skin\u003c\/strong\u003e\u003cbr\/\u003eJust as your body needs healthy nutrition to balance and stay active, your skin needs natural elements to stay soft and healthy. With a formula enriched with heart extract and hyaluronic acid, Anua toner provides all the hydration and soothing your skin needs, leaving it radiant and vibrant all day long. It is like food that nourishes your skin from the inside, works to renew its cells and protect it from harmful environmental factors.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eHeartplant Extract (Houttuynia Cordata):\u003c\/strong\u003e\u003cbr\/\u003eHeartleaf extract is one of the active natural ingredients used in Anua Heartleaf 77% Soothing Toner. This plant, also known as hutuya, has amazing properties that make it ideal for tired and irritated skin. Here's why heartplant extract is the main ingredient in this toner:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eSoothe irritated skin:\u003c\/strong\u003e Heartplant is known for its superior ability to soothe tired and irritated skin. It contains anti-inflammatory compounds that reduce redness and irritation caused by environmental factors or the use of harsh products.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eAntibacterial properties:\u003c\/strong\u003e Heartplant extract helps reduce the growth of bacteria that cause skin infections and acne. Therefore, it is ideal for skin prone to these problems.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003ePromoting overall skin health:\u003c\/strong\u003e The plant contains antioxidant components that fight free radicals and reduce the effects of premature aging. It also contributes to skin rejuvenation and improves its elasticity.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eMoisturizing the skin:\u003c\/strong\u003e The heart plant is a natural source that improves the level of hydration in the skin, making it soft and permanently moisturized.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cstrong\u003eProven results:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003e97% of users\u003c\/strong\u003e They confirmed to reduce redness within the first week of use.\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e92% felt a significant improvement in their skin's hydration level.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e90% noticed smoother, healthier skin.\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cstrong\u003eHow to Use:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003col\u003e\n\u003cli\u003eAfter cleansing your face, put an appropriate amount of toner on a cotton pad or on your hands.\u003c\/li\u003e\n\u003cli\u003eGently wipe or pat your skin to allow the toner to absorb.\u003c\/li\u003e\n\u003cli\u003eFollow with your usual skin care routine.\u003c\/li\u003e\n\u003c\/ol\u003e","brand":"Anua","offers":[{"title":"Default Title","offer_id":46999389143214,"sku":null,"price":28.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/anua_heartleaf_77_hyaluron_toner.jpg?v=1759854643"},{"product_id":"cosrx-advanced-snail-92-cream","title":"COSRX Advanced Snail 92 Cream Moisturizing cream with maximum concentration of snail secretions","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\"\u003eSnail Cream 92 from COSRX\u003cbr\/\u003e\u003cspan class=\"cx-text-accent\"\u003eThe biological miracle of skin restoration\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cdiv class=\"cx-highlight-box cx-reveal delay-1\"\u003e\n\u003cp\u003eThe ultimate solution to get Glass Skin!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"cx-subtitle cx-reveal delay-1\"\u003e\n If you were told that the secret to clear, flawless skin lies in a natural and innovative substance... would you have the courage to try it? Millions around the world have overcome this hesitation, and the result has been pimple-free skin and a strong barrier that cannot be penetrated by dryness.\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\"\u003eBiological Secret: Why is “snail jelly” considered a miracle?\u003c\/h2\u003e\n\u003cp class=\"cx-subtitle cx-reveal\"\u003eIt's not just a traditional moisturizer that contains a small percentage of active ingredients; Rather, it is a restoration bomb that contains 92% pure gel extract.\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 Imagine a creature crawling on rocks and thorns all its life without tearing its skin... How does that happen?\n \u003c\/p\u003e\n\u003cp style=\"font-size: 1.05rem; color: var(--cx-text-muted); margin-bottom: 20px;\"\u003e\n Scientists have discovered that the snail secretes a gel that acts as an “instant therapeutic shield.” This gel is naturally rich in hyaluronic acid, enzymes, and antimicrobials that heal wounds and regenerate cells in seconds.\n \u003c\/p\u003e\n\u003cul class=\"cx-list\"\u003e\n\u003cli\u003eIt restores damaged cells very quickly.\u003c\/li\u003e\n\u003cli\u003eErases the effects of pimples and reduces the depth of superficial scars.\u003c\/li\u003e\n\u003cli\u003eBuilds the skin barrier more efficiently than many synthetic materials.\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\"\u003eWhy has this texture become the number one obsession for beauty lovers?\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 Most skin moisturizers rely on heavy oils or waxes that clog pores and cause breakouts (especially for oily and combination skin). But this cream uses a strategy \u003cstrong\u003e\"Aqueous cellular restoration\"\u003c\/strong\u003e. The strangely chewy texture is exactly what makes it magical; It dissolves in seconds, absorbs into the skin like a sponge, and leaves no greasy or clogged residue behind.\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: How do ingredients change your skin?\u003c\/h2\u003e\n\u003cp class=\"cx-subtitle cx-reveal\"\u003eA concentrated and carefully studied formula that targets all skin problems.\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\u003eSnail gel (92%)\u003c\/h3\u003e\n\u003ch4 style=\"color: var(--cx-primary); font-size: 1rem; margin-bottom: 10px;\"\u003eFlawless plastic\u003c\/h4\u003e\n\u003cp\u003eHero ingredient. Responsible for accelerating cell regeneration, erasing the effects of dark and red pimples, and reducing the depth of scars to leave the skin’s surface completely smooth.\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\u003eHyaluronic acid\u003c\/h3\u003e\n\u003ch4 style=\"color: var(--cx-primary); font-size: 1rem; margin-bottom: 10px;\"\u003eFine line plumper\u003c\/h4\u003e\n\u003cp\u003eA hydration magnet that penetrates deep into the skin, locking water into the cells, giving your skin the plumpness that effectively hides fine lines.\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 and allantoin\u003c\/h3\u003e\n\u003ch4 style=\"color: var(--cx-primary); font-size: 1rem; margin-bottom: 10px;\"\u003eShield of protection and calming\u003c\/h4\u003e\n\u003cp\u003eInstantly soothes inflammation, eliminates redness (excellent for sensitive skin), and rebuilds the skin barrier damaged by external factors.\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\u003eAdenosine\u003c\/h3\u003e\n\u003ch4 style=\"color: var(--cx-primary); font-size: 1rem; margin-bottom: 10px;\"\u003eAnti-aging weapon\u003c\/h4\u003e\n\u003cp\u003eIt provides the skin with cellular energy that helps improve skin elasticity and fight signs of aging for a more youthful appearance.\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\"\u003eTransformation schedule\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\"\u003eFrom the first week\u003c\/div\u003e\n\u003cp style=\"color: var(--cx-text-light); font-size: 1.05rem; margin: 0;\"\u003e\n Instant deep watery hydration, the disappearance of dryness and flakiness, a noticeable soothing of redness, and the appearance of a “glass skin” radiance upon 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\"\u003eAfter a month of use\u003c\/div\u003e\n\u003cp style=\"color: var(--cx-text-light); font-size: 1.05rem; margin: 0;\"\u003e\n A strong skin barrier that is not affected by external factors, a noticeable fading of pimples and spots, a silky smooth texture, and plumping of fine lines.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"cx-title-section cx-reveal\"\u003eA real investment...value for price\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\u003eGiant size (100 grams)\u003c\/h3\u003e\n\u003cp\u003eIt comes in a very large package compared to traditional facial moisturizers, which often come in a size of only 50 grams.\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\u003eA small drop is enough\u003c\/h3\u003e\n\u003cp\u003eThanks to its sticky and chewy texture, a pea-sized dot is enough for the face and neck. The packaging will last for months.\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\u003eVersatile\u003c\/h3\u003e\n\u003cp\u003eAn All-in-One product that eliminates the need to use a moisturizing serum and another barrier repair cream. One step is enough.\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 and original\u003c\/h3\u003e\n\u003cp\u003eA top-selling product worldwide, it gives you real results at a competitive price that is incomparable with its many benefits.\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\"\u003eCorrect how to use\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);\"\u003ePreparation\u003c\/h3\u003e\n\u003cp\u003eUse it on cleansed, slightly dehydrated skin (after toner or 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);\"\u003eQuantity\u003c\/h3\u003e\n\u003cp\u003eTake a small amount (you will notice its innovative sticky rubbery texture, don't worry).\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);\"\u003ePlumpness\u003c\/h3\u003e\n\u003cp\u003eDo not rub it vigorously, spread it by patting until it dissolves and is completely absorbed within 30 seconds.\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);\"\u003eThe global trend that is constantly running out of markets\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.15rem; max-width: 750px; margin: 0 auto 30px; color: var(--cx-text-light);\"\u003e\n Don't leave your skin suffering from dryness or pimples while the Korean biological miracle is at your fingertips. This cream achieves huge sales globally and sells out very quickly. \u003cstrong\u003eOrder now, and wake up tomorrow with hydrated, clear, and radiant skin!\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\"\u003eGet glass skin now\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;\"\u003eFull ingredient list\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":46999389438126,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Untitleddesign-2024-12-29T140801.300_16ba6210-2605-4e72-90f8-1d3298226aa6.jpg?v=1788175399"},{"product_id":"cosrx-retinol-serum","title":"Cosrx Retinol Serum 0.5% + Squalene | Anti-wrinkle | Improve skin elasticity","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...the unknown soldier in the fight against the signs of aging\u003c\/h2\u003e\n\u003cp\u003eHave you ever looked in the mirror and felt that time is starting to leave its mark on your skin? Fine lines slowly creep in, pores appear larger, skin texture no longer feels as smooth as it used to?\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eDon't let time control you\u003c\/strong\u003e\u003cbr\/\u003eAging is not an excuse to accept these changes, but rather a challenge that you can overcome.\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\u003eThe solution? Retinol Serum 0.5% from COSRX\u003c\/h3\u003e\n\u003cp\u003eThe best retinol product in the world, carefully designed to target even the most subtle skin concerns, from deep wrinkles and fine lines to rough skin texture and loss of elasticity.\u003c\/p\u003e\n\u003c!-- Features Section --\u003e\n\u003ch3\u003eWhy is this formula one of the best retinol formulas?\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\u003eExceptional concentration of pure retinol\u003c\/h4\u003e\n\u003cp\u003eThis product contains \u003cstrong\u003e0.5% concentration of pure retinol\u003c\/strong\u003eIt is one of the highest concentrations available on the market. Retinol is notoriously difficult to formulate in such high concentrations, requiring precise techniques to maintain its stability and ensure its effectiveness.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✿\u003c\/div\u003e\n\u003ch4\u003eGentle formula that does not cause skin irritation\u003c\/h4\u003e\n\u003cp\u003eUnlike traditional retinol formulas that can lead to skin irritation and redness, this product contains a unique blend of soothing ingredients, making it gentle even on sensitive skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e💧\u003c\/div\u003e\n\u003ch4\u003eLight texture and fast absorption\u003c\/h4\u003e\n\u003cp\u003eWith a light, silky oil texture, it absorbs easily into the skin without leaving any greasy residue, making it ideal as an essential step in your nighttime routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch4\u003eDeep hydration with vegetable squalene\u003c\/h4\u003e\n\u003cp\u003eThe product contains \u003cstrong\u003eSqualene extracted from plants\u003c\/strong\u003e, which acts as a powerful moisturizer that prevents dryness resulting from the use of retinol, keeping the skin moisturized and soft throughout the night.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch4\u003eTocotrienol (super vitamin E)\u003c\/h4\u003e\n\u003cp\u003eSignificantly reduces free radical damage and improves overall skin appearance, enhancing the effectiveness of Retinol and ensuring comprehensive results.\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=\"Results of using retinol serum\" 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\u003eImpressive clinical results!\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e18.4% improvement in nose and lip lines in just 4 weeks\u003c\/strong\u003e (Confirmed through laboratory experiments).\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\u003eGradual use, exceptional effect\u003c\/h3\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item left\"\u003e\n\u003ch4\u003eWeek 1-2\u003c\/h4\u003e\n\u003cp\u003eStart slowly to allow your skin to adjust. Use the product once a week at first, then twice a week starting from the second week.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item right\"\u003e\n\u003ch4\u003eWeek 3-4\u003c\/h4\u003e\n\u003cp\u003eIncrease the frequency to 3 times a week. You will notice an improvement in skin texture and a reduction in initial fine lines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item left\"\u003e\n\u003ch4\u003eWeek 5-8\u003c\/h4\u003e\n\u003cp\u003eUse the product daily or as tolerated by your skin. You will notice a clear improvement in skin elasticity and freshness.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item right\"\u003e\n\u003ch4\u003eFrom week 8 onwards\u003c\/h4\u003e\n\u003cp\u003eEnjoy renewed, fresh skin, free of wrinkles and signs of aging!\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 Retinol Oil 0.5%\u003c\/h3\u003e\n\u003cp\u003eNot just another skincare product, it's an advanced scientific innovation that gives you visible results without compromising on the comfort of your skin.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eStart now, and fight the signs of time!\u003c\/strong\u003e\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eBuy now\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":46999389962414,"sku":null,"price":23.4,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrx-the-retinol-0-5-oil-20ml_1.webp?v=1788175397"},{"product_id":"cosrx-6-peptide","title":"Cosrx The 6 peptide toner and serum The 6 peptides | Comprehensive skin rejuvenation | A treatment for all skin problems","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\"\u003eAn advanced product containing 6 powerful peptides to comprehensively rejuvenate and improve the appearance of the skin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peptide-content\"\u003e\n\u003ch3 class=\"peptide-section-title fade-in\"\u003eWhy are peptides the watchword?\u003c\/h3\u003e\n\u003cp class=\"peptide-text fade-in\"\u003ePeptides are chains of amino acids that are key to skin repair and regeneration. However, the strength of peptides lies in their versatility.\u003cbr\/\u003eThat's why the team \u003cspan class=\"highlight\"\u003eCOSRX\u003c\/span\u003e By creating an amazing formula that contains \u003cspan class=\"highlight\"\u003e6 types of peptides\u003c\/span\u003eDesigned to target every problem you may have:\u003c\/p\u003e\n\u003cul class=\"peptide-list fade-in\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eRestore skin elasticity:\u003c\/strong\u003e Goodbye to sagging.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReduce deep wrinkles and fine lines:\u003c\/strong\u003e Make your face look years younger.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReduce pores and get smooth skin:\u003c\/strong\u003e Because the small details make the difference.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDouble hydration without feeling heavy:\u003c\/strong\u003e Your skin will breathe again.\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\"\u003eA single product will save you the need for complicated and expensive routines\u003c\/h3\u003e\n\u003cp class=\"peptide-text\"\u003eWith \u003cspan class=\"highlight\"\u003eCOSRX 6 Peptide Skin Booster Serum\u003c\/span\u003eYou no longer need a collection of multiple products that burden you and cost you a lot of money. This advanced product contains 6 effective peptides that treat various skin problems in just one step.\u003c\/p\u003e\n\u003cp class=\"peptide-text\"\u003eThanks to the integrated serum formula, you can do without toner, serum, and other products, thus saving time and money. Beauty and skin care no longer require a complicated routine. COSRX 6 Peptide Serum is everything you need for healthy, rejuvenated skin.\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 peptides work in harmony to restore your skin's youthfulness\u003c\/h3\u003e\n\u003cp class=\"peptide-text\"\u003eImagine your skin getting the best treatment possible thanks to a comprehensive blend of 6 powerful peptides that work together to rejuvenate and improve the appearance of your skin. From enhancing skin elasticity and reducing wrinkles to toning and cell renewal, these peptides stimulate the skin to repair itself naturally.\u003c\/p\u003e\n\u003cp class=\"peptide-text\"\u003eEach of the 6 peptides works to address a specific problem: reducing fine lines, improving skin texture, combating pigmentation, and rejuvenating the skin. The result? Firmer, smoother, radiant skin, with visible progress in skin rejuvenation.\u003c\/p\u003e\n\u003cdiv class=\"peptide-benefits\"\u003e\n\u003cdiv class=\"benefit-card slide-in-left\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eFight the signs of aging\u003c\/h4\u003e\n\u003cp\u003ePeptides stimulate the production of collagen and elastin, which helps reduce wrinkles and restore youthfulness to the skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card slide-in-right\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eDeep moisturizing of the skin\u003c\/h4\u003e\n\u003cp\u003ePeptides work with hyaluronic acid to provide intense hydration to the skin, making it smoother and more elastic.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card slide-in-left\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eUnifying skin tone\u003c\/h4\u003e\n\u003cp\u003eThanks to niacinamide and peptides, the serum works to lighten pigmentation and unify skin tone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card slide-in-right\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eStrengthening the skin's protective barrier\u003c\/h4\u003e\n\u003cp\u003eThe serum helps strengthen the skin's protective barrier, protecting it from harmful environmental factors.\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\"\u003eAdvanced formula that combines peptides with the most powerful skin care ingredients\u003c\/h3\u003e\n\u003cp class=\"peptide-text\"\u003e\u003cstrong\u003eNiacinamide, hyaluronic acid, and adenosine\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"peptide-text\"\u003ePeptides alone are known for their superior ability to rejuvenate the skin and stimulate collagen production. \u003cstrong\u003eBut when combined with ingredients like niacinamide, hyaluronic acid, and adenosine, an amazing effect occurs that cannot be achieved through any other product.\u003c\/strong\u003e\u003cbr\/\u003eNiacinamide helps unify skin tone and reduce pores, while hyaluronic acid provides deep hydration, and adenosine reduces wrinkles. Together, this superior formula not only gives you firmer, smoother, more radiant skin, but also enhances the skin's ability to resist the effects of time.\u003c\/p\u003e\n\u003ch3 class=\"peptide-section-title\"\u003eLight texture...heavy results\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\u003eIncrease in skin radiance\u003c\/strong\u003e: The skin becomes brighter and purer, while its natural radiance is restored.\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\u003eIncrease in hydration\u003c\/strong\u003e: Obtaining deep hydration for the skin, which enhances its softness and elasticity.\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\u003eIncrease in freshness\u003c\/strong\u003e: The skin appears more vibrant and youthful, as if it has regained its natural energy.\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\u003eIncrease in hyaluronic acid\u003c\/strong\u003e: Increasing the proportion of hyaluronic acid means deeper hydration of the skin, which helps maintain its health and elasticity.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"peptide-section-title\"\u003eDon't let time take its toll on your skin\u003c\/h3\u003e\n\u003cp class=\"peptide-text\"\u003eWith \u003cspan class=\"highlight\"\u003eCOSRX 6 Peptide Skin Booster Serum\u003c\/span\u003eTime will no longer have any negative effect on your skin. This product is the perfect solution to fight the signs of aging, thanks to its advanced formulas that contain 6 powerful peptides that work to renew cells, reduce wrinkles, and improve skin elasticity. Enjoy more youthful, radiant skin, and get ready to challenge time with confidence.\u003c\/p\u003e\n\u003cdiv class=\"how-to-use\"\u003e\n\u003ch3\u003eHow to Use\u003c\/h3\u003e\n\u003col\u003e\n\u003cli\u003eAfter cleansing your skin, apply 2-3 pumps of serum \u003cstrong\u003eCOSRX 6 Peptide Skin Booster\u003c\/strong\u003e On your face.\u003c\/li\u003e\n\u003cli\u003eGently massage the product using your fingertips until it is completely absorbed.\u003c\/li\u003e\n\u003cli\u003eNext, use your favorite moisturizer for extra hydration.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp style=\"margin-top: 15px;\"\u003eYou can also combine the serum with other products from \u003cstrong\u003eCOSRX\u003c\/strong\u003e Such as niacinamide or vitamin C serum to achieve the best results.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":46999390257326,"sku":null,"price":27.6,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrx_6_peptide_skin_booster_6_6cf0efba-8a2d-426c-aa25-ba3429b1a187.jpg?v=1788175395"},{"product_id":"some-by-mi-cica-peptide-anti-hair-loss-tonic","title":"Some By Mi Cica Peptide Anti Hair Loss Tonic 150 ml The 11 peptide tonic to treat hair loss","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=Cairo:wght@400;600;700;800;900\u0026family=Tajawal:wght@400;500;700;800;900\u0026display=swap');\n\n .sbm-lab-wrapper {\n --sbm-black: #020704; \/* Styles *\/\n --sbm-dark-glass: rgba(6, 22, 13, 0.88); \/* Styles *\/\n --sbm-dark-glass-hover: rgba(12, 38, 22, 0.95);\n --sbm-neon-mint: #00f260; \/* Styles *\/\n --sbm-neon-gold: #ffd700; \/* Styles *\/\n --sbm-neon-cyan: #05d5e6; \/* Styles *\/\n --sbm-white: #ffffff; \/* Styles *\/\n \n --sbm-glow-mint: rgba(0, 242, 96, 0.45);\n --sbm-glow-gold: rgba(255, 215, 0, 0.45);\n\n --sbm-border: rgba(0, 242, 96, 0.28);\n --sbm-border-hover: rgba(0, 242, 96, 0.85);\n\n background-color: var(--sbm-black);\n color: var(--sbm-white);\n font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.8;\n \n width: 100%;\n max-width: 100%;\n position: relative;\n padding: 40px 0;\n border-radius: 24px;\n box-shadow: inset 0 0 100px rgba(0, 242, 96, 0.08);\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n }\n\n .sbm-lab-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n \/* Styles *\/\n .neon-mint {\n color: var(--sbm-neon-mint) !important;\n text-shadow: 0 0 10px var(--sbm-glow-mint), 0 0 20px var(--sbm-glow-mint);\n font-weight: 900;\n }\n\n .neon-gold {\n color: var(--sbm-neon-gold) !important;\n text-shadow: 0 0 10px var(--sbm-glow-gold), 0 0 20px var(--sbm-glow-gold);\n font-weight: 900;\n }\n\n .pure-white {\n color: #ffffff !important;\n font-weight: 600;\n }\n\n \/* Styles *\/\n .sbm-lab-wrapper img {\n width: 100%;\n max-width: 100% !important;\n height: auto !important;\n border-radius: 20px;\n display: block;\n margin-left: auto !important;\n margin-right: auto !important;\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9);\n border: 1px solid rgba(0, 242, 96, 0.25);\n box-sizing: border-box;\n object-fit: contain;\n }\n\n \/* Styles *\/\n .sbm-img-md {\n max-width: 650px !important;\n width: 100%;\n margin-left: auto !important;\n margin-right: auto !important;\n display: block;\n text-align: center;\n }\n\n .sbm-container {\n max-width: 920px;\n width: 100%;\n margin: 0 auto;\n padding: 0 20px;\n position: relative;\n z-index: 2;\n box-sizing: border-box;\n }\n\n \/* Styles *\/\n .sbm-ambient-bg {\n position: absolute;\n top: 0; left: 0; width: 100%; height: 100%;\n z-index: 0; pointer-events: none; overflow: hidden;\n }\n\n .sbm-particle {\n position: absolute;\n background: radial-gradient(circle, var(--sbm-glow-mint) 0%, transparent 70%);\n border-radius: 50%;\n bottom: -100px;\n animation: floatUpTonic 16s infinite ease-in-out;\n filter: blur(6px);\n }\n\n @keyframes floatUpTonic {\n 0% { transform: translateY(0) scale(0.8) translateX(0); opacity: 0; }\n 20% { opacity: 0.7; }\n 80% { opacity: 0.4; }\n 100% { transform: translateY(-1600px) scale(1.5) translateX(30px); opacity: 0; }\n }\n\n \/* Styles *\/\n .sbm-title-glow {\n display: block;\n width: 100%;\n font-size: clamp(28px, 5.2vw, 44px);\n font-weight: 900;\n text-align: center;\n margin-bottom: 25px;\n line-height: 1.4;\n color: #ffffff;\n text-shadow: 0 0 30px rgba(0, 242, 96, 0.45);\n word-wrap: break-word;\n }\n\n .sbm-section-heading {\n display: block;\n width: 100%;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: #ffffff;\n text-align: center;\n margin: 60px auto 30px;\n position: relative;\n line-height: 1.4;\n word-wrap: break-word;\n }\n\n .sbm-section-heading::after {\n content: '';\n display: block;\n width: clamp(80px, 30%, 150px);\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--sbm-neon-mint), var(--sbm-neon-gold), transparent);\n border-radius: 10px;\n margin: 14px auto 0;\n box-shadow: 0 0 15px var(--sbm-glow-mint);\n }\n\n .sbm-badge {\n display: inline-block;\n background: rgba(0, 242, 96, 0.15);\n border: 1.5px solid var(--sbm-neon-mint);\n color: #ffffff;\n padding: 9px 28px;\n border-radius: 40px;\n font-size: 1.05rem;\n font-weight: 900;\n margin-bottom: 25px;\n box-shadow: 0 0 25px var(--sbm-glow-mint);\n letter-spacing: 0.5px;\n }\n\n .sbm-sub-text {\n font-size: 1.25rem;\n color: #ffffff;\n max-width: 820px;\n margin: 0 auto 35px;\n font-weight: 600;\n line-height: 1.85;\n border-right: 4px solid var(--sbm-neon-mint);\n padding-right: 20px;\n background: linear-gradient(90deg, transparent, rgba(0, 242, 96, 0.08));\n border-radius: 12px 0 0 12px;\n text-align: left;\n }\n\n .sbm-art-divider {\n width: 100%;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--sbm-neon-mint), var(--sbm-neon-gold), var(--sbm-neon-mint), transparent);\n margin: 35px 0;\n position: relative;\n box-shadow: 0 0 15px var(--sbm-glow-mint);\n }\n\n \/* Styles *\/\n .sbm-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 22px;\n margin: 35px 0;\n width: 100%;\n }\n\n .sbm-bento-card {\n background: linear-gradient(145deg, rgba(8, 28, 16, 0.92), rgba(3, 12, 7, 0.98));\n border: 1px solid var(--sbm-border);\n border-radius: 18px;\n padding: 28px 22px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n position: relative;\n overflow: hidden;\n text-align: left;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n min-width: 0;\n word-break: break-word;\n }\n\n .sbm-bento-card:hover {\n transform: translateY(-8px);\n border-color: var(--sbm-neon-mint);\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--sbm-glow-mint);\n background: var(--sbm-dark-glass-hover);\n }\n\n .sbm-bento-card.gold-border {\n border-color: rgba(255, 215, 0, 0.35);\n }\n\n .sbm-bento-card.gold-border:hover {\n border-color: var(--sbm-neon-gold);\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--sbm-glow-gold);\n }\n\n .sbm-icon-box {\n width: 56px; height: 56px;\n background: rgba(4, 15, 9, 0.9);\n border: 1.5px solid rgba(0, 242, 96, 0.4);\n border-radius: 14px;\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 18px;\n color: var(--sbm-neon-mint);\n transition: transform 0.3s ease, background 0.3s ease;\n box-shadow: 0 0 15px rgba(0, 242, 96, 0.2);\n flex-shrink: 0;\n }\n\n .gold-border .sbm-icon-box {\n border-color: var(--sbm-neon-gold);\n color: var(--sbm-neon-gold);\n box-shadow: 0 0 15px rgba(255, 215, 0, 0.2);\n }\n\n .sbm-bento-card:hover .sbm-icon-box {\n transform: scale(1.1) rotate(-5deg);\n background: var(--sbm-neon-mint);\n color: #020704;\n border-color: transparent;\n box-shadow: 0 0 25px var(--sbm-neon-mint);\n }\n\n .gold-border:hover .sbm-icon-box {\n background: var(--sbm-neon-gold);\n color: #020704;\n box-shadow: 0 0 25px var(--sbm-neon-gold);\n }\n\n .sbm-bento-card h3 {\n font-size: 1.3rem;\n color: #ffffff;\n margin-bottom: 10px;\n font-weight: 800;\n line-height: 1.4;\n }\n\n .sbm-bento-card p {\n color: #ffffff;\n font-size: 1.05rem;\n line-height: 1.75;\n font-weight: 500;\n }\n\n \/* Styles *\/\n .sbm-ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 22px;\n margin: 35px 0;\n width: 100%;\n }\n\n .sbm-ingredients-grid ul {\n list-style: none;\n padding: 0;\n margin-top: 10px;\n }\n\n .sbm-ingredients-grid li {\n position: relative;\n padding-right: 22px;\n margin-bottom: 8px;\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.6;\n }\n\n .sbm-ingredients-grid li::before {\n content: '✓';\n position: absolute;\n right: 0; top: 0;\n color: var(--sbm-neon-mint);\n font-weight: 900;\n }\n\n .gold-border.sbm-bento-card li::before {\n color: var(--sbm-neon-gold);\n }\n\n \/* Styles *\/\n .sbm-research-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 18px;\n margin-top: 20px;\n width: 100%;\n }\n\n .sbm-research-item {\n background: rgba(255, 255, 255, 0.04);\n border: 1px solid var(--sbm-border);\n border-right: 4px solid var(--sbm-neon-mint);\n border-radius: 16px;\n padding: 22px 18px;\n transition: all 0.3s ease;\n }\n\n .sbm-research-item:hover {\n transform: translateY(-4px);\n border-color: var(--sbm-neon-mint);\n background: rgba(0, 242, 96, 0.08);\n box-shadow: 0 10px 25px rgba(0,0,0,0.6);\n }\n\n .sbm-research-item.gold-edge {\n border-right-color: var(--sbm-neon-gold);\n }\n\n .sbm-research-item.gold-edge:hover {\n border-color: var(--sbm-neon-gold);\n background: rgba(255, 215, 0, 0.08);\n }\n\n \/* Styles *\/\n .sbm-timeline-grid {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n gap: 18px;\n margin: 45px 0 30px;\n width: 100%;\n }\n\n .sbm-time-node {\n background: var(--sbm-dark-glass);\n border: 1.5px solid var(--sbm-border);\n border-radius: 20px;\n padding: 32px 18px 24px;\n text-align: center;\n position: relative;\n transition: all 0.3s ease;\n }\n\n .sbm-time-node:hover {\n transform: translateY(-6px);\n border-color: var(--sbm-neon-mint);\n background: var(--sbm-dark-glass-hover);\n box-shadow: 0 15px 35px rgba(0,0,0,0.8);\n }\n\n .sbm-time-node.gold-edge:hover {\n border-color: var(--sbm-neon-gold);\n }\n\n .sbm-time-badge {\n position: absolute;\n top: -18px;\n left: 50%;\n transform: translateX(-50%);\n background: var(--sbm-neon-mint);\n color: #020704 !important;\n font-weight: 900;\n padding: 5px 22px;\n border-radius: 25px;\n box-shadow: 0 0 18px var(--sbm-glow-mint);\n font-size: 0.95rem;\n white-space: nowrap;\n }\n\n .sbm-time-badge.gold-badge {\n background: var(--sbm-neon-gold);\n box-shadow: 0 0 18px var(--sbm-glow-gold);\n }\n\n .sbm-time-node h4 {\n font-size: 1.25rem;\n margin-top: 10px;\n margin-bottom: 8px;\n font-weight: 900;\n }\n\n .sbm-time-node p {\n color: #ffffff;\n font-size: 0.95rem;\n line-height: 1.6;\n font-weight: 500;\n }\n\n \/* Styles *\/\n .sbm-value-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 22px;\n margin: 35px 0;\n width: 100%;\n }\n\n \/* Styles *\/\n .sbm-steps-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 16px;\n margin: 35px 0;\n width: 100%;\n }\n\n .sbm-step-card {\n background: rgba(6, 22, 13, 0.8);\n border: 1.5px dashed var(--sbm-border);\n padding: 22px 14px;\n border-radius: 16px;\n text-align: center;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .sbm-step-card:hover {\n border-color: var(--sbm-neon-mint);\n transform: translateY(-5px);\n background: var(--sbm-dark-glass-hover);\n }\n\n .sbm-step-num {\n width: 44px; height: 44px;\n background: linear-gradient(135deg, #0a301a, #020e06);\n border: 2px solid var(--sbm-neon-mint);\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-size: 1.3rem; font-weight: 900;\n color: var(--sbm-neon-mint);\n margin: 0 auto 12px;\n box-shadow: 0 0 15px var(--sbm-glow-mint);\n }\n\n .sbm-step-card h4 {\n color: var(--sbm-neon-mint);\n font-size: 1.15rem;\n font-weight: 800;\n margin-bottom: 6px;\n }\n\n .sbm-step-card p {\n color: #ffffff;\n font-size: 0.95rem;\n line-height: 1.6;\n font-weight: 500;\n }\n\n \/* Styles *\/\n .sbm-glass-box {\n background: var(--sbm-dark-glass);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border: 1px solid var(--sbm-border);\n border-radius: 20px;\n padding: 35px 25px;\n margin: 35px auto;\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);\n position: relative;\n overflow: hidden;\n max-width: 880px;\n width: 100%;\n }\n\n .sbm-glass-box::before {\n content: '';\n position: absolute;\n top: 0; right: 0; width: 4px; height: 100%;\n background: linear-gradient(180deg, var(--sbm-neon-mint), var(--sbm-neon-gold), transparent);\n }\n\n .sbm-glass-box p, \n .sbm-glass-box li {\n color: #ffffff;\n font-size: 1.12rem;\n font-weight: 600;\n line-height: 1.85;\n }\n\n \/* Styles *\/\n .sbm-reveal {\n opacity: 0;\n transform: translateY(35px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .sbm-reveal.sbm-active {\n opacity: 1;\n transform: translateY(0);\n }\n\n .sbm-delay-1 { transition-delay: 0.12s; }\n .sbm-delay-2 { transition-delay: 0.24s; }\n\n \/* Styles *\/\n @media (max-width: 768px) {\n .sbm-lab-wrapper { padding: 25px 0; }\n .sbm-container { padding: 0 14px !important; }\n .sbm-glass-box { padding: 22px 14px !important; }\n .sbm-img-md { max-width: 100% !important; }\n\n \/* Styles *\/\n .sbm-benefits-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n margin: 20px 0 !important;\n width: 100% !important;\n }\n\n .sbm-benefits-grid .sbm-bento-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .sbm-benefits-grid .sbm-icon-box {\n width: 38px !important;\n height: 38px !important;\n margin-bottom: 10px !important;\n border-radius: 10px !important;\n }\n\n .sbm-benefits-grid .sbm-icon-box svg {\n width: 20px !important;\n height: 20px !important;\n }\n\n .sbm-benefits-grid .sbm-bento-card h3 {\n font-size: 0.92rem !important;\n margin-bottom: 6px !important;\n line-height: 1.3 !important;\n }\n\n .sbm-benefits-grid .sbm-bento-card p {\n font-size: 0.8rem !important;\n line-height: 1.5 !important;\n }\n\n \/* Styles *\/\n .sbm-ingredients-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .sbm-ingredients-grid .sbm-bento-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .sbm-ingredients-grid h3 {\n font-size: 0.92rem !important;\n margin-bottom: 6px !important;\n }\n\n .sbm-ingredients-grid p {\n font-size: 0.8rem !important;\n line-height: 1.45 !important;\n }\n\n .sbm-ingredients-grid li {\n font-size: 0.75rem !important;\n padding-right: 18px !important;\n }\n\n \/* Styles *\/\n .sbm-steps-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .sbm-step-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .sbm-step-num {\n width: 38px !important;\n height: 38px !important;\n font-size: 1.1rem !important;\n margin-bottom: 8px !important;\n }\n\n .sbm-step-card h4 {\n font-size: 0.95rem !important;\n margin-bottom: 4px !important;\n }\n\n .sbm-step-card p {\n font-size: 0.8rem !important;\n line-height: 1.45 !important;\n }\n\n \/* Styles *\/\n .sbm-timeline-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 22px 10px !important;\n margin: 35px 0 25px !important;\n }\n\n .sbm-time-node {\n padding: 22px 8px 14px !important;\n border-radius: 14px !important;\n }\n\n .sbm-time-badge {\n font-size: 0.75rem !important;\n padding: 3px 12px !important;\n top: -13px !important;\n }\n\n .sbm-time-node h4 {\n font-size: 0.92rem !important;\n margin-top: 4px !important;\n margin-bottom: 4px !important;\n }\n\n .sbm-time-node p {\n font-size: 0.78rem !important;\n line-height: 1.45 !important;\n }\n\n \/* Styles *\/\n .sbm-value-grid { grid-template-columns: 1fr !important; gap: 10px !important; }\n .sbm-research-grid { grid-template-columns: 1fr !important; gap: 10px !important; }\n\n .sbm-title-glow { font-size: 24px; }\n .sbm-section-heading { font-size: 20px; }\n }\n \u003c\/style\u003e\n\n\u003cdiv class=\"sbm-ambient-bg\"\u003e\n\u003cdiv class=\"sbm-particle\" style=\"width: 35px; height: 35px; left: 15%; animation-duration: 18s;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sbm-particle\" style=\"width: 50px; height: 50px; left: 70%; animation-duration: 14s; animation-delay: -5s;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sbm-particle\" style=\"width: 25px; height: 25px; left: 40%; animation-duration: 22s; animation-delay: -8s;\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"sbm-reveal sbm-active\" style=\"text-align: center; padding: 20px 0 35px;\"\u003e\n\u003cdiv class=\"sbm-badge\"\u003eThe most powerful Korean formula with 11 peptides\u003c\/div\u003e\n\u003ch1 class=\"sbm-title-glow\"\u003eSome By Mi Cica Peptide Tonic\u003cbr\/\u003e\u003cspan class=\"neon-mint\"\u003eFor advanced treatment of hair loss\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"sbm-sub-text pure-white\"\u003eAn advanced Korean scientific breakthrough in treating hair loss and increasing density using advanced peptide technology and the soothing power of cica.\u003c\/p\u003e\n\n\u003cdiv class=\"sbm-img-md\" style=\"margin: 0 auto 35px auto;\"\u003e\n\u003cimg alt=\"Some By Mi Botanical Tonic\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosmetic_bottle_on_monstera_leaf_202608300221.jpg?v=1788045943\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"background: rgba(0, 242, 96, 0.1); border: 1.5px solid var(--sbm-neon-mint); border-radius: 18px; padding: 25px; text-align: center; max-width: 820px; margin: 0 auto;\"\u003e\n\u003ch2 style=\"font-size: clamp(20px, 3.8vw, 26px); font-weight: 900; color: #ffffff; margin-bottom: 10px;\"\u003eA comprehensive treatment for all causes of hair loss in one formula\u003c\/h2\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 1.35rem; font-weight: 900; line-height: 1.8;\"\u003eIt's not just a tonic... it's a complete treatment system for all hair problems\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\"\u003eReducing hair loss by up to 70%\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eAn advanced formula that strengthens hair follicles from the roots and prevents excessive hair loss within a few weeks.\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\"\u003eStimulating the growth of new hair\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eAdvanced peptides reactivate dormant follicles and stimulate new hair growth in empty areas.\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\"\u003eInhibiting the DHT hormone locally\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eIt fights the DHT hormone, which is the main cause of hereditary hair loss, and protects the follicles from deterioration without affecting the rest of the body.\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\"\u003eAn excellent treatment for split ends and frizz\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eIt contains rare plant proteins that repair damaged hair and restore softness and strength from the roots to the ends.\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\"\u003eAdvanced treatment for dandruff and pores\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eSalicylic acid (BHA) deeply cleanses the scalp and eliminates dandruff and its causes from the roots.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"sbm-reveal\" style=\"margin: 45px 0; text-align: center;\"\u003e\n\u003cdiv class=\"sbm-img-md\" style=\"margin: 0 auto 25px auto;\"\u003e\n\u003cimg alt=\"Tonic Mist Refreshing Action\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Scalp_tonic_spraying_mist_202608300224.jpg?v=1788046018\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"background: rgba(6, 26, 15, 0.9); padding: 26px 20px; border-radius: 18px; border: 1.5px solid var(--sbm-neon-mint); text-align: center; box-shadow: 0 10px 30px rgba(0,242,96,0.15); max-width: 820px; margin: 0 auto;\"\u003e\n\u003ch4 class=\"neon-mint\" style=\"font-size: 1.4rem; margin-bottom: 10px; font-weight: 900;\"\u003eInstant freshness and soothing coolness\u003c\/h4\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.15rem; line-height: 1.8;\"\u003eNatural menthol gives your hands a refreshing sensation from the first use and soothes the inflamed scalp immediately.\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\"\u003ePermanent results... without commitments... without side effects\u003c\/span\u003e\u003c\/h2\u003e\n\n\u003cdiv class=\"sbm-img-md\" style=\"margin: 0 auto 25px auto;\"\u003e\n\u003cimg alt=\"Precision Tonic Drop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Scalp_tonic_spray_nozzle_drop_202608300221.jpg?v=1788046016\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-glass-box\" style=\"text-align: center;\"\u003e\n\u003ch3 class=\"neon-mint\" style=\"font-size: 1.6rem; font-weight: 900; margin-bottom: 15px;\"\u003eHigh concentration power\u003c\/h3\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.2rem; line-height: 1.85; margin-bottom: 20px;\"\u003eUnlike products based on Minoxidil, this tonic will give you results that change the hair structure from the inside.\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;\"\u003eYou build a strong foundation for your hair follicles thanks to natural extracts that do not cause reversible hair loss when stopped.\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\"\u003ePeptides: the language of talking to cells\u003c\/h2\u003e\n\n\u003cdiv class=\"sbm-img-md\" style=\"margin: 0 auto 30px auto;\"\u003e\n\u003cimg alt=\"Tonic Bottle in Jungle\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Scalp_tonic_bottle_in_jungle_202608300221.jpg?v=1788046018\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-glass-box\"\u003e\n\u003ch3 class=\"neon-gold\" style=\"font-size: 1.35rem; margin-bottom: 15px; line-height: 1.6; font-weight: 900; text-align: left;\"\u003ePeptides are not just an ingredient... This is the language of talking to cells that makes them understand how to function properly again\u003c\/h3\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.1rem; margin-bottom: 25px; line-height: 1.85; text-align: left;\"\u003ePeptides are short chains of amino acids – think of them like “smart messages” that deliver to cells telling them exactly what to do. In the case of hair, these peptides deliver these messages to the hair follicles:\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✓ “Work harder”\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card gold-border\" style=\"padding: 18px 14px;\"\u003e\n\u003ch3 class=\"neon-gold\" style=\"font-size: 1.15rem; margin-bottom: 0;\"\u003e✓ “Produce stronger and thicker hair”\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✓ “Receive nutrients efficiently”\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✓ “Resist hair loss and weakness”\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;\"\u003eThis product does not treat the symptoms of hair loss...it reprograms the cells themselves to function as God created them.\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\"\u003eAward-winning formula from international beauty organizations\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;\"\u003eAn inflamed scalp is the biggest cause of hair loss. Centella is one of the most powerful plants to soothe irritation.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eEliminates inflammation and itching in seconds.\u003c\/li\u003e\n\u003cli\u003eStimulates collagen production in the scalp.\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\"\u003eTechnology of 11 types of peptides\u003c\/h3\u003e\n\u003cp class=\"neon-mint\" style=\"font-size: 0.95rem; margin-bottom: 10px; font-weight: bold;\"\u003eA modern medical miracle that has the ability to reprogram and repair cells.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong class=\"neon-gold\"\u003eCopper Tripeptide:\u003c\/strong\u003e Stimulates growth.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"neon-gold\"\u003ePalmitoyl Tripeptide:\u003c\/strong\u003e Strengthens the structure.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"neon-gold\"\u003eAcetyl Hexapeptide:\u003c\/strong\u003e Provides blood flow.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card\"\u003e\n\u003ch3 class=\"neon-mint\"\u003eSalicylic acid (BHA)\u003c\/h3\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 0.95rem; margin-bottom: 10px; font-weight: bold;\"\u003eThe most powerful compound to exfoliate dead skin and get rid of dandruff.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eGets rid of dead skin cells.\u003c\/li\u003e\n\u003cli\u003eCleans clogged pores.\u003c\/li\u003e\n\u003cli\u003eControls the secretion of oils.\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 + plant proteins\u003c\/h3\u003e\n\u003cp class=\"neon-mint\" style=\"font-size: 0.95rem; margin-bottom: 10px; font-weight: bold;\"\u003eAll the nutrients your hair needs in one formula.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eBiotin to strengthen hair from the inside.\u003c\/li\u003e\n\u003cli\u003eProteins (corn, soy, wheat).\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\"\u003eProven scientific studies on ingredients\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■ Peptides - international studies\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\"\u003ePeptides increased hair density by \u003cstrong class=\"neon-mint\"\u003e58% within 12 weeks\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;\"\u003eAdvanced Korean search:\u003c\/strong\u003e\n\u003cp class=\"pure-white\"\u003eCopper Tripeptide stimulates hair growth by \u003cstrong class=\"neon-mint\"\u003e73% compared to the control group\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;\"\u003eKorean Research Institute:\u003c\/strong\u003e\n\u003cp class=\"pure-white\"\u003eCica reduced scalp infections by a percentage \u003cstrong class=\"neon-gold\"\u003e82% in 4 weeks\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■ Salicylic acid (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;\"\u003eAmerican study 2023:\u003c\/strong\u003e\n\u003cp class=\"pure-white\"\u003eSalicylic acid eliminated \u003cstrong class=\"neon-mint\"\u003e95% of dandruff disappears within 6 weeks\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: What will happen to your hair?\u003c\/h2\u003e\n\u003cdiv class=\"sbm-timeline-grid\"\u003e\n\u003cdiv class=\"sbm-time-node\"\u003e\n\u003cdiv class=\"sbm-time-badge\"\u003eImmediately\u003c\/div\u003e\n\u003ch4 class=\"neon-mint\"\u003eSoothing freshness\u003c\/h4\u003e\n\u003cp\u003eInstant cooling and refreshing sensation, soothing itching and irritation, and comforting the scalp.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-time-node gold-edge\"\u003e\n\u003cdiv class=\"sbm-time-badge gold-badge\"\u003eTwo weeks\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\"\u003eStop shedding\u003c\/h4\u003e\n\u003cp\u003eNoticeable reduction in daily hair loss, healthier and less inflamed scalp, stronger hair and less breakage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-time-node\"\u003e\n\u003cdiv class=\"sbm-time-badge\"\u003e4 months\u003c\/div\u003e\n\u003ch4 class=\"neon-mint\"\u003eNew germination\u003c\/h4\u003e\n\u003cp\u003eA radical change in the density and strength of hair, reducing hair loss by up to 70%, and the beginning of noticeable growth of new hairs.\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 months\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\"\u003eMaximum density\u003c\/h4\u003e\n\u003cp\u003eA significant improvement in density, an increase in the thickness and diameter of the hair, and a scalp completely free of inflammation and dandruff.\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\"\u003eExcellent value for money and easy to use\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 bottle = 3-4 months of treatment\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eLarger size than most competing products. Higher concentration gives faster results, and unbeatable value for money.\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 solutions in one product\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eIt treats hair loss, treats dandruff, and softens the ends. You don't need to buy 3 separate products.\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\u003eShake the container\u003c\/h4\u003e\n\u003cp\u003eMake sure all active ingredients are mixed.\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\u003eSpray on scalp\u003c\/h4\u003e\n\u003cp\u003eFocus on areas of shedding or thinning.\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\u003eGently massage\u003c\/h4\u003e\n\u003cp\u003eWith your fingertips for two minutes.\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\u003eLeave it running\u003c\/h4\u003e\n\u003cp\u003eDon't wash it - let it absorb all day long.\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;\"\u003eThis is the last treatment you will ever need for hair loss\u003c\/h2\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.25rem; max-width: 800px; margin: 0 auto 30px; line-height: 1.85;\"\u003eNow... the decision is in your hands. Your hair is waiting for you to make the right decision... and every day of delay, you risk new follicles. You can stop hair loss and restore hair density if you start treating the follicles early using the power of the 11 peptides and Cica.\u003c\/p\u003e\n\n\u003cdiv class=\"sbm-img-md\" style=\"margin: 30px auto;\"\u003e\n\u003cimg alt=\"Tonic on Moss Nature\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Scalp_tonic_bottle_on_moss_202608300228.jpg?v=1788046133\" style=\"border: 2px solid var(--sbm-neon-mint); box-shadow: 0 20px 60px rgba(0, 242, 96, 0.3);\"\/\u003e\n\u003c\/div\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: clamp(1.5rem, 4vw, 2.1rem); font-weight: 900; text-shadow: 0 0 20px rgba(255,215,0,0.5);\"\u003eStart your hair restoration journey today.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n document.addEventListener(\"DOMContentLoaded\", function() {\n const reveals = document.querySelectorAll('.sbm-reveal');\n \n const observerOptions = {\n root: null,\n threshold: 0.08,\n rootMargin: \"0px 0px -40px 0px\"\n };\n\n const scrollObserver = new IntersectionObserver(function(entries, observer) {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('sbm-active');\n observer.unobserve(entry.target); \n }\n });\n }, observerOptions);\n\n reveals.forEach(el =\u003e {\n scrollObserver.observe(el);\n });\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"some by mi","offers":[{"title":"Default Title","offer_id":46999391830190,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/some-by-mi-cica-peptide-anti-hair-loss-derma-scalp-tonic-150ml.jpg?v=1759854586"},{"product_id":"cosrx-galactomyces-95-essence","title":"Cosrx Galactomyces Yeast Extract 95% Concentration","description":"\u003ch2 data-end=\"61\" data-start=\"0\"\u003eIs your skin dull? Inhomogeneous color? Is your radiance disappearing day by day?\u003c\/h2\u003e\n\u003cp data-end=\"264\" data-start=\"63\"\u003eEvery day your skin is exposed to stress, pollution, and sunlight, it loses part of its natural glow. Dark spots become more visible, pigmentation appears, and your face looks tired and lifeless. Ignoring the problem means it will continue...and increase.\u003c\/p\u003e\n\u003cp data-end=\"338\" data-start=\"266\"\u003eBut what if there was a solution that would restore your skin's natural balance and charming radiance?\u003c\/p\u003e\n\u003ch2 data-end=\"437\" data-start=\"340\"\u003e A true revolution in skin lightening and unifying skin tone!\u003c\/h2\u003e\n\u003cp data-end=\"653\" data-start=\"439\"\u003eNot just another product, but \u003cstrong data-end=\"501\" data-start=\"463\"\u003eA qualitative shift in the world of skin care\u003c\/strong\u003e! With an advanced formula containing \u003cstrong data-end=\"558\" data-start=\"528\"\u003e95% Galactomyces extract\u003c\/strong\u003eThis essence gives your skin unprecedented rejuvenation power, restoring radiance, balance, and deep hydration.\u003c\/p\u003e\n\u003cp data-end=\"653\" data-start=\"439\"\u003e \u003c\/p\u003e\n\u003ch2 data-end=\"27\" data-start=\"0\"\u003eWhat is galactomyces?\u003c\/h2\u003e\n\u003cp data-end=\"694\" data-start=\"655\"\u003e Galactomyces is a natural extract extracted from the yeast fermentation process, and is considered one of the skin care secrets in the Korean world. It contains a formula rich in vitamins, minerals and amino acids that stimulate skin cell regeneration and improve its elasticity. \u003c\/p\u003e\n\u003ch2 data-end=\"277\" data-start=\"259\"\u003eWhat is the reason for the enormous popularity and high effectiveness of this ingredient?\u003c\/h2\u003e\n\u003cp data-end=\"694\" data-start=\"655\"\u003e Galactomyces helps rebalance the skin by boosting collagen production and reducing the appearance of pigmentation and dark spots, giving your skin a renewed radiance. It also deeply moisturizes the skin, fighting free radicals and improving the appearance and texture of the skin, giving you a more youthful and vibrant appearance. It is the key to having fresh and luminous skin!\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\"\u003eHow does this scientific innovation work?\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\"\/\u003eAn amazing ingredient extracted from natural yeasts, which works to:\u003cbr data-end=\"789\" data-start=\"786\"\/\u003e✔ Stimulate skin cell regeneration to improve skin texture and remove dullness.\u003cbr data-end=\"848\" data-start=\"845\"\/\u003e✔ Reduces the appearance of pigmentation and dark spots to give you a more radiant, uniform color.\u003cbr data-end=\"921\" data-start=\"918\"\/\u003e✔ Strengthening the skin barrier and protecting it from harmful factors, reducing the effect of pollution and stress on it.\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\"\u003eBut the high effectiveness of this product is not limited to galactomyces only!\u003c\/h3\u003e\n\u003cp data-end=\"1166\" data-start=\"1013\"\u003e💦 \u003cstrong data-end=\"1051\" data-start=\"1016\"\u003eHyaluronic acid + niacinamide\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-end=\"1166\" data-start=\"1013\"\u003eAn amazing duo that deeply moisturizes the skin, gradually lightening it in a safe way without any irritation, leaving it looking plump and fresh.\u003c\/p\u003e\n\u003cp data-end=\"1281\" data-start=\"1168\"\u003e🛡 \u003cstrong data-end=\"1196\" data-start=\"1171\"\u003ePowerful antioxidants\u003c\/strong\u003e\u003cbr data-end=\"1199\" data-start=\"1196\"\/\u003eIt fights free radicals, keeps the skin youthful, and gives it a healthy glow from the inside out.\u003c\/p\u003e\n\u003cp data-end=\"1281\" data-start=\"1168\"\u003e \u003c\/p\u003e\n\u003ch2 data-end=\"99\" data-start=\"0\"\u003eThe formula may seem simple, but Galactomyces with its high concentrations is revolutionizing the world of skin care\u003c\/h2\u003e\n\u003cp data-end=\"250\" data-start=\"101\"\u003eGalactomyces, a natural extract from the yeast fermentation process, may seem like a simple ingredient, but it holds amazing benefits for the skin, especially when used in high concentrations.\u003c\/p\u003e\n\u003ch3 data-end=\"292\" data-start=\"252\"\u003eThe effectiveness of Galactomyces at high concentrations\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\"\u003eLighten and unify skin tone:\u003c\/strong\u003e When Galactomyces is used in high concentrations, a noticeable improvement in unifying skin tone and reducing pigmentation is observed, giving the skin a natural radiance.\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\"\u003eDeep moisturizing:\u003c\/strong\u003e Galactomyces enhances skin hydration from within, helping to maintain its softness and elasticity.\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\"\u003eUnprecedented combination on the market \u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-end=\"1623\" data-start=\"1326\"\u003e✨ \u003cstrong data-end=\"1408\" data-start=\"1328\"\u003eUltra-potent formula with 95% Galactomyces concentration – the highest concentration available on the market!\u003c\/strong\u003e\u003cbr data-end=\"1411\" data-start=\"1408\"\/\u003e✨ \u003cstrong data-end=\"1467\" data-start=\"1413\"\u003eVisible results in lightening skin tone within a few weeks.\u003c\/strong\u003e\u003cbr data-end=\"1470\" data-start=\"1467\"\/\u003e✨ \u003cstrong data-end=\"1547\" data-start=\"1472\"\u003eLight formula that absorbs quickly without leaving any greasy residue, ideal for all skin types.\u003c\/strong\u003e\u003cbr data-end=\"1550\" data-start=\"1547\"\/\u003e✨ \u003cstrong data-end=\"1621\" data-start=\"1552\"\u003eSupports the skin's natural barrier, making it suitable even for sensitive skin.\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\u003eHow to Use\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-end=\"1661\" data-start=\"1625\"\u003e It is recommended to apply it morning and evening after cleansing the skin. Apply an appropriate amount to the face and follow with your usual skin care routine.\u003cbr\/\u003e\u003c\/p\u003e\n\u003ch2 data-end=\"1661\" data-start=\"1625\"\u003e\u003cstrong data-end=\"1659\" data-start=\"1628\"\u003eYour skin deserves a glow that does not fade!\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-end=\"1810\" data-start=\"1663\"\u003eDon't let pigmentation and dull skin define your look. With \u003cstrong data-end=\"1761\" data-start=\"1713\"\u003eCOSRX Galactomyces 95 Tone Balancing Essence\u003c\/strong\u003eRestore the clarity and purity of your skin with the most powerful innovative formula!\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\"\u003eStart your journey towards brighter skin today!\u003c\/strong\u003e\u003c\/p\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":46999392026798,"sku":null,"price":35.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrx_galactomyces_essense_95_original_1_1a9022e4-622f-42f3-9503-b24a99ae29ad.jpg?v=1788175385"},{"product_id":"cosrx-bha-blackhead-power-liquid","title":"Cosrx BHA Blackhead Power Liquid 100 ml","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n \/* Base styles *\/\n .product-description {\n max-width: 900px;\n margin: 0 auto;\n color: #333;\n line-height: 1.6;\n padding: 20px;\n position: relative;\n overflow: hidden;\n direction: 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\u003eBlackheads: annoying pimples that spoil the clarity of your skin and reduce your self-confidence\u003c\/h3\u003e\n\u003cp\u003eBlackheads are a common skin problem that occurs as a result of pores becoming clogged with natural oils and dead skin cells. These dark pimples not only affect the appearance of the skin, but may also reduce a person's self-confidence.\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\u003eOne product will get rid of the problem in one week\u003c\/h3\u003e\n\u003cp\u003eWith \u003cstrong\u003eCOSRX BHA Blackhead Power Liquid\u003c\/strong\u003eYou can get rid of blackheads and get clear skin within a week. This product contains 4% of \u003cstrong\u003eBetaine salicylate\u003c\/strong\u003eIt is a beta hydroxy acid that is gentle and effective in cleaning pores.\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 minutes a week... results that last for months\u003c\/h3\u003e\n\u003cp\u003eAfter a week of regular use, you will notice an improvement in the texture of your skin, as it will become smoother and more radiant. In addition, the product helps reduce pimples and improve skin elasticity.\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\"\u003eFirst day\u003c\/div\u003e\n\u003cp\u003eThe beginning of deep cleaning of pores\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\"\u003eThe third day\u003c\/div\u003e\n\u003cp\u003eReducing pore size\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\"\u003eDay five\u003c\/div\u003e\n\u003cp\u003eSmoother skin\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\"\u003eThe seventh day\u003c\/div\u003e\n\u003cp\u003eThe disappearance of blackheads\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\u003eAmazing results in one week\u003c\/h3\u003e\n\u003cp\u003eClinical results show a noticeable improvement in the appearance of the skin after using the product regularly for just one week!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch3\u003ePore cleaning and minimizing specialist\u003c\/h3\u003e\n\u003cp\u003eDesigned \u003cstrong\u003eCOSRX BHA Blackhead Power Liquid\u003c\/strong\u003e Specially designed to deeply cleanse pores and reduce their size, giving you clearer and more youthful skin. It is distinguished by its composition that contains \u003cstrong\u003eWillow bark extract\u003c\/strong\u003e And\u003cstrong\u003eBetaine salicylate\u003c\/strong\u003eThis helps reduce inflammation and improve overall skin health.\u003c\/p\u003e\n\u003c!-- Feature Grid --\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch4\u003eDeep cleansing of pores\u003c\/h4\u003e\n\u003cp\u003eIt penetrates deep into pores to remove impurities and accumulated oils that cause blackheads\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch4\u003eSkin cell regeneration\u003c\/h4\u003e\n\u003cp\u003eIt helps speed up the skin cell renewal process for brighter skin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch4\u003eMinimize pores\u003c\/h4\u003e\n\u003cp\u003eIt significantly reduces the size of large pores with regular use\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\u003eBetter than other BHA exfoliators\u003c\/h3\u003e\n\u003cp\u003eThis product is distinguished from other BHA scrubs by its unique formula that combines effectiveness and gentleness on the skin. In addition, it does not contain perfumes or alcohol, making it ideal for all skin types, even sensitive ones.\u003c\/p\u003e\n\u003ch3\u003eWhy is this product good value for money?\u003c\/h3\u003e\n\u003cdiv class=\"value-points\"\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eLarge package size (100 ml)\u003c\/strong\u003e\n\u003cp\u003eEnough for several months of regular use\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eLong lasting effectiveness\u003c\/strong\u003e\n\u003cp\u003eOne application is enough to get results that last for a whole week\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eHighly concentrated active ingredients\u003c\/strong\u003e\n\u003cp\u003eContains a high concentration of salicylic acid (BHA) to remove blackheads\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eValuable additional components\u003c\/strong\u003e\n\u003cp\u003eSuch as willow bark water to clean pores and renew skin cells\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eNo need for daily use\u003c\/strong\u003e\n\u003cp\u003eIt can be used less often with lasting results, which increases its value for the price\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"separator\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003ch3\u003eMain ingredients and how they work:\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-container\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eBetaine Salicylate 4%\u003c\/h4\u003e\n\u003cp\u003eA gentler alternative to salicylic acid, it exfoliates the skin and dissolves sebum within pores, helping to reduce blackheads and improve skin texture.\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\u003eIt is considered a natural source of betaine salicylate, which contributes to reducing inflammation and improving overall skin health.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eButylene Glycol\u003c\/h4\u003e\n\u003cp\u003eIt acts as an emollient, helping maintain skin moisture and enhancing the absorption of other ingredients.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eEthyl Hexanediol\u003c\/h4\u003e\n\u003cp\u003eUsed as a solvent, it helps improve the consistency of the product and facilitate its distribution on the skin.\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\u003eThe ideal solution to get rid of blackheads and get clear, impurities-free skin.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eStart now, and say goodbye to blackheads forever!\u003c\/strong\u003e\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eBuy now\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":46999392387246,"sku":null,"price":23.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Cosrx_BHA_Blackhead_Power_Liquid_5_591e4306-fa92-4003-96db-676f98dec3ac.webp?v=1788175384"},{"product_id":"some-by-mi-bye-bye-blackhead","title":"Some By Mi Green Tea Tox Bubble Cleanser 120g | Ship Egypt","description":"\u003cdiv class=\"blackhead-product-description\" dir=\"ltr\"\u003e\n \u003cstyle\u003e\n \/* Product description styles - luxurious and modern design *\/\n .blackhead-product-description {\n max-width: 100%;\n margin: 0 auto;\n direction: ltr;\n text-align: left;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n line-height: 1.6;\n color: #333;\n background: linear-gradient(135deg, #fafafa 0%, #f0f0f0 100%);\n min-height: 100vh;\n position: relative;\n }\n\n .blackhead-product-description * {\n box-sizing: border-box;\n }\n\n \/* Dynamic particle background *\/\n .blackhead-product-description::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 10% 20%, rgba(76, 175, 80, 0.05) 2px, transparent 2px),\n radial-gradient(circle at 90% 80%, rgba(76, 175, 80, 0.04) 1px, transparent 1px),\n radial-gradient(circle at 50% 50%, rgba(76, 175, 80, 0.03) 1px, transparent 1px);\n animation: premiumFloat 20s ease-in-out infinite;\n pointer-events: none;\n z-index: -1;\n }\n\n \/* Main title *\/\n .blackhead-main-title {\n text-align: center;\n font-size: 3.2em;\n font-weight: 900;\n color: #4caf50;\n margin-bottom: 40px;\n position: relative;\n padding-bottom: 15px;\n text-shadow: 0 4px 12px rgba(76, 175, 80, 0.3);\n opacity: 0;\n transform: translateY(50px);\n animation: premiumFadeInUp 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n background: linear-gradient(135deg, #4caf50 0%, #2e7d32 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .blackhead-main-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 4px;\n background: linear-gradient(90deg, transparent, #4caf50, transparent);\n animation: premiumUnderline 2s cubic-bezier(0.23, 1, 0.32, 1) 0.5s forwards;\n box-shadow: 0 2px 10px rgba(76, 175, 80, 0.4);\n }\n\n \/* Product introduction *\/\n .blackhead-intro {\n text-align: center;\n font-size: 1.2em;\n margin: 0 auto 50px;\n max-width: 800px;\n line-height: 1.8;\n color: #555;\n opacity: 0;\n transform: translateY(30px);\n animation: premiumFadeInUp 1.8s cubic-bezier(0.23, 1, 0.32, 1) 0.3s forwards;\n }\n\n \/* Main image with premium effects *\/\n .blackhead-main-image {\n display: block;\n margin: 40px auto;\n max-width: 650px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: \n 0 20px 50px rgba(0,0,0,0.15),\n 0 10px 30px rgba(76, 175, 80, 0.1),\n inset 0 1px 0 rgba(255,255,255,0.6);\n transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n opacity: 0;\n transform: scale(0.85) rotateY(10deg);\n animation: premiumImageReveal 1.5s cubic-bezier(0.23, 1, 0.32, 1) 0.8s forwards;\n position: relative;\n }\n\n .blackhead-main-image::before {\n content: '';\n position: absolute;\n top: -3px;\n left: -3px;\n right: -3px;\n bottom: -3px;\n background: linear-gradient(135deg, #4caf50, #2e7d32);\n border-radius: 23px;\n z-index: -1;\n opacity: 0;\n transition: opacity 0.6s ease;\n }\n\n .blackhead-main-image:hover {\n transform: scale(1.05) rotateY(0deg) translateZ(20px);\n box-shadow: \n 0 30px 60px rgba(0,0,0,0.2),\n 0 15px 40px rgba(76, 175, 80, 0.2);\n }\n\n .blackhead-main-image:hover::before {\n opacity: 0.7;\n }\n\n \/* Features section *\/\n .blackhead-features {\n margin: 60px 20px;\n }\n\n .blackhead-feature-card {\n background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);\n border-radius: 20px;\n box-shadow: \n 0 20px 40px rgba(0,0,0,0.08),\n 0 8px 20px rgba(76, 175, 80, 0.06),\n inset 0 1px 0 rgba(255,255,255,0.9);\n padding: 40px;\n margin-bottom: 30px;\n border: 1px solid rgba(76, 175, 80, 0.1);\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n position: relative;\n overflow: hidden;\n }\n\n .blackhead-feature-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(76, 175, 80, 0.1), transparent);\n transition: left 0.8s cubic-bezier(0.23, 1, 0.32, 1);\n }\n\n .blackhead-feature-card:hover {\n transform: translateY(-10px) translateZ(20px);\n box-shadow: \n 0 30px 60px rgba(0,0,0,0.15),\n 0 12px 30px rgba(76, 175, 80, 0.12);\n }\n\n .blackhead-feature-card:hover::before {\n left: 100%;\n }\n\n .blackhead-feature-title {\n display: flex;\n align-items: center;\n margin-bottom: 20px;\n color: #4caf50;\n font-size: 1.8em;\n font-weight: 700;\n text-shadow: 0 1px 3px rgba(76, 175, 80, 0.2);\n }\n\n .blackhead-feature-icon {\n margin-right: 15px;\n color: #4caf50;\n font-size: 1.8em;\n transition: transform 0.3s ease;\n }\n\n .blackhead-feature-card:hover .blackhead-feature-icon {\n transform: scale(1.2) rotate(10deg);\n }\n\n .blackhead-feature-content {\n line-height: 1.8;\n color: #555;\n font-size: 1.1em;\n }\n\n \/* Benefits list *\/\n .blackhead-benefits-list {\n padding-left: 25px;\n }\n\n .blackhead-benefit-item {\n margin-bottom: 20px;\n display: flex;\n align-items: flex-start;\n padding: 15px;\n background: linear-gradient(135deg, #f8f9fa 0%, #f1f3f4 100%);\n border-radius: 12px;\n border-left: 4px solid #4caf50;\n transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n }\n\n .blackhead-benefit-item:hover {\n background: linear-gradient(135deg, #e8f4e8 0%, #e1f0e5 100%);\n transform: translateX(8px);\n box-shadow: 0 4px 15px rgba(76, 175, 80, 0.1);\n }\n\n .blackhead-benefit-icon {\n color: #4caf50;\n font-size: 1.3em;\n margin-right: 15px;\n margin-top: 5px;\n flex-shrink: 0;\n transition: transform 0.3s ease;\n }\n\n .blackhead-benefit-item:hover .blackhead-benefit-icon {\n transform: scale(1.2);\n }\n\n .blackhead-benefit-title {\n font-weight: 700;\n color: #333;\n margin-bottom: 8px;\n font-size: 1.2em;\n }\n\n .blackhead-benefit-text {\n color: #555;\n line-height: 1.7;\n }\n\n \/* Ingredients section *\/\n .blackhead-ingredients {\n background: linear-gradient(135deg, #1a1a1a 0%, #000 50%, #1a1a1a 100%);\n color: white;\n padding: 60px;\n border-radius: 25px;\n margin: 80px 20px;\n box-shadow: \n 0 30px 60px rgba(0,0,0,0.3),\n 0 10px 30px rgba(76, 175, 80, 0.1),\n inset 0 1px 0 rgba(255,255,255,0.1);\n position: relative;\n overflow: hidden;\n opacity: 0;\n transform: scale(0.9);\n animation: premiumScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n }\n\n .blackhead-ingredients::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(76, 175, 80, 0.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(76, 175, 80, 0.1) 0%, transparent 50%);\n animation: premiumGlow 6s ease-in-out infinite;\n }\n\n .blackhead-section-title {\n text-align: center;\n font-size: 2.4em;\n color: #4caf50;\n margin-bottom: 30px;\n text-shadow: 0 2px 8px rgba(76, 175, 80, 0.4);\n font-weight: 800;\n }\n\n \/* How to use section *\/\n .blackhead-how-to-use {\n background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);\n padding: 60px;\n border-radius: 25px;\n margin: 80px 20px;\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 border: 1px solid rgba(76, 175, 80, 0.1);\n opacity: 0;\n transform: translateY(50px);\n animation: premiumFadeInUp 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n }\n\n .blackhead-steps {\n counter-reset: step-counter;\n }\n\n .blackhead-step {\n display: flex;\n align-items: flex-start;\n margin-bottom: 20px;\n position: relative;\n counter-increment: step-counter;\n padding: 20px;\n background: linear-gradient(135deg, #f8f9fa 0%, #f1f3f4 100%);\n border-radius: 12px;\n border-left: 4px solid #4caf50;\n transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n }\n\n .blackhead-step:hover {\n transform: translateX(10px);\n box-shadow: 0 4px 15px rgba(76, 175, 80, 0.1);\n }\n\n .blackhead-step::before {\n content: counter(step-counter);\n background: linear-gradient(135deg, #4caf50, #2e7d32);\n color: white;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n margin-right: 20px;\n flex-shrink: 0;\n box-shadow: 0 2px 8px rgba(76, 175, 80, 0.3);\n transition: transform 0.3s ease;\n }\n\n .blackhead-step:hover::before {\n transform: scale(1.1);\n }\n\n .blackhead-step-content {\n line-height: 1.7;\n color: #555;\n font-size: 1.1em;\n }\n\n \/* Highlight section bar *\/\n .blackhead-highlight-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 5px;\n height: 100%;\n background: linear-gradient(to bottom, #4caf50, #2e7d32);\n border-radius: 5px;\n }\n\n \/* Value card *\/\n .blackhead-value-card {\n background: linear-gradient(135deg, #1a1a1a 0%, #000 50%, #1a1a1a 100%);\n color: white;\n padding: 50px;\n border-radius: 25px;\n margin: 80px 20px;\n box-shadow: \n 0 30px 60px rgba(0,0,0,0.3),\n 0 10px 30px rgba(76, 175, 80, 0.1),\n inset 0 1px 0 rgba(255,255,255,0.1);\n border-left: 5px solid #4caf50;\n opacity: 0;\n transform: scale(0.9);\n animation: premiumScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n position: relative;\n overflow: hidden;\n }\n\n .blackhead-value-card::before {\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(76, 175, 80, 0.1) 50%, transparent 70%);\n animation: premiumShimmer 4s ease-in-out infinite;\n }\n\n .blackhead-value-card h3 {\n color: #4caf50;\n font-size: 2em;\n margin-bottom: 20px;\n text-shadow: 0 2px 8px rgba(76, 175, 80, 0.4);\n font-weight: 800;\n }\n\n .blackhead-value-card p {\n line-height: 1.8;\n font-size: 1.1em;\n opacity: 0.9;\n }\n\n \/* Animations *\/\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);\n }\n }\n\n @keyframes premiumUnderline {\n to { width: 120px; }\n }\n\n @keyframes premiumFloat {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n }\n\n @keyframes premiumGlow {\n 0%, 100% { opacity: 0.8; transform: scale(1); }\n 50% { opacity: 1; transform: scale(1.05); }\n }\n\n @keyframes premiumShimmer {\n 0% { transform: translateX(-100%) skewX(-15deg); }\n 100% { transform: translateX(200%) skewX(-15deg); }\n }\n\n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .blackhead-main-title {\n font-size: 2.2em;\n }\n\n .blackhead-main-image {\n max-width: 90%;\n border-radius: 15px;\n }\n\n .blackhead-feature-card,\n .blackhead-ingredients,\n .blackhead-how-to-use,\n .blackhead-value-card {\n padding: 30px 20px;\n margin: 40px 10px;\n }\n\n .blackhead-section-title {\n font-size: 1.8em;\n }\n\n .blackhead-feature-title {\n font-size: 1.5em;\n }\n\n .blackhead-step-content,\n .blackhead-benefit-text {\n font-size: 1em;\n }\n }\n \u003c\/style\u003e\n\n \u003c!-- Load Inter font --\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700;900\u0026display=swap\" rel=\"stylesheet\"\u003e\n\n \u003c!-- Load Font Awesome --\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\"\u003e\n\n \u003c!-- Main title --\u003e\n \u003ch2 class=\"blackhead-main-title\"\u003eThe Ultimate Solution for Blackheads and Whiteheads\u003c\/h2\u003e\n\n \u003c!-- Product introduction --\u003e\n \u003cp class=\"blackhead-intro\"\u003e\n Discover the revolutionary solution for clear, radiant skin with \u003cstrong\u003eSome By Mi Bye Bye Blackhead\u003c\/strong\u003e. This innovative formula combines advanced chemical exfoliation with pure natural ingredients to remove impurities, reduce excess oil, and enhance skin texture and radiance. This product is your key to smooth, clear, and pore-perfect skin.\n \u003c\/p\u003e\n\n \u003c!-- Main image --\u003e\n \u003cimg class=\"blackhead-main-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_bye_bye_blackhead_green_tea_detox_1_5a99d8c3-7e59-4cf7-996f-46ce602da16d.webp?v=1742642914\" alt=\"Some By Mi Bye Bye Blackhead\"\u003e\n\n \u003c!-- Features section --\u003e\n \u003cdiv class=\"blackhead-features\"\u003e\n \u003cdiv class=\"blackhead-feature-card\"\u003e\n \u003cdiv class=\"blackhead-feature-title\"\u003e\n \u003ci class=\"fas fa-star blackhead-feature-icon\"\u003e\u003c\/i\u003e\n Expert Pore Purification and Oil Control\n \u003c\/div\u003e\n \u003cdiv class=\"blackhead-benefits-list\"\u003e\n \u003cdiv class=\"blackhead-benefit-item\"\u003e\n \u003ci class=\"fas fa-check-circle blackhead-benefit-icon\"\u003e\u003c\/i\u003e\n \u003cdiv class=\"blackhead-benefit-content\"\u003e\n \u003cdiv class=\"blackhead-benefit-title\"\u003eReduces Blackheads:\u003c\/div\u003e\n \u003cdiv class=\"blackhead-benefit-text\"\u003eEffectively dissolves impurities and cleanses pores, significantly reducing the appearance of blackheads.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"blackhead-benefit-item\"\u003e\n \u003ci class=\"fas fa-check-circle blackhead-benefit-icon\"\u003e\u003c\/i\u003e\n \u003cdiv class=\"blackhead-benefit-content\"\u003e\n \u003cdiv class=\"blackhead-benefit-title\"\u003eDeep Pore Cleansing:\u003c\/div\u003e\n \u003cdiv class=\"blackhead-benefit-text\"\u003eAHA, BHA, and PHA work together to remove dead skin cells and unclog pores, leaving your skin clearer and smoother.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"blackhead-benefit-item\"\u003e\n \u003ci class=\"fas fa-check-circle blackhead-benefit-icon\"\u003e\u003c\/i\u003e\n \u003cdiv class=\"blackhead-benefit-content\"\u003e\n \u003cdiv class=\"blackhead-benefit-title\"\u003eOil Control:\u003c\/div\u003e\n \u003cdiv class=\"blackhead-benefit-text\"\u003eNatural ingredients balance oil production, minimizing excess shine and maintaining a fresh complexion.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"blackhead-benefit-item\"\u003e\n \u003ci class=\"fas fa-check-circle blackhead-benefit-icon\"\u003e\u003c\/i\u003e\n \u003cdiv class=\"blackhead-benefit-content\"\u003e\n \u003cdiv class=\"blackhead-benefit-title\"\u003eImproves Skin Texture:\u003c\/div\u003e\n \u003cdiv class=\"blackhead-benefit-text\"\u003eRegular use enhances skin smoothness and tone, reducing blemishes and irritation.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"blackhead-benefit-item\"\u003e\n \u003ci class=\"fas fa-check-circle blackhead-benefit-icon\"\u003e\u003c\/i\u003e\n \u003cdiv class=\"blackhead-benefit-content\"\u003e\n \u003cdiv class=\"blackhead-benefit-title\"\u003eBrightens and Radiates:\u003c\/div\u003e\n \u003cdiv class=\"blackhead-benefit-text\"\u003eRestores your skin’s natural glow and evens out tone for a youthful, radiant look.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Additional image --\u003e\n \u003cimg class=\"blackhead-main-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_bye_bye_blackhead_green_tea_detox_3.webp?v=1742643288\" alt=\"Some By Mi Bye Bye Blackhead\"\u003e\n\n \u003c!-- How it works --\u003e\n \u003cdiv class=\"blackhead-features\"\u003e\n \u003cdiv class=\"blackhead-feature-card\"\u003e\n \u003cdiv class=\"blackhead-feature-title\"\u003e\n \u003ci class=\"fas fa-cogs blackhead-feature-icon\"\u003e\u003c\/i\u003e\n How It Works\n \u003c\/div\u003e\n \u003cdiv class=\"blackhead-feature-content\"\u003e\n \u003cstrong\u003eSome By Mi Bye Bye Blackhead\u003c\/strong\u003e leverages a powerful blend of chemical exfoliation with AHA, BHA, and PHA to remove dead skin cells, dissolve impurities, and deeply cleanse pores. Infused with botanical extracts, it soothes the skin and regulates oil production, reducing the likelihood of blemishes and irritation. This comprehensive approach visibly transforms your skin by promoting cell renewal and radiance.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Tea tree section --\u003e\n \u003cdiv class=\"blackhead-ingredients\"\u003e\n \u003cdiv class=\"blackhead-highlight-section\"\u003e\n \u003ch3 class=\"blackhead-section-title\"\u003e16 Types of Tea Tree: Nature’s Powerhouse for Skin Purification\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; margin-bottom: 30px; line-height: 1.8; font-size: 1.2em; opacity: 0.9;\"\u003e\n The \u003cstrong\u003eSome By Mi Bye Bye Blackhead\u003c\/strong\u003e formula combines 16 types of tea tree extracts, delivering enhanced protection with their antibacterial and anti-inflammatory properties. These ingredients regulate oil production, deeply cleanse pores, and reduce irritation, leaving your skin refreshed, clear, and naturally radiant.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- How to use section --\u003e\n \u003cdiv class=\"blackhead-how-to-use\"\u003e\n \u003cdiv class=\"blackhead-highlight-section\"\u003e\n \u003ch3 class=\"blackhead-section-title\"\u003eHow to Use\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"blackhead-steps\"\u003e\n \u003cdiv class=\"blackhead-step\"\u003e\n \u003cdiv class=\"blackhead-step-content\"\u003e\n After cleansing your face thoroughly, apply an appropriate amount of the product to a cotton pad or directly onto your fingertips.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"blackhead-step\"\u003e\n \u003cdiv class=\"blackhead-step-content\"\u003e\n Gently massage the product onto areas prone to blackheads and clogged pores, focusing on oily zones, for 3-5 minutes.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"blackhead-step\"\u003e\n \u003cdiv class=\"blackhead-step-content\"\u003e\n Rinse off with lukewarm water and pat your skin dry gently.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"blackhead-step\"\u003e\n \u003cdiv class=\"blackhead-step-content\"\u003e\n Use once or twice a week, depending on your skin’s needs, for optimal results.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Exceptional value --\u003e\n \u003cdiv class=\"blackhead-value-card\"\u003e\n \u003ch3\u003eExceptional Value for Your Investment\u003c\/h3\u003e\n \u003cp\u003e\n While \u003cstrong\u003eSome By Mi Bye Bye Blackhead\u003c\/strong\u003e reflects its premium, concentrated formula, the visible results make it a smart investment in your skin’s beauty. A small amount delivers powerful results, providing comprehensive care and superior purification without the need for multiple products.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cscript\u003e\n \/\/ Enhanced animations with premium effects\n document.addEventListener(\"DOMContentLoaded\", function() {\n const observerOptions = {\n threshold: 0.15,\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.style.opacity = \"1\";\n entry.target.style.transform = entry.target.classList.contains('blackhead-feature-card') || \n entry.target.classList.contains('blackhead-value-card') ?\n 'scale(1)' : 'translateY(0)';\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n \/\/ Observe elements\n const animatedElements = document.querySelectorAll('.blackhead-main-title, .blackhead-intro, .blackhead-main-image, .blackhead-feature-card, .blackhead-ingredients, .blackhead-how-to-use, .blackhead-value-card, .blackhead-step');\n animatedElements.forEach((element, index) =\u003e {\n element.style.animationDelay = `${index * 0.1}s`;\n observer.observe(element);\n });\n\n \/\/ Particle effects on card hover\n const featureCards = document.querySelectorAll('.blackhead-feature-card, .blackhead-value-card');\n featureCards.forEach(card =\u003e {\n card.addEventListener('mouseenter', () =\u003e {\n createParticles(card);\n });\n });\n\n function createParticles(element) {\n for (let i = 0; i \u003c 6; i++) {\n const particle = document.createElement('div');\n particle.style.cssText = `\n position: absolute;\n width: ${Math.random() * 3 + 2}px;\n height: ${Math.random() * 3 + 2}px;\n background: linear-gradient(135deg, #4caf50, #2e7d32);\n border-radius: 50%;\n pointer-events: none;\n z-index: 10;\n box-shadow: 0 0 6px rgba(76, 175, 80, 0.6);\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 element.appendChild(particle);\n\n particle.animate([\n { transform: 'translateY(0) scale(1)', opacity: 1 },\n { transform: `translateY(-50px) scale(0)`, opacity: 0 }\n ], {\n duration: 1500,\n easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n }).onfinish = () =\u003e particle.remove();\n }\n }\n\n \/\/ Magnetic hover effect for cards\n featureCards.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 = 'translateY(0) translateZ(0)';\n });\n });\n\n \/\/ Ripple effect on click\n document.addEventListener('click', (e) =\u003e {\n if (e.target.closest('.blackhead-feature-card, .blackhead-value-card')) {\n const element = e.target.closest('.blackhead-feature-card, .blackhead-value-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(76, 175, 80, 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 \/\/ Random sparkle effect\n setInterval(() =\u003e {\n const targetSections = document.querySelectorAll('.blackhead-ingredients, .blackhead-value-card');\n targetSections.forEach(section =\u003e {\n if (Math.random() \u003e 0.7) {\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, #4caf50, #2e7d32);\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(76, 175, 80, 0.8);\n `;\n section.appendChild(sparkle);\n\n sparkle.animate([\n { transform: 'scale(0)', opacity: 0 },\n { transform: 'scale(1)', opacity: 1 },\n { transform: 'scale(0)', opacity: 0 }\n ], {\n duration: 2000,\n easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n }).onfinish = () =\u003e sparkle.remove();\n }\n });\n }, 2000);\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999392780462,"sku":null,"price":23.8,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/somebymibyebyeblackheadgreenteadetox_1.jpg?v=1788175383"},{"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\u003eSunshine\u003c\/span\u003e With niacinamide and bee propolis\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eAn unprecedented combination of niacinamide and bee propolis for radiant and radiant skin\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 Korean formula\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 Without harmful chemicals\n \u003c\/div\u003e\n\u003cdiv class=\"badge\"\u003e\n\u003csvg fill=\"none\" height=\"18\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"18\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n Ideal for All Skin Types\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\"\u003eAn unprecedented combination of niacinamide and bee propolis\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-box\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003eNiacinamide\u003c\/h3\u003e\n\u003cp class=\"ingredient-desc\"\u003eIt is not just an ingredient, it is a miracle that rebalances the skin, reduces pigmentation and gives it a uniform and radiant color. It improves skin elasticity and strengthens the natural moisture barrier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-box\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003ePropolis (bee propolis)\u003c\/h3\u003e\n\u003cp class=\"ingredient-desc\"\u003eExtracted from beehives, it acts as a powerful anti-inflammatory and cell regeneration booster, keeping the skin youthful and providing natural protection. Fights the appearance of pimples and signs of aging.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp\u003eWhen these ingredients come together in one formula, they transform into an incomparable natural powerhouse; A miracle that restores your skin's youthfulness and gives it the radiance you have always dreamed of.\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 Your browser does not support video playback.\n \u003c\/video\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"instant-results\"\u003e\n\u003ch2 class=\"section-title\"\u003eInstant results!\u003c\/h2\u003e\n\u003ch3 style=\"color: #c9a97e; text-align: center; margin: 20px 0; font-size: 22px;\"\u003eSmaller pores, clearer skin, perfect skin\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAmazing benefits for your skin\u003c\/h2\u003e\n\u003cp\u003eThis serum is a comprehensive solution for dull and tired skin, as it shows amazing effects that include:\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\"\u003eEnhance skin radiance\u003c\/h3\u003e\n\u003cp\u003eLighten and unify the skin color while effectively reducing pigmentation and dark marks.\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\"\u003eImprove skin texture\u003c\/h3\u003e\n\u003cp\u003eIncrease skin smoothness thanks to the moisturizing and illuminating properties of niacinamide.\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\"\u003eSkin protection\u003c\/h3\u003e\n\u003cp\u003eProtection from external infections and damage caused by free radicals thanks to the power of propolis.\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\"\u003eSupport skin barrier function\u003c\/h3\u003e\n\u003cp\u003eMaintaining skin moisture and preventing its loss, which helps reduce fine lines.\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\"\u003eA journey of amazing results\u003c\/h2\u003e\n\u003cp\u003eWith regular use, you will notice gradual improvement and reach optimal results within a few weeks.\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\"\u003eFirst use\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\"\u003eInstant hydration\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eYou will notice immediate skin hydration and a smoother texture. Skin looks noticeably fresher and more radiant from the first use.\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\"\u003eAfter a week\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\"\u003eImproved texture and glow\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eThe skin becomes more glowing and smooth. Redness and irritation are reduced thanks to the anti-inflammatory properties of propolis. Noticeable reduction in skin oiliness.\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\"\u003eAfter two weeks\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\"\u003eReducing pigmentation\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eThe results of unifying skin tone begin to appear. Dark Spots \u0026amp; Hyperpigmentation gradually reduce. The skin becomes brighter and fresher, with smaller and less visible pores.\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\"\u003eAfter a month\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\"\u003eNoticeable transformation\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eSignificant improvement in skin texture and tone. Noticeable disappearance of many skin problems such as dark spots and scars. Visible reduction of fine lines and signs of aging.\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\"\u003eAfter two months\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\"\u003eCompletely renewed skin\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eAmazingly radiant and radiant skin. Complete unification of skin tone and significant reduction of pigmentation. Lasting improvement in skin's appearance and texture, with improved elasticity and better skin health.\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=\"Scientifically advanced formula\" 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\"\u003eScientifically advanced formula\u003c\/h2\u003e\n\u003ch3 style=\"margin-bottom: 20px; font-size: 22px; color: #333;\"\u003eHow does the serum work?\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.8; margin-bottom: 20px;\"\u003eThe combination works \u003cspan style=\"color: #c9a97e; font-weight: bold;\"\u003eBeauty Of Joseon Glow Serum Propolis + Niacinamide\u003c\/span\u003e Harmoniously to create a comprehensive effect on the skin. Propolis, extracted from beehives, cleanses the skin, fights inflammation and stimulates cell renewal, fighting the appearance of pimples and signs of aging.\u003c\/p\u003e\n\u003cp style=\"line-height: 1.8;\"\u003eWhile niacinamide works to unify skin tone and reduce pigmentation, in addition to improving skin elasticity and strengthening the moisture barrier. Together, these active ingredients radically change the texture of the skin, giving it a more radiant and vibrant appearance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eHow to Use\u003c\/h2\u003e\n\u003cp\u003eAfter cleansing the skin well, the serum is applied to the facial area, focusing on areas that need lightening and improvement, such as around the eyes, forehead, and jaw lines. Gently massage until fully absorbed, then follow with moisturizer to maintain hydration and enhance effectiveness. Use morning and evening for best results.\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\"\u003eCleansing the skin\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\"\u003eSerum application\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\"\u003eGently massage\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\"\u003eApply moisturizer\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\"\u003eRestore your skin's radiance today\u003c\/h2\u003e\n\u003cp class=\"cta-subtitle\"\u003eGreat value for money - our brightening serum formula combines scientifically proven natural ingredients for radiant, healthy skin.\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eOrder it now\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 combines scientifically proven natural ingredients that improve skin radiance and tone with advanced environmental protection. Although it may be a little more expensive compared to some other products, a small amount is enough to achieve amazing, long-lasting results, making it an effective investment in the health and beauty of your skin.\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":46999392977070,"sku":null,"price":19.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/beauty-of-joseon-glow-serum-propolis-niacinamide-30ml_ab4d3ffb-55f0-4df0-bd12-88a787a4a89b.jpg?v=1788175381"},{"product_id":"beauty-of-joseon-revive-eye-serum","title":"Beauty of Joseon Revive Eye Serum specializes in dark circles | Eye bags Signs of age","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\"\u003eYour eye rejuvenation journey starts now\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\u003eDiscover the secret to brightening your eyes with \u003cspan class=\"highlight\"\u003eBeauty of Joseon Revive Eye Serum\u003c\/span\u003eAn innovative formula that combines the latest scientific technologies with pure natural ingredients to revive the delicate eye area. This revolutionary serum works to combat signs of fatigue and aging simultaneously, giving your eyes a more youthful and glowing appearance.\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\"\u003eHow does the serum work?\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\u003eThe serum works by combining three main ingredients that create a comprehensive effect: Retinal smoothes the skin and stimulates cell regeneration, while liposomes effectively stabilize the retinal and improve its absorption, and ginseng root extract provides long-lasting hydration and superior protection. With this unique mechanism, the skin barrier is rebuilt and the appearance of fine wrinkles, dark circles and puffiness is reduced, restoring vitality and radiance to your eyes.\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\"\u003eWhat distinguishes the composition?\u003c\/h3\u003e\n\u003cp\u003eThe uniqueness of this formula lies in its combination of the power of retinal with liposomes and ginseng extract; Each ingredient alone is considered a miracle in improving skin health. When combined, they become an unstoppable natural force that rejuvenates the eye area and stimulates collagen production, improving skin elasticity and reducing signs of fatigue and aging.\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\"\u003eWhy is this formula considered better than other retinol derivatives?\u003c\/h3\u003e\n\u003cp\u003eRetinol is a form of vitamin A that needs to be transformed within the skin to become active, making it less effective compared to retinal.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e As for retinal\u003c\/strong\u003e, it works directly to stimulate cell renewal and collagen production without the need for conversion, which accelerates results and reduces the risk of irritation. This difference makes Retinal the ideal choice for intensive care of the eye area.\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\"\u003eHow to Use\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\u003eAfter gently cleansing the skin, apply the serum to the eye area using a small amount. Gently massage the product until fully absorbed, then follow with a suitable moisturizer to maintain hydration and enhance results. It is preferable to use the serum in the morning and evening to achieve the best results.\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\"\u003eGently cleanse the skin\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\"\u003eApply a small amount of 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\"\u003eGently massage until absorption\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\"\u003eFollow up with a suitable moisturizer\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\"\u003eClinical results\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\u003eExperiments have shown that regular use of the serum leads to noticeable improvements in several areas:\u003c\/p\u003e\n\u003cdiv class=\"clinical-results\"\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eReducing fine wrinkles\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\"\u003eReduction in the depth of fine wrinkles around the eyes after 8 weeks of regular use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eIncrease hydration\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\"\u003eImprovement in eye area hydration levels compared to baseline measurements before use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eReducing dark circles\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\"\u003eNoticeable improvement in skin tone and reduction of pigmentation around the eyes after only 4 weeks.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eImprove skin texture\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\"\u003eIncreased skin smoothness and improved texture thanks to cell renewal and strengthening of the skin barrier.\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 Not just a care product; It is a real investment in the youth and beauty of your eyes. Its advanced formula provides amazing results in a small dose, making it the ideal choice for those seeking long-lasting radiance and a youthful look.\u003c\/p\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":46999393206446,"sku":null,"price":19.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/beauty-of-joseon-ginseng-retinal-revive-eye-serum-30ml_8983ece1-5852-4017-b948-c0b9eba55985.jpg?v=1788175380"},{"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\"\u003eSnail...the magic secret to resisting the signs of time\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"285\" data-start=\"36\"\u003ePrepare to face the effects of time and wear with \u003cstrong data-end=\"106\" data-start=\"72\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e – A revolutionary product that combines the power of 89% black snail extract with Trusica’s therapeutic formula that deeply repairs and moisturizes the skin. Every drop is a bold step towards younger, radiant skin.\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\"\u003eUnprecedented combination of black snail extract\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"366\" data-start=\"315\"\u003e The formula combines two essential natural ingredients\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\"\u003eBlack snail extract\u003c\/strong\u003e It deeply nourishes the skin, stimulates cell regeneration, and reduces wrinkles, scars, and acne effects.\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 therapeutic formula\u003c\/strong\u003e It expertly removes the effects of damage and treats scars, restoring your skin to its natural balance and permanent hydration.\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\"\u003eThese ingredients combine with niacinamide and plant extracts to support skin's elasticity and barrier, protecting it from environmental aggressors and giving it a dazzling radiance.\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\u003eWhy black snails specifically? \u003c\/h2\u003e\n\u003csection\u003e\n\u003cp\u003eSnail extract is a popular ingredient in skin care products thanks to its many benefits. However, black snail extract has unique properties that make it superior to other extracts. In the following table, we explain the reasons that prompted us to choose black snail extract in our serum \u003cstrong\u003eSome By Mi Snail Truecica\u003c\/strong\u003e:\u003c\/p\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eItem\u003c\/th\u003e\n\u003cth\u003eBlack snail extract\u003c\/th\u003e\n\u003cth\u003eOther snail extracts\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eActive ingredients\u003c\/td\u003e\n\u003ctd\u003eIt contains a high percentage of proteins, elastin, collagen, and essential fatty acids, which promotes skin health and improves its elasticity.\u003c\/td\u003e\n\u003ctd\u003eIt contains active ingredients, but in lower proportions compared to black snail.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eEffectiveness in skin repair\u003c\/td\u003e\n\u003ctd\u003eIt stimulates skin cell regeneration, reduces the appearance of scars and acne, and improves overall skin texture.\u003c\/td\u003e\n\u003ctd\u003eIt helps rejuvenate the skin, but may be less effective in treating deeper scars and acne scars.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMoisturizing and elasticity\u003c\/td\u003e\n\u003ctd\u003eIt provides deep hydration and enhances skin elasticity thanks to its rich content of collagen and proteins.\u003c\/td\u003e\n\u003ctd\u003eProvides good hydration, but may be less effective in enhancing elasticity than black helix.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eAnti-aging\u003c\/td\u003e\n\u003ctd\u003eIt contains powerful antioxidants that reduce the appearance of fine lines \u0026amp; wrinkles, giving a more youthful appearance.\u003c\/td\u003e\n\u003ctd\u003eIt contributes to anti-aging, but its effect may be less pronounced compared to black snail.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eUnifying skin tone\u003c\/td\u003e\n\u003ctd\u003eIt helps reduce pigmentation and unify skin tone, giving it a natural glow.\u003c\/td\u003e\n\u003ctd\u003eIt may contribute to unifying skin tone, but with less effectiveness.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003eBy choosing black snail extract, a serum is provided \u003cstrong\u003eSome By Mi Snail Truecica\u003c\/strong\u003e Multiple benefits outweigh other extracts, making it an ideal choice for anyone seeking healthy, fresh, and flawless skin.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 class=\"\" data-end=\"783\" data-start=\"758\"\u003eIt has a solution for every problem in your skin\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"877\" data-start=\"784\"\u003eIt is considered \u003cstrong data-end=\"825\" data-start=\"791\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e The comprehensive solution to damaged skin problems; It works on:\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\"\u003eDeeply rehydrates the skin and stimulates cell regeneration, which improves its overall appearance.\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\"\u003eReducing the appearance of fine wrinkles and scars resulting from acne and environmental factors.\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\"\u003eSupporting the skin's natural barrier and rebalancing its oil and water levels.\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\"\u003eImprove skin texture and give a natural radiance that lasts all day.\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\"\u003eHow does the serum work?\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\"\u003eBlack snail extract stimulates collagen production and cell regeneration, which restores youthfulness and elasticity to the skin.\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\"\u003eThe Trusica formula helps treat scars and signs of damage, while Niacinamide evens skin tone and reduces 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\"\u003eThe result is tidy, rejuvenated skin, protected from the effects of time and damage, with a smooth texture and dazzling radiance.\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\"\u003eIdeal way to use\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"1886\" data-start=\"1614\"\u003eAfter gently cleansing the skin, apply the serum to the face, focusing on affected areas such as wrinkles and scars. Gently massage the product until fully absorbed, then follow with a suitable moisturizer to maintain hydration and enhance results. It is preferable to use the serum morning and evening for best results.\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\"\u003eThe best investments in your skin health\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 Not just a skin care product, it is a real investment in the youthfulness of your skin. Its concentrated and effective formula achieves noticeable results with the use of a small amount, making it the ideal choice for those seeking to restore the freshness and radiance of their skin and protect it from the signs of time.\u003c\/p\u003e\n\u003cp class=\"\" data-end=\"2327\" data-start=\"2179\"\u003eEnjoy a comprehensive therapeutic experience where science meets nature to give your skin the radiance it deserves, and to always be ready to face the challenges of time with confidence and beauty.\u003c\/p\u003e","brand":"some by mi","offers":[{"title":"Default Title","offer_id":46999393468590,"sku":null,"price":19.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Heading_2.png?v=1788175380"},{"product_id":"cosrx-advanced-snail-peptide-eye-cream","title":"COSRX eye cream to lighten circles and treat wrinkles with snail extract and peptides","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\"\u003eThe first thing that reveals age is not wrinkles..\u003cbr\/\u003e\u003cspan class=\"cxe-text-gold\"\u003eThese are the eyes\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"cxe-subtitle cxe-reveal delay-1\"\u003e\n Attention turns to the eyes before hearing any word. Before any sign is noticed on the face, the eye area precedes everything else, telling the details of lack of sleep, the effect of screens, stress, and the years that have passed. And the problem? The majority treat the entire face and leave the area talking!\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\"\u003eThe skin under the eyes is the thinnest it can be... and treating it like the rest of the face is a mistake\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 The skin around the eyes is much thinner than the rest of the face, contains much fewer sebaceous glands, and experiences constant daily movement with every blink and every smile. The result?\n \u003c\/p\u003e\n\u003cul class=\"cxe-list\"\u003e\n\u003cli\u003eDries faster.\u003c\/li\u003e\n\u003cli\u003eHe shows fatigue before any other area.\u003c\/li\u003e\n\u003cli\u003eFine lines start from it first.\u003c\/li\u003e\n\u003cli\u003eHe is sensitive to heavy creams intended for the rest of the face.\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 Therefore, regular face cream is not a solution here. This area needs a formula designed specifically for it.\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 didn't create an ordinary eye cream...it created a concentrated dose\u003c\/h2\u003e\n\u003cp class=\"cxe-subtitle cxe-reveal\"\u003e\n Most eye creams on the market consist of water, oils, and perfume, and the active ingredient is at the bottom of the list in nominal concentration. Cosrx went against the grain: \u003cstrong class=\"cxe-text-gold\"\u003eSnail mucus is the first ingredient at 72%.\u003c\/strong\u003e The active ingredient here is not an additive. Rather, it is the basis of the product.\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;\"\u003eOverall benefits of the product\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\u003eReduce the appearance of circles and dullness:\u003c\/strong\u003e Thanks to the combination of niacinamide with snail mucus.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSmoothing fine and expressive lines:\u003c\/strong\u003e With Acetyl Hexapeptide-8 and Palmitoyl Pentapeptide-4 technology.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSupport elasticity and firmness of delicate skin:\u003c\/strong\u003e Thanks to Copper Tripeptide-1.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDeep hydration and instant fullness:\u003c\/strong\u003e With a blend of sodium hyaluronate, glycerin, and butylene glycol.\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\u003eReduce the appearance of morning puffiness:\u003c\/strong\u003e Powerfully adenosine combined with snail mucus.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoothe redness and sensitivity:\u003c\/strong\u003e With the action of allantoin, panthenol, and soothing peptides.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection from daily oxidative stress:\u003c\/strong\u003e Thanks to vitamin E.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNourishment for dry skin without weighing it down:\u003c\/strong\u003e Thanks to natural sunflower seed oil.\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\"\u003eHow does it work? (The science behind the formula)\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% snail mucus: a complete repair plant\u003c\/h3\u003e\n\u003cp\u003eNot just a moisturizer, but a natural mixture of glycoproteins, hyaluronic acid, allantoin, copper and natural peptides. It fills the skin with hydration to quickly reduce dry lines, soothes and supports skin barrier repair to reduce redness and sensitivity. The result: a “full and relaxed” area instead of “dry and tight”.\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);\"\u003eNiacinamide: specialist in lightening pigmentation\u003c\/h3\u003e\n\u003cp\u003eOne of the most studied ingredients in lightening the appearance of spots, unifying color, and supporting the skin barrier. Its presence here is specifically directed to circles resulting from pigmentation, dryness, and dullness.\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 peptides...each type has a specific task\u003c\/h3\u003e\n\u003cp style=\"margin-bottom: 15px;\"\u003ePeptides are chains of amino acids that signal the skin to build and tighten. Cosrx did not limit itself to one type:\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 To support collagen and skin regeneration.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcetyl Hexapeptide-8:\u003c\/strong\u003e To reduce the appearance of expression lines caused by muscle movement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePalmitoyl Pentapeptide-4:\u003c\/strong\u003e To support the appearance of density and thickness of fine skin.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePalmitoyl Tripeptide-1:\u003c\/strong\u003e To enhance flexibility and cohesion.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePalmitoyl Tetrapeptide-7:\u003c\/strong\u003e To soothe minor inflammation that accelerates aging.\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);\"\u003eSunflower Oil and Vitamin E: Lock in hydration\u003c\/h3\u003e\n\u003cp\u003eThe eye area is often drier than the rest of the face. Sunflower seed oil provides nourishment without heaviness or blockage, while Vitamin E protects against harmful daily 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\"\u003eThe difference between it and what is in your room drawer now\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\u003eStandards\u003c\/th\u003e\n\u003cth style=\"color: #666;\"\u003eTraditional cream\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\u003eActive ingredient\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"color: #888;\"\u003eAt the bottom of the list with little concentration\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eSnail mucus is the first ingredient, 72%.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003ePeptides\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"color: #888;\"\u003eOne peptide (if present)\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eFive different and complementary peptides\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eTexture\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"color: #888;\"\u003eHeavy and may cause white granules\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eLight lotion that absorbs in seconds\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;\"\u003eIt deals with one problem\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eTreats circles + puffiness + lines + moisturizing\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eIrritability\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"color: #888;\"\u003eContains perfumes and alcohol that irritate the area\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eFree of perfume, alcohol and essential oils\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\"\u003eThe results journey... step by step\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\"\u003eFrom the first use\u003c\/div\u003e\n\u003cp style=\"color: var(--cxe-text-light); margin: 0;\"\u003eThe area becomes comfortable and moisturized, and the crusts and dryness subside immediately. Makeup spreads more smoothly over it.\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\"\u003eFrom 3 to 7 days\u003c\/div\u003e\n\u003cp style=\"color: var(--cxe-text-light); margin: 0;\"\u003eLines caused by dryness are less visible, and the area appears less tired and plump in the morning.\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\"\u003eFrom 2 to 4 weeks\u003c\/div\u003e\n\u003cp style=\"color: var(--cxe-text-light); margin: 0;\"\u003eThe skin texture becomes smoother, morning puffiness gradually decreases, and circles resulting from dryness begin to lighten.\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\"\u003eFrom 8 to 12 weeks\u003c\/div\u003e\n\u003cp style=\"color: var(--cxe-text-light); margin: 0;\"\u003eThe effect of peptides is strongly felt: the elasticity and firmness of the area improve, and the appearance of fine lines is noticeably reduced. (The 25 ml bottle is enough for two to three months, thanks to the small quantity required).\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\"\u003eHow to Use\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\u003ePreparation\u003c\/h4\u003e\n\u003cp\u003eAfter applying the toner and serum, take a very small amount the size of a lentil.\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\u003eSafe distribution\u003c\/h4\u003e\n\u003cp\u003eDistribute with your ring finger (the weakest) in light dots, keeping a distance of half a centimeter from the lash line.\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\u003ePatting\u003c\/h4\u003e\n\u003cp\u003eGently pat until completely absorbed. It is strictly forbidden to pull or tug on delicate skin.\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\u003eRoutine\u003c\/h4\u003e\n\u003cp\u003eMorning and evening. (In the morning, you must follow the step with sunscreen). It can also be used on smile lines.\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;\"\u003eUser opinions (rating 4.8\/5 globally)\u003c\/h3\u003e\n\u003cp style=\"text-align: center; color: var(--cxe-text-muted); margin-bottom: 30px;\"\u003eReviewing the reviews published on international websites, this cream is considered one of the highest rated in the category of Korean eye creams.\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;\"\u003eMost praised points (consensus):\u003c\/h4\u003e\n\u003cul class=\"cxe-list\"\u003e\n\u003cli\u003e\n\u003cstrong style=\"color:#fff;\"\u003eTexture:\u003c\/strong\u003e Light as a lotion, it absorbs in seconds, does not leave a greasy layer, and does not interfere with concealer.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color:#fff;\"\u003eInstant hydration:\u003c\/strong\u003e The texture of the area is clearly improved and dry scales are reduced in the first days.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color:#fff;\"\u003eNon-irritating:\u003c\/strong\u003e Completely safe for those with sensitive eyes and contact lenses (as it is fragrance-free).\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color:#fff;\"\u003eSavings:\u003c\/strong\u003e A very small amount is enough, and the package lasts for months.\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;\"\u003ePoints that were repeated in the criticism:\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 Some find the package (25 ml) small, although reviews confirm that the daily consumption is very small.\u003c\/li\u003e\n\u003cli style=\"color: #aaa;\"\u003e\n\u003cspan style=\"color: #666;\"\u003e✓\u003c\/span\u003e The texture of the mucus may seem strange at first use, but the sensation disappears immediately.\u003c\/li\u003e\n\u003cli style=\"color: #aaa;\"\u003e\n\u003cspan style=\"color: #666;\"\u003e✓\u003c\/span\u003e A radical change in fine lines requires weeks of patience, and does not appear from the first week.\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 conclusion: The consensus indicates that it is one of the best eye creams in its price category for hydration, comfort, and safety of the formula.\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);\"\u003eThe eyes will not wait...and time does not stop\u003c\/h2\u003e\n\u003cp class=\"cxe-subtitle cxe-reveal\" style=\"color: #fff; font-size: 1.15rem;\"\u003e\n Every day that passes while the delicate area around the eyes is left without specific care is a day added to age, not skin. The difference between a youthful appearance and a tired appearance is not only genetics, but rather continuing to apply the correct cream in the correct place.\n \u003c\/p\u003e\n\u003cdiv class=\"cxe-reveal\"\u003e\n\u003cbutton class=\"cxe-btn\"\u003eThe beginning is now...to restore a youthful and radiant 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;\"\u003eComplete ingredient list (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":46999393730734,"sku":null,"price":22.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrx_snail_peptide_eye_cream_1.png?v=1788175379"},{"product_id":"skin-1004-centella-ampoule-signature-soothing-ampoule","title":"SKIN1004 Centella Madagascar Ampoule\/Serum | Advanced soothing for sensitive skin | Anti-redness and 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% pure Korean ampoule that repairs damaged skin in minutes\u003c\/h1\u003e\n\u003cp class=\"ph-hero-subtitle\"\u003e\u003cstrong\u003eWhen the purity of Centella asiatica from Madagascar combines with advanced Korean science - a true SOS cure for any skin damage or irritation.\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 The skin is red all the time. Sensitive to any product. The skin barrier is destroyed by acids or retinol. Redness and irritation persist. The problem is not in the skin itself - \u003cstrong\u003eThe problem is a broken skin barrier\u003c\/strong\u003e. SKIN1004 Madagascar Centella Ampoule is \u003cstrong\u003ePure aqueous ampoule - almost 100% Centella asiatica\u003c\/strong\u003e From Madagascar (the purest Centella in the world). No perfumes, no oils, no additives - \u003cstrong\u003eOnly one powerful, clinically proven ingredient\u003c\/strong\u003e It repairs the barrier, soothes redness, accelerates healing, and deeply moisturizes. Vegan, Fungal Acne Safe, ideal for all skin types.\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\"\u003eBroken skin barrier = sensitive, inflamed skin\u003c\/h2\u003e\n\u003ch3 class=\"ph-problem-subtitle\"\u003e\n\u003cstrong\u003eThe skin barrier is the first line of defense – a layer of protection from the outside world\u003c\/strong\u003e\n\u003c\/h3\u003e\n\u003cp class=\"ph-problem-text\"\u003e\n The skin barrier is the first line of defense - a layer of lipids and proteins that protects the skin from the outside world (pollution, bacteria, irritants) and prevents moisture loss from within. When the barrier is damaged by excessive exfoliation, harsh products, or chronic inflammation, the skin loses its ability to protect itself.\n \u003c\/p\u003e\n\u003cdiv class=\"ph-problem-details\"\u003e\n\u003ch4 class=\"ph-problem-detail-title\"\u003eSigns of a damaged skin barrier:\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\u003ePersistent redness\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003eEven for no apparent reason, the skin is sensitive to any product\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-problem-detail-card\"\u003e\n\u003ch5 class=\"ph-problem-detail-subtitle\"\u003e\u003cstrong\u003eDryness and flaking\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003eEven if you use moisturizer and the skin is not comfortable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-problem-detail-card\"\u003e\n\u003ch5 class=\"ph-problem-detail-subtitle\"\u003e\u003cstrong\u003eFrequent pimples\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003eBacteria can easily enter, and acne scars are slow to heal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"ph-problem-highlight\"\u003e\n\u003cstrong\u003eCause: Over-exfoliation, harsh products, chronic infections, or environmental factors\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp class=\"ph-problem-conclusion\"\u003e\n A broken skin barrier will not repair itself. The more the barrier weakens, the more sensitive, red, and susceptible to pimples and infections the skin remains. The problem gets worse with time, not better.\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\"\u003eWhat will it do to your skin? - 6 therapeutic solutions in 2 drops\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.1rem; opacity: 0.9; margin-bottom: 3rem;\"\u003e\n 100% Centella Asiatica from Madagascar - the natural ingredient with the effectiveness of cortisone without side effects\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\"\u003eInstant soothing of red and irritated skin\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eQuickly soothes irritation and redness - especially after peeling, retinol, or bouts of dermatitis - in just a few minutes.\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\"\u003eDeep hydration without grease\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eMultiple moisturizers + Centella's hyaluronic action = bouncy, hydrated, plump skin without a greasy feel.\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\"\u003eAccelerate recovery from pimples and burns\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003ePromotes healing after breakouts, sunburn, or skin procedures and naturally accelerates collagen synthesis\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\"\u003eStrengthening the damaged barrier\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eProtects and repairs broken barriers - ideal for eczema, rosacea, pigmentation, or breakouts and restores a healthy 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\"\u003eOil-free, non-comedogenic\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eSuitable for fungal, very oily and acne-prone skin - 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\"\u003eLong-term anti-aging\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eLong-term use improves collagen content, skin texture, fine lines, and overall elasticity\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\"\u003ePure Centella asiatica from Madagascar - the plant that has baffled doctors\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.1rem; opacity: 0.9; margin-bottom: 3rem;\"\u003e\n The only real ingredient: 100% Centella Asiatica Extract - the world's purest and most powerful 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\"\u003eMiracle active compounds\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003e4 powerful natural compounds that work in perfect harmony to repair and protect the skin\u003c\/p\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMadecassoside + Asiaticoside:\u003c\/strong\u003e Stimulates collagen synthesis and accelerates wound healing\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIncreases hyaluronic acid production:\u003c\/strong\u003e Into the skin for deep hydration\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAsiatic Acid + Madecassic Acid:\u003c\/strong\u003e Inhibits inflammatory signals\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePowerful antioxidants:\u003c\/strong\u003e Fights free radicals and protects against environmental stresses\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eHow does Centella work scientifically?\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eClinically proven mechanism of action to repair and protect the skin barrier\u003c\/p\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAccelerate wound healing:\u003c\/strong\u003e Improved rate and quality of skin recovery\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReduce scars and redness:\u003c\/strong\u003e Significant improvement in pigmentation and thickness of scars\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePhysical barrier repair:\u003c\/strong\u003e Restore healthy pH and reduce water loss\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNatural anti-inflammatory:\u003c\/strong\u003e It soothes redness and prevents external pressure signals\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eThe overall effect is miraculous\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eComprehensive results for healthy, protected and rejuvenated skin\u003c\/p\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eSupports microcirculation:\u003c\/strong\u003e Encourages the healing of micro-cracks\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSpeeds up recovery:\u003c\/strong\u003e After procedures or chemical peeling\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStrengthens the skin barrier:\u003c\/strong\u003e It restores the natural balance of the skin\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLong term protection:\u003c\/strong\u003e Against harmful environmental factors\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\"\u003eThe 8-week journey to skin free from irritation and redness\u003c\/h2\u003e\n\u003cdiv class=\"ph-timeline-container\"\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eInstant (minutes)\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eImmediate calming\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eVisibly reduces redness and irritation\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eA sensation of immediate soothing and comfort\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eMoisturizing sensation - skin is bouncy and hydrated\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 weeks\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eStrengthen the barrier\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eImproved barrier resistance - less sensitive skin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eLess pimples - the strong barrier prevents bacteria from entering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eLess flaking or dryness and improved natural balance\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 weeks\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eComplete renovation\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eLighten the effects of pimples and pigmentation\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003ePermanent radiance and unification of skin tone\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eImproves firmness, texture and overall elasticity\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 Only 8 weeks = a complete transformation from damaged skin to healthy, protected skin\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\"\u003eCorrect how to use\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\"\u003ePerfect timing\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eAfter toning or immediately after cleansing, your routine is simple - it can be used in the morning and\/or evening\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\"\u003eThe perfect quantity\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eApply 2-3 drops to clean skin - a small amount is sufficient due to the high concentration\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\"\u003eNice app\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eGently pat onto face and neck until complete absorption - avoid vigorous rubbing\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 hydration\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eApply a moisturizing cream over it if your skin is dry or needs extra hydration - very light for dry skin\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\"\u003eImportant tips for optimal use:\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\"\u003eAdvanced uses:\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eWorks great in the morning\u003c\/strong\u003e To soothe before makeup\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePerfect at night\u003c\/strong\u003e After using acids or retinol\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIt can be used on the body\u003c\/strong\u003e For irritated areas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSafe around eyes and lips\u003c\/strong\u003e Without perfumes or alcohol\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-tips-column\"\u003e\n\u003ch4 class=\"ph-usage-tips-subtitle additional\"\u003eAdditional Tips:\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eApply in layers\u003c\/strong\u003e With other serums or ampoules\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSuitable after shaving\u003c\/strong\u003e Or for eczema and irritation\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCan be used repeatedly\u003c\/strong\u003e When calming is needed\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSafe for pregnancy and breastfeeding\u003c\/strong\u003e No systemic 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\"\u003ePurity in its simplest form - why is SKIN1004 different?\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\u003eFrom Madagascar - The purest and most powerful Centella in the world due to clean soil and ideal climate, clinically proven to repair the barrier\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\u003eNo unnecessary fragrances, oils, or additives - absolute purity for sensitive and damaged skin\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\u003eSafe for all skin types, even very sensitive ones, free of allergens and comedogenic substances\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;\"\u003eClinically proven\u003c\/h4\u003e\n\u003cp\u003eClinical trials with Centella creams showed significant improvement in pigmentation, scarring and irritation over 8-12 weeks.\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;\"\u003eInstant SOS treatment\u003c\/h4\u003e\n\u003cp\u003eInstant soothing in minutes - redness is reduced immediately and the skin feels comfortable from the first use\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\"\u003eFull ingredient list\u003c\/h2\u003e\n\u003cdiv class=\"ph-ingredients-text\"\u003e\n\u003cstrong\u003eActive ingredients:\u003c\/strong\u003e\u003cbr\/\u003e\n • \u003cstrong\u003eCentella Asiatica Extract (100%)\u003c\/strong\u003e - Pure Centella asiatica from Madagascar\u003cbr\/\u003e\n • \u003cstrong\u003eWater\u003c\/strong\u003e - Pure water as a natural base\u003cbr\/\u003e\n • \u003cstrong\u003eGlycerin\u003c\/strong\u003e - Glycerin for gentle hydration\u003cbr\/\u003e\n • \u003cstrong\u003eButylene Glycol\u003c\/strong\u003e - Absorption and texture enhancer\u003cbr\/\u003e\n • \u003cstrong\u003e1,2-Hexanediol\u003c\/strong\u003e - Natural moisturizer and stabilizer\u003cbr\/\u003e\n • \u003cstrong\u003eCellulose Gum\u003c\/strong\u003e - Natural thickener for perfect texture\u003cbr\/\u003e\n • \u003cstrong\u003eEthylhexylglycerin\u003c\/strong\u003e - Natural skin conditioner\u003cbr\/\u003e\u003cbr\/\u003e\n\u003cstrong\u003eFull ingredient list (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✓ Free of:\u003c\/strong\u003e Parabens, sulfates, silicones, fragrances, mineral oils, harsh alcohol\u003cbr\/\u003e\n\u003cstrong\u003e✓ Dermatologically tested\u003c\/strong\u003e - Vegan, Cruelty-Free, Fungal Acne Safe\u003cbr\/\u003e\n\u003cstrong\u003e✓ Safe for pregnancy and breastfeeding\u003c\/strong\u003e - Ideal for All Skin Types, even very sensitive ones\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\"\u003eDamaged and irritated skin? Rescue in two drops\u003c\/h2\u003e\n\u003cp class=\"ph-cta-text\"\u003e\n\u003cstrong\u003eSKIN1004 Madagascar Centella Ampoule - Purity at its simplest\u003c\/strong\u003e\u003cbr\/\u003e\u003cbr\/\u003e\n Every day you use harsh products or neglect the barrier = gradual destruction of the skin.\u003cbr\/\u003e\n It will not only moisturize the surface...it will penetrate deep and repair the skin barrier from the roots.\n \u003c\/p\u003e\n\u003cdiv class=\"ph-cta-content\"\u003e\n\u003cp class=\"ph-cta-highlight\"\u003eYour skin barrier needs immediate repair\u003c\/p\u003e\n\u003cp class=\"ph-cta-subtext\"\u003eThe solution is pure and simple. Instant relief - redness reduces in minutes 🌿💧\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":46999393992878,"sku":null,"price":23.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/skin1004centellaampoule_1.png?v=1788175377"},{"product_id":"some-by-mi-yuja-niacin-brightening-toner-150ml","title":"Some by Mi Yuja Niacin Brightening Toner 150ml","description":"\n\u003cstyle\u003e\n\/* Styles *\/\n.yuja-description {\n max-width: 100%;\n margin: 0 auto;\n direction: ltr;\n color: #333;\n}\n\n.yuja-title {\n text-align: center;\n font-size: 24px;\n color: #333;\n margin-bottom: 15px;\n position: relative;\n padding-bottom: 10px;\n}\n\n.yuja-title:after {\n content: \"\";\n position: absolute;\n bottom: 0;\n right: 50%;\n transform: translateX(50%);\n width: 50px;\n height: 2px;\n background-color: #9C8102;\n}\n\n.yuja-image {\n display: block;\n margin: 25px auto;\n max-width: 100%;\n border-radius: 5px;\n}\n\n.yuja-text {\n margin-bottom: 20px;\n line-height: 1.6;\n text-align: center;\n}\n\n.yuja-section {\n margin: 30px 0;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\n}\n\n.yuja-section-title {\n font-size: 20px;\n color: #333;\n margin-bottom: 15px;\n position: relative;\n padding-right: 15px;\n}\n\n.yuja-section-title:before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n width: 3px;\n height: 100%;\n background-color: #9C8102;\n border-radius: 3px;\n}\n\n.yuja-list {\n padding-right: 20px;\n}\n\n.yuja-list-item {\n margin-bottom: 15px;\n position: relative;\n}\n\n.yuja-list-item:before {\n content: \"•\";\n position: absolute;\n right: -20px;\n color: #9C8102;\n font-weight: bold;\n}\n\n.yuja-highlight {\n color: #9C8102;\n font-weight: bold;\n}\n\n.yuja-feature-section {\n margin: 25px 0;\n padding: 15px;\n background-color: #f9f9f9;\n border-radius: 6px;\n}\n\n.yuja-feature-title {\n font-size: 18px;\n color: #333;\n margin-bottom: 10px;\n}\n\n.yuja-cta {\n text-align: center;\n margin: 30px 0;\n padding: 20px;\n background-color: #f9f8f2;\n border-radius: 8px;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"yuja-description\"\u003e\n\n\u003ch3 class=\"yuja-title\"\u003eDon't let dark spots and dullness steal your skin's radiance\u003c\/h3\u003e\n\u003cp class=\"yuja-text\"\u003eHave you noticed that your skin has lost its freshness? Have dark spots \u0026amp; hyperpigmentation started to appear? Every day you delay taking care of your skin makes it more difficult to regain its natural radiance. Don't let regret creep up on you later.\u003c\/p\u003e\n \u003cimg alt=\"Some By Mi Yuja Niacin Brightening Toner\" class=\"yuja-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Brightening_Toner_150ml_7.webp?v=1744750603\"\/\u003e\n\u003ch3 class=\"yuja-title\"\u003eSome By Mi Yuja Niacin Brightening Toner – A revolution in skin lightening\u003c\/h3\u003e\n\u003cp class=\"yuja-text\"\u003eThis toner offers an innovative formula that contains:\u003c\/p\u003e\n\u003cul class=\"yuja-list\"\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e90% of Yuja extract\u003c\/strong\u003e: A fruit rich in vitamin C, which works to lighten the skin and unify its color.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e5% niacinamide\u003c\/strong\u003e: It helps reduce pigmentation and dark spots, and enhances skin elasticity.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003eGlutathione and arbutin\u003c\/strong\u003e: Powerful antioxidants that contribute to skin radiance and reduce signs of aging.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e12 types of vitamins\u003c\/strong\u003e: Nourishes the skin and enhances its vitality.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"yuja-text\"\u003eThis unique formula makes the toner an ideal choice for those seeking radiant, healthy skin.\u003c\/p\u003e\n\u003cimg alt=\"Yuja Niacin Brightening Toner Ingredients\" class=\"yuja-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Brightening_Toner_150ml_2.webp?v=1744750657\"\/\u003e \n\u003cdiv class=\"yuja-section\"\u003e\n\u003ch3 class=\"yuja-section-title\"\u003eWhat makes Some By Mi Yuja Niacin Brightening Toner special?\u003c\/h3\u003e\n\u003cp\u003eIn a market full of toners promising to brighten the skin, it stands out \u003cstrong\u003eSome By Mi Yuja Niacin Brightening Toner\u003c\/strong\u003e With its unique and concentrated formula that combines:\u003c\/p\u003e\n\u003cul class=\"yuja-list\"\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e90% Yuga fruit extract (yuzu)\u003c\/strong\u003eA rich source of vitamin C. It contains three times the amount of vitamin C found in lemon, which helps lighten and unify the skin color.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e5% niacinamide\u003c\/strong\u003e: It helps reduce pigmentation and dark spots, and enhances skin elasticity.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003ePowerful antioxidants such as glutathione and arbutin\u003c\/strong\u003e: Contributes to skin radiance and reduces signs of aging.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e12 types of vitamins\u003c\/strong\u003e: Nourishes the skin and enhances its vitality.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eThis rich formula makes the toner an ideal choice for those seeking radiant and healthy skin, superior to many other toners that contain lower percentages of these active ingredients.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Yuja Niacin Brightening Toner\" class=\"yuja-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Brightening_Toner_150ml_5.webp?v=1744750657\"\/\u003e \n\u003cdiv class=\"yuja-feature-section\"\u003e\n\u003ch3 class=\"yuja-feature-title\"\u003eExcellent value for the price\u003c\/h3\u003e\n\u003cp\u003eWith a volume of 150 ml, this toner offers long-lasting use, as a small amount is enough to cover the entire face. Given its concentration of active ingredients, it is a smart skincare investment, combining quality and quantity in one product.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"yuja-feature-section\"\u003e\n\u003ch3 class=\"yuja-feature-title\"\u003eLight texture and fast absorption\u003c\/h3\u003e\n\u003cp\u003eThe toner is characterized by its light texture that is quickly absorbed by the skin without leaving any greasy residue, making it suitable for daily use for all skin types, even sensitive ones.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Yuja Niacin Brightening Toner Usage\" class=\"yuja-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Brightening_Toner_150ml_6.webp?v=1744750657\"\/\u003e \n\u003cdiv class=\"yuja-cta\"\u003e\n\u003ch3\u003eDon't postpone taking care of your skin\u003c\/h3\u003e\n\u003cp\u003eEvery day you delay starting your skincare routine is a step towards dull, blemish-ridden skin. Start today with Some By Mi Yuja Niacin Brightening Toner, and restore your skin's natural radiance before it's too late.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999394255022,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/61NmPogYOaL_f067d8a8-d1cc-4965-98cd-20f958b0296c.jpg?v=1788175376"},{"product_id":"beauty-of-joseon-ginseng-essence-water-150-ml","title":"Beauty of Joseon Ginseng Essence Water 150 Ml","description":"\n\u003cstyle\u003e\n\/* Styles *\/\n.ginseng-product-description {\n\n max-width: 100%;\n margin: 0 auto;\n direction: ltr;\n color: #333;\n}\n\n\/* Styles *\/\n.ginseng-main-title {\n text-align: center;\n font-size: 26px;\n color: #333;\n margin-bottom: 20px;\n position: relative;\n padding-bottom: 10px;\n}\n\n.ginseng-main-title:after {\n content: \"\";\n position: absolute;\n bottom: 0;\n right: 50%;\n transform: translateX(50%);\n width: 60px;\n height: 2px;\n background-color: #d4a017;\n}\n\n\/* Styles *\/\n.ginseng-intro {\n text-align: center;\n font-size: 16px;\n margin-bottom: 30px;\n line-height: 1.6;\n}\n\n\/* Styles *\/\n.ginseng-main-image {\n display: block;\n margin: 30px auto;\n max-width: 100%;\n border-radius: 8px;\n transition: transform 0.3s ease;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n}\n\n.ginseng-main-image:hover {\n transform: translateY(-5px);\n}\n\n\/* Styles *\/\n.ginseng-features {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 30px 0;\n}\n\n\/* Styles *\/\n.ginseng-feature-card {\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n padding: 25px;\n transition: all 0.3s ease;\n border: 1px solid rgba(0, 0, 0, 0.03);\n}\n\n.ginseng-feature-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\n}\n\n.ginseng-feature-title {\n display: flex;\n align-items: center;\n margin-bottom: 15px;\n color: #333;\n font-size: 18px;\n font-weight: bold;\n}\n\n.ginseng-feature-icon {\n margin-left: 10px;\n color: #d4a017;\n font-size: 20px;\n}\n\n.ginseng-feature-content {\n line-height: 1.6;\n color: #555;\n}\n\n\/* Styles *\/\n.ginseng-ingredients {\n background-color: #fbfbfb;\n padding: 30px;\n border-radius: 8px;\n margin: 40px 0;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);\n}\n\n.ginseng-section-title {\n text-align: center;\n font-size: 22px;\n color: #333;\n margin-bottom: 25px;\n}\n\n.ginseng-ingredients-list {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 15px;\n}\n\n.ginseng-ingredient {\n background-color: #fff;\n padding: 20px;\n border-radius: 8px;\n flex: 1;\n min-width: 120px;\n text-align: center;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);\n transition: transform 0.3s ease;\n}\n\n.ginseng-ingredient:hover {\n transform: scale(1.03);\n}\n\n.ginseng-ingredient-title {\n font-weight: bold;\n color: #333;\n margin-bottom: 5px;\n}\n\n.ginseng-ingredient-percentage {\n font-size: 24px;\n color: #d4a017;\n font-weight: bold;\n margin: 10px 0;\n}\n\n\/* Styles *\/\n.ginseng-benefits {\n margin: 40px 0;\n}\n\n.ginseng-benefits-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 15px;\n}\n\n.ginseng-benefit-item {\n display: flex;\n align-items: center;\n padding: 13px 18px;\n background-color: #fff;\n border-radius: 6px;\n box-shadow: 0 3px 8px rgba(0, 0, 0, 0.03);\n transition: transform 0.3s ease;\n border: 1px solid rgba(0, 0, 0, 0.03);\n}\n\n.ginseng-benefit-item:hover {\n transform: translateX(-5px);\n box-shadow: 0 5px 12px rgba(0, 0, 0, 0.06);\n}\n\n.ginseng-benefit-icon {\n color: #d4a017;\n font-size: 18px;\n margin-left: 10px;\n}\n\n\/* Styles *\/\n.ginseng-how-to-use {\n background-color: #fff;\n padding: 30px;\n border-radius: 8px;\n margin: 40px 0;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n}\n\n.ginseng-steps {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n margin-top: 20px;\n}\n\n.ginseng-step {\n flex: 1;\n display: flex;\n align-items: flex-start;\n min-width: 250px;\n}\n\n.ginseng-step-number {\n background-color: #f5f5f5;\n color: #333;\n width: 30px;\n height: 30px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n margin-left: 15px;\n flex-shrink: 0;\n border: 1px solid rgba(0, 0, 0, 0.05);\n}\n\n.ginseng-step-content {\n line-height: 1.6;\n}\n\n\/* Styles *\/\n.ginseng-highlight-section {\n position: relative;\n padding-right: 15px;\n}\n\n.ginseng-highlight-section::before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n width: 3px;\n height: 100%;\n background-color: #d4a017;\n border-radius: 3px;\n}\n\n\/* Styles *\/\n.ginseng-fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n\/* Styles *\/\n@media (max-width: 768px) {\n .ginseng-features {\n grid-template-columns: 1fr;\n }\n \n .ginseng-ingredients-list {\n flex-direction: column;\n }\n \n .ginseng-ingredient {\n min-width: auto;\n }\n}\n\u003c\/style\u003e\n\u003clink href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\"\/\u003e\n\u003cdiv class=\"ginseng-product-description\"\u003e\n\u003ch2 class=\"ginseng-main-title ginseng-fade-in\"\u003eGinseng water – the eternal fountain of youth for the skin\u003c\/h2\u003e\n\u003cp class=\"ginseng-intro ginseng-fade-in\"\u003e\n A rare mixture of traditional Korean medicine secrets and modern technology. The 80% ginseng water used in this product is not just a natural ingredient, but rather a treasure rich in antioxidants, saponins, and micronutrients that support youthful skin from within, and rebuild it with every use.\n \u003c\/p\u003e\n\u003cimg alt=\"Ginseng water\" 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\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 – one of the biggest secrets of Korean skin\n \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n For centuries, ginseng has been known as the “Herb of the Gods” in traditional Korean medicine books such as Donguibogam. The first Korean women used it to bathe and care for the skin because of its amazing ability to stimulate blood circulation, nourish cells, and rejuvenate the skin.\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 Light formula – heavy results\n \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n Despite its light, water-like texture, this toner gives the skin a concentrated boost of hydration and nutrients. It absorbs quickly without leaving any greasy trace, giving you a comfortable and quick use experience, with results visible from the first week.\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 A radical solution to the problems of skin irritation and inflammation\n \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n The product contains 2% niacinamide, a scientifically supported effective ingredient in strengthening the skin barrier, soothing inflammation, and reducing redness caused by environmental factors or daily irritations.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Benefits of ginseng water\" 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\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 A tremendous moisturizer for the skin\n \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n The active saponins found in ginseng water attract and lock moisture deep into the skin, leaving the skin moisturized for longer without the need for reapplication. Ideal for those who suffer from chronic dryness or cracked skin.\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 Smoother, clearer, brighter skin\n \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n By smoothing skin texture, regulating oil secretion, and helping to reduce the appearance of enlarged pores, this toner contributes to improving the overall clarity of the skin. Niacinamide also works to lighten pigmentation and unify color, leaving your face with a more uniform and clear glow.\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 treatment specialist\n \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n Constant dullness of the face is not only caused by fatigue, but also by the skin's lack of elements that stimulate its natural regeneration. Ginseng water provides the skin cells with energy and reactivates microcirculation in the face, restoring its natural radiance and shine.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Ingredients of ginseng water\" 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\u003cdiv class=\"ginseng-ingredients ginseng-fade-in\"\u003e\n\u003ch3 class=\"ginseng-section-title\"\u003eHighly advanced formula of ginseng water and niacinamide!\u003c\/h3\u003e\n\u003cp style=\"text-align: center; margin-bottom: 20px;\"\u003eThis meticulously developed formula combines science and tradition, with thoughtful ingredients:\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\"\u003eKorean ginseng root water\u003c\/div\u003e\n\u003cdiv class=\"ginseng-ingredient-percentage\"\u003e80%\u003c\/div\u003e\n\u003cp\u003eThe essential ingredient for skin rejuvenation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-ingredient ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-ingredient-title\"\u003eNiacinamide\u003c\/div\u003e\n\u003cdiv class=\"ginseng-ingredient-percentage\"\u003e2%\u003c\/div\u003e\n\u003cp\u003eTo unify skin tone and reduce inflammation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-ingredient ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-ingredient-title\"\u003eAdditional components\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, fermented ginseng extract, hyaluronic acid\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; margin-top: 20px;\"\u003eEvery ingredient in it works together to give you the best results with minimal effort, and without any irritation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefits ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-highlight-section\"\u003e\n\u003ch3 class=\"ginseng-section-title\"\u003eKey Benefits\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\u003eSupport youthful skin and rebuild it\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\u003eStimulating blood circulation and rejuvenating the skin\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\u003eDeep hydration and immediate nourishment for the skin\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\u003eFast absorption without a greasy effect\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\u003eStrengthening the skin barrier and soothing 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\u003eReduce redness and 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\u003eMoisturizing the skin for long periods\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\u003eSmoothing skin texture and regulating oil secretion\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\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\"\u003eHow to Use\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 After cleansing the skin, apply a small amount to the hands or a piece of cotton\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 Gently wipe the face and neck in circular motions\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 Leave it until completely absorbed before applying the next product in your routine\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n \n const fadeElements = document.querySelectorAll('.ginseng-fade-in');\n \n \n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n \n if (entry.isIntersecting) {\n \n setTimeout(() =\u003e {\n entry.target.style.opacity = \"1\";\n entry.target.style.transform = \"translateY(0)\";\n }, 100);\n \n \n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 }); \n \n \n fadeElements.forEach(element =\u003e {\n observer.observe(element);\n });\n});\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":46999394484398,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Beauty_of_Joseon_Ginseng_Essence_Water_44852e5e-9e5d-463b-a5e8-e87bd2920fa5.webp?v=1788175375"},{"product_id":"yuja-niacin-30days-blemish-care-serum-50","title":"Some by Mi YUJA NIACIN 30DAYS BLEMISH CARE SERUM 50 ml","description":"\n\u003cstyle\u003e\n\/* Styles *\/\n.yuja-serum-container {\n max-width: 100%;\n margin: 0 auto;\n direction: ltr;\n color: #333;\n overflow-x: hidden;\n}\n\n.yuja-serum-header {\n text-align: center;\n margin-bottom: 30px;\n opacity: 0;\n animation: fadeInUp 0.8s ease forwards;\n}\n\n.yuja-serum-title {\n font-size: 26px;\n color: #333;\n margin-bottom: 15px;\n position: relative;\n padding-bottom: 15px;\n display: inline-block;\n}\n\n.yuja-serum-title:after {\n content: \"\";\n position: absolute;\n bottom: 0;\n right: 50%;\n transform: translateX(50%);\n width: 60px;\n height: 2px;\n background-color: #9C8102;\n animation: expandWidth 1.5s ease-in-out;\n}\n\n.yuja-serum-intro {\n text-align: center;\n font-size: 16px;\n margin-bottom: 20px;\n line-height: 1.6;\n}\n\n.yuja-serum-image {\n display: block;\n margin: 25px auto;\n max-width: 100%;\n border-radius: 8px;\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n opacity: 0;\n transform: scale(0.95);\n animation: fadeInAndScale 0.8s ease forwards;\n animation-delay: 0.2s;\n}\n\n.yuja-serum-image:hover {\n transform: translateY(-5px) scale(1.02);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\n}\n\n.yuja-serum-section {\n margin: 40px 0;\n opacity: 0;\n transform: translateY(30px);\n}\n\n.yuja-serum-section.visible {\n opacity: 1;\n transform: translateY(0);\n transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.yuja-serum-section-title {\n display: flex;\n align-items: center;\n margin-bottom: 20px;\n font-size: 22px;\n color: #333;\n font-weight: bold;\n}\n\n.yuja-serum-section-icon {\n margin-left: 10px;\n color: #9C8102;\n font-size: 24px;\n}\n\n.yuja-serum-content {\n background-color: #fff;\n border-radius: 8px;\n padding: 25px;\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n line-height: 1.7;\n}\n\n.yuja-serum-content:hover {\n transform: translateY(-5px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);\n}\n\n.yuja-serum-ingredients {\n margin-top: 30px;\n}\n\n.yuja-serum-ingredient-item {\n display: flex;\n margin-bottom: 20px;\n background-color: rgba(156, 129, 2, 0.03);\n border-radius: 8px;\n padding: 15px;\n transform: translateX(30px);\n opacity: 0;\n transition: all 0.5s ease;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item {\n transform: translateX(0);\n opacity: 1;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(1) {\n transition-delay: 0.1s;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(2) {\n transition-delay: 0.2s;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(3) {\n transition-delay: 0.3s;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(4) {\n transition-delay: 0.4s;\n}\n\n.yuja-serum-ingredient-icon {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background-color: #9C8102;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #fff;\n margin-left: 15px;\n}\n\n.yuja-serum-ingredient-content {\n flex: 1;\n}\n\n.yuja-serum-ingredient-title {\n font-weight: bold;\n margin-bottom: 5px;\n}\n\n.yuja-serum-ingredient-desc {\n color: #555;\n}\n\n.yuja-serum-highlight {\n color: #9C8102;\n font-weight: bold;\n}\n\n.yuja-serum-feature-section {\n margin: 40px 0;\n padding: 25px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n opacity: 0;\n transform: translateY(30px);\n}\n\n.yuja-serum-feature-section.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.yuja-serum-feature-section:hover {\n transform: translateY(-5px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);\n}\n\n.yuja-serum-conclusion {\n text-align: center;\n margin: 40px 0;\n padding: 30px;\n background-color: rgba(156, 129, 2, 0.05);\n border-radius: 8px;\n opacity: 0;\n transform: scale(0.95);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.yuja-serum-conclusion.visible {\n opacity: 1;\n transform: scale(1);\n}\n\n.yuja-serum-conclusion p {\n line-height: 1.7;\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes fadeInAndScale {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes expandWidth {\n from {\n width: 0;\n }\n to {\n width: 60px;\n }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"yuja-serum-container\"\u003e\n\u003cdiv class=\"yuja-serum-header\"\u003e\n\u003ch3 class=\"yuja-serum-title\"\u003e🌟 A revolution in the world of serums: Some By Mi Yuja Niacin 30 Days Blemish Care Serum\u003c\/h3\u003e\n\u003cp class=\"yuja-serum-intro\"\u003e\n In a sea of skin care products, this serum stands out as a masterpiece that combines nature and modern science, offering an immediate and effective solution to skin problems.\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\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\u003eA unique formula that exceeds expectations\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-content\"\u003e\n\u003cp\u003eWhat distinguishes this serum from other niacinamide products is its exceptional combination of ingredients:\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 fruit extract (Korean mandarin)\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n Known for its high concentration of vitamin C, it contains three times more than lemon, which gives the skin a natural radiance and boosts collagen production.\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% niacinamide\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n At the ideal concentration, it unifies skin tone, reduces pigmentation, and strengthens the skin's protective barrier without causing 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\"\u003eGlutathione and arbutin\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n Powerful antioxidants contribute to reducing melanin production, which helps lighten dark spots and give the skin a more even appearance.\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 types of vitamins\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n It nourishes the skin, enhances its vitality, and helps calm stress resulting from harmful environmental factors.\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\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\u003eTangible results in record time\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp\u003e\n Unlike many serums that take months to show results, this serum shows its effect in just 30 days. User experiences indicate a clear improvement in unifying skin tone and reducing pigmentation in a short period.\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\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\u003eA smart investment for your skin\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp\u003e\n With a size of 50 ml and a high concentration of active ingredients, this serum is excellent value for the price. A small amount is enough to achieve the desired results, making it long lasting and offering an economical and effective skin care solution.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-conclusion\" id=\"conclusion-section\"\u003e\n\u003cp\u003e\n In short, \u003cstrong class=\"yuja-serum-highlight\"\u003eSome By Mi Yuja Niacin 30 Days Blemish Care Serum\u003c\/strong\u003e It is not just another serum on the market, but rather a unique experience that combines the power of nature with modern technology to achieve healthy, radiant skin in record time.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\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 \n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.2 });\n \n \n sections.forEach(section =\u003e {\n observer.observe(section);\n });\n});\n\u003c\/script\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999394713774,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/some_by_mi_yuja_niacin_serum_blemish_care.jpg?v=1788175374"},{"product_id":"some-by-mi-yuja-niacin-anti-blemish-cream-60ml","title":"SOME BY MI Yuja Niacin Anti Blemish Cream 60ml","description":"\n\u003cstyle\u003e\n\/* Styles *\/\n.yuja-cream-container {\n max-width: 100%;\n margin: 0 auto;\n direction: ltr;\n color: #333;\n overflow-x: hidden;\n}\n\n.yuja-cream-header {\n text-align: center;\n margin-bottom: 30px;\n opacity: 0;\n animation: fadeInUp 1s ease forwards;\n}\n\n.yuja-cream-title {\n font-size: 26px;\n color: #333;\n margin-bottom: 15px;\n position: relative;\n padding-bottom: 15px;\n display: inline-block;\n}\n\n.yuja-cream-title:after {\n content: \"\";\n position: absolute;\n bottom: 0;\n right: 50%;\n transform: translateX(50%);\n width: 60px;\n height: 2px;\n background-color: #9C8102;\n animation: expandWidth 1.5s ease-in-out;\n}\n\n.yuja-cream-question {\n font-size: 24px;\n font-weight: bold;\n margin: 25px 0 15px;\n color: #333;\n text-align: center;\n}\n\n.yuja-cream-intro {\n text-align: center;\n font-size: 16px;\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto 20px;\n}\n\n.yuja-cream-image {\n display: block;\n margin: 30px auto;\n max-width: 100%;\n border-radius: 8px;\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n opacity: 0;\n transform: scale(0.95) translateY(20px);\n animation: fadeInAndScale 1s ease forwards;\n animation-delay: 0.3s;\n}\n\n.yuja-cream-image:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 15px 35px rgba(156, 129, 2, 0.2);\n}\n\n.yuja-cream-section {\n margin: 50px 0;\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.yuja-cream-section.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.yuja-cream-section-title {\n display: flex;\n align-items: center;\n margin-bottom: 25px;\n font-size: 24px;\n color: #333;\n font-weight: bold;\n text-align: center;\n justify-content: center;\n}\n\n.yuja-cream-section-icon {\n margin-left: 12px;\n color: #9C8102;\n font-size: 28px;\n}\n\n.yuja-cream-content {\n background-color: #fff;\n border-radius: 10px;\n padding: 30px;\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n line-height: 1.8;\n text-align: center;\n}\n\n.yuja-cream-content:hover {\n transform: translateY(-5px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);\n}\n\n.yuja-cream-ingredients {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin-top: 30px;\n}\n\n.yuja-cream-ingredient-item {\n background-color: #fff;\n border-radius: 8px;\n padding: 20px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n opacity: 0;\n transform: translateY(20px);\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item {\n opacity: 1;\n transform: translateY(0);\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(1) {\n transition-delay: 0.1s;\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(2) {\n transition-delay: 0.2s;\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(3) {\n transition-delay: 0.3s;\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(4) {\n transition-delay: 0.4s;\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(5) {\n transition-delay: 0.5s;\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(6) {\n transition-delay: 0.6s;\n}\n\n.yuja-cream-ingredient-item:hover {\n transform: translateY(-7px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);\n}\n\n.yuja-cream-ingredient-item:before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n width: 3px;\n height: 0;\n background-color: #9C8102;\n transition: height 0.4s ease;\n}\n\n.yuja-cream-ingredient-item:hover:before {\n height: 100%;\n}\n\n.yuja-cream-ingredient-title {\n font-weight: bold;\n margin-bottom: 10px;\n color: #333;\n font-size: 17px;\n}\n\n.yuja-cream-ingredient-desc {\n color: #555;\n line-height: 1.6;\n}\n\n.yuja-cream-highlight {\n color: #9C8102;\n font-weight: bold;\n}\n\n.yuja-cream-feature-section {\n margin: 50px 0;\n padding: 30px;\n background-color: #fff;\n border-radius: 10px;\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n opacity: 0;\n transform: translateY(30px);\n text-align: center;\n}\n\n.yuja-cream-feature-section.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.yuja-cream-feature-section:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);\n}\n\n.yuja-cream-feature-content {\n line-height: 1.8;\n}\n\n.yuja-cream-cta-section {\n margin: 50px 0;\n padding: 35px;\n background: linear-gradient(to left, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1));\n border-radius: 10px;\n text-align: center;\n opacity: 0;\n transform: scale(0.95);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.yuja-cream-cta-section.visible {\n opacity: 1;\n transform: scale(1);\n}\n\n.yuja-cream-cta-title {\n font-size: 24px;\n font-weight: bold;\n margin-bottom: 20px;\n color: #333;\n}\n\n.yuja-cream-cta-content {\n line-height: 1.8;\n max-width: 800px;\n margin: 0 auto;\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes fadeInAndScale {\n from {\n opacity: 0;\n transform: scale(0.95) translateY(20px);\n }\n to {\n opacity: 1;\n transform: scale(1) translateY(0);\n }\n}\n\n@keyframes expandWidth {\n from {\n width: 0;\n }\n to {\n width: 60px;\n }\n}\n\n@media (max-width: 768px) {\n .yuja-cream-ingredients {\n grid-template-columns: 1fr;\n }\n \n .yuja-cream-section-title {\n font-size: 22px;\n }\n \n .yuja-cream-question {\n font-size: 20px;\n }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"yuja-cream-container\"\u003e\n\u003cdiv class=\"yuja-cream-header\"\u003e\n\u003ch2 class=\"yuja-cream-title\"\u003eYoga cream and niacinamide! Specialized in treating all skin imperfections\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\"\u003eDoes your skin suffer from pigmentation and dark spots?\u003c\/h2\u003e\n\u003cp class=\"yuja-cream-intro\"\u003e\n If you're frustrated with products that promise to improve your skin but don't deliver tangible results, it's time to give it a try \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\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\u003eAdvanced scientific formula for fast and effective results\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-content\"\u003e\n\u003cp\u003eThis cream contains a unique combination of active ingredients that work in harmony to brighten and improve the skin's appearance:\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% Niacinamide (Vitamin B3)\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n It is considered one of the most powerful ingredients in reducing pigmentation and unifying skin tone.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n\u003cdiv class=\"yuja-cream-ingredient-title\"\u003eYuga Extract (Yuzu)\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n Rich in Vitamin C, it helps lighten the skin and reduce dark spots.\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 It contributes to reducing melanin production, which reduces the appearance of dark spots.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n\u003cdiv class=\"yuja-cream-ingredient-title\"\u003eGlutathione\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n It is considered one of the most powerful antioxidants, fights free radicals and improves skin radiance.\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 It deeply moisturizes the skin and strengthens its natural barrier.\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) Extract\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n Soothes the skin and promotes cell regeneration.\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\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\u003eWhy is this cream considered a revolution in skin care?\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-feature-content\"\u003e\n\u003cp\u003e\n The cream combines the revolutionary compound niacinamide, which has turned the tables on skin care, with a high-concentration yuga extract. The yuga plant, known as the Korean tangerine, is considered to contain 3 times the concentration of vitamin C found in lemons. Which makes this extract a miracle in lightening, resisting oxidation, and treating the signs of age.\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\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\u003eA smart investment for more radiant skin\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-feature-content\"\u003e\n\u003cp\u003e\n With a volume of 60 ml, this cream is a long-term investment. The concentration of active ingredients in it makes it last for a long time, making it an economical and effective option.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\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 You deserve brighter, more radiant skin \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 Don't let pigmentation and dark spots affect your self-confidence. Try it \u003cstrong class=\"yuja-cream-highlight\"\u003eSome By Mi Yuja Niacin Anti Blemish Cream\u003c\/strong\u003e Today, enjoy more radiant and fresh skin.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\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 \n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n setTimeout(() =\u003e {\n entry.target.classList.add('visible');\n }, 100);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15 });\n \n \n sections.forEach(section =\u003e {\n observer.observe(section);\n });\n});\n\u003c\/script\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999395008686,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/SOMEBYMIYujaNiacinAntiBlemishCream60ml_25169074-1738-418d-b346-1413aba41b72.jpg?v=1788175373"},{"product_id":"anua-niacinamide-txa-dark-spot-correcting-serum","title":"Anua Niacinamide 10% and TXA 4% Dark Spot Correcting Serum 30 ml","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\"\u003eThe most powerful lightening and spot correction formula in Korea\u003c\/div\u003e\n\u003ch1 class=\"atxa-title-glow\"\u003e\n Anua Niacinamide Serum 10% + TXA 4%\u003cbr\/\u003e\n\u003cspan class=\"neon-gold\"\u003eGet rid of foundation and regain the purity of your skin in 30 days\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"atxa-hero-subtitle\"\u003e\n I'm tired of his politeness \u003cspan class=\"neon-red\"\u003eTraces of old pimples with concealer\u003c\/span\u003e? Melasma and sun spots fade away no matter how much you try lightening serums? \u003cspan class=\"neon-gold\"\u003eThe secret is not to peel your skin\u003c\/span\u003eThe secret is to stop the spot itself from the roots before it appears on the surface of your skin.\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 It's not just an ordinary lightening serum. \u003cspan class=\"neon-red\"\u003eSmart correction trilogy\u003c\/span\u003e It merges \u003cspan class=\"neon-gold\"\u003e10% niacinamide + 4% tranexamic + 2% arbutin\u003c\/span\u003e To erase the darkest spot you are about to unify your color without a single point of peeling or a single burning sting!\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 Best selling product in \u003cspan class=\"neon-gold\"\u003eMore than 30 countries\u003c\/span\u003e To end the battle of stubborn stains once and for all, completely safe for sensitive skin.\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\"\u003eWhat exactly will change in your skin?\u003c\/h2\u003e\n\u003cp class=\"pure-white\" style=\"text-align: center; margin-bottom: 30px; font-size: 1.15rem;\"\u003e\n The real difference you will see in the mirror every day from the first week:\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\"\u003eUniform color and tightened pores\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag\"\u003eNiacinamide 10% pure\u003c\/div\u003e\n\u003cp\u003eIt controls excess sebum, narrows enlarged pores, and distributes freshness all over, eliminating the need for makeup powder.\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\"\u003eStop melasma at the source\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag gold\"\u003eTranexamic acid 4%\u003c\/div\u003e\n\u003cp\u003eIt prevents the formation of pigmentation pigment from its deep roots, stopping melasma and summer sun spots before they become established in your skin.\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\"\u003eErase traces of stubborn pimples\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag rose\"\u003ePure Arbutin 2%\u003c\/div\u003e\n\u003cp\u003eIt works like a rubber band on the brown and red marks left by old pimples, so your skin comes back as clear as a 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\"\u003eWatery fullness without any dryness\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag\"\u003eHyaluronic and polyglutamic acid\u003c\/div\u003e\n\u003cp\u003eIt infuses your skin cells with deep watery moisture, preventing dryness or flaking that is often caused by other lightening serums.\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\"\u003eProtection shield prevents stains from returning\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag gold\"\u003eCeramide NP\u003c\/div\u003e\n\u003cp\u003eIt builds a solid protective barrier that locks in moisture in your skin and prevents sun sensitivity and weather fluctuations from burning you again.\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\"\u003eInstant soothing without any redness\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag rose\"\u003eCica and natural green tea\u003c\/div\u003e\n\u003cp\u003eA feeling of freshness and comfort from the first drop. It eliminates burning and soothes irritation immediately, even if your skin is very sensitive.\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\"\u003eWhy won't this serum burn or irritate your skin?\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 Most lightening serums are harsh and cause burning and peeling, but Anua solves the equation:\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\"\u003eMaximum power without sensitivity\u003c\/h4\u003e\n\u003cp\u003eThe golden ratio that lightens and unifies the color quickly, but is supported by soothing agents and ceramides, so that you are about to remain 100% comfortable.\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\"\u003eNatural pink purity\u003c\/h4\u003e\n\u003cp\u003eIts crystal pink color is not an artificial dye, it is the color of natural vitamin B12, which nourishes and brightens your skin tone.\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 days\u003c\/div\u003e\n\u003ch4 class=\"neon-rose\"\u003eNoticeable freshness and radiance\u003c\/h4\u003e\n\u003cp\u003eYou do not need to wait months to see results, as your skin texture will be smooth and dullness will disappear from the first week.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"pure-white\" style=\"text-align: center; font-size: 1.15rem; font-weight: 800; margin-top: 25px;\"\u003e\n Ideal for All Skin Types, even \u003cspan class=\"neon-gold\"\u003eAcne-prone and sensitive\u003c\/span\u003eIt is completely free of perfumes and alcohol.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 4. Clinical Evidence \u0026 Stats Grid --\u003e\n\u003cdiv class=\"atxa-reveal\"\u003e\n\u003ch2 class=\"atxa-section-title\"\u003eReal numbers proven by clinical trials\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 Documented results after a laboratory-based study \u003cspan class=\"neon-gold\"\u003e347 used\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\"\u003eVisible fading of dark spots \u0026amp; hyperpigmentation\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\"\u003eComplete unification of the color of the face and neck\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\"\u003eNoticeable smoothness and disappearance of skin roughness\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 Documented results from accredited Korean research centers, not just advertising talk!\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\"\u003eWhy is Anua serum superior to regular serums?\u003c\/h2\u003e\n\u003cdiv class=\"atxa-table-wrap\"\u003e\n\u003ctable class=\"atxa-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eComparison\u003c\/th\u003e\n\u003cth\u003eTraditional serums\u003c\/th\u003e\n\u003cth class=\"atxa-th-win\"\u003eANUA TXA Niacinamide Serum\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Comparison Feature\"\u003eActive ingredients\u003c\/td\u003e\n\u003ctd class=\"atxa-td-old\" data-label=\"Traditional Serums\"\u003e5% to 10% niacinamide alone\u003c\/td\u003e\n\u003ctd class=\"atxa-td-win\" data-label=\"ANUA TXA Niacinamide Serum\"\u003e10% niacinamide + 4% tranexamic + 2% arbutin\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Comparison Feature\"\u003eHow to treat spots\u003c\/td\u003e\n\u003ctd class=\"atxa-td-old\" data-label=\"Traditional Serums\"\u003eWeak superficial lightening occurs with the first sun\u003c\/td\u003e\n\u003ctd class=\"atxa-td-win\" data-label=\"ANUA TXA Niacinamide Serum\"\u003eStops the production of pigment in spots from their deep roots\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Comparison Feature\"\u003eSkin comfort\u003c\/td\u003e\n\u003ctd class=\"atxa-td-old\" data-label=\"Traditional Serums\"\u003eIt causes burning, peeling, and dry skin\u003c\/td\u003e\n\u003ctd class=\"atxa-td-win\" data-label=\"ANUA TXA Niacinamide Serum\"\u003eInstant watery hydration with ceramides and hyaluronic\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Comparison Feature\"\u003eSpeed of result\u003c\/td\u003e\n\u003ctd class=\"atxa-td-old\" data-label=\"Traditional Serums\"\u003eIt takes two months and you may not notice a difference\u003c\/td\u003e\n\u003ctd class=\"atxa-td-win\" data-label=\"ANUA TXA Niacinamide Serum\"\u003eVisible freshness and reduced fading from the first 7 days\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Comparison Feature\"\u003eSafety for sensitive skin\u003c\/td\u003e\n\u003ctd class=\"atxa-td-old\" data-label=\"Traditional Serums\"\u003eIt is full of alcohol and perfume that inflames the pimples\u003c\/td\u003e\n\u003ctd class=\"atxa-td-win\" data-label=\"ANUA TXA Niacinamide Serum\"\u003eCompletely free of perfumes, alcohol and irritants\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 is about step by step with use\u003c\/h2\u003e\n\u003cdiv class=\"atxa-timeline-grid\"\u003e\n\u003cdiv class=\"atxa-timeline-card\"\u003e\n\u003cdiv class=\"atxa-timeline-badge\"\u003eWeek 1\u003c\/div\u003e\n\u003ch4 class=\"neon-red\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eInstant radiance and freshness\u003c\/h4\u003e\n\u003cp\u003eFast absorption in seconds without any stickiness, comfortable watery hydration, and fading will begin to disappear and your hands will look healthy.\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);\"\u003eWeek 2 and 3\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eFading traces of grain\u003c\/h4\u003e\n\u003cp\u003eThe effects of superficial pimples will begin to noticeably lighten, the annoying shine of sebum will diminish, and your pores will appear cleaner and smaller.\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);\"\u003eThe first month\u003c\/div\u003e\n\u003ch4 class=\"neon-rose\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eTrue color uniformity\u003c\/h4\u003e\n\u003cp\u003eA significant decrease in melasma and pigmentation. You will feel that your skin is tightened and unified, as if you were wearing a natural filter without makeup.\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\"\u003eThe second month\u003c\/div\u003e\n\u003ch4 class=\"neon-red\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003ePermanent and protected clarity\u003c\/h4\u003e\n\u003cp\u003eThe almost complete disappearance of old stubborn spots, with a strong barrier that protects your skin from the spots reappearing in the sun.\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\"\u003eWhy is this serum the best investment for your skin?\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\"\u003eTwo points are enough\u003c\/h3\u003e\n\u003cp\u003eIts high concentration makes two or three drops cover your entire face and neck. The 30 ml bottle will last you two full months of daily use.\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\"\u003eIt eliminates the need for 4 products\u003c\/h3\u003e\n\u003cp\u003eInstead of buying a lightening serum, acne serum, hyaluronic serum, and ceramide cream, it combines all of this in one step that saves your 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\"\u003eGuaranteed and tested globally\u003c\/h3\u003e\n\u003cp\u003eNo. 1 in Korean beauty trends and millions of girls have adopted it in their daily routine as a safe alternative to expensive clinic sessions.\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\"\u003eEasy to use method for maximum results\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\u003eClean your face\u003c\/h4\u003e\n\u003cp\u003eUse it morning or evening on completely clean and dry skin after your favorite toner step.\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\u003eSpread gently\u003c\/h4\u003e\n\u003cp\u003ePut 2 to 3 drops and massage gently, focusing on the spots and pimples until it is completely absorbed.\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\u003eClose with moisturizer\u003c\/h4\u003e\n\u003cp\u003eApply your usual moisturizer to lock in the ingredients, and it is very important to use sunscreen during the day to protect your new skin.\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 Your skin doesn't need makeup to take care of it.. \u003cspan class=\"neon-gold\"\u003eI need a serum that really clears it up\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;\"\u003eInstead of wasting your money and exhausting your skin on unnecessary experiences!\u003c\/strong\u003e\n Start today with the internationally approved Anua triple formula...and erase spots and pimples to restore your natural radiance with confidence.\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 Order the original Anua Niacinamide 10% + TXA 4% serum now...and enjoy glassy skin from the first month!\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;\"\u003eComplete list of approved ingredients (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 A pure Korean therapeutic formula that is completely free of synthetic fragrances, harsh alcohol, and parabens. 100% safe for sensitive and acne-prone skin.\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":46999395270830,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/anua-niacinamide-10-txa-4-serum-30ml-1.webp?v=1789237578"},{"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\"\u003egroup \u003cspan class=\"highlight\"\u003eSOME BY MI AHA‑BHA‑PHA 30 Days Miracle Starter Kit\u003c\/span\u003e It offers a comprehensive four-step routine designed specifically for skin prone to acne and pigmentation. It consists of cleansing soap, toner, serum, and cream, all of which contain a mixture of three acids (AHA, BHA, PHA) and soothing ingredients such as tea tree and centella, to exfoliate dead cells, cleanse pores, soothe inflammation, and deeply moisturize the skin without stripping it of its natural oils. Combining these four steps ensures a comprehensive treatment of pigmentation, reduces inflammation, and improves skin texture in just 30 days.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kit-section\"\u003e\n\u003ch2 class=\"kit-section-title fade-in\"\u003eAbout the group\u003c\/h2\u003e\n\u003cdiv class=\"kit-content fade-in\"\u003e\n\u003cp class=\"kit-text\"\u003eThe set contains four travel-sized products:\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 (30ml)\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eAHA‑BHA‑PHA 30 Days Miracle Serum (10ml)\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\"\u003eFunctions of each product in the range\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\"\u003eCombines three acids (AHA to remove dead cells, BHA to cleanse pores, PHA to maintain hydration); It contains tea tree water and Heartleaf formula to kill bacteria and soothe redness.\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\"\u003eLightly acidic toner (pH 5.5) containing a blend of three acids and 10,000 ppm of tea tree water to purify pores, soothe and moisturize skin.\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\"\u003eConcentration increases to 14.5% Centella Asiatica and 10,000 ppm Tea Tree Water to soothe inflammation and prevent breakouts, with gentle exfoliation that stimulates cell renewal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-card stagger-item\"\u003e\n\u003ch3 class=\"product-title\"\u003eMiracle Cream\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\"\u003eA light cream that blends the three acids with tea tree and centella to deeply moisturize, strengthen the skin barrier, and soothe redness caused by acne.\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\"\u003eHow the components work together\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\"\u003eSelective peeling\u003c\/h3\u003e\n\u003cp\u003eThe three acids dissolve the bonds between dead cells and clean the pores without stripping the skin of its natural oils.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card slide-in-right\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eAnti-inflammatories\u003c\/h3\u003e\n\u003cp\u003eTea tree water and Centella asiatica extract inhibit bacterial growth and reduce redness and irritation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card slide-in-left\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eMoisturizing and protecting\u003c\/h3\u003e\n\u003cp\u003eAcids (PHA), Hyaluronic Acid (from Serum\/Cream) and Centella enhance water retention within the skin and strengthen its protective barrier.\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\"\u003eBenefits of combining them\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\"\u003eComplete routine\u003c\/strong\u003eStep: Cleansing - exfoliation - treatment - moisturizing. Each stage has a specific role that guarantees precise sequential results.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eAccelerated results\u003c\/strong\u003e: Clearer, purer skin appears within 30 days with regular daily use.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eComprehensive treatment\u003c\/strong\u003e: It not only removes pimples, but also repairs the texture and gives a healthy, renewed glow.\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\"\u003eTheir effect on the skin\u003c\/h2\u003e\n\u003cul class=\"kit-list fade-in\"\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eUnifying skin tone\u003c\/strong\u003e Reducing pigmentation and dark spots.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eReducing pore size\u003c\/strong\u003e Reducing the secretion of excess oils.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eSoothe inflammation\u003c\/strong\u003e Resulting from acne and irritations.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003ePromoting a soft and supple feel\u003c\/strong\u003e For more youthful and vibrant skin.\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\"\u003eExceptional value for the price\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\"\u003eEconomical travel size\u003c\/strong\u003e It allows a complete experience of four products at a reasonable price compared to purchasing each product individually.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eFour full weeks\u003c\/strong\u003e Small doses are sufficient for daily use, morning and evening, throughout the thirty-day period.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eRare and key active ingredients\u003c\/strong\u003e High concentrations (Tea Tree Water 10,000 ppm, Centella 14.5%, Niacinamide 2% in the toner) combined in one set gives you exceptional value that you cannot find in a single 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\"\u003eChoose \u003cstrong\u003eSOME BY MI AHA‑BHA‑PHA 30 Days Miracle Starter Kit\u003c\/strong\u003e For an experience capable of rebuilding your skin from the roots, achieving real results, and enjoying unparalleled value in the world of skin care.\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":46999395500206,"sku":null,"price":26.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/SOME_BY_MI_AHA-BHA-PHA_30_Days_Miracle_Starter_Kit.jpg?v=1788175366"},{"product_id":"skin1004-centella-tone-brightening-capsule-ampoule","title":"SKIN1004 Madagascar Centella Tone Brightening Ampoule — Lightening ampoule for acne and pigmentation with 77% Centella","description":"\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700;800\u0026amp;display=swap\" rel=\"stylesheet\"\/\u003e\n\u003cstyle\u003e\n \/* Scoped CSS for skinGeer Shopify Snippet - Luxury Dark Mode *\/\n .sg-product-description {\n \/* Core Palette - Deep Blacks \u0026 Charcoals *\/\n --sg-bg-main: #050505;\n --sg-bg-card: rgba(20, 20, 22, 0.75);\n --sg-bg-card-hover: rgba(30, 30, 32, 0.9);\n \n \/* Accents - Vibrant Emerald \u0026 Warning Gold *\/\n --sg-green-primary: #10b981;\n --sg-green-dark: #059669;\n --sg-green-glow: rgba(16, 185, 129, 0.15);\n --sg-yellow-accent: #fbbf24;\n --sg-yellow-glow: rgba(251, 191, 36, 0.15);\n \n \/* Borders \u0026 Text *\/\n --sg-border: rgba(255, 255, 255, 0.1);\n --sg-border-light: rgba(255, 255, 255, 0.2);\n --sg-text-white: #ffffff;\n --sg-text-main: #f3f4f6;\n --sg-text-muted: #9ca3af;\n \n font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n background-color: var(--sg-bg-main);\n color: var(--sg-text-main);\n line-height: 1.8;\n direction: ltr;\n text-align: left;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n padding-bottom: 3rem;\n box-sizing: border-box;\n margin: 0 auto;\n max-width: 1200px; \/* Optional constraint for wide screens *\/\n }\n\n .sg-product-description * {\n box-sizing: border-box;\n }\n\n .sg-glass-card {\n background: var(--sg-bg-card);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border: 1px solid var(--sg-border);\n border-radius: 16px;\n padding: 2rem;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .sg-glass-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; height: 2px;\n background: linear-gradient(90deg, transparent, var(--sg-green-primary), transparent);\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n\n .sg-glass-card:hover {\n transform: translateY(-5px);\n background: var(--sg-bg-card-hover);\n border-color: var(--sg-border-light);\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5), 0 0 20px var(--sg-green-glow);\n }\n\n .sg-glass-card:hover::before {\n opacity: 1;\n }\n\n \/* Typography \u0026 Utilities *\/\n .sg-text-gradient {\n background: linear-gradient(135deg, #ffffff 0%, var(--sg-green-primary) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n display: inline-block;\n }\n \n .sg-text-yellow {\n color: var(--sg-yellow-accent);\n }\n\n .sg-container {\n max-width: 900px;\n margin: 0 auto;\n padding: 0 1.5rem;\n position: relative;\n z-index: 10;\n }\n\n \/* Layout Grids *\/\n .sg-grid-2 { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }\n .sg-grid-3 { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }\n\n @media (min-width: 768px) {\n .sg-grid-2 { grid-template-columns: repeat(2, 1fr); }\n .sg-grid-3 { grid-template-columns: repeat(3, 1fr); }\n }\n\n .sg-glow-bg {\n position: absolute;\n border-radius: 50%;\n filter: blur(120px);\n z-index: 0;\n pointer-events: none;\n opacity: 0.15;\n }\n\n .sg-glow-green { background: var(--sg-green-primary); width: 400px; height: 400px; top: -100px; right: -100px; }\n .sg-glow-white { background: #ffffff; width: 300px; height: 300px; bottom: 30%; left: -50px; opacity: 0.05; }\n .sg-glow-yellow { background: var(--sg-yellow-accent); width: 200px; height: 200px; top: 60%; right: 10%; opacity: 0.05; }\n\n .sg-reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);\n }\n .sg-reveal.sg-active {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Responsive Images *\/\n .sg-responsive-img {\n width: 100%;\n height: auto;\n border-radius: 16px;\n border: 1px solid var(--sg-border);\n box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n margin: 2rem 0;\n display: block;\n }\n\n \/* Headers *\/\n .sg-hero {\n text-align: center;\n padding: 4rem 0 2rem;\n position: relative;\n }\n\n .sg-hero h1 {\n font-size: clamp(1.8rem, 4vw, 2.8rem);\n font-weight: 800;\n line-height: 1.3;\n margin-bottom: 1.5rem;\n color: var(--sg-text-white);\n }\n\n .sg-hero p {\n font-size: clamp(1.1rem, 2vw, 1.25rem);\n color: var(--sg-text-muted);\n max-width: 800px;\n margin: 0 auto;\n }\n\n .sg-section-title {\n font-size: clamp(1.5rem, 3vw, 2.2rem);\n font-weight: 800;\n text-align: center;\n margin: 4rem 0 2rem;\n color: var(--sg-text-white);\n line-height: 1.4;\n }\n\n .sg-tech-card-layout {\n display: flex;\n align-items: flex-start;\n gap: 1.2rem;\n margin-bottom: 1rem;\n }\n \n .sg-tech-icon {\n width: 56px;\n height: 56px;\n flex-shrink: 0;\n background: rgba(16, 185, 129, 0.08);\n border: 1px solid rgba(16, 185, 129, 0.3);\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--sg-green-primary);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .sg-glass-card:hover .sg-tech-icon {\n background: var(--sg-green-primary);\n color: var(--sg-bg-main);\n transform: scale(1.1) rotate(5deg);\n box-shadow: 0 0 20px var(--sg-green-glow);\n }\n\n \/* Feature Lists in Cards *\/\n .sg-feature-list {\n list-style: none;\n padding: 0;\n margin: 1rem 0 0 0;\n }\n \n .sg-feature-list li {\n position: relative;\n padding-right: 1.5rem;\n margin-bottom: 0.5rem;\n font-size: 1rem;\n color: var(--sg-text-main);\n }\n\n .sg-feature-list li::before {\n content: '✓';\n position: absolute;\n right: 0;\n top: 2px;\n color: var(--sg-green-primary);\n font-weight: bold;\n }\n\n .sg-timeline {\n position: relative;\n padding-right: 2rem;\n border-right: 2px solid rgba(255, 255, 255, 0.1);\n margin: 2rem 0;\n }\n\n .sg-timeline-item {\n position: relative;\n margin-bottom: 2.5rem;\n }\n\n .sg-timeline-dot {\n position: absolute;\n right: -31px;\n top: 20px;\n width: 14px;\n height: 14px;\n border-radius: 50%;\n background: var(--sg-bg-main);\n border: 2px solid var(--sg-green-primary);\n transition: all 0.3s ease;\n }\n\n .sg-timeline-item:hover .sg-timeline-dot {\n background: var(--sg-green-primary);\n box-shadow: 0 0 10px var(--sg-green-primary);\n }\n\n .sg-timeline-badge {\n display: inline-block;\n padding: 4px 14px;\n background: rgba(255, 255, 255, 0.05);\n color: var(--sg-text-main);\n font-size: 0.9rem;\n font-weight: 700;\n border-radius: 20px;\n margin-bottom: 1rem;\n border: 1px solid var(--sg-border);\n }\n\n .sg-step-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 1rem;\n }\n\n .sg-step-number {\n display: inline-flex;\n width: 40px;\n height: 40px;\n background: rgba(16, 185, 129, 0.1);\n color: var(--sg-green-primary);\n border-radius: 50%;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 1.2rem;\n border: 1px solid var(--sg-green-primary);\n flex-shrink: 0;\n transition: all 0.3s ease;\n }\n\n .sg-glass-card:hover .sg-step-number {\n background: var(--sg-green-primary);\n color: var(--sg-bg-main);\n box-shadow: 0 0 15px var(--sg-green-glow);\n }\n\n .sg-notice-box {\n background: rgba(251, 191, 36, 0.03);\n border: 1px solid rgba(251, 191, 36, 0.2);\n border-right: 4px solid var(--sg-yellow-accent);\n border-radius: 12px;\n padding: 1.5rem;\n margin: 2rem 0;\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n }\n\n .sg-notice-icon {\n color: var(--sg-yellow-accent);\n flex-shrink: 0;\n margin-top: 5px;\n }\n\n .sg-quote-box {\n text-align: center;\n padding: 2rem;\n border-top: 1px solid var(--sg-border);\n border-bottom: 1px solid var(--sg-border);\n margin: 3rem 0;\n font-style: italic;\n font-size: 1.3rem;\n color: var(--sg-green-primary);\n font-weight: 600;\n }\n\n .sg-ingredients-raw {\n font-size: 0.85rem;\n color: var(--sg-text-muted);\n line-height: 1.8;\n direction: ltr;\n text-align: left;\n font-family: monospace;\n }\n\u003c\/style\u003e\n\u003cdiv class=\"sg-product-description\" dir=\"ltr\"\u003e\n\u003c!-- Ambient Backgrounds --\u003e\n\u003cdiv class=\"sg-glow-bg sg-glow-green\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sg-glow-bg sg-glow-white\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sg-glow-bg sg-glow-yellow\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sg-container\"\u003e\n\u003cdiv class=\"sg-hero sg-reveal\"\u003e\n\u003cspan style=\"display: inline-block; padding: 4px 16px; background: rgba(16, 185, 129, 0.1); border: 1px solid rgba(16, 185, 129, 0.3); border-radius: 20px; color: var(--sg-green-primary); font-weight: 700; margin-bottom: 1rem; font-size: 0.9rem;\"\u003eSkin1004 Madagascar Centella\u003c\/span\u003e\n\u003ch1\u003eFinally...real lightening without \u003cspan class=\"sg-text-gradient\"\u003eNo burning, irritation or dryness\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp\u003e\u003cstrong\u003e77% Centella + 3 scientific lightening ingredients = the most powerful lightening formula for sensitive skin without a hint of irritation.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Skin1004 Tone Brightening Ampoule\" class=\"sg-responsive-img sg-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/skin1004_centella_tone_brightening_capsule_ampoule_50ml_1.jpg?v=1782049817\"\/\u003e\n\u003cdiv class=\"sg-glass-card sg-reveal\" style=\"margin-bottom: 3rem;\"\u003e\n\u003ch2 style=\"font-size: 1.5rem; color: var(--sg-text-white); margin-bottom: 1rem; font-weight: 800;\"\u003eThe impossible equation solved by Korean science: powerful lightening + complete gentleness\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.1rem; margin-bottom: 1rem;\"\u003eLightening is always a dilemma in the world of skin care, because most ingredients that lighten (such as pure vitamin C in high concentrations or strong acids) burn and irritate the skin, causing an endless cycle of deeper pigmentation for sensitive skin.\u003c\/p\u003e\n\u003cp style=\"font-size: 1.1rem; color: var(--sg-text-muted);\"\u003e\u003cstrong\u003eSKIN1004 Flip the equation:\u003c\/strong\u003e This ampoule was built on \u003cstrong\u003e77% Centella asiatica extract\u003c\/strong\u003e — the most powerful soothing plant in the world of skin care — and put it on top \u003cstrong\u003e3 scientifically studied lightening ingredients\u003c\/strong\u003eHe added Madewhite™ capsules that gently lighten the skin. The result? A product that brightens strongly, while Centella soothes any irritation before it happens.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sg-quote-box sg-reveal\"\u003e\n \"All strong lightening products irritate your skin... and all gentle products do not lighten. SKIN1004 broke this rule.\"\n \u003c\/div\u003e\n\u003ch2 class=\"sg-section-title sg-reveal\"\u003eAn integrated team that surrounds melanin from every direction\u003cbr\/\u003e\u003cspan style=\"font-size: 1.2rem; color: var(--sg-green-primary); font-weight: 600;\"\u003eUnder the protection of Centella\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"sg-grid-2\"\u003e\n\u003c!-- Centella --\u003e\n\u003cdiv class=\"sg-glass-card sg-reveal\"\u003e\n\u003cdiv class=\"sg-tech-card-layout\"\u003e\n\u003cdiv class=\"sg-tech-icon\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" style=\"width:30px; height:30px;\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 22C12 22 20 18 20 12V5L12 2L4 5V12C4 18 12 22 12 22Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3 style=\"color: var(--sg-text-white); margin-bottom: 0.2rem; font-size: 1.4rem; font-weight: 800;\"\u003eCentella Asiatica 77%\u003c\/h3\u003e\n\u003cspan style=\"color: var(--sg-green-primary); font-size: 1rem; font-weight: 700;\"\u003eSoothing and protective foundation\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 1.05rem; margin-top: 0.5rem; color: var(--sg-text-muted);\"\u003eIt is not just an ingredient, it is the foundation on which the product is built. Enriched with soothing compounds that act as a “protective cushion” allowing the lightening ingredients to work safely.\u003c\/p\u003e\n\u003cul class=\"sg-feature-list\"\u003e\n\u003cli\u003ePowerfully soothes inflammation and redness\u003c\/li\u003e\n\u003cli\u003eAccelerate the healing of wounds and acne scars\u003c\/li\u003e\n\u003cli\u003eSupports the skin barrier to withstand lightening\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Niacinamide --\u003e\n\u003cdiv class=\"sg-glass-card sg-reveal\"\u003e\n\u003cdiv class=\"sg-tech-card-layout\"\u003e\n\u003cdiv class=\"sg-tech-icon\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" style=\"width:30px; height:30px;\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 12l2 2 4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3 style=\"color: var(--sg-text-white); margin-bottom: 0.2rem; font-size: 1.4rem; font-weight: 800;\"\u003eNiacinamide 4%\u003c\/h3\u003e\n\u003cspan style=\"color: var(--sg-green-primary); font-size: 1rem; font-weight: 700;\"\u003eUnifying color and minimizing pores\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 1.05rem; margin-top: 0.5rem; color: var(--sg-text-muted);\"\u003eThe ideal scientifically studied concentration that balances powerful efficacy with high tolerance for continuous daily use.\u003c\/p\u003e\n\u003cul class=\"sg-feature-list\"\u003e\n\u003cli\u003ePrevents the transfer of melanin to surface cells\u003c\/li\u003e\n\u003cli\u003eStrengthens the skin barrier with ceramides\u003c\/li\u003e\n\u003cli\u003eRegulates the secretion of fats and minimizes pores\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Tranexamic Acid --\u003e\n\u003cdiv class=\"sg-glass-card sg-reveal\"\u003e\n\u003cdiv class=\"sg-tech-card-layout\"\u003e\n\u003cdiv class=\"sg-tech-icon\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" style=\"width:30px; height:30px;\" 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\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3 style=\"color: var(--sg-text-white); margin-bottom: 0.2rem; font-size: 1.4rem; font-weight: 800;\"\u003eTranexamic acid 2%\u003c\/h3\u003e\n\u003cspan style=\"color: var(--sg-green-primary); font-size: 1rem; font-weight: 700;\"\u003eAgainst stubborn pigmentation\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 1.05rem; margin-top: 0.5rem; color: var(--sg-text-muted);\"\u003eAn advanced medical molecule used in professional lightening formulas, one of the most powerful ingredients against melasma and sun spots.\u003c\/p\u003e\n\u003cul class=\"sg-feature-list\"\u003e\n\u003cli\u003eInterferes with the activation of melanocytes\u003c\/li\u003e\n\u003cli\u003eReduces the production and transport of melanin at the source\u003c\/li\u003e\n\u003cli\u003eVery effective for stubborn pimples\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Madewhite --\u003e\n\u003cdiv class=\"sg-glass-card sg-reveal\"\u003e\n\u003cdiv class=\"sg-tech-card-layout\"\u003e\n\u003cdiv class=\"sg-tech-icon\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" style=\"width:30px; height:30px;\" viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 12a4 4 0 018 0\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3 style=\"color: var(--sg-text-white); margin-bottom: 0.2rem; font-size: 1.4rem; font-weight: 800;\"\u003eMadewhite™ Capsules\u003c\/h3\u003e\n\u003cspan style=\"color: var(--sg-green-primary); font-size: 1rem; font-weight: 700;\"\u003eSmart connectivity technology\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 1.05rem; margin-top: 0.5rem; color: var(--sg-text-muted);\"\u003eAn exclusive Centella-based ingredient encapsulated in white microcapsules, to ensure that the ingredients penetrate effectively rather than being lost on the surface.\u003c\/p\u003e\n\u003cul class=\"sg-feature-list\"\u003e\n\u003cli\u003eDelivers lightening in a controlled and gentle way\u003c\/li\u003e\n\u003cli\u003eThe capsules dissolve immediately upon dispensing\u003c\/li\u003e\n\u003cli\u003eMinimum irritation possible\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Vitamin C --\u003e\n\u003cdiv class=\"sg-glass-card sg-reveal\"\u003e\n\u003cdiv class=\"sg-tech-card-layout\"\u003e\n\u003cdiv class=\"sg-tech-icon\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" style=\"width:30px; height:30px;\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3 style=\"color: var(--sg-text-white); margin-bottom: 0.2rem; font-size: 1.4rem; font-weight: 800;\"\u003eVitamin C derivative\u003c\/h3\u003e\n\u003cspan style=\"color: var(--sg-green-primary); font-size: 1rem; font-weight: 700;\"\u003eBrightener and stabilizer\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 1.05rem; margin-top: 0.5rem; color: var(--sg-text-muted;\"\u003e(3-O-Ethyl Ascorbic Acid) A stabilized derivative with good penetration and much less risk of irritation than harsh pure Vitamin C.\u003c\/p\u003e\n\u003cul class=\"sg-feature-list\"\u003e\n\u003cli\u003eAntioxidant protection against free radicals\u003c\/li\u003e\n\u003cli\u003eAdditional support for brightening and collagen production\u003c\/li\u003e\n\u003cli\u003eIt works in perfect harmony with Niacinamide\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Hydration --\u003e\n\u003cdiv class=\"sg-glass-card sg-reveal\"\u003e\n\u003cdiv class=\"sg-tech-card-layout\"\u003e\n\u003cdiv class=\"sg-tech-icon\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" style=\"width:30px; height:30px;\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 12 2 12 2C12 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3 style=\"color: var(--sg-text-white); margin-bottom: 0.2rem; font-size: 1.4rem; font-weight: 800;\"\u003eMadecassoside and moisturizing\u003c\/h3\u003e\n\u003cspan style=\"color: var(--sg-green-primary); font-size: 1rem; font-weight: 700;\"\u003ePrevents irritation and supports the barrier\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 1.05rem; margin-top: 0.5rem; color: var(--sg-text-muted);\"\u003eIsolated triterpenoids prevent irritation before it happens, supported by glycerin and betaine to lock in moisture in an ultra-light formula.\u003c\/p\u003e\n\u003cul class=\"sg-feature-list\"\u003e\n\u003cli\u003eIt helps the skin tolerate lightening safely\u003c\/li\u003e\n\u003cli\u003eDeeply moisturizes without a heavy, greasy feel\u003c\/li\u003e\n\u003cli\u003eWorks seamlessly under serums and creams\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Skin1004 Technology\" class=\"sg-responsive-img sg-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Product_in_lab_with_plants_202606211712.jpg?v=1782051190\"\/\u003e\n\u003ch2 class=\"sg-section-title sg-reveal\"\u003eTransformation journey: from dullness to radiant skin\u003cbr\/\u003e\u003cspan style=\"font-size: 1.2rem; color: var(--sg-text-muted); font-weight: 400;\"\u003eGradual and gentle lightening...but real and sustainable\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"sg-timeline sg-reveal\"\u003e\n\u003cdiv class=\"sg-timeline-item\"\u003e\n\u003cdiv class=\"sg-timeline-dot\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sg-glass-card\"\u003e\n\u003cspan class=\"sg-timeline-badge\"\u003eOne to two weeks\u003c\/span\u003e\n\u003ch3 style=\"color: var(--sg-text-white); font-size: 1.3rem; margin-bottom: 0.5rem; font-weight: 800;\"\u003eInitial calming and brightening\u003c\/h3\u003e\n\u003cp style=\"font-size: 1.05rem; color: var(--sg-text-muted); margin: 0;\"\u003eThe skin feels calmer and more moisturized. General lightening and a “purer” appearance. A slight radiance begins to appear without any redness.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sg-timeline-item\"\u003e\n\u003cdiv class=\"sg-timeline-dot\" style=\"border-color: var(--sg-green-primary); background: var(--sg-bg-main);\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sg-glass-card\" style=\"border-color: rgba(16, 185, 129, 0.3);\"\u003e\n\u003cspan class=\"sg-timeline-badge\" style=\"color: var(--sg-green-primary); border-color: rgba(16, 185, 129, 0.3);\"\u003e4 to 8 weeks\u003c\/span\u003e\n\u003ch3 style=\"color: var(--sg-text-white); font-size: 1.3rem; margin-bottom: 0.5rem; font-weight: 800;\"\u003eFading the effects of pimples\u003c\/h3\u003e\n\u003cp style=\"font-size: 1.05rem; color: var(--sg-text-main); margin: 0;\"\u003eNoticeable fading of fresh pimples and light spots. More even tone, significantly less redness, and skin that appears more radiant and luminous.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sg-timeline-item\"\u003e\n\u003cdiv class=\"sg-timeline-dot\" style=\"background: var(--sg-green-primary); border-color: var(--sg-green-primary); box-shadow: 0 0 10px rgba(16, 185, 129, 0.5);\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sg-glass-card\" style=\"border-color: var(--sg-green-primary);\"\u003e\n\u003cspan class=\"sg-timeline-badge\" style=\"background: var(--sg-green-primary); color: var(--sg-bg-main); border-color: var(--sg-green-primary);\"\u003e3 months or more\u003c\/span\u003e\n\u003ch3 style=\"color: var(--sg-text-white); font-size: 1.3rem; margin-bottom: 0.5rem; font-weight: 800;\"\u003eSustainable results\u003c\/h3\u003e\n\u003cp style=\"font-size: 1.05rem; color: var(--sg-text-main); margin: 0;\"\u003eContinuous improvement in stubborn pigmentation. It helps maintain a radiant and even complexion when used as part of your daily routine with sunscreen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sg-notice-box sg-reveal\" style=\"border-color: rgba(255, 255, 255, 0.2); border-right-color: var(--sg-text-white); background: rgba(255, 255, 255, 0.05);\"\u003e\n\u003cdiv class=\"sg-notice-icon\" style=\"color: var(--sg-text-white);\"\u003e\n\u003csvg fill=\"currentColor\" height=\"28\" viewbox=\"0 0 24 24\" width=\"28\"\u003e\u003cpath d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3 style=\"color: var(--sg-text-white); font-size: 1.2rem; margin-bottom: 0.5rem; font-weight: 800;\"\u003eUser rating: 4.4\/5 (most kind)\u003c\/h3\u003e\n\u003cp style=\"margin: 0; font-size: 1rem; color: var(--sg-text-muted);\"\u003ePeople with sensitive skin praised it for its lack of tingling or burning, with a clear improvement in pimple marks. \u003cstrong\u003eTransparent note:\u003c\/strong\u003e It especially shines with recent breakouts and fading, while deep sunspots and freckles improve more slowly.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"sg-section-title sg-reveal\"\u003eCorrect how to use\u003c\/h2\u003e\n\u003cdiv class=\"sg-grid-2\"\u003e\n\u003cdiv class=\"sg-glass-card sg-reveal\"\u003e\n\u003cdiv class=\"sg-step-header\"\u003e\n\u003cdiv class=\"sg-step-number\"\u003e1\u003c\/div\u003e\n\u003ch3 style=\"color: var(--sg-text-white); font-size: 1.2rem; font-weight: 800; margin: 0;\"\u003eTiming and quantity\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 1rem; color: var(--sg-text-muted); line-height: 1.6; margin: 0;\"\u003eMorning and\/or evening after cleanser and toner, and before heavy creams. Apply 1-2 squeezes with the dropper onto the palm of your hand. Very safe for continuous daily use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sg-glass-card sg-reveal\"\u003e\n\u003cdiv class=\"sg-step-header\"\u003e\n\u003cdiv class=\"sg-step-number\"\u003e2\u003c\/div\u003e\n\u003ch3 style=\"color: var(--sg-text-white); font-size: 1.2rem; font-weight: 800; margin: 0;\"\u003eApplication method (very important)\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 1rem; color: var(--sg-text-muted); line-height: 1.6; margin: 0;\"\u003eSpread on the face and neck. \u003cstrong\u003eGently massage to break down the Madewhite™ capsules\u003c\/strong\u003e White to melt and blend into the skin completely. Pat until absorbed.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sg-glass-card sg-reveal\"\u003e\n\u003cdiv class=\"sg-step-header\"\u003e\n\u003cdiv class=\"sg-step-number\"\u003e3\u003c\/div\u003e\n\u003ch3 style=\"color: var(--sg-text-white); font-size: 1.2rem; font-weight: 800; margin: 0;\"\u003eSealing and moisturizers\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 1rem; color: var(--sg-text-muted); line-height: 1.6; margin: 0;\"\u003eFollow with your favorite moisturizer. It can be combined with mild retinol or peptides seamlessly as Centella will relieve any potential irritation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sg-glass-card sg-reveal\" style=\"border-color: rgba(251, 191, 36, 0.4); background: rgba(251, 191, 36, 0.05);\"\u003e\n\u003cdiv class=\"sg-step-header\"\u003e\n\u003cdiv class=\"sg-step-number\" style=\"background: rgba(251, 191, 36, 0.2); color: var(--sg-yellow-accent); border-color: var(--sg-yellow-accent);\"\u003e!\u003c\/div\u003e\n\u003ch3 style=\"color: var(--sg-text-white); font-size: 1.2rem; font-weight: 800; margin: 0;\"\u003eThe golden rule of lightening\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 1rem; color: var(--sg-text-main); line-height: 1.6; margin: 0;\"\u003eSunscreen is not optional — it is half the treatment. Morning \u003cstrong\u003eAlways finish with SPF 30+ sunscreen\u003c\/strong\u003eAny lightening effort without protection = wasted effort and the pigmentation will return.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Skin1004 Identity\" class=\"sg-responsive-img sg-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Visual_identity_product_Centella__202606211706.jpg?v=1782050838\"\/\u003e\n\u003cdiv class=\"sg-hero sg-reveal\" style=\"padding-top: 1rem;\"\u003e\n\u003ch2 style=\"font-size: 2rem; font-weight: 800; color: var(--sg-text-white); margin-bottom: 1rem;\"\u003eAmpoule from Al Noor exclusively for your skin\u003c\/h2\u003e\n\u003cp style=\"margin-bottom: 1rem;\"\u003e\u003cstrong\u003eOpen your skin without torturing it\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eSKIN1004 Madagascar Centella is not just a serum... it is proof that strength and kindness can come together. Pigmentation and pimple marks are not inevitable. Start your radiant skin journey now with confidence and without fear of irritation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"sg-section-title sg-reveal\" style=\"font-size: 1.5rem; margin-top: 2rem;\"\u003eFull ingredient list\u003c\/h2\u003e\n\u003cdiv class=\"sg-glass-card sg-reveal sg-ingredients-raw\"\u003e\n Centella Asiatica Extract (77%), Butylene Glycol, Glycerin, \u003cstrong style=\"color: var(--sg-green-primary);\"\u003eNiacinamide (4%)\u003c\/strong\u003e, \u003cstrong style=\"color: var(--sg-green-primary);\"\u003eTranexamic Acid (2%)\u003c\/strong\u003e, 1,2-Hexanediol, Water, Betaine, Madecassoside, Hydrogenated Lecithin, Xylitylglucoside, Anhydroxylitol, Xylitol, \u003cstrong style=\"color: var(--sg-green-primary);\"\u003e3-O-Ethyl Ascorbic Acid\u003c\/strong\u003e, Hydroxyethylcellulose, Carbomer, Tromethamine, Disodium EDTA, Caprylyl Glycol\n \u003c\/div\u003e\n\u003cdiv class=\"sg-reveal\" style=\"margin-top: 1.5rem; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;\"\u003e\n\u003cspan style=\"background: rgba(255, 255, 255, 0.05); border: 1px solid var(--sg-border); color: var(--sg-text-white); padding: 8px 20px; border-radius: 20px; font-size: 0.9rem; font-weight: 700;\"\u003e✓ Free of perfumes and essential oils\u003c\/span\u003e\n\u003cspan style=\"background: rgba(255, 255, 255, 0.05); border: 1px solid var(--sg-border); color: var(--sg-text-white); padding: 8px 20px; border-radius: 20px; font-size: 0.9rem; font-weight: 700;\"\u003e✓ Free of alcohol and harsh acids\u003c\/span\u003e\n\u003cspan style=\"background: rgba(255, 255, 255, 0.05); border: 1px solid var(--sg-border); color: var(--sg-text-white); padding: 8px 20px; border-radius: 20px; font-size: 0.9rem; font-weight: 700;\"\u003e✓ Safe for very sensitive skin\u003c\/span\u003e\n\u003c\/div\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.1\n };\n\n const observer = new IntersectionObserver((entries, observer) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('sg-active');\n }\n });\n }, observerOptions);\n\n const revealElements = document.querySelectorAll('.sg-reveal');\n revealElements.forEach(el =\u003e observer.observe(el));\n \n \/\/ Trigger immediately for elements already in viewport on load\n setTimeout(() =\u003e {\n revealElements.forEach(el =\u003e {\n const rect = el.getBoundingClientRect();\n if(rect.top \u003c window.innerHeight) {\n el.classList.add('sg-active');\n }\n });\n }, 150);\n });\n\u003c\/script\u003e","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":46999395762350,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/skin_1004_centella_ampoule.png?v=1759854521"},{"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 PROTECTION: Sun shield with Korean care\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 It is an innovative Korean sunscreen that combines broad-spectrum protection with strong SPF50+ PA++++ and a formula rich in nutrients to deeply moisturize and nourish the skin. This protectant contains 30% fermented rice extract and a blend of probiotics that rebalance the skin microbiome and soothe redness and dryness. Thanks to its light, shiny texture that instantly disappears without a greasy or white film, Relief Sun combines effectiveness and daily comfort for all skin types, even sensitive ones.\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\u003eComprehensive protection without compromise\u003c\/h2\u003e\n\u003ch3\u003e- Advanced formulation to prevent sun damage -\u003c\/h3\u003e\n\u003cp\u003eRelief Sun offers effective protection against UVA and UVB rays through advanced chemical filters that guarantee SPF50+ PA++++, reducing the risk of sunburn and hyperpigmentation resulting from daily sun exposure. Fragrance-free, alcohol-free and safe rated (EWG Green Level) formula, suitable for sensitive skin and those with allergies to conventional sunscreens.\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\u003eHydration and nutrition duo: rice and probiotics in one blend\u003c\/h2\u003e\n\u003ch3\u003e- Natural ingredients for deep hydration and instant soothing -\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 combines 30% fermented rice extract with a blend of probiotics and fermented grains, rich in vitamins B, C, E, amino acids and minerals, to provide the skin with instant hydration and soothe redness and dryness throughout the day.\u003c\/p\u003e\n\u003cp\u003eThe formula is also enhanced with Niacinamide which balances the skin's oil and moisture levels, minimizing pore size for a smoother and plumper appearance.\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\u003eHow does the product work?\u003c\/h2\u003e\n\u003ch3\u003e- Moisturizing technology synergizes with sun protection -\u003c\/h3\u003e\n\u003cdiv class=\"process-steps\"\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eBeginning of calm\u003c\/div\u003e\n\u003cp\u003eWhen applying the protectant, probiotics and fermented rice soothe the skin and soothe feelings of dryness and redness.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eStrong protective barrier\u003c\/div\u003e\n\u003cp\u003eSPF50+ PA++++ filters reflect and absorb harmful rays before they penetrate the skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eMoisturizing and nourishing\u003c\/div\u003e\n\u003cp\u003eFermented rice releases its moisturizing ingredients deep into the skin, while niacinamide reinforces the skin's natural water barrier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eLight finish\u003c\/div\u003e\n\u003cp\u003eThe shiny gel texture absorbs quickly, leaving the skin soft without any white cast or annoying stickiness.\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\u003eThe secret to excellence: Why does Relief Sun outperform others?\u003c\/h2\u003e\n\u003ch3\u003e- Practical results and reliable user experience -\u003c\/h3\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eIrresistible texture\u003c\/h4\u003e\n\u003cp\u003eLight as air, it blends into the skin without leaving any trace of greasyness or annoying whiteness.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eProven effectiveness\u003c\/h4\u003e\n\u003cp\u003eOne of the highest rated sunscreens in the world with ratings exceeding 4.5 stars from millions of users\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eScientific and natural formula\u003c\/h4\u003e\n\u003cp\u003eCombines advanced chemical filters with traditional organic extracts of fermented rice and probiotics, to ensure complete protection and hydration.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eExpert recognition\u003c\/h4\u003e\n\u003cp\u003eBacked by Allure's recommendation as one of the best Korean sunscreens for its combination of protection and style, and dermatologist-endorsed thanks to its safe and effective formula.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eSuitable for all conditions\u003c\/h4\u003e\n\u003cp\u003eIt works excellently in high humidity conditions and prevents a heavy or slippery feeling, making it the perfect choice for daily use under or without makeup.\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\"\u003eProtect your skin with ultimate Korean elegance\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003eEnjoy SPF50+ protection with deep hydration and nourishment in one product. Say goodbye to heavy, white sunscreens, and hello to a healthy, protected glow all day long!\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eBuy now\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":46999396057262,"sku":null,"price":19.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/51KXcVZceoL_fd748b52-4e55-4a76-8c3f-58d52954320a.jpg?v=1788175363"},{"product_id":"beauty-of-joseon-light-on-serum-30ml","title":"BEAUTY OF JOSEON Light On Whitening Serum with Centella Extract and Vita C, Size 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) – radiant Korean glow\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\u003eUnobstructed radiance: the importance of treating pigmentation and rejuvenating the skin\u003c\/h2\u003e\n\u003cp\u003ePigmentation and dark spots not only reduce the beauty of the skin, but they also make it look dull and older than its actual age. Pigmentation treatment restores the skin's natural balance, leaving it clearer, lighter, and more radiant. Vitamin C plays an essential role in reducing pigmentation and unifying color, and it also stimulates the production of collagen, which rejuvenates the skin and improves its elasticity. When your skin remains even and luminous, your self-confidence shines before the whole world.\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\u003eThe magic of Korean heritage and modern innovation\u003c\/h2\u003e\n\u003cp\u003eLight On Serum This product is the embodiment of Korean skincare art. It contains 68% of organic Asian Centella extract - the legendary plant famous for its miraculous ability to soothe the skin and renew its cells. Supported by the latest vitamin C stabilization techniques, the serum provides maximum effectiveness in lightening and treating pigmentation without any irritation. A touch of heritage and a touch of innovation... and the result: real magic on your skin.\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\u003eHow the serum works: A unique duo of brightening and moisturizing\u003c\/h2\u003e\n\u003cul class=\"custom-list\"\u003e\n\u003cli\u003e\n\u003cp\u003eAs soon as you apply the serum to your skin, Centella extract begins to moisturize it and soothe any redness or inflammation.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eStabilized Vitamin C safely penetrates the skin, reduces melanin production, and gradually lightens stubborn pigmentation.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eWith regular use, you will notice that your skin becomes softer, lighter, and free of spots, with deep hydration that keeps it firm and glowing.\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\u003eMain ingredients and their role: Vitamin C and Centella in serving your skin\u003c\/h2\u003e\n\u003cul class=\"custom-list\"\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eVitamin C (3-O-Ethyl Ascorbic Acid 10%)\u003c\/strong\u003e: A powerful antioxidant that unifies skin tone, lightens dark spots, and activates collagen production to improve the appearance of fine lines \u0026amp; wrinkles.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eAsian Centella Extract (68%)\u003c\/strong\u003e: A therapeutic plant that soothes irritated skin, stimulates skin cell regeneration, and enhances deep hydration to maintain skin elasticity and health.\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\u003eThe secret of excellence: Why is this serum different from everything you have tried before?\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\"\u003eLight formula absorbs quickly\u003c\/h3\u003e\n\u003cp\u003eThere is no greasy feeling or sticky layer, but smoothness and clear radiance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eHigh concentration of active ingredients\u003c\/h3\u003e\n\u003cp\u003eThe amount of Vitamin C and Centella is higher than most competing serums, meaning faster and stronger results.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eIdeal for sensitive skin\u003c\/h3\u003e\n\u003cp\u003eFree of perfumes and alcohol, it soothes the skin instead of irritating it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eDouble results\u003c\/h3\u003e\n\u003cp\u003eBrighten + fight signs of aging in one easy step.\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\"\u003eUser Reviews: Real success stories\u003c\/h2\u003e\n\u003cdiv class=\"testimonials-grid\"\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003eNoticeable results from the first weeks\u003c\/h3\u003e\n\u003cp\u003eMost users noticed a clear difference in unifying their skin tone and increasing its radiance within a few weeks.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003eLight and comfortable texture\u003c\/h3\u003e\n\u003cp\u003eEveryone praised that its texture is light and easy to absorb, ideal even for hot summer days.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003eSuitable for sensitive skin\u003c\/h3\u003e\n\u003cp\u003eMany people with sensitive skin confirmed that it helped soothe their skin without any irritation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003eComplete satisfaction and extensive recommendations\u003c\/h3\u003e\n\u003cp\u003eA large percentage of those who tried it loved it so much that they repurchased it more than once.\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\"\u003eDiscover the secret of Korean glow today\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003eBrighter, more glowing skin in one simple step. Say goodbye to dark spots \u0026amp; hyperpigmentation, and hello to glowing skin!\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eBuy now\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":46999396319406,"sku":null,"price":26.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/beauty-of-joseon-light-on-serum-centella-vita-c-30ml.jpg?v=1788175362"},{"product_id":"centella-skincare-routine-set","title":"Centella Skincare Routine Set Complete Centella-Based Skincare Solution","description":"\u003cstyle\u003e\n \/* Styles *\/\n .sk-mfg-oasis {\n \/* Styles *\/\n --bg-basalt-deep: #090807; \/* Styles *\/\n --bg-sand-night: #12100D; \/* Styles *\/\n --bg-earth-dune: #1A1612; \/* Styles *\/\n --bg-card-glass: #171310;\n --bg-card-hover: #221c17;\n\n \/* Styles *\/\n --sand-primary: #D4A373; \/* Styles *\/\n --sand-bright: #F0DFC8; \/* Styles *\/\n --sand-soft: #C29668; \/* Styles *\/\n --sand-glow: rgba(212, 163, 115, 0.22);\n --sand-border: rgba(212, 163, 115, 0.2);\n --sand-border-strong: rgba(212, 163, 115, 0.45);\n\n \/* Styles *\/\n --text-main: #FDFBF7; \/* Styles *\/\n --text-muted: #C8BFB5; \/* Styles *\/\n --text-gold: #E5BA82; \/* Styles *\/\n\n font-family: inherit;\n line-height: 1.8;\n overflow: hidden;\n position: relative;\n background-color: var(--bg-basalt-deep);\n color: var(--text-main);\n border-radius: 24px;\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.7);\n }\n\n .sk-mfg-oasis * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .oasis-container {\n max-width: 1040px;\n margin: 0 auto;\n padding: 0 24px;\n position: relative;\n z-index: 3;\n }\n\n \/* Styles *\/\n .oasis-hl-sand {\n color: #FFF4E5;\n font-weight: 900;\n text-shadow: 0 0 8px rgba(212, 163, 115, 0.5);\n display: inline;\n }\n\n .oasis-hl-gold {\n color: #F8CD9C;\n font-weight: 900;\n text-shadow: 0 0 8px rgba(212, 163, 115, 0.6);\n display: inline;\n }\n\n .oasis-mark-glow {\n display: inline;\n background: rgba(212, 163, 115, 0.2);\n color: #FFFFFF;\n font-weight: 800;\n padding: 2px 8px;\n border-radius: 6px;\n border-bottom: 1.5px solid var(--sand-primary);\n }\n\n .oasis-pill-sand {\n display: inline-block;\n background: rgba(212, 163, 115, 0.16);\n border: 1px solid var(--sand-primary);\n color: #FFF6EB;\n font-weight: 900;\n padding: 3px 14px;\n border-radius: 8px;\n margin: 2px 0;\n }\n\n \/* Styles *\/\n .oasis-section {\n padding: 75px 0;\n position: relative;\n }\n\n \/* Styles *\/\n .oasis-theme-basalt {\n background-color: var(--bg-basalt-deep);\n border-bottom: 1px solid rgba(255, 255, 255, 0.04);\n }\n\n \/* Styles *\/\n .oasis-theme-night {\n background-color: var(--bg-sand-night);\n border-top: 1px solid var(--sand-border);\n border-bottom: 1px solid var(--sand-border);\n }\n\n \/* Styles *\/\n .oasis-theme-dune-grad {\n background: linear-gradient(180deg, #12100D 0%, #1A1510 50%, #12100D 100%);\n border-top: 1px solid rgba(212, 163, 115, 0.15);\n border-bottom: 1px solid rgba(212, 163, 115, 0.15);\n }\n\n \/* Styles *\/\n .oasis-theme-earth {\n background-color: var(--bg-earth-dune);\n border-top: 1px solid rgba(255, 255, 255, 0.05);\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n }\n\n .oasis-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: rgba(212, 163, 115, 0.12);\n border: 1px solid var(--sand-primary);\n color: var(--sand-bright);\n padding: 7px 24px;\n border-radius: 40px;\n font-size: 0.95rem;\n font-weight: 800;\n margin-bottom: 22px;\n letter-spacing: 0.5px;\n }\n\n .oasis-main-title {\n font-size: clamp(26px, 4.5vw, 42px);\n font-weight: 900;\n text-align: center;\n margin-bottom: 25px;\n line-height: 1.35;\n color: #FFFFFF;\n }\n\n .oasis-section-title {\n font-size: clamp(22px, 3.5vw, 32px);\n font-weight: 900;\n text-align: center;\n margin-bottom: 25px;\n position: relative;\n line-height: 1.4;\n color: #FFFFFF;\n }\n\n .oasis-section-title::after {\n content: '';\n display: block;\n width: 70px;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--sand-primary), transparent);\n margin: 12px auto 0;\n border-radius: 4px;\n }\n\n \/* Styles *\/\n .oasis-media-wrapper {\n width: 100%;\n max-width: 850px;\n margin: 0 auto 35px;\n border-radius: 20px;\n overflow: hidden;\n border: 1px solid var(--sand-border-strong);\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.7);\n position: relative;\n }\n\n .oasis-media-wrapper img {\n width: 100%;\n height: auto;\n display: block;\n object-fit: cover;\n transition: transform 0.4s ease;\n }\n\n .oasis-media-wrapper:hover img {\n transform: scale(1.015);\n }\n\n \/* Styles *\/\n .oasis-hook-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 16px;\n margin: 30px 0;\n }\n\n .oasis-hook-card {\n background: #181411;\n border: 1px solid var(--sand-border);\n border-radius: 16px;\n padding: 22px 18px;\n text-align: left;\n box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);\n transition: transform 0.25s ease, border-color 0.25s ease;\n }\n\n .oasis-hook-card:hover {\n transform: translateY(-3px);\n border-color: var(--sand-primary);\n }\n\n .oasis-hook-card h4 {\n color: var(--sand-bright);\n font-size: 1.15rem;\n font-weight: 800;\n margin-bottom: 6px;\n }\n\n .oasis-hook-card p {\n color: var(--text-muted);\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Styles *\/\n .oasis-danger-card {\n background: linear-gradient(145deg, rgba(50, 16, 16, 0.9) 0%, rgba(24, 17, 13, 0.98) 100%);\n border: 1px solid rgba(239, 68, 68, 0.3);\n border-radius: 20px;\n padding: 30px 26px;\n margin: 30px 0;\n text-align: left;\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.6);\n }\n\n .oasis-danger-card h3 {\n color: #FCA5A5;\n font-size: 1.35rem;\n font-weight: 900;\n margin-bottom: 12px;\n }\n\n .oasis-damage-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 12px;\n list-style: none;\n margin-top: 16px;\n }\n\n .oasis-damage-list li {\n position: relative;\n padding-right: 24px;\n color: #FFFFFF;\n font-size: 1rem;\n font-weight: 600;\n }\n\n .oasis-damage-list li::before {\n content: 'x';\n position: absolute;\n right: 0;\n top: 0;\n color: #EF4444;\n font-weight: 900;\n font-size: 1.1rem;\n }\n\n \/* Styles *\/\n .oasis-legend-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 18px;\n margin: 30px 0;\n }\n\n .oasis-legend-card {\n background: #181410;\n border: 1px solid var(--sand-border);\n border-radius: 16px;\n padding: 24px 20px;\n text-align: left;\n transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;\n }\n\n .oasis-legend-card:hover {\n transform: translateY(-4px);\n border-color: var(--sand-primary);\n background: #201A14;\n }\n\n .oasis-legend-tag {\n font-size: 0.85rem;\n color: var(--sand-primary);\n font-weight: 800;\n margin-bottom: 8px;\n display: block;\n }\n\n .oasis-legend-title {\n color: #FFFFFF;\n font-size: 1.25rem;\n font-weight: 900;\n margin-bottom: 8px;\n }\n\n .oasis-legend-desc {\n color: var(--text-muted);\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Styles *\/\n .oasis-table-wrap {\n overflow-x: auto;\n margin: 30px 0;\n border-radius: 18px;\n border: 1px solid var(--sand-border-strong);\n background: #110E0B;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);\n }\n\n .oasis-table {\n width: 100%;\n border-collapse: collapse;\n text-align: left;\n min-width: 600px;\n }\n\n .oasis-table th,\n .oasis-table td {\n padding: 16px 20px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.07);\n font-size: 1.05rem;\n }\n\n .oasis-table th {\n background: #18130E;\n color: var(--sand-bright);\n font-weight: 900;\n font-size: 1.15rem;\n }\n\n .oasis-table td.col-centella {\n background: rgba(212, 163, 115, 0.08);\n color: var(--sand-bright);\n font-weight: 800;\n }\n\n .oasis-table td.col-cortisone {\n color: #FCA5A5;\n font-weight: 600;\n }\n\n .oasis-table tr:last-child td {\n border-bottom: none;\n }\n\n \/* Styles *\/\n .oasis-env-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 18px;\n margin: 30px 0;\n }\n\n .oasis-env-card {\n background: #181410;\n border: 1px solid var(--sand-border);\n border-radius: 16px;\n padding: 24px 20px;\n text-align: left;\n transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;\n }\n\n .oasis-env-card:hover {\n transform: translateY(-3px);\n border-color: var(--sand-primary);\n background: #201A14;\n }\n\n .oasis-env-num {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 34px;\n height: 34px;\n background: rgba(212, 163, 115, 0.15);\n color: var(--sand-bright);\n border: 1px solid var(--sand-primary);\n border-radius: 8px;\n font-weight: 900;\n margin-bottom: 12px;\n }\n\n .oasis-env-card h4 {\n color: #FFFFFF;\n font-size: 1.2rem;\n font-weight: 800;\n margin-bottom: 6px;\n }\n\n .oasis-env-card p {\n color: var(--text-muted);\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Styles *\/\n .oasis-conflict-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 24px;\n margin: 35px 0;\n }\n\n .oasis-conflict-card {\n border-radius: 20px;\n padding: 28px 24px;\n text-align: left;\n box-shadow: 0 10px 24px rgba(0, 0, 0, 0.5);\n }\n\n .oasis-conflict-card.bad {\n background: linear-gradient(180deg, rgba(45, 18, 18, 0.95) 0%, rgba(24, 15, 15, 0.98) 100%);\n border: 1px solid rgba(239, 68, 68, 0.25);\n }\n\n .oasis-conflict-card.good {\n background: linear-gradient(180deg, rgba(38, 28, 20, 0.95) 0%, rgba(22, 17, 13, 0.98) 100%);\n border: 1px solid var(--sand-border-strong);\n }\n\n .oasis-conflict-card h4 {\n font-size: 1.3rem;\n font-weight: 900;\n margin-bottom: 12px;\n }\n\n .oasis-conflict-card.bad h4 { color: #FCA5A5; }\n .oasis-conflict-card.good h4 { color: var(--sand-bright); }\n\n .oasis-conflict-list {\n list-style: none;\n margin-top: 12px;\n }\n\n .oasis-conflict-list li {\n position: relative;\n padding-right: 24px;\n margin-bottom: 10px;\n font-size: 1rem;\n color: #FFFFFF;\n }\n\n .oasis-conflict-card.bad .oasis-conflict-list li::before {\n content: 'x';\n position: absolute;\n right: 0;\n color: #EF4444;\n font-weight: 900;\n }\n\n .oasis-conflict-card.good .oasis-conflict-list li::before {\n content: '✓';\n position: absolute;\n right: 0;\n color: var(--sand-primary);\n font-weight: 900;\n }\n\n \/* Styles *\/\n .oasis-products-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));\n gap: 22px;\n margin: 35px 0;\n }\n\n .oasis-product-card {\n background: #181410;\n border: 1px solid var(--sand-border);\n border-radius: 18px;\n padding: 24px 20px;\n display: flex;\n flex-direction: column;\n text-align: left;\n transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;\n box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);\n }\n\n .oasis-product-card:hover {\n transform: translateY(-4px);\n border-color: var(--sand-primary);\n background: #211A14;\n }\n\n .oasis-product-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 12px;\n }\n\n .oasis-product-step {\n background: rgba(212, 163, 115, 0.15);\n border: 1px solid var(--sand-primary);\n color: var(--sand-bright);\n font-size: 0.82rem;\n font-weight: 900;\n padding: 3px 12px;\n border-radius: 6px;\n }\n\n .oasis-product-size {\n color: var(--sand-primary);\n font-weight: 800;\n font-size: 0.95rem;\n }\n\n .oasis-product-card h3 {\n color: #FFFFFF;\n font-size: 1.35rem;\n font-weight: 900;\n margin-bottom: 4px;\n }\n\n .oasis-product-subtitle {\n color: var(--sand-gold);\n font-size: 0.95rem;\n font-weight: 700;\n margin-bottom: 14px;\n padding-bottom: 8px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n }\n\n .oasis-product-bullets {\n list-style: none;\n margin-bottom: 16px;\n }\n\n .oasis-product-bullets li {\n position: relative;\n padding-right: 22px;\n color: var(--text-main);\n font-size: 0.96rem;\n line-height: 1.55;\n margin-bottom: 8px;\n }\n\n .oasis-product-bullets li::before {\n content: '✓';\n position: absolute;\n right: 0;\n top: 0;\n color: var(--sand-primary);\n font-weight: 900;\n }\n\n .oasis-product-review {\n margin-top: auto;\n background: #110E0B;\n border: 1px solid rgba(212, 163, 115, 0.2);\n padding: 12px 16px;\n border-radius: 12px;\n color: var(--sand-bright);\n font-size: 0.88rem;\n font-weight: 700;\n }\n\n \/* Styles *\/\n .oasis-routine-flex {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 24px;\n margin: 35px 0;\n }\n\n .oasis-routine-card {\n background: #191410;\n border: 1px solid var(--sand-border);\n border-radius: 20px;\n padding: 28px 22px;\n text-align: left;\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);\n }\n\n .oasis-routine-card.evening {\n border-color: rgba(212, 163, 115, 0.35);\n }\n\n .oasis-routine-card.morning {\n border-color: rgba(240, 223, 200, 0.35);\n }\n\n .oasis-routine-tag {\n display: inline-block;\n padding: 6px 16px;\n border-radius: 8px;\n font-weight: 900;\n font-size: 0.95rem;\n margin-bottom: 18px;\n background: rgba(212, 163, 115, 0.15);\n color: var(--sand-bright);\n border: 1px solid var(--sand-primary);\n }\n\n .oasis-steps-list {\n list-style: none;\n }\n\n .oasis-steps-list li {\n padding: 12px 0;\n border-bottom: 1px solid rgba(255, 255, 255, 0.07);\n display: flex;\n align-items: center;\n gap: 14px;\n font-size: 1rem;\n color: #FFFFFF;\n }\n\n .oasis-steps-list li:last-child {\n border-bottom: none;\n }\n\n .oasis-step-num {\n width: 30px;\n height: 30px;\n background: #0A0908;\n border: 2px solid var(--sand-primary);\n color: var(--sand-bright);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 900;\n font-size: 0.88rem;\n flex-shrink: 0;\n }\n\n \/* Styles *\/\n .oasis-accordion-box {\n background: #181410;\n border: 1px solid var(--sand-border);\n border-radius: 12px;\n margin-bottom: 12px;\n overflow: hidden;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);\n }\n\n .oasis-acc-btn {\n width: 100%;\n padding: 16px 20px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n background: transparent;\n border: none;\n color: #FFFFFF;\n font-size: 1.05rem;\n font-weight: 800;\n text-align: left;\n user-select: none;\n }\n\n .oasis-acc-btn span.icon {\n color: var(--sand-primary);\n font-size: 1.4rem;\n font-weight: 900;\n transition: transform 0.3s ease;\n }\n\n .oasis-accordion-box.active .oasis-acc-btn span.icon {\n transform: rotate(45deg);\n color: var(--sand-bright);\n }\n\n .oasis-acc-content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.35s ease, padding 0.35s ease;\n padding: 0 20px;\n font-size: 0.9rem;\n color: var(--text-muted);\n direction: ltr;\n text-align: left;\n line-height: 1.6;\n background: #100D0A;\n }\n\n .oasis-accordion-box.active .oasis-acc-content {\n padding: 16px 20px;\n max-height: 380px;\n }\n\n \/* Styles *\/\n .oasis-cta-card {\n text-align: center;\n padding: 55px 24px;\n background: linear-gradient(180deg, #1C1712 0%, #0A0908 100%);\n border-radius: 22px;\n border: 1px solid var(--sand-primary);\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.7);\n }\n\n .oasis-cta-btn {\n display: inline-block;\n background: linear-gradient(135deg, var(--sand-bright), var(--sand-primary));\n color: #0F0D0A;\n font-size: 1.35rem;\n font-weight: 900;\n padding: 18px 48px;\n border-radius: 40px;\n cursor: pointer;\n transition: transform 0.25s ease, box-shadow 0.25s ease;\n margin-top: 25px;\n border: none;\n text-decoration: none;\n }\n\n .oasis-cta-btn:hover {\n transform: translateY(-3px);\n box-shadow: 0 10px 25px rgba(212, 163, 115, 0.4);\n background: linear-gradient(135deg, #FFFFFF, var(--sand-bright));\n }\n\n \/* Styles *\/\n .oasis-reveal {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.5s ease, transform 0.5s ease;\n will-change: opacity, transform;\n }\n\n .oasis-reveal.oasis-active {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Styles *\/\n .oasis-timeline-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 18px;\n margin-top: 30px;\n }\n\n .oasis-timeline-card {\n background: #191410;\n border: 1px solid var(--sand-border);\n border-radius: 18px;\n padding: 24px 20px;\n text-align: left;\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);\n transition: transform 0.25s ease, border-color 0.25s ease;\n position: relative;\n overflow: hidden;\n }\n\n .oasis-timeline-card:hover {\n transform: translateY(-3px);\n border-color: var(--sand-primary);\n }\n\n .oasis-timeline-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: rgba(212, 163, 115, 0.14);\n border: 1px solid rgba(212, 163, 115, 0.4);\n color: var(--sand-bright);\n font-size: 0.82rem;\n font-weight: 900;\n padding: 4px 12px;\n border-radius: 20px;\n margin-bottom: 12px;\n letter-spacing: 0.5px;\n }\n\n .oasis-timeline-card h4 {\n font-size: 1.25rem;\n font-weight: 900;\n margin-bottom: 8px;\n }\n\n .oasis-timeline-card p {\n color: var(--text-muted);\n font-size: 0.96rem;\n line-height: 1.65;\n margin: 0;\n }\n\n @media (max-width: 768px) {\n .oasis-table th, .oasis-table td { padding: 12px 14px; font-size: 0.95rem; }\n .oasis-hook-grid { grid-template-columns: 1fr; }\n .oasis-conflict-grid { grid-template-columns: 1fr; }\n .oasis-products-grid { grid-template-columns: 1fr; }\n .oasis-timeline-grid { grid-template-columns: 1fr; }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"sk-mfg-oasis\" dir=\"ltr\" id=\"skin1004-madagascar-wrapper\"\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\"\u003eKorean mini skin saving routine\u003c\/div\u003e\n\u003ch1 class=\"oasis-main-title\"\u003eSKIN1004 Madagascar Centella Travel Kit\u003cbr\/\u003e\u003cspan class=\"oasis-hl-sand\"\u003eThe group that will treat all inflammation, redness, and acne\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cdiv class=\"oasis-media-wrapper\"\u003e\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\u003c\/div\u003e\n\u003cdiv class=\"oasis-hook-grid\"\u003e\n\u003cdiv class=\"oasis-hook-card\"\u003e\n\u003ch4\u003eDoes your skin get inflamed quickly?\u003c\/h4\u003e\n\u003cp\u003eThe least that makes you blush and become irritated. \u003cspan class=\"oasis-mark-glow\"\u003eAnd you don't know how to use any products at your convenience\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oasis-hook-card\"\u003e\n\u003ch4\u003eIs your skin barrier damaged?\u003c\/h4\u003e\n\u003cp\u003eYour skin feels tight, dry, or flaky because of... \u003cspan class=\"oasis-mark-glow\"\u003eUse too many exfoliants or strong products\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oasis-hook-card\"\u003e\n\u003ch4\u003eDo the pills leave a mark?\u003c\/h4\u003e\n\u003cp\u003eThe pill goes, but it is left behind \u003cspan class=\"oasis-mark-glow\"\u003eA red or dark mark that does not come off easily\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oasis-hook-card\"\u003e\n\u003ch4\u003eAre you afraid to take risks?\u003c\/h4\u003e\n\u003cp\u003eYou just want to try a complete Korean routine \u003cspan class=\"oasis-mark-glow\"\u003eAfraid to buy large sizes and they won't fit\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;\"\u003eThe problem is not your skin type, the problem is you \u003cspan class=\"oasis-hl-sand\"\u003eYou have not yet tried the routine that really eliminates inflammation\u003c\/span\u003e.\u003c\/p\u003e\n\u003cdiv class=\"oasis-danger-card\"\u003e\n\u003ch3\u003eWhy can't your skin tolerate it and its problems persist?\u003c\/h3\u003e\n\u003cp style=\"font-size: 1.15rem; color: #ffffff; font-weight: bold;\"\u003eThe secret is all in \u003cspan class=\"oasis-pill-sand\"\u003eSkin Barrier\u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"color: var(--text-muted); margin-top: 8px; font-size: 1rem;\"\u003eWhen your skin's protective shield breaks, \u003cspan class=\"oasis-hl-gold\"\u003eAny simple thing creates a big problem\u003c\/span\u003eThis is what causes:\u003c\/p\u003e\n\u003cul class=\"oasis-damage-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"oasis-mark-glow\"\u003eRedness and tenderness\u003c\/span\u003e From any new product or even from the air.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"oasis-mark-glow\"\u003eDryness and cracks\u003c\/span\u003e No matter how wet you are.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"oasis-mark-glow\"\u003eNew pimples appear\u003c\/span\u003e Because bacteria enter easily.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"oasis-mark-glow\"\u003eStubborn marks and pigmentation\u003c\/span\u003e Because the skin cannot heal itself.\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;\"\u003eTo stop this spiral: You need the magic ingredient that quickly repairs this barrier: \u003cspan class=\"oasis-hl-sand\"\u003eCentella Asiatica extract from Madagascar\u003c\/span\u003e.\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\"\u003eWhat is centella herb? Why do they call it “tiger weed”?\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;\"\u003eThe story began in nature... when they noticed that wounded tigers, after any conflict, would go to wallow in the leaves of a certain plant. Surprisingly, \u003cspan class=\"oasis-mark-glow\"\u003eTheir wounds were healing incredibly quickly and without any trace!\u003c\/span\u003e This plant is Centella, and since then they have been using it to treat burns and severe wounds.\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\"\u003eRestoration power\u003c\/span\u003e\n\u003ch3 class=\"oasis-legend-title\"\u003eIt treats the skin from the depths\u003c\/h3\u003e\n\u003cp class=\"oasis-legend-desc\"\u003eIt stimulates the production of natural collagen \u003cspan class=\"oasis-hl-sand\"\u003eDamaged skin tissue rebuilds\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oasis-legend-card\"\u003e\n\u003cspan class=\"oasis-legend-tag\"\u003eInstant calm\u003c\/span\u003e\n\u003ch3 class=\"oasis-legend-title\"\u003eIt extinguishes the “fire” of inflammation\u003c\/h3\u003e\n\u003cp class=\"oasis-legend-desc\"\u003eIt calms redness and sensitivity immediately \u003cspan class=\"oasis-hl-sand\"\u003eYou made me burn\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oasis-legend-card\" style=\"border-color: var(--sand-primary); border-width: 2px;\"\u003e\n\u003cspan class=\"oasis-legend-tag\" style=\"color: var(--sand-bright);\"\u003eMadagascar in particular\u003c\/span\u003e\n\u003ch3 class=\"oasis-legend-title\" style=\"color: var(--sand-bright);\"\u003eThe purest strain in the world\u003c\/h3\u003e\n\u003cp class=\"oasis-legend-desc\"\u003eBecause Madagascar's volcanic nature produces centella in concentration \u003cspan class=\"oasis-mark-glow\"\u003eEffective twice as much anywhere else\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 is a natural and safe alternative to strong medicinal creams\u003c\/h2\u003e\n\u003cp style=\"text-align: center; color: var(--text-muted); font-size: 1.15rem; margin-bottom: 20px;\"\u003eWhen your skin is severely inflamed, doctors often prescribe creams containing cortisone, but cortisone has long-term harm. The centella is still coming to you \u003cspan class=\"oasis-hl-sand\"\u003eSame result as calming\u003c\/span\u003e But \u003cspan class=\"oasis-hl-gold\"\u003eCompletely safely\u003c\/span\u003e:\u003c\/p\u003e\n\u003cdiv class=\"oasis-table-wrap\"\u003e\n\u003ctable class=\"oasis-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eWhat's the difference?\u003c\/th\u003e\n\u003cth\u003eStrong medical creams (such as cortisone)\u003c\/th\u003e\n\u003cth style=\"background: rgba(212, 163, 115, 0.2); color: var(--sand-bright);\"\u003eNatural Centella from SKIN1004\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eUse every day?\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"col-cortisone\"\u003eForbidden (the skin becomes tired over time)\u003c\/td\u003e\n\u003ctd class=\"col-centella\"\u003e\u003cspan class=\"oasis-mark-glow\"\u003eVery safe and used daily\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eThickness and protection of the skin\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"col-cortisone\"\u003eIt thins the skin and makes it very weak\u003c\/td\u003e\n\u003ctd class=\"col-centella\"\u003e\u003cspan class=\"oasis-hl-sand\"\u003eIt strengthens the skin, increases its thickness and protection\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eIf you stop using it?\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"col-cortisone\"\u003eThe problem comes back again and with force\u003c\/td\u003e\n\u003ctd class=\"col-centella\"\u003e\u003cspan class=\"oasis-hl-gold\"\u003eThe skin is healed and there is no relapse\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eRedness and bristles\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"col-cortisone\"\u003eIt may increase the appearance of blood capillaries\u003c\/td\u003e\n\u003ctd class=\"col-centella\"\u003e\u003cspan class=\"oasis-mark-glow\"\u003eIt soothes redness and treats 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\"\u003eWhy use a complete set instead of random products?\u003c\/h2\u003e\n\u003cp style=\"text-align: center; color: var(--text-muted); max-width: 820px; margin: 0 auto 25px; font-size: 1.1rem;\"\u003eThe biggest mistake you can make is to buy lotion from one brand, toner from another brand, and serum from the third! \u003cspan class=\"oasis-hl-gold\"\u003eThese products are not designed to work together\u003c\/span\u003eThey may interact with each other and irritate your skin.\u003c\/p\u003e\n\u003cdiv class=\"oasis-conflict-grid\"\u003e\n\u003cdiv class=\"oasis-conflict-card bad\"\u003e\n\u003ch4\u003eBlender: Products from every movie song\u003c\/h4\u003e\n\u003cp style=\"color: var(--text-muted); margin-bottom: 12px;\"\u003eWhat happens when you mix different products?\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);\"\u003eMaterials collide with each other\u003c\/span\u003e And you can cancel its effect.\u003c\/li\u003e\n\u003cli\u003eYour skin becomes irritated, inflamed, and new pimples appear.\u003c\/li\u003e\n\u003cli\u003eI spend a lot of money on inappropriate things.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oasis-conflict-card good\"\u003e\n\u003ch4\u003eThe smart solution: the integrated SKIN1004 routine\u003c\/h4\u003e\n\u003cp style=\"color: var(--text-muted); margin-bottom: 12px;\"\u003eThese 5 products are designed to complement each other:\u003c\/p\u003e\n\u003cul class=\"oasis-conflict-list\"\u003e\n\u003cli\u003eEvery step \u003cspan class=\"oasis-mark-glow\"\u003eIt prepares the skin and benefits more\u003c\/span\u003e From the next step.\u003c\/li\u003e\n\u003cli\u003eYou take a dose of Centella \u003cspan class=\"oasis-hl-gold\"\u003eAt every step\u003c\/span\u003e For faster and stronger restoration.\u003c\/li\u003e\n\u003cli\u003eGuarantee \u003cspan class=\"oasis-mark-glow\"\u003e100% that there is no conflict\u003c\/span\u003e Or allergies will happen to you.\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\"\u003eWhat's inside this group? (5 steps for calmer skin)\u003c\/h2\u003e\n\u003cp style=\"text-align: center; color: var(--text-muted); margin-bottom: 25px; font-weight: bold;\"\u003eTravel sizes (enough for 2 to 3 weeks)... Perfect for trying the whole routine before you buy the larger sizes!\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\"\u003eStep 1\u003c\/span\u003e \u003cspan class=\"oasis-product-size\"\u003e30 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eLight cleansing oil\u003c\/h3\u003e\n\u003cp class=\"oasis-product-subtitle\"\u003eTo remove make-up and sunscreen without rubbing\u003c\/p\u003e\n\u003cul class=\"oasis-product-bullets\"\u003e\n\u003cli\u003e\n\u003cspan class=\"oasis-mark-glow\"\u003eHe treats everything kindly\u003c\/span\u003e Even the fat that clogs the pores.\u003c\/li\u003e\n\u003cli\u003eVery light, like water. \u003cspan class=\"oasis-hl-sand\"\u003eIt does not clog pores or cause pimples\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\"\u003eStep 2\u003c\/span\u003e \u003cspan class=\"oasis-product-size\"\u003e20 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eCentella foaming cleanser\u003c\/h3\u003e\n\u003cp class=\"oasis-product-subtitle\"\u003eDeep cleaning that respects your skin\u003c\/p\u003e\n\u003cul class=\"oasis-product-bullets\"\u003e\n\u003cli\u003eIts foam is very soft \u003cspan class=\"oasis-mark-glow\"\u003eIt never dries the face\u003c\/span\u003e After washing.\u003c\/li\u003e\n\u003cli\u003eIt maintains the balance of the skin so that it does not secrete excess fat.\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\"\u003eStep 3\u003c\/span\u003e \u003cspan class=\"oasis-product-size\"\u003e30 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eGentle exfoliating toner\u003c\/h3\u003e\n\u003cp class=\"oasis-product-subtitle\"\u003eSoftness and uniformity of color without irritation\u003c\/p\u003e\n\u003cul class=\"oasis-product-bullets\"\u003e\n\u003cli\u003eIt exfoliates dead cells \u003cspan class=\"oasis-mark-glow\"\u003eVery, very gently\u003c\/span\u003e With PHA acids.\u003c\/li\u003e\n\u003cli\u003eIt prepares the skin for \u003cspan class=\"oasis-hl-sand\"\u003eYou drink the serum more effectively\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;\"\u003eMagic product\u003c\/span\u003e \u003cspan class=\"oasis-product-size\"\u003e30 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003ePure centella ampoule\u003c\/h3\u003e\n\u003cp class=\"oasis-product-subtitle\"\u003e\u003cspan class=\"oasis-hl-sand\"\u003e100% raw Centella extract with high concentration\u003c\/span\u003e\u003c\/p\u003e\n\u003cul class=\"oasis-product-bullets\"\u003e\n\u003cli\u003e\n\u003cspan class=\"oasis-hl-gold\"\u003eIt soothes any redness or inflamed acne\u003c\/span\u003e In record time!\u003c\/li\u003e\n\u003cli\u003eRepairs damaged skin barrier\u003cspan class=\"oasis-mark-glow\"\u003eIt treats the effects of stubborn pimples\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\"\u003eStep 5\u003c\/span\u003e \u003cspan class=\"oasis-product-size\"\u003e30 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eSoothing gel cream\u003c\/h3\u003e\n\u003cp class=\"oasis-product-subtitle\"\u003eIt locks in moisture and protects the skin all day long\u003c\/p\u003e\n\u003cul class=\"oasis-product-bullets\"\u003e\n\u003cli\u003eLight gel texture, \u003cspan class=\"oasis-mark-glow\"\u003eThe skin absorbs it immediately and it does not stick at all\u003c\/span\u003e.\u003c\/li\u003e\n\u003cli\u003eIt contains ceramides because \u003cspan class=\"oasis-hl-sand\"\u003eStrengthens the protection shield\u003c\/span\u003e Of your skin.\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\"\u003eHow do you use this group? (daily routine)\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.15rem; font-weight: 800; color: var(--sand-bright); margin-bottom: 25px;\"\u003eVery simple steps that will not take a few minutes of your time!\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\"\u003eMorning routine (quick and light)\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\"\u003eAmpoule Foam:\u003c\/strong\u003e Wash your face with foaming cleanser (you can suffice with just a little water if your skin is dry).\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 Apply some toner to freshen up.\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 Ampoule:\u003c\/strong\u003e Two or three drops will soothe your skin and protect it throughout the day.\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\"\u003eSoothing Cream:\u003c\/strong\u003e Apply the gel cream to moisturize your skin.\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\"\u003eNight routine (for deep cleansing and repair)\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\"\u003eCleansing Oil:\u003c\/strong\u003e Massage it on dry skin to remove makeup, then wash it.\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\"\u003eAmpoule Foam:\u003c\/strong\u003e Wash your face to make sure that the pores are completely clean.\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 Wipe your mouth with it for gentle exfoliation.\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 Ampoule:\u003c\/strong\u003e It's time for restoration! Put it on and let it work while you sleep.\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\"\u003eSoothing Cream:\u003c\/strong\u003e Close your routine with it to lock in hydration all night long.\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;\"\u003eYour smartest chance to experience the full Korean routine\u003c\/h2\u003e\n\u003cdiv class=\"oasis-media-wrapper\" style=\"margin: 25px auto; max-width: 780px;\"\u003e\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\u003c\/div\u003e\n\u003cp style=\"font-size: 1.25rem; color: #ffffff; font-weight: bold; max-width: 800px; margin: 0 auto 15px; line-height: 1.85;\"\u003eInstead of buying one product at an expensive price and not knowing if it will suit your skin or not, this set is available for you \u003cspan class=\"oasis-hl-sand\"\u003e5 complete products in excellent sizes for trial and travel\u003c\/span\u003e!\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);\"\u003eInvest in your skin and experience true purity.\u003c\/p\u003e\n\u003cbutton class=\"oasis-cta-btn\" type=\"button\"\u003e Order the SKIN1004 Centella Travel Kit now \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener(\"DOMContentLoaded\", function() {\n \n var reveals = document.querySelectorAll('.oasis-reveal');\n var revealObserver = new IntersectionObserver(function(entries, observer) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('oasis-active');\n observer.unobserve(entry.target); \n }\n });\n }, {\n threshold: 0.08,\n rootMargin: \"0px 0px -40px 0px\"\n });\n\n reveals.forEach(function(el) {\n revealObserver.observe(el);\n });\n\n \n });\n \u003c\/script\u003e\n\u003c\/div\u003e\n\u003cp\u003e```eof\u003c\/p\u003e","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":46999396581550,"sku":null,"price":35.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Centella_Skincare_Routine_Set_8f245ba5-0089-43ff-8981-4790aa8b84f8.webp?v=1788175360"},{"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\"\u003eThe 14-day miracle: complete elimination of spots\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\u003eThis is not an ordinary cream, this is the most powerful miracle designed by SOME BY MI to say goodbye to spots and acne in less than two weeks.\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\"\u003eMain uses\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\"\u003eEliminate pimples and pimples\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eContains \u003cspan class=\"ingredient-highlight\"\u003eNiacinamide and Salicylic Acid (500 ppm)\u003c\/span\u003e To eliminate the bacteria that cause pimples.\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 Soothing redness and skin irritation for sensitive skin\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003ePowered by \u003cspan class=\"ingredient-highlight\"\u003eCentella asiatica extract (250,000 ppm), panthenol and allantoin\u003c\/span\u003e To soothe irritation and redness.\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\"\u003eScrub for pimples and pits \u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eIt works \u003cspan class=\"ingredient-highlight\"\u003eSalicylic acid (500 ppm) and lactobionic acid (300 ppm)\u003c\/span\u003e Gently exfoliates the skin. Which reduces scars, pimple effects, and pigmentation\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\"\u003eAdvanced treatment for the most difficult pigmentations\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e\u003cspan class=\"ingredient-highlight\"\u003eNiacinamide and hydroxy acids\u003c\/span\u003e Effectively lightens dark spots and unifies skin tone.\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 Deep and intense hydration\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eContains \u003cspan class=\"ingredient-highlight\"\u003eGlycerin, hyaluronic acid and sodium hyaluronate\u003c\/span\u003e For deep hydration.\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\"\u003eAntioxidant protection\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eReinforced with \u003cspan class=\"ingredient-highlight\"\u003eCentella asiatica extract, madecassoside and asiaticoside\u003c\/span\u003e To protect the skin from damage.\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\"\u003eCell regeneration and anti-aging\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e\u003cspan class=\"ingredient-highlight\"\u003eNiacinamide and adenosine\u003c\/span\u003e They stimulate skin cell regeneration and reduce signs of aging.\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\"\u003eNatural deep cleaning\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e\u003cspan class=\"ingredient-highlight\"\u003eTea tree leaf water (500,000 ppm)\u003c\/span\u003e It deeply cleanses and purifies the skin naturally.\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\"\u003eWhat is Truecica™? The secret to super soothing\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;\"\u003eAn exclusive formula that soothes and strengthens the skin barrier\u003c\/h3\u003e\n\u003cp style=\"margin-bottom: 20px;\"\u003eTruecica™ is not just an ingredient, it is a combination of:\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003ePure Asian Centella Extract\u003c\/li\u003e\n\u003cli\u003eMadecassoside concentrate\u003c\/li\u003e\n\u003cli\u003eTea Tree Extract\u003c\/li\u003e\n\u003cli\u003eHorse Lettuce (Mugwort) Extract\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp style=\"background: #f8f9fa; padding: 15px; border-radius: 10px; margin-top: 20px;\"\u003eThis combination soothes inflammation and strengthens the skin barrier from the first use, reducing redness and protecting your skin from 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\"\u003eTriple action peeling: AHA BHA PHA\u003c\/h2\u003e\n\u003ch3 class=\"section-subtitle animate-on-scroll\"\u003eGood luck trying to see your skin pores after using the cream\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\u003eIt gently exfoliates the surface layer and reduces fine lines.\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\u003eIt penetrates deep into the pores, removes oils and prevents the accumulation of dirt.\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\u003eGently exfoliates, moisturizes and revitalizes the skin with a healthy radiance. Together, they offer you continuous smart exfoliation that leaves your skin clean and your stomach receiving nourishment.\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\"\u003eVisible Results Timeline: New skin in 14 days\u003c\/h2\u003e\n\u003ch3 class=\"section-subtitle animate-on-scroll\"\u003e– Time shift step by step –\u003c\/h3\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n\u003cdiv class=\"timeline-day\"\u003eDay 1:\u003c\/div\u003e\n\u003cp\u003eInstantly soothes the spot, reduces redness, and feels a comfortable sensation on the skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n\u003cdiv class=\"timeline-day\"\u003eDay 3:\u003c\/div\u003e\n\u003cp\u003eYou notice a slight opening of the edges of the spot and the disappearance of some swelling.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n\u003cdiv class=\"timeline-day\"\u003eEnd of the first week:\u003c\/div\u003e\n\u003cp\u003eThe difference remains clear, skin color begins to become unified and dark spots significantly reduce.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n\u003cdiv class=\"timeline-day\"\u003eDay 10:\u003c\/div\u003e\n\u003cp\u003ePrepare to say goodbye to most blemish marks; The skin will be clear and closer to a natural, uniform color.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n\u003cdiv class=\"timeline-day\"\u003eDay fourteen:\u003c\/div\u003e\n\u003cp\u003eThe miracle triumphed; Your spots almost disappear and your skin completely regains its freshness and vitality.\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;\"\u003eLight transparent gel texture\u003c\/h2\u003e\n\u003ch3 style=\"font-size: 1.3em; color: #666; margin-bottom: 30px;\"\u003eInstant absorption without any greasy effect\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\u003eLight texture that glides on the skin\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\"\u003eImmediate absorption\u003c\/h3\u003e\n\u003cp\u003eDisappears instantly without stickiness\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\"\u003eWithout a trace\u003c\/h3\u003e\n\u003cp\u003eNo white or greasy layer\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\"\u003eOne of the best investments for your skin health\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\"\u003eQuick miracle\u003c\/h3\u003e\n\u003cp\u003eSay goodbye to stains in just 14 days.\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\"\u003eSuitable for sensitive skin\u003c\/h3\u003e\n\u003cp\u003eSubjected to 20 no-adhesion tests.\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\"\u003eFree of 20 harmful substances\u003c\/h3\u003e\n\u003cp\u003eNo parabens, no artificial fragrances, and no colours.\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\"\u003ePerfect combination\u003c\/h3\u003e\n\u003cp\u003eTruecica™ + Panthenol + AHA·BHA·PHA = maximum effectiveness and comfort.\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\"\u003eA true miracle in just 14 days\u003c\/h2\u003e\n\u003cp class=\"animate-on-scroll\" style=\"font-size: 1.2em; margin-top: 20px;\"\u003eStart the miracle of change today with \u003cstrong style=\"color: white;\"\u003eSOME BY MI 14 Days Super Miracle Spot All Kill Cream\u003c\/strong\u003e And let your skin get closer to perfection in just 14 days!\u003c\/p\u003e\n\u003cbutton class=\"cta-button animate-on-scroll\"\u003eBuy now\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":46999396876462,"sku":null,"price":18.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Untitled_design_-_2025-04-28T201324.540.jpg?v=1788175359"},{"product_id":"anua-peach-70-niacinamide-serum","title":"Anua Serum with 70% peach and niacinamide to lighten the skin, unify color and fight pigmentation, 30 ml","description":"\u003cdiv class=\"anua-txa-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n \/* Styles *\/\n .anua-txa-wrapper {\n --atxa-bg-dark: #0f0508; \/* Styles *\/\n --atxa-bg-card: rgba(25, 10, 15, 0.6); \/* Styles *\/\n --atxa-rose-gold: #e29587; \/* Styles *\/\n --atxa-peach-glow: #fca38d; \/* Styles *\/\n --atxa-pink-light: #fad6d0; \/* Styles *\/\n --atxa-glow: rgba(226, 149, 135, 0.25);\n --atxa-text-main: #fdfaf9;\n --atxa-text-muted: #d4b5b0;\n --atxa-border: rgba(226, 149, 135, 0.2);\n --atxa-border-hover: rgba(252, 163, 141, 0.5);\n \n background-color: var(--atxa-bg-dark);\n color: var(--atxa-text-main);\n font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.7;\n overflow: hidden;\n position: relative;\n padding: 30px 0;\n border-radius: 16px;\n box-shadow: 0 0 60px rgba(226, 149, 135, 0.05) inset;\n }\n\n .anua-txa-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .anua-txa-wrapper img {\n max-width: 100%;\n height: auto;\n border-radius: 16px;\n display: block;\n margin-left: auto;\n margin-right: auto;\n box-shadow: 0 15px 40px rgba(0,0,0,0.6);\n }\n\n .atxa-container {\n max-width: 850px;\n margin: 0 auto;\n padding: 0 20px;\n position: relative;\n z-index: 2;\n }\n\n \/* Styles *\/\n .atxa-ambient-particles {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n pointer-events: none;\n overflow: hidden;\n }\n\n .atxa-particle {\n position: absolute;\n background: radial-gradient(circle, var(--atxa-glow) 0%, transparent 70%);\n border-radius: 50%;\n bottom: -100px;\n animation: floatUpPeach 14s infinite ease-in-out;\n filter: blur(6px);\n }\n\n @keyframes floatUpPeach {\n 0% { transform: translateY(0) scale(0.8) translateX(0); opacity: 0; }\n 20% { opacity: 0.6; }\n 80% { opacity: 0.3; }\n 100% { transform: translateY(-1600px) scale(1.5) translateX(40px); opacity: 0; }\n }\n\n \/* Styles *\/\n .atxa-title-glow {\n display: block;\n width: 100%;\n font-size: clamp(24px, 4.5vw, 36px);\n font-weight: 900;\n text-align: center;\n margin-bottom: 25px;\n line-height: 1.5;\n background: linear-gradient(135deg, #ffffff 0%, var(--atxa-peach-glow) 60%, var(--atxa-rose-gold) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n text-shadow: 0 0 30px var(--atxa-glow);\n }\n\n .atxa-section-title {\n display: block;\n width: 100%;\n font-size: clamp(22px, 4vw, 28px);\n font-weight: 800;\n color: var(--atxa-peach-glow);\n text-align: center;\n margin: 60px auto 30px;\n position: relative;\n line-height: 1.5;\n }\n\n .atxa-section-title::after {\n content: '';\n position: absolute;\n bottom: -12px;\n left: 50%;\n transform: translateX(-50%);\n width: clamp(80px, 30%, 150px);\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--atxa-rose-gold), transparent);\n border-radius: 10px;\n }\n\n \/* Styles *\/\n .atxa-hero {\n text-align: center;\n padding: 20px 0 40px;\n position: relative;\n }\n\n .atxa-badge {\n display: inline-block;\n background: rgba(226, 149, 135, 0.15);\n border: 1px solid var(--atxa-rose-gold);\n color: var(--atxa-peach-glow);\n padding: 8px 25px;\n border-radius: 30px;\n font-size: 0.95rem;\n font-weight: bold;\n margin-bottom: 25px;\n box-shadow: 0 0 20px var(--atxa-glow);\n }\n \n .atxa-hero-subtitle {\n font-size: 1.15rem;\n color: var(--atxa-text-muted);\n max-width: 750px;\n margin: 0 auto 30px;\n font-weight: 500;\n line-height: 1.8;\n }\n\n \/* Styles *\/\n .atxa-glass-box {\n background: var(--atxa-bg-card);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n border: 1px solid var(--atxa-border);\n border-radius: 20px;\n padding: 30px;\n margin: 40px auto;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6);\n position: relative;\n overflow: hidden;\n max-width: 800px;\n }\n\n .atxa-glass-box::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 4px;\n height: 100%;\n background: linear-gradient(180deg, var(--atxa-peach-glow), transparent);\n }\n\n \/* Styles *\/\n .atxa-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 30px 0;\n }\n\n .atxa-card {\n background: linear-gradient(145deg, rgba(25, 10, 15, 0.7), rgba(15, 5, 8, 0.9));\n border: 1px solid var(--atxa-border);\n border-radius: 16px;\n padding: 25px;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n\n .atxa-card:hover {\n transform: translateY(-8px);\n border-color: var(--atxa-peach-glow);\n box-shadow: 0 10px 30px var(--atxa-glow);\n background: rgba(35, 15, 20, 0.8);\n }\n\n .atxa-icon {\n width: 55px;\n height: 55px;\n background: rgba(226, 149, 135, 0.1);\n border: 1px solid rgba(252, 163, 141, 0.3);\n border-radius: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 20px;\n color: var(--atxa-peach-glow);\n transition: transform 0.3s ease;\n }\n \n .atxa-card:hover .atxa-icon {\n transform: scale(1.1) rotate(-5deg);\n background: linear-gradient(135deg, var(--atxa-rose-gold), var(--atxa-peach-glow));\n color: #111;\n border-color: transparent;\n }\n\n .atxa-card h3 {\n font-size: 1.15rem;\n color: #fff;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n\n .atxa-card p {\n color: var(--atxa-text-muted);\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* === 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 \/* Styles *\/\n .atxa-table-container {\n overflow-x: auto;\n margin: 30px 0;\n border-radius: 16px;\n border: 1px solid var(--atxa-border);\n box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n background: rgba(15, 5, 8, 0.6);\n }\n\n .atxa-table {\n width: 100%;\n border-collapse: collapse;\n text-align: left;\n min-width: 600px;\n }\n\n .atxa-table th, .atxa-table td {\n padding: 15px 20px;\n border-bottom: 1px solid rgba(255,255,255,0.05);\n }\n\n .atxa-table th {\n background: rgba(226, 149, 135, 0.1);\n color: var(--atxa-pink-light);\n font-weight: 800;\n font-size: 1.1rem;\n }\n\n .atxa-table td strong {\n color: var(--atxa-text-main);\n }\n\n .atxa-table tr:hover {\n background: rgba(226, 149, 135, 0.05);\n }\n \n .atxa-table tr:last-child td {\n border-bottom: none;\n }\n\n \/* Styles *\/\n .atxa-timeline-list {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 15px;\n }\n\n .atxa-timeline-item {\n display: flex;\n align-items: center;\n gap: 20px;\n background: rgba(255,255,255,0.02);\n border: 1px dashed var(--atxa-border);\n padding: 20px;\n border-radius: 12px;\n border-right: 4px solid var(--atxa-rose-gold);\n transition: all 0.3s ease;\n }\n\n .atxa-timeline-item:hover {\n background: rgba(226, 149, 135, 0.05);\n border-color: var(--atxa-peach-glow);\n }\n\n .atxa-phase-badge {\n background: var(--atxa-bg-card);\n border: 1px solid var(--atxa-rose-gold);\n color: var(--atxa-peach-glow);\n padding: 8px 15px;\n border-radius: 8px;\n font-weight: bold;\n min-width: 120px;\n text-align: center;\n }\n\n \/* Styles *\/\n .atxa-reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .atxa-reveal.atxa-active {\n opacity: 1;\n transform: translateY(0);\n }\n\n .atxa-delay-1 { transition-delay: 0.1s; }\n .atxa-delay-2 { transition-delay: 0.2s; }\n\n @media (max-width: 768px) {\n .atxa-hero { padding: 10px 0 20px; }\n .atxa-timeline-item { flex-direction: column; text-align: center; }\n .atxa-phase-badge { margin-bottom: 10px; width: 100%; }\n }\n \u003c\/style\u003e\n\n\u003cdiv class=\"atxa-ambient-particles\" id=\"atxa-particles\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"atxa-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"atxa-hero atxa-reveal atxa-active\"\u003e\n\u003cdiv class=\"atxa-badge\"\u003eThe Korean equation for glass skin\u003c\/div\u003e\n\u003ch1 class=\"atxa-title-glow\"\u003e“They deceived you and said that all niacinamides are the same!”\u003c\/h1\u003e\n\u003cp class=\"atxa-hero-subtitle\"\u003e\n In a world where the promises are the same, the results are radically different. Today you face a fateful choice: continue using regular products that give you superficial results, or make a decision that will change the fate of your skin forever.\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\"\u003eYour skin is dull...and people notice!\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 Have you noticed that your skin loses its freshness year after year? Over time, dark spots increase, pores expand, and the skin becomes rough and matte. \u003cstrong\u003eBut the most important question: What did you decide to do about it?\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 The secret that major beauty companies are hiding\n \u003c\/p\u003e\n\u003cp style=\"color: var(--atxa-text-muted);\"\u003e\n Most serums promise fantastic results, but use poor concentrations of active ingredients to keep the cost down. \u003cstrong\u003eBut Anua broke all the rules.\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%: The scientific formula for glassy, radiant skin\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 Anua scientists spent 3 years developing this perfect formula that will transform your skin from dull and tired to radiant and radiant. \u003cstrong\u003eAs if it were carved from light\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\"\u003eHow does it work? (The science behind freshness)\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);\"\u003ePeach strength 70% concentration\u003c\/h3\u003e\n\u003cp\u003eIt's not just a fruit...it's a whole plant of vitamins and acids. Peach extract \u003cstrong\u003ePenetrates 7 layers of skin cells\u003c\/strong\u003e To reach the deep layers and treat them from the inside out.\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);\"\u003eNiacinamide 5% (Miracle)\u003c\/h3\u003e\n\u003cp\u003eNiacinamide is a game-changing ingredient in the world of skin care. \u003cstrong\u003eAt an ideal concentration of 5%\u003c\/strong\u003e, can:\u003c\/p\u003e\n\u003cul class=\"atxa-list\"\u003e\n\u003cli\u003eReduces the appearance of pores by \u003cspan class=\"atxa-highlight-num\"\u003e68%\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003eLightens dark spots in \u003cspan class=\"atxa-highlight-num\"\u003e14\u003c\/span\u003e One day\u003c\/li\u003e\n\u003cli\u003eRegulates sebum secretion and prevents shine\u003c\/li\u003e\n\u003cli\u003eBuilds and strengthens the skin's natural barrier\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-card atxa-reveal atxa-delay-2\"\u003e\n\u003cdiv class=\"atxa-icon\"\u003e\n\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"28\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 8v8\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 12h8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"color: var(--atxa-peach-glow);\"\u003eTriple hyaluronic\u003c\/h3\u003e\n\u003cp\u003eNot one type...but \u003cstrong\u003e3 different types\u003c\/strong\u003e With various molecular weights to reach all layers of the skin:\u003c\/p\u003e\n\u003cul class=\"atxa-list\"\u003e\n\u003cli\u003eSurface: instantly moisturizes\u003c\/li\u003e\n\u003cli\u003eMiddle: traps water inside\u003c\/li\u003e\n\u003cli\u003eDeep: Increases the level of hydration from the roots\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-peach and yoghurt complex\u003c\/h3\u003e\n\u003cp\u003eFor the first time in the world, peach extract has been combined with beneficial yogurt bacteria in a unique biotechnology. The result? \u003cstrong\u003eA compound that eliminates dead cells\u003c\/strong\u003e Gently and without 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\"\u003eThe scientific miracle they are hiding from you\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 Everyone will ask you: \u003cstrong\u003e“What are you doing to your skin?”\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp style=\"color: var(--atxa-text-muted); line-height: 1.8;\"\u003e\n The secret lies in the “smart breakthrough” technology that distinguishes this serum. The ingredients are encapsulated in micro-particles (nano technology) to deliver active ingredients to the areas where they are needed deep down, and not just stay on the surface like regular products.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Timeline Results --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eYour skin transformation journey with 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\"\u003eAfter the first use\u003c\/div\u003e\n\u003cdiv\u003eInstant shine and noticeable softness, as if you had an expensive mask session in a beauty clinic.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"atxa-timeline-item\"\u003e\n\u003cdiv class=\"atxa-phase-badge\"\u003eAfter 3 days\u003c\/div\u003e\n\u003cdiv\u003eA clear shrinkage in pore size, and a noticeable beginning to unify skin tone and reduce redness.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"atxa-timeline-item\"\u003e\n\u003cdiv class=\"atxa-phase-badge\"\u003eAfter a week\u003c\/div\u003e\n\u003cdiv\u003eRoughness and tired texture disappear, leaving the skin 40% smoother and ready for perfect makeup.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"atxa-timeline-item\"\u003e\n\u003cdiv class=\"atxa-phase-badge\"\u003eAfter two weeks\u003c\/div\u003e\n\u003cdiv\u003eNoticeably lightens dark spots, and gives a renewed radiance as if your skin has gone back 5 years.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"atxa-timeline-item\"\u003e\n\u003cdiv class=\"atxa-phase-badge\"\u003eAfter a month\u003c\/div\u003e\n\u003cdiv\u003eCOMPLETE TRANSFORMATION - Glass clear, clear, glowing skin even without a single drop of makeup.\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\"\u003eIn a world full of products... why 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;\"\u003eScientifically proven formula\u003c\/h3\u003e\n\u003cp\u003eRigorous clinical tests have proven amazing results on hundreds of volunteers around the world.\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;\"\u003eHigh concentration power\u003c\/h3\u003e\n\u003cp\u003eDelivers 3x higher concentrations of active ingredients than conventional competitors.\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;\"\u003eSafe for all skin types\u003c\/h3\u003e\n\u003cp\u003eDesigned to be gentle even on sensitive, combination and oily skin without causing any 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\"\u003eDoes it suit your skin type?\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\u003eSkin type\u003c\/th\u003e\n\u003cth\u003eThe basic problem\u003c\/th\u003e\n\u003cth style=\"background: rgba(252, 163, 141, 0.15); color: #fff;\"\u003eWhat will Anua offer her?\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eAlways exhausting\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eDull and lacks radiance\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eAwakens the cells and gives instant radiance and glow.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eVery sensitive\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eIrritation and redness from any product\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eImmediately soothes inflammation and strengthens the protective barrier\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eShiny oily\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eEnlarged Pores and annoying shine\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eControls sebum and reduces pore size effectively 68%\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eadvanced age\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eFine lines and pigmentation\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eLightens dark spots and improves skin elasticity\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eMixed (confusing)\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eDry in some areas and oily in others\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eIntelligently balances the skin and deeply moisturizes without stickiness\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“Every investment has a return... investing in your skin has the highest return.”\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 Don't treat your skin as your last priority, it is the first thing people see in you.\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% - Because your skin deserves the best. Order it now!\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":46999397728430,"sku":null,"price":22.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Peach70NiacinSerum_30ml_AMZ_2000x2000_thumb_fa77cea2-3e78-4653-a242-b5ef3c8f4cb3.webp?v=1788175356"},{"product_id":"anua-heartleaf-70-intense-calming-cream-50ml","title":"ANUA Advanced and soothing cream for sensitive skin with 70% heartleaf extract and ceramides 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\"Imagine Korea... a country that doesn't know what 'sensitive skin' means!\"\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e\u003cstrong\u003eKorean scientists discovered a natural plant that grows in the shape of a heart, and they extracted it at a concentration of 70%, which was the magic solution for inflamed skin. The secret has finally reached Egypt\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\"\u003eExperts say that 80% of skin problems are caused by a weak protective barrier\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eDoes your skin turn red for any reason? Do you feel a burning and stinging sensation with every product you try? Does cold weather cause dryness and peeling? \u003cstrong\u003eHow long will you bear this pain?\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“All soothing creams are the same... and this is the biggest lie in the world of skin care.”\u003c\/h3\u003e\n\u003cp\u003eMost soothing creams rely on chemical ingredients that treat the symptoms and eliminate the main cause. \u003cstrong\u003eANUA chose a completely different path.\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%: The bodyguard of your sensitive skin\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eAnua scientists used a unique technology to extract heartleaf extract from private farms in Korea at a concentration of 70%. \u003cstrong\u003eThe highest percentage in the world.\u003c\/strong\u003e The result? The cream not only soothes the skin...it reprograms the way it deals with external irritants.\u003c\/p\u003e\n\u003cdiv class=\"section-header secondary-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eThe secret of Korean skin that never irritates!\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\"\u003eThe wonder of Hartliffe\u003c\/h3\u003e\n\u003cp\u003eHeartleaf (heart-shaped) is not just an ordinary ingredient...this \u003cstrong\u003eIntegrated protection system\u003c\/strong\u003e. It contains powerful natural anti-inflammatory agents that stop redness and irritation immediately, and correct the disturbed skin 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\"\u003eConcentrated protection ceramides\u003c\/h3\u003e\n\u003cp\u003eCeramide is not a cream... this is it \u003cstrong\u003eSkin barrier building bricks\u003c\/strong\u003e Condom. When you lose ceramides, moisture leaks and pollutants occur. Anua cream is rich in ceramides, which rebuild the protective barrier and completely prevent future infections.\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) miracle\u003c\/h3\u003e\n\u003cp\u003ePanthenol is a magical ingredient that penetrates deep into the skin and does two important things:\u003c\/p\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eIt accelerates the healing of damaged cells by a percentage \u003cspan class=\"counter\" data-target=\"34\"\u003e0\u003c\/span\u003e%\u003c\/li\u003e\n\u003cli\u003eIt forms a backup shield against future irritations\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\"\u003eThe “three layers” theory of absolute protection\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\u003eClass\u003c\/th\u003e\n\u003cth\u003eThe role of Anua cream\u003c\/th\u003e\n\u003cth\u003eOther creams\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr class=\"table-row\"\u003e\n\u003ctd\u003e\u003cstrong\u003eouter layer\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eIt instantly soothes and stops redness\u003c\/td\u003e\n\u003ctd\u003eThey only treat the symptoms\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"table-row\"\u003e\n\u003ctd\u003e\u003cstrong\u003eMiddle class\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eIt deeply moisturizes and prevents water loss\u003c\/td\u003e\n\u003ctd\u003eThey moisten the surface temporarily\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"table-row\"\u003e\n\u003ctd\u003e\u003cstrong\u003eInner layer\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eIt repairs cells and strengthens the skin's immunity\u003c\/td\u003e\n\u003ctd\u003eThey don't reach this class at all\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“Patience is beautiful...but you don’t have to wait long.”\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eVisible Results Timeline when using the cream\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\u003eFrom the first use\u003c\/h3\u003e\n\u003cp\u003eInstant relief, less redness and less clogged pores\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\u003eAfter 3 days\u003c\/h3\u003e\n\u003cp\u003eIrritation disappears and normal skin color returns\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\u003eAfter a week\u003c\/h3\u003e\n\u003cp\u003eSkin is more resistant to irritants and less sensitive to other products\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\u003eAfter two weeks\u003c\/h3\u003e\n\u003cp\u003eThe skin's ability to protect itself doubles\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\u003eAfter a month\u003c\/h3\u003e\n\u003cp\u003eComplete transformation - balanced, strong skin that is not affected by external factors\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\"\u003eThis is not just a cream... it is a rescue system for tired skin\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\u003eThe end of redness and irritation starts here!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp\u003eAnua Heartleaf Cream is specially designed for skin that is tired of everything. Whether your skin:\u003c\/p\u003e\n\u003cdiv class=\"skin-types-container\"\u003e\n\u003cdiv class=\"skin-type-box\"\u003e\n\u003ch3\u003eSensitive and gets red from anything\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-box\"\u003e\n\u003ch3\u003eDry and peels with the weather\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-box\"\u003e\n\u003ch3\u003eGreasy, shiny and irritated\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-box\"\u003e\n\u003ch3\u003eMixed and confused\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\"\u003eFeatures that you will not find in any other product:\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\u003eNon-greasy texture\u003c\/h3\u003e\n\u003cp\u003eIt absorbs immediately without leaving any greasy or shiny residue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch3\u003eOdorless\u003c\/h3\u003e\n\u003cp\u003eFree from synthetic fragrance skin irritation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch3\u003eOriginal Korean formula\u003c\/h3\u003e\n\u003cp\u003eExtracted from private farms in Korea\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch3\u003eCompatible with all skin types\u003c\/h3\u003e\n\u003cp\u003eSensitive to oily\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\"\u003eYour skin doesn't need to endure pain too... \u003c\/h2\u003e\n\u003cp class=\"cta-subheading\"\u003eSoothed skin = more confidence = better life\u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003eStart today... Anua Heartliffe Cream will be the greatest decision you make for your skin.\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eOrder now\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":46999398056110,"sku":null,"price":19.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/anua_heartleaf_intense_calming_cream_1_c872893b-0208-4adc-a65f-3d6a637186e1.jpg?v=1788175354"},{"product_id":"beauty-of-joseon-glow-deep-serum","title":"Beauty of Joseon Deep Glow Serum with Rice and Alpha-Arbutin to brighten the skin.","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: When ancestral heritage meets future science\u003c\/h1\u003e\n\u003cp class=\"hero-description\"\u003eAt the heart of this miracle serum, the beauty secret of Korean empresses (\u003cstrong\u003e68% rice bran water\u003c\/strong\u003e(With the most powerful modern scientific ingredient to lighten the skin)\u003cstrong\u003e2% alpha arbutin\u003c\/strong\u003e).\u003c\/p\u003e\n\u003cp class=\"hero-conclusion\"\u003e\u003cstrong\u003eThe result? A real revolution\u003c\/strong\u003e In the world of skin lightening and unifying skin color in a safe, effective, and fast way.\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\"\u003eAn ancient Korean treasure with modern technology\u003c\/h2\u003e\n\u003cp\u003eFrom the era of the ancient Korean Joseon dynasty, we have come to know the beauty secret of Korean empresses who used rice bran water as “beauty water” for radiant, flawless skin.\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 from Beauty of Gossion: the science of skin lightening in its purest form\u003c\/h2\u003e\n\u003cp\u003eThis serum combines the power of hundreds of years of Korean heritage with the latest discoveries in skin care science in a unique formula that contains:\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\"\u003eUltra-Powerful \u0026amp; Effective Ingredients:\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\"\u003eConcentrated rice bran water \u003cspan class=\"counter\" data-target=\"68\"\u003e0\u003c\/span\u003e%\u003c\/h3\u003e\n\u003cp\u003eNot just an ordinary moisturizing ingredient...but a nutritional treasure for the skin:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eRich in essential amino acids to build new cells\u003c\/li\u003e\n\u003cli\u003eFull of minerals that stimulate blood circulation and create a natural glow\u003c\/li\u003e\n\u003cli\u003eIt contains natural enzymes that gently exfoliate the skin and renew its cells\u003c\/li\u003e\n\u003cli\u003eHistorically known for its ability to lighten and unify skin tone in a safe way\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\"\u003eAlpha-Arbutin concentration \u003cspan class=\"counter\" data-target=\"2\"\u003e0\u003c\/span\u003e% (scientifically ideal percentage)\u003c\/h3\u003e\n\u003cp\u003eAdvanced Japanese ingredient that outperforms all traditional skin lighteners:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eStronger with \u003cspan class=\"counter\" data-target=\"10\"\u003e0\u003c\/span\u003e times the beta-arbutin used in most products\u003c\/li\u003e\n\u003cli\u003eIt safely inhibits the tyrosinase enzyme responsible for melanin production\u003c\/li\u003e\n\u003cli\u003eIt targets dark spots at their roots without irritating the skin\u003c\/li\u003e\n\u003cli\u003ePrevents the appearance of new pigmentation with regular use\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\"\u003eUnique features make it number one in skin lightening:\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\"\u003eLight, fast-absorbing formula\u003c\/h3\u003e\n\u003cp\u003eUnlike greasy and heavy lightening products, Glow Deep Serum:\u003c\/p\u003e\n\u003cul class=\"check-list\"\u003e\n\u003cli\u003eIt penetrates into the deep layers of the skin immediately\u003c\/li\u003e\n\u003cli\u003eIt does not leave any traces of greasyness or shine\u003c\/li\u003e\n\u003cli\u003eIdeal for All Skin Types (even oily and combination)\u003c\/li\u003e\n\u003cli\u003eIt can be used directly before makeup without problems\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\"\u003eScientifically proven results\u003c\/h3\u003e\n\u003cul class=\"check-list\"\u003e\n\u003cli\u003eLighten dark spots by up to \u003cspan class=\"counter\" data-target=\"43\"\u003e0\u003c\/span\u003e% within 4 weeks\u003c\/li\u003e\n\u003cli\u003eUnify skin tone and reduce color differences\u003c\/li\u003e\n\u003cli\u003eIncrease skin radiance and freshness\u003c\/li\u003e\n\u003cli\u003eImproving overall skin health and the strength of its protective barrier\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\"\u003eTransformation journey with 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\u003estage\u003c\/th\u003e\n\u003cth\u003eExpected result\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\u003eThe first week\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003eDeep hydration, noticeable softness, initial radiance\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"timeline-row\"\u003e\n\u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eThe second week\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003eThe beginning of lightening of old spots, gradual unification of color\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"timeline-row\"\u003e\n\u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eFourth week\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003eVisible improvement in spots and tone, healthier skin\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"timeline-row\"\u003e\n\u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eThe second month\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003eComplete transformation - radiant, even-toned and healthy skin\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"section usage-section\"\u003e\n\u003cdiv class=\"usage-image\"\u003e\n\u003cimg alt=\"How to Use\" class=\"full-width-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_4.webp?v=1747571949\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title accent-text\"\u003eIdeal how to use:\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\"\u003eApply 2-3 drops to clean, moisturized skin\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\"\u003eGently massage in circular motions from the center outwards\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\"\u003eUse it morning and evening for best results\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\"\u003eMake sure to use sunscreen during the day to maintain results\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“Your true skin radiance is there... but it needs the right key.”\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003eKorea's ancient history + advanced Japanese science = perfect, even-toned skin.\u003c\/p\u003e\n\u003cp class=\"cta-conclusion\"\u003eGlow Deep Serum from Beauty of Gossion - \u003cstrong\u003eBecause your skin deserves to shine with its natural, uniform color.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eOrder now\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 = 'Added to Cart!';\n setTimeout(() =\u003e {\n this.textContent = 'Order Now';\n }, 2000);\n });\n }\n}\n\u003c\/script\u003e\n\u003c\/div\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":46999398285486,"sku":null,"price":19.8,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/BeautyofjoseonGlowDeepSerumRice_Alpha-ArbutinBrighteningSerum_1.jpg?v=1788175353"},{"product_id":"beauty-of-joseon-revive-serum","title":"Beauty of Joseon Skin Revitalization Serum with ginseng and snail secretion for skin rejuvenation and elasticity.","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\"\u003eScience Proves: Ginseng + Snail Mucus = The Perfect Youth Equation\u003c\/h1\u003e\n\u003cp class=\"subtitle slide-up\"\u003eBeauty of Joseon Revive Serum: An advanced scientific formula that reprograms your skin cells\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Key Benefits Grid --\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eMain uses\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\u003eFading treatment\u003c\/h3\u003e\n\u003cp\u003eGinseng 63% stimulates blood circulation and restores the natural radiance of tired skin within two weeks.\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 types of ginsenosides protect the skin from free radicals, pollution and harmful rays.\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-wrinkle\u003c\/h3\u003e\n\u003cp\u003eSnail mucus 3% stimulates collagen production and reduces the appearance of fine lines \u0026amp; wrinkles.\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\u003eDeep moisturizer\u003c\/h3\u003e\n\u003cp\u003eNatural hyaluronic acid locks moisture into the skin for 12 hours straight.\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\u003eImproves skin texture\u003c\/h3\u003e\n\u003cp\u003eNatural proteins smooth skin texture and reduce the appearance of pores and roughness.\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\u003eSoothes redness\u003c\/h3\u003e\n\u003cp\u003eAllantoin in snail mucus reduces inflammation and irritation and soothes sensitive skin.\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% - engine of cellular regeneration\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\u003eActive Saponin: stimulates microcirculation by 40%\u003c\/li\u003e\n\u003cli\u003eGinsenosides: stimulate natural collagen production\u003c\/li\u003e\n\u003cli\u003ePowerful antioxidants: fight free radicals\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\u003ePurified Snail Mucus 3% - a miracle of repair and renewal\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\u003ePenetrates into the deep layers of the skin\u003c\/li\u003e\n\u003cli\u003eStimulates the production of new collagen\u003c\/li\u003e\n\u003cli\u003eRepairs damaged DNA\u003c\/li\u003e\n\u003cli\u003ePromotes cell turnover\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\"\u003eAuxiliary components: an integrated scientific 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 extract\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\u003eAsiatic acid\u003c\/h4\u003e\n\u003cp\u003eStimulates the production of collagen type 1 and 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\u003eA natural anti-inflammatory that instantly soothes redness\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\u003eAsiaticoside\u003c\/h4\u003e\n\u003cp\u003eAccelerates the healing of small wounds and irritations\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\"\u003eLaboratory-tested scientific results\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\u003eAfter one week\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\"\u003eInstant softness\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\"\u003eImproved radiance\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\"\u003eReduce redness\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\u003eFour weeks later\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\"\u003eImprove flexibility\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\"\u003eReduce wrinkles\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\"\u003eDeep hydration\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 Technologically advanced formula\u003c\/h2\u003e\n\u003cdiv class=\"technology-grid\"\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3\u003eInnovation in texture\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\u003eNanoparticles\u003c\/h4\u003e\n\u003cp\u003eEasily penetrates the skin\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 technology\u003c\/h4\u003e\n\u003cp\u003eFor active ingredients\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\u003eTemporary protection film\u003c\/h4\u003e\n\u003cp\u003eLocks moisture beneath the skin's surface\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\u003eFast absorption\u003c\/h4\u003e\n\u003cp\u003eWithout leaving any greasy residue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-timeline\"\u003e\n\u003ch3\u003eThe difference you feel\u003c\/h3\u003e\n\u003cdiv class=\"experience-steps\"\u003e\n\u003cdiv class=\"experience-step\" data-time=\"instant\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ Instant application\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eInstant silky spread\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-step\" data-time=\"1min\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ Within a minute\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eComplete absorption and comfortable feeling\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-step\" data-time=\"5min\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ After 5 minutes\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eVelvety softness and natural radiance\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-step\" data-time=\"allday\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ All day long\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eContinuous hydration and effective protection\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\"\u003eWhy choose Revive Serum? Scientific evidence doesn't lie\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\u003eScientifically calculated optimal concentration\u003c\/h3\u003e\n\u003cul class=\"proof-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e63% ginseng\u003c\/strong\u003e: Optimal concentration of effectiveness without irritation\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e3% snail mucus\u003c\/strong\u003e: The proven ratio for best results\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePerfect balance\u003c\/strong\u003e: Between strength and safety for daily use\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\u003eTested and certified\u003c\/h3\u003e\n\u003cul class=\"proof-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAllergy tests\u003c\/strong\u003e: Safe for sensitive skin\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEfficacy tests\u003c\/strong\u003eProven results in 28 days\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eQuality tests\u003c\/strong\u003e: Strict international standards\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\u003eUnique technology\u003c\/h3\u003e\n\u003cul class=\"proof-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eDoes not cause clogged pores\u003c\/strong\u003e: Dermatologically tested\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCompatible with all skin types\u003c\/strong\u003e: From dry to oily\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eWorks with other products\u003c\/strong\u003e: It does not interfere with your care routine\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\"\u003eInvest in science... invest in your skin\u003c\/h2\u003e\n\u003cp class=\"investment-tagline\"\u003eYou won't find another formula that combines the power of natural ginseng with the miracle of purified snail mucus in such perfect balance.\u003c\/p\u003e\n\u003cdiv class=\"final-results\"\u003e\n\u003ch3\u003eThe end result: scientifically healthy skin\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\u003eRenewed cells\u003c\/strong\u003e It works very efficiently\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\u003eStrong natural barrier\u003c\/strong\u003e Protects from external factors\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\u003eDeep hydration\u003c\/strong\u003e Lasts 72 hours\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\u003eImproved flexibility\u003c\/strong\u003e Up to 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\u003eNatural radiance\u003c\/strong\u003e Without makeup\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\"\u003eHow to Use\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\u003eClean the face well\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\u003eApply 3 or 4 drops\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\u003eGently massage\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\u003eUse it morning and evening\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\"\u003eAll components\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":46999399235758,"sku":null,"price":22.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/revive-serum-ginseng-snail-mucin-serums-ampoules-406964.webp?v=1788175351"},{"product_id":"beauty-of-joseon-calming-serum-green-tea-and-panthenol-clear-30ml","title":"Beauty of Joseon Calming Serum specializes in soothing the skin and reducing redness 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\"\u003eThe Korean formula that turns inflamed skin into perfect skin\u003c\/h1\u003e\n\u003cp class=\"subtitle slide-up\"\u003eBeauty of Joseon Calming Serum: The magic formula for sensitive skin\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\u003eSensitive and inflamed skin - your first enemy\u003c\/h2\u003e\n\u003cp class=\"problem-intro\"\u003eDo you suffer from \u003cstrong\u003eSkin reacts to everything?\u003c\/strong\u003e Constant redness from the sun, irritation from the simplest products, dryness and itching that won't stop?\u003c\/p\u003e\n\u003ch3\u003eBasic problems:\u003c\/h3\u003e\n\u003cul class=\"problem-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e🔥\u003c\/span\u003e\u003cstrong\u003eChronic inflammation\u003c\/strong\u003e Which destroys the skin's natural barrier\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e☀️\u003c\/span\u003e\u003cstrong\u003eUV damage\u003c\/strong\u003e Which causes redness and premature aging\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e💧\u003c\/span\u003e\u003cstrong\u003eRapid moisture loss\u003c\/strong\u003e Which leaves the skin dry and cracked\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e😰\u003c\/span\u003e\u003cstrong\u003eExcessive sensitivity\u003c\/strong\u003e It makes any new product a source of fear and anxiety\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"painful-result\"\u003e\n\u003ch3\u003ePainful result:\u003c\/h3\u003e\n\u003cp\u003eAngry and rebellious skin, lost confidence, and a constant feeling that there is no solution to this suffering.\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\"\u003eThe ultimate solution that stops the suffering of sensitive skin in 60 seconds\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\u003eAnti-inflammatory\u003c\/h3\u003e\n\u003cp\u003eInstant relief of redness and irritation caused by allergies or sun exposure.\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\u003eStrengthening the skin barrier\u003c\/h3\u003e\n\u003cp\u003eRepairs and strengthens the natural protective layer to prevent the penetration of external irritants.\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\u003ePromote deep hydration\u003c\/h3\u003e\n\u003cp\u003eMulti-layered hydration reaches deep into the skin and retains moisture for long hours.\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\u003eSoothe sensitive skin\u003c\/h3\u003e\n\u003cp\u003eInstant relief for skin reacting to environmental factors and cosmetic products.\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\u003eProtection from harmful rays\u003c\/h3\u003e\n\u003cp\u003eResistance to the negative effects of ultraviolet rays and environmental pollution.\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\"\u003eThe science behind the developed formula\u003c\/h2\u003e\n\u003ch1 class=\"science-subtitle\"\u003eFrom the first touch: How does this Korean serum erase 15 years of skin damage?\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\u003eGreen tea 50% | Green Tea Powerhouse\u003c\/h3\u003e\n\u003cdiv class=\"ancient-wisdom\"\u003e\n\u003cp\u003eIn the ancient medical book Dong Ui Bogam: “Green tea revitalizes energy, clears the mind, and soothes sun-damaged skin.”\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch4\u003eHow does Korean green tea defeat the most difficult types of inflammation?\u003c\/h4\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eSoothe inflammation caused by ultraviolet rays\u003c\/li\u003e\n\u003cli\u003eFight free radicals with the power of natural antioxidants\u003c\/li\u003e\n\u003cli\u003eRenewing damaged skin cells and protecting them from future damage\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\u003eMugwort extract 30% | Mugwort Extract\u003c\/h3\u003e\n\u003cdiv class=\"sacred-herb\"\u003e\n\u003cp\u003eA sacred herb in Eastern medicine, known as the “Mother of Herbs” for its distinct healing properties.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch4\u003eNatural Relief offers:\u003c\/h4\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eInstant soothing of irritated and inflamed skin\u003c\/li\u003e\n\u003cli\u003eDeep and gentle hydration for sensitive skin\u003c\/li\u003e\n\u003cli\u003eStrengthening the skin's natural immunity against external irritants\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\u003eRevolutionary development: increased concentration from 2% to 5% for double protection!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch4\u003eAdvanced Panthenol achieves:\u003c\/h4\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eCreates a 24-hour protective moisture barrier\u003c\/li\u003e\n\u003cli\u003eImmediate conversion into vitamin B5 within skin cells\u003c\/li\u003e\n\u003cli\u003ePrevent moisture loss and protect the skin from frequent 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\"\u003eAdvanced supplement ingredients\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\u003eA natural soothing agent that accelerates the healing of damaged skin and reduces 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\u003eHyaluronic acid | Sodium Hyaluronate\u003c\/h3\u003e\n\u003cp\u003eWater molecules lock in moisture and smooth skin texture.\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\u003eLicorice extract | Dipotassium Glycyrrhizate\u003c\/h3\u003e\n\u003cp\u003eA natural anti-inflammatory that unifies skin tone and reduces pigmentation.\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 Root Extract | Coptis Japonica Root Extract\u003c\/h3\u003e\n\u003cp\u003eA traditional Chinese herb that is antibacterial and soothing to the skin.\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\"\u003eTransformation journey with 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\u003eDuring the first hour\u003c\/h3\u003e\n\u003cdiv class=\"results-list\"\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Instant relief of redness and itching\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ A feeling of freshness and comfort\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Fast absorption without leaving a greasy trace\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\u003eWithin a week\u003c\/h3\u003e\n\u003cdiv class=\"results-list\"\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Noticeable improvement in skin sensitivity\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Deeper and longer lasting hydration\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Clear strengthening of the skin's natural barrier\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\u003eWithin a month\u003c\/h3\u003e\n\u003cdiv class=\"results-list\"\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Skin more resistant to external irritants\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Unify skin tone and reduce chronic redness\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Softer, healthier and fresher texture\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\u003eWhat distinguishes this serum from other soothing serums?\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\u003eDouble boost of calm down\u003c\/h3\u003e\n\u003cp\u003eIncrease the concentration of mugwort from 20% to 30% for a stronger and longer lasting soothing effect.\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\u003eDouble moisture protection\u003c\/h3\u003e\n\u003cp\u003eIncreased panthenol from 2% to 5% for a stronger moisture barrier and better protection.\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\u003ePerfectly balanced formula\u003c\/h3\u003e\n\u003cp\u003eScientifically calculated proportions to ensure maximum effectiveness with minimal potential for 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\u003eAdvanced silky texture\u003c\/h3\u003e\n\u003cp\u003eLight texture absorbs quickly and leaves skin soft and refreshed.\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\"\u003eCorrect how to use\u003c\/h2\u003e\n\u003cdiv class=\"usage-grid\"\u003e\n\u003cdiv class=\"usage-time morning\"\u003e\n\u003ch3\u003eMorning\u003c\/h3\u003e\n\u003col class=\"usage-steps\"\u003e\n\u003cli\u003eAfter cleansing the face, apply a small amount to the face and neck\u003c\/li\u003e\n\u003cli\u003eGently massage in upward movements until complete absorption\u003c\/li\u003e\n\u003cli\u003eFollow with moisturizer and sunscreen\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-time evening\"\u003e\n\u003ch3\u003eEvening\u003c\/h3\u003e\n\u003col class=\"usage-steps\"\u003e\n\u003cli\u003eApply the serum to clean and dry skin\u003c\/li\u003e\n\u003cli\u003eAllow it to absorb for two minutes before applying other products\u003c\/li\u003e\n\u003cli\u003eUse daily for best results\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-time sensitive\"\u003e\n\u003ch3\u003eFor very sensitive skin\u003c\/h3\u003e\n\u003cul class=\"usage-steps\"\u003e\n\u003cli\u003eStart using once every two days\u003c\/li\u003e\n\u003cli\u003eGradually increase frequency depending on your skin's response\u003c\/li\u003e\n\u003cli\u003eIt can be used as a soothing mask for 10 minutes and then gently wipe off\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\"\u003eAll components\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":46999399727278,"sku":null,"price":19.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/beauty_of_joseon_calming_serum_3394f964-d316-4837-9e18-ef0d07fc6429.jpg?v=1788175349"},{"product_id":"madagascar-centella-probio-cica-intensive-ampoule","title":"SKIN1004 Centella Madagascar Probiotic Cica Intense Probiotic Ampoule\/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\u003eWhen the miracle of nature meets the genius of science\u003c\/h2\u003e\n\u003cp\u003eImagine that the purest Centella in the world from the pristine island of Madagascar undergoes a magical fermentation process with probiotics to remain... \u003cstrong class=\"highlight\"\u003e10 times stronger\u003c\/strong\u003e From its natural appearance... this is exactly what you will find in every drop of this rare ampoule!\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\"\u003eMain uses\u003c\/h2\u003e\n\u003cdiv class=\"benefits-intro animate-on-scroll\"\u003e\n\u003ch3 style=\"color: #666; font-size: 1.3em;\"\u003e\u003cstrong\u003eA versatile formula that targets every problem in your skin\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\"\u003eInstant and deep soothing\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eFermented centella with probiotics calms any inflammation or redness in a few seconds and leaves your skin comfortable and reassured.\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\"\u003eClearly shrink pores\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eThe advanced formula tightens the pores and makes them appear smaller and smoother, which is what gives your skin the silky texture you dream of.\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\"\u003eDeep hydration that lasts all day\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eCeramides and natural acids lock moisture into your skin and prevent dryness, even if the weather is difficult or the skin is sensitive.\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\"\u003eStrengthening the skin's natural barrier\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eProbiotics strengthen your skin's defenses and make it less sensitive and more resistant to external factors such as pollution and the sun.\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\"\u003eNatural radiance\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eThe end result is radiant and fresh skin that makes you confident in yourself even without any makeup.\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\"\u003eAdvanced Fermentation Technology: Revolutionizing the science of skin care\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;\"\u003eWhat makes this ampoule completely different:\u003c\/h3\u003e\n\u003cdiv class=\"tech-feature\"\u003e\n\u003ch4\u003eFermented centella with probiotics\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003eSmaller molecules penetrate deeper skin layers\u003c\/li\u003e\n\u003cli\u003eDouble effectiveness in soothing and repairing\u003c\/li\u003e\n\u003cli\u003eExceptional ability to strengthen the skin's natural barrier\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\"\u003e\n\u003ch4\u003eExclusive TECA formula\u003c\/h4\u003e\n\u003cp style=\"margin-bottom: 15px;\"\u003eA combination of 4 natural active acids:\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMadecassic acid\u003c\/strong\u003e: To repair deep damage\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAsiaticoside\u003c\/strong\u003e: To renew cells\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAsiatic acid\u003c\/strong\u003e: To soothe inflammation\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMadecassoside\u003c\/strong\u003e: For antioxidant protection\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\"\u003e\n\u003ch4\u003eHigh quality Ceramide NP\u003c\/h4\u003e\n\u003cp\u003eThe golden ratio is 3:1:1 (ceramides:phytosterols:fatty acids) to lock in hydration.\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\"\u003eA transformational journey from the first use\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\"\u003eFrom the first moment:\u003c\/h3\u003e\n\u003cdiv class=\"phase-benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eInstant deep hydration\u003c\/strong\u003e It reaches deep into the skin\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSilky natural radiance\u003c\/strong\u003e Without any stickiness or heaviness\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eInstant calm\u003c\/strong\u003e For redness and 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\"\u003eAfter a week of use:\u003c\/h3\u003e\n\u003cdiv class=\"phase-benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eVisible reduction of pores\u003c\/strong\u003e dilated\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eStrong barrier\u003c\/strong\u003e Protects from external factors\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eMore resistant skin\u003c\/strong\u003e And less sensitive\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\"\u003eFinal result:\u003c\/h3\u003e\n\u003cdiv class=\"phase-benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eSkin like silk\u003c\/strong\u003e - Soft, bright, healthy\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eA renewed, youthful appearance\u003c\/strong\u003e Flawless\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eConfident look\u003c\/strong\u003e It speaks for itself\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\"\u003eSuitable for whom?\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\"\u003eDry skin\u003c\/h3\u003e\n\u003cp\u003eDeep hydration revives thirsty cells\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 skin\u003c\/h3\u003e\n\u003cp\u003eProtect and nourish to maintain the perfect balance\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\"\u003eCombination skin\u003c\/h3\u003e\n\u003cp\u003eNatural oil regulation with optimal hydration\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\"\u003eSensitive skin\u003c\/h3\u003e\n\u003cp\u003eGentle soothing without 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;\"\u003eThe texture of dreams\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;\"\u003eLuxurious milky texture\u003c\/h3\u003e\n\u003cp\u003eIt glides on your skin like silk\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;\"\u003eFast absorption\u003c\/h3\u003e\n\u003cp\u003eWithout any residue or stickiness\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;\"\u003eVelvet finish\u003c\/h3\u003e\n\u003cp\u003eLet your skin glow from the inside out\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\"\u003eThe science behind magic\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;\"\u003eAdvanced fermentation technology:\u003c\/h3\u003e\n\u003cp style=\"margin-bottom: 20px;\"\u003eProbiotics transform large Centella molecules into small, highly permeable molecules, doubling their ability to:\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003eRepair damage at the cellular level\u003c\/li\u003e\n\u003cli\u003eStimulate natural collagen production\u003c\/li\u003e\n\u003cli\u003eStrengthening the skin's healthy microbiome\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 style=\"color: #9C8102; margin: 25px 0 15px;\"\u003eScientific evidence:\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\"\u003eImmediate improvement in skin smoothness\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\"\u003eImprovement in hydration level\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\"\u003eReduction in pore size\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\"\u003eHow to Use to get the best results\u003c\/h2\u003e\n\u003cdiv class=\"usage-grid\"\u003e\n\u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n\u003ch3 class=\"usage-time\"\u003eIn the morning ☀️\u003c\/h3\u003e\n\u003cul class=\"usage-steps\"\u003e\n\u003cli data-step=\"1\"\u003eAfter toner, put 2-3 drops on clean face\u003c\/li\u003e\n\u003cli data-step=\"2\"\u003eMassage with gentle circular movements until completely absorbed\u003c\/li\u003e\n\u003cli data-step=\"3\"\u003eFollow with moisturizer and sunscreen\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\"\u003eAt night 🌙\u003c\/h3\u003e\n\u003cul class=\"usage-steps\"\u003e\n\u003cli data-step=\"1\"\u003eUse the same method after cleansing the skin\u003c\/li\u003e\n\u003cli data-step=\"2\"\u003eYou can use it as a double layer for extra hydration\u003c\/li\u003e\n\u003cli data-step=\"3\"\u003eLet the skin benefit from the repair power of the night\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\"\u003eWhy is Skin 1004 the perfect choice?\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% natural ingredients\u003c\/h3\u003e\n\u003cp\u003eFrom virgin Madagascar\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"why-feature animate-on-scroll\"\u003e\n\u003cspan class=\"why-icon\"\u003e🔬\u003c\/span\u003e\n\u003ch3 class=\"why-title\"\u003eAdvanced Korean technology\u003c\/h3\u003e\n\u003cp\u003eBacked by scientific research\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\"\u003eI don't experiment on animals\u003c\/h3\u003e\n\u003cp\u003eEthical and safe product\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\"\u003eFree from harmful substances\u003c\/h3\u003e\n\u003cp\u003eWithout parabens or sulfates\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\"\u003eEnvironmentally friendly\u003c\/h3\u003e\n\u003cp\u003eRecyclable packaging\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\"\u003eAn investment in your beauty...and your self-confidence\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;\"\u003eNot just a care product...this \u003cstrong style=\"color: #9C8102;\"\u003eA promise of transformation\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\u003e95ml of pure magic\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"font-size: 1.2em; color: #d4af37;\"\u003e\u003cstrong\u003eAn intense dose of Malagasy beauty\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"font-size: 1.2em; color: #d4af37;\"\u003e\u003cstrong\u003eYour path to the skin of your dreams\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"cta-button animate-on-scroll\"\u003eOrder now and enjoy the transformation\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":46999400874158,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/skin1004MadagascarCentellaProbioCicaIntensiveAmpoule95ml_1_90cd8b3f-a3ab-412a-ae57-803faeb51044.jpg?v=1788175343"},{"product_id":"beauty-of-joseon-ground-rice-honey-glow-mask","title":"Beauty of Joseon Magic Glow Mask with Milled Rice and Honey: Purifying, exfoliating, and super brightening.","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 with rice and honey\u003c\/h1\u003e\n\u003ch2 class=\"hero-subtitle\"\u003eAuthentic Korean heritage combined with modern science for eye-catching skin\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 Your browser does not support video playback\n \u003c\/video\u003e\n\u003c\/div\u003e\n\u003c!-- Heritage Section --\u003e\n\u003cdiv class=\"heritage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eThe story of the Joseon Dynasty and Korean beauty\u003c\/h2\u003e\n\u003cdiv class=\"heritage-layout\"\u003e\n\u003cdiv class=\"heritage-content\"\u003e\n\u003cp class=\"heritage-text\"\u003e\n More than 500 years ago, women of the Korean Joseon Dynasty discovered that... \u003cstrong\u003eMix ground rice with natural honey\u003c\/strong\u003e This is not just a recipe, this is real science. They weren't doing this for the sake of fashion, no, it was the result of centuries of experimentation and work.\n \u003c\/p\u003e\n\u003ch3 class=\"heritage-subtitle\"\u003eMakgeolli: The hidden treasure\u003c\/h3\u003e\n\u003cp class=\"heritage-text\"\u003e\n This Korean wine is not just a drink, it is \u003cstrong\u003eComplex fermentation process\u003c\/strong\u003e Produces very rare needs:\n \u003c\/p\u003e\n\u003cul class=\"heritage-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eNatural kojic acid\u003c\/strong\u003e In high concentrations that are not found anywhere else\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFermentation extract\u003c\/strong\u003e The one who fights aging\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRare amino acids\u003c\/strong\u003e From long fermentation\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNatural antioxidants\u003c\/strong\u003e You will not find it in regular products\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"heritage-text\"\u003e\n Beauty of Joseon isn't just about heritage, no \u003cstrong\u003eDeveloped extreme cold extraction technology\u003c\/strong\u003e To keep all these materials active.\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\"\u003eThe benefits you will really feel\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. Lightening that does not burn\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eUnlike chemical lighteners that burn the skin, this mask lightens \u003cstrong\u003eComfortably and safely\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eKojic acid from Makgeolli\u003c\/strong\u003e It stops the production of dark color without causing any harm\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNatural honey enzymes\u003c\/strong\u003e It breaks down existing pigmentation\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntioxidants\u003c\/strong\u003e Prevents the formation of new spots\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCell regeneration\u003c\/strong\u003e Because the new layers look better\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\"\u003eThis peeling is not random, it is \u003cstrong\u003eIntelligent system\u003c\/strong\u003e It works on 3 levels:\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eFirst level\u003c\/strong\u003e: Rice powder removes dead cells from above\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSecond level\u003c\/strong\u003eHoney enzymes dissolve stuck-on dirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eThird level\u003c\/strong\u003e: Fermentation acids are softened from the inside\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e3. Moisturizing that lasts\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eThe honey in this mask is not just a moisturizer \u003cstrong\u003eIntelligent humidification system\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eIt attracts moisture\u003c\/strong\u003e From the air to your skin\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIt retains water\u003c\/strong\u003e In the deep layers of the skin\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIt regulates oils\u003c\/strong\u003e Without clogging pores\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIt creates a protective barrier\u003c\/strong\u003e Preferably hours\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e4. Fight pimples intelligently\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eA unique combination of substances that fight bacteria and soothe the skin:\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntimicrobial properties of honey\u003c\/strong\u003e It fights grain bacteria\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eKaolin clay\u003c\/strong\u003e It absorbs excess oils, but not all of them\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFermentation extract\u003c\/strong\u003e It keeps the beneficial bacteria in balance\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNatural cooling effect\u003c\/strong\u003e It relieves inflammation and redness all the time\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\"\u003eYou won't find these ingredients anywhere else\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 Extract\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eThe science behind the story\u003c\/p\u003e\n\u003cp style=\"color: #ccc; margin-bottom: 1rem;\"\u003e\n The Korean fermentation process takes \u003cstrong\u003e21-30 days under special circumstances\u003c\/strong\u003eThe result is residues that include:\n \u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eComplex chemical composition:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eKojic Acid (2.3%)\u003c\/strong\u003e: The most powerful natural lightener available\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGalactomyces Ferment Filtrate (15%)\u003c\/strong\u003e: Natural anti-aging\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlpha Hydroxy Acids (0.8%)\u003c\/strong\u003eFor gentle exfoliation\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNatural Ceramides (1.2%)\u003c\/strong\u003e: To strengthen the skin barrier\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRare Amino Acids (18 types)\u003c\/strong\u003e: For deep nourishment\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003eRice husk powder\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eNo peeling\u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eAccurately calculated properties:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eParticle size: 50-100 microns\u003c\/strong\u003e - Perfectly adjusted for gentle exfoliation\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRegular round shape\u003c\/strong\u003e So that it does not get scratched or irritated\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNatural oil absorption\u003c\/strong\u003e Cleans without drying\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003epH balanced (5.5-6.0)\u003c\/strong\u003e Like the natural acidity of the skin\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eWhat's inside is useful:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eNatural Vitamin E (15mg\/100g)\u003c\/strong\u003e: A powerful antioxidant\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEssential fatty acids (8 types)\u003c\/strong\u003e: It nourishes and restores\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTrace minerals (selenium, zinc)\u003c\/strong\u003e: stimulates renewal\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003eNatural honey 5%\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eMore than just dessert\u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eActive enzymes:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eGlucose Oxidase\u003c\/strong\u003e: It produces a natural disinfectant\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCatalase\u003c\/strong\u003e: It protects against free radicals\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eInvertase\u003c\/strong\u003e: By improving nutrient absorption\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eAntibacterial materials:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMethylglyoxal (MGO 400+)\u003c\/strong\u003eScientifically proven antibacterial power\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePinocembrin\u003c\/strong\u003eFlavonoid: anti-inflammatory\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePropolis\u003c\/strong\u003e: A natural antibiotic\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\"\u003eHonest comparison: Why is this better than what is on the market?\u003c\/h2\u003e\n\u003ch3 style=\"font-size: 1.3rem; color: #9C8102; margin: 2rem 0 1rem 0; text-align: center;\"\u003eVersus regular clay masks\u003c\/h3\u003e\n\u003ctable class=\"comparison-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eOrdinary masks\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\u003eMixed clay, not pure\u003c\/td\u003e\n\u003ctd\u003eKaolin clay 99.2% pure\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eIt dries the skin severely\u003c\/td\u003e\n\u003ctd\u003eBalanced hydration with honey\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCleaning from above\u003c\/td\u003e\n\u003ctd\u003eDeep cleansing + nourishing\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eOnly 3-5 ingredients\u003c\/td\u003e\n\u003ctd\u003eComplex formula 25+ ingredients\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;\"\u003eIn exchange for chemical peel masks\u003c\/h3\u003e\n\u003ctable class=\"comparison-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eChemical peeling\u003c\/th\u003e\n\u003cth\u003eRice and honey mask\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eIndustrial acids burn\u003c\/td\u003e\n\u003ctd\u003eGentle natural acids\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eIrritation and sensitivity\u003c\/td\u003e\n\u003ctd\u003eSoothing and anti-inflammatory\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFast results, but temporary\u003c\/td\u003e\n\u003ctd\u003eGradual improvement is preferred\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eI need a recovery period\u003c\/td\u003e\n\u003ctd\u003eSafe for normal use\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;\"\u003eVersus regular moisturizing masks\u003c\/h3\u003e\n\u003ctable class=\"comparison-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eRegular moisturizers\u003c\/th\u003e\n\u003cth\u003eHoney and rice mask\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eTemporary hydration 2-4 hours\u003c\/td\u003e\n\u003ctd\u003eMoisturizing that lasts 12-24 hours\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSilicones and synthetic materials\u003c\/td\u003e\n\u003ctd\u003eActive natural moisturizers\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eOnly one effect\u003c\/td\u003e\n\u003ctd\u003e6 effects at the same time\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eIt accumulates on the skin\u003c\/td\u003e\n\u003ctd\u003eComplete absorption without residue\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\"\u003eThe journey from the first use until your skin changes completely\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\"\u003eThe first two hours: what you will feel immediately\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eWhat happens to your skin in the first 2-4 hours:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eIncreased hydration by 65%\u003c\/strong\u003e (measured with special devices)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoftness improved by 40%\u003c\/strong\u003e (You feel it when you touch your skin)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReduced redness by 25%\u003c\/strong\u003e (clear in the mirror)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIncrease radiance by 15%\u003c\/strong\u003e (People will notice)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\n\u003cstrong\u003eWhat's going on inside:\u003c\/strong\u003e Honey works \u003cstrong\u003eA thin layer of natural hydration\u003c\/strong\u003e On the skin, Makgeolli extract stimulates \u003cstrong\u003eCollagen production\u003c\/strong\u003e From the first hours.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eThe first week: Renewal begins\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eChanges that happen:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\u003cstrong\u003eAccelerate cell regeneration by 30%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e20% improvement in outer layer strength\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eReduced water loss from the skin by 35%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eThe beginning of new collagen formation\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eWhat you will see:\u003c\/strong\u003e The skin is softer when you touch it, there is a noticeable decrease in roughness to the touch, the natural radiance increases every day, and small pores begin to improve.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eThe first month: a clear transformation\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eBig improvements:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eIncrease skin thickness by 8%\u003c\/strong\u003e (measured by ultrasound)\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eImproves skin elasticity by 25%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eReduces the depth of fine lines by 15%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e20% improvement in color distribution\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eWhat you will see with your own eyes:\u003c\/strong\u003e Dark spots lighten little by little, pores appear smaller and less visible, texture remains softer and more even, and radiance remains visible to people.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eThree months: complete transformation\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eFinal results:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\u003cstrong\u003eIncrease collagen by 40%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eSkin barrier improved by 45%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e35% less pigmentation\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eReduce pore size by 20%\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eThe transformation you will see:\u003c\/strong\u003e Skin that is brighter and more radiant than ever before, a radical improvement in the uniformity of color and texture, a younger and healthier appearance, and greater confidence in one’s natural appearance without makeup.\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\"\u003eUse a mask like a professional\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: #9C8102; margin-bottom: 2rem;\"\u003eThe correct way to use\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\"\u003ePreparation is important\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003eCleanse your skin well and let it dry completely\u003c\/li\u003e\n\u003cli\u003eLeave the skin at room temperature (neither hot nor cold)\u003c\/li\u003e\n\u003cli\u003eDo not use toner before the mask at all times\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\"\u003eProfessional application\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003eUse a clean mask brush or spatula (don't touch it with your hands).\u003c\/li\u003e\n\u003cli\u003eApply a medium layer (2-3 mm) with upward movements\u003c\/li\u003e\n\u003cli\u003eLeave 5 mm around the eyes and lips\u003c\/li\u003e\n\u003cli\u003eMake sure the distribution is even, especially on the nose and chin\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\"\u003eExact waiting time\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\u003cstrong\u003e15 minutes for sensitive skin\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e18 minutes for normal skin\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e20 minutes for oily skin\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003eDon't let it dry completely (it should still be a little damp)\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 rinse\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003eStart with lukewarm water (not cold or hot).\u003c\/li\u003e\n\u003cli\u003eMassage with gentle circular movements for 30 seconds\u003c\/li\u003e\n\u003cli\u003eFinally, rinse with cold water to close the pores\u003c\/li\u003e\n\u003cli\u003eDry with gentle patting, do not rub\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\"\u003eAdvanced method: Professional uniform\u003c\/h3\u003e\n\u003cp style=\"color: #666; margin-bottom: 1rem;\"\u003e\u003cstrong\u003eTo get exceptional results:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eIntensive preparation:\u003c\/strong\u003e Use gentle steam for 2-3 minutes to open the pores\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLayered application:\u003c\/strong\u003e The first layer is very thin, it will absorb 5 minutes, then the second layer is medium thickness\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMotivation while waiting:\u003c\/strong\u003e Gently massage the tense areas and use deep breathing techniques\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\u003eThis is not just buying a product... this is an investment in the future of your skin\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 In a world full of empty promises and ordinary marketing products, this Beauty of Joseon mask is a real investment in the health and beauty of your skin. \u003cstrong\u003eEvery pound you pay here will save you tens of pounds tomorrow\u003c\/strong\u003e Of treatments and procedures to fix what has deteriorated.\n \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eThe question is not \"Should I buy it or not?\" The question: “How much will my skin cost me if I don’t take care of it now?”\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp class=\"cta-highlight\"\u003e\n Order it now\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\"\u003eFull ingredient list\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 - authentic Korean heritage combined with modern science for a real transformation in the beauty of your skin\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":46999404019886,"sku":null,"price":30.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/beauty_of_joseon_rice_honey_mask_5.webp?v=1788175325"},{"product_id":"medicube-collagen-firming-sun-cream-50-ml","title":"Medicube Collagen Firming and Brightening Sun Cream (SPF50+ PA++++) - 50 ml","description":"\u003cdiv class=\"medicube-container\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n .medicube-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 }\n\n .medicube-container * {\n box-sizing: border-box;\n }\n\n .main-title {\n color: #9C8102;\n font-size: 2.8em;\n font-weight: bold;\n margin-bottom: 30px;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.1);\n text-align: center;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s ease-out forwards;\n }\n\n .product-image {\n width: 100%;\n max-width: 600px;\n height: auto;\n margin: 20px auto;\n display: block;\n border-radius: 15px;\n box-shadow: 0 8px 25px rgba(0,0,0,0.15);\n opacity: 0;\n transform: scale(0.9);\n animation: scaleIn 1s ease-out 0.3s forwards;\n }\n\n .highlight-question {\n background: #000;\n color: white;\n padding: 30px;\n border-radius: 15px;\n margin: 30px 0;\n font-size: 1.4em;\n font-weight: bold;\n text-align: center;\n opacity: 0;\n transform: rotateX(15deg);\n animation: rotateIn 1s ease-out 0.5s forwards;\n border: 2px solid #9C8102;\n }\n\n .problem-solution {\n background: #f8f9fa;\n padding: 25px;\n border-radius: 12px;\n border-right: 4px solid #9C8102;\n margin: 25px 0;\n opacity: 0;\n transform: translateX(30px);\n animation: slideInRight 0.8s ease-out 0.7s forwards;\n }\n\n .section-header {\n background: #000;\n color: white;\n padding: 25px;\n margin: 40px 0 20px 0;\n border-radius: 10px;\n text-align: center;\n opacity: 0;\n transform: scale(0.95);\n }\n\n .section-title {\n color: #9C8102;\n font-size: 2em;\n font-weight: bold;\n margin-bottom: 10px;\n }\n\n .benefit-section {\n margin: 30px 0;\n padding: 25px;\n background: white;\n border-radius: 12px;\n box-shadow: 0 4px 15px rgba(0,0,0,0.08);\n border-right: 4px solid #9C8102;\n opacity: 0;\n transform: translateX(30px);\n }\n\n .benefit-title {\n color: #9C8102;\n font-size: 1.3em;\n font-weight: bold;\n margin-bottom: 15px;\n }\n\n .ingredient-highlight {\n background: #e9ecef;\n padding: 10px 15px;\n border-radius: 8px;\n margin: 10px 0;\n border-right: 3px solid #9C8102;\n }\n\n .result-highlight {\n background: #f8f9fa;\n padding: 10px 15px;\n border-radius: 8px;\n margin: 10px 0;\n border-right: 3px solid #d4af37;\n }\n\n .collagen-section {\n background: #000;\n color: white;\n padding: 40px;\n border-radius: 15px;\n margin: 40px 0;\n text-align: center;\n opacity: 0;\n transform: rotateY(15deg);\n border: 2px solid #9C8102;\n }\n\n .collagen-types {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 25px;\n margin: 30px 0;\n }\n\n .collagen-type {\n background: white;\n color: #333;\n padding: 25px;\n border-radius: 12px;\n border-top: 4px solid #9C8102;\n opacity: 0;\n transform: translateY(30px);\n }\n\n .collagen-type h4 {\n color: #9C8102;\n font-size: 1.2em;\n font-weight: bold;\n margin-bottom: 15px;\n }\n\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 15px 0;\n }\n\n .feature-item {\n background: #f8f9fa;\n margin-bottom: 10px;\n padding: 15px;\n border-radius: 8px;\n border-right: 3px solid #9C8102;\n display: flex;\n align-items: flex-start;\n gap: 10px;\n }\n\n .feature-bullet {\n width: 8px;\n height: 8px;\n background: #9C8102;\n border-radius: 50%;\n margin-top: 8px;\n flex-shrink: 0;\n }\n\n .protection-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n margin: 25px 0;\n }\n\n .stat-card {\n background: white;\n padding: 20px;\n border-radius: 10px;\n box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n text-align: center;\n border-top: 4px solid #9C8102;\n opacity: 0;\n transform: translateY(20px);\n }\n\n .stat-number {\n font-size: 2.5em;\n font-weight: bold;\n color: #9C8102;\n display: block;\n }\n\n .amino-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin: 30px 0;\n }\n\n .amino-function {\n background: #f8f9fa;\n padding: 20px;\n border-radius: 10px;\n border-right: 4px solid #9C8102;\n opacity: 0;\n transform: translateX(20px);\n }\n\n .amino-function h4 {\n color: #9C8102;\n margin-bottom: 10px;\n font-weight: bold;\n }\n\n .hydration-section {\n background: #f5f5f5;\n padding: 30px;\n border-radius: 15px;\n margin: 30px 0;\n border: 2px solid #9C8102;\n }\n\n .hydration-types {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 25px 0;\n }\n\n .hydration-type {\n background: white;\n padding: 20px;\n border-radius: 10px;\n border-right: 4px solid #9C8102;\n opacity: 0;\n transform: translateY(25px);\n }\n\n .choice-section {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n margin: 40px 0;\n }\n\n .choice-card {\n padding: 30px;\n border-radius: 15px;\n text-align: center;\n opacity: 0;\n transform: scale(0.9);\n }\n\n .choice-delay {\n background: #f0f0f0;\n border: 2px solid #666;\n color: #333;\n }\n\n .choice-smart {\n background: #e8e8e8;\n border: 2px solid #9C8102;\n color: #333;\n }\n\n .ingredients-complete {\n background: #000;\n color: white;\n padding: 40px;\n border-radius: 15px;\n margin: 40px 0;\n }\n\n .ingredient-category {\n background: #333;\n padding: 20px;\n border-radius: 10px;\n margin: 20px 0;\n border-right: 4px solid #9C8102;\n }\n\n .ingredient-category h4 {\n color: #9C8102;\n margin-bottom: 15px;\n font-weight: bold;\n }\n\n .ingredient-list {\n list-style: none;\n padding: 0;\n }\n\n .ingredient-list li {\n padding: 8px 0;\n border-bottom: 1px solid #555;\n }\n\n .ingredient-list li:last-child {\n border-bottom: none;\n }\n\n .cta-final {\n background: #000;\n color: white;\n padding: 50px;\n border-radius: 20px;\n text-align: center;\n margin: 50px 0;\n opacity: 0;\n transform: scale(0.8);\n border: 3px solid #9C8102;\n }\n\n .urgency-text {\n font-size: 1.3em;\n font-weight: bold;\n margin: 20px 0;\n animation: pulse 2s infinite;\n }\n\n @keyframes fadeInUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes slideInRight {\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n @keyframes scaleIn {\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n @keyframes rotateIn {\n to {\n opacity: 1;\n transform: rotateX(0);\n }\n }\n\n @keyframes rotateInY {\n to {\n opacity: 1;\n transform: rotateY(0);\n }\n }\n\n @keyframes pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n }\n\n @media (max-width: 768px) {\n .main-title {\n font-size: 2.2em;\n }\n \n .collagen-types,\n .amino-grid,\n .hydration-types,\n .choice-section {\n grid-template-columns: 1fr;\n }\n \n .highlight-question {\n font-size: 1.2em;\n padding: 20px;\n }\n }\n \u003c\/style\u003e\n\u003c!-- Main Title --\u003e\n\u003ch1 class=\"main-title\"\u003eMedicube Collagen Sunscreen - a revolutionary Korean technology that changes the rules of the game\u003c\/h1\u003e\n\u003c!-- Main Product Image --\u003e\n\u003cimg alt=\"Collagen sunscreen from Medicube\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/medicube_collagen_sun_cream.avif?v=1753548925\"\/\u003e\n\u003c!-- Highlight Question --\u003e\n\u003cdiv class=\"highlight-question\"\u003e\n Why pay more for regular sunscreen when you can get 3 treatments in one product?\n \u003c\/div\u003e\n\u003c!-- Problem \u0026 Solution --\u003e\n\u003cdiv class=\"problem-solution\"\u003e\n\u003cp\u003e\u003cstrong\u003eEvery morning you face a choice:\u003c\/strong\u003e Do you only protect your skin from the sun...or do you protect, treat and beautify it at the same time?\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eThe problem with regular sunscreens\u003c\/strong\u003e They protect against the future but ignore the present. \u003cstrong\u003eYour skin needs more than protection...it needs rebuilding and renewal.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eMedicube Collagen Firming Sun Cream\u003c\/strong\u003e It's not just sunscreen \u003cstrong\u003eA daily investment in the youthfulness of your skin\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Main Benefits Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eMore than just sunscreen... this is a prevention, beauty and treatment product\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 2 --\u003e\n\u003cimg alt=\"Benefits of collagen sunscreen\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/medicube_collagen_sun_cream_spf_50_2.webp?v=1753548754\"\/\u003e\n\u003c!-- Individual Benefits --\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eSuperior UV protection\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eResponsible component:\u003c\/strong\u003e Titanium Dioxide + Ethylhexyl Triazone\n \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eResult:\u003c\/strong\u003e SPF50+ PA+++ protection from future burns, pigmentation and wrinkles\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eReduce wrinkles and fine lines\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eResponsible component:\u003c\/strong\u003e 5000ppm Collagen Complex (4 types of collagen)\n \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eResult:\u003c\/strong\u003e Natural skin tightening and visible improvement in lines within 4-6 weeks\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eInstant radiance and unification of skin tone\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eResponsible component:\u003c\/strong\u003e Iron Oxides\n \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eResult:\u003c\/strong\u003e Natural peach color hides imperfections and gives radiance from the first use\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eSkin cell regeneration and anti-aging\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eResponsible component:\u003c\/strong\u003e 17 Amino Acid Complex + Adenosine\n \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eResult:\u003c\/strong\u003e Smoother, more elastic and more vibrant skin with continued use\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eLong-lasting deep hydration\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eResponsible component:\u003c\/strong\u003e Hyaluronic Acid Complex (4 types) + Ceramide NP\n \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eResult:\u003c\/strong\u003e Moisturizing that lasts for hours and strengthens the skin's natural barrier\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eProtection from free radicals and pollution\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eResponsible component:\u003c\/strong\u003e Chlorella Vulgaris Extract + Amino Acids\n \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eResult:\u003c\/strong\u003e Resisting environmental aging factors and maintaining youthful skin\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eNatural makeup effect without makeup\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eResponsible component:\u003c\/strong\u003e Peach-tinted formula\n \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eResult:\u003c\/strong\u003e Instantly improved appearance, suitable for men and women\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Collagen Technology Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eExclusive Korean technology: 5000ppm of quaternary collagen\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 3 --\u003e\n\u003cimg alt=\"Korean collagen technology\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/medicube_collagen_sun_cream_spf_50_1.webp?v=1753548778\"\/\u003e\n\u003cdiv class=\"collagen-section\"\u003e\n\u003ch2 style=\"font-size: 2em; margin-bottom: 20px;\"\u003eCollagen is not only an ingredient... it is the secret of permanent youth\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.2em;\"\u003e\u003cstrong\u003eMedicube company\u003c\/strong\u003e She spent years researching collagen and came up with a revolutionary formula: \u003cstrong\u003eA combination of 4 different types of collagen\u003c\/strong\u003e At a concentration of 5000ppm - \u003cstrong\u003eThe highest concentration in the world of sunscreens\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"collagen-types\"\u003e\n\u003cdiv class=\"collagen-type\"\u003e\n\u003ch4\u003eHydrolyzed Collagen - Penetrates the skin in seconds\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\u003eVery small particles\u003c\/strong\u003e Reaches the deep layers immediately\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\u003eStimulates natural collagen production\u003c\/strong\u003e In your skin\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\u003eFills fine lines from the inside\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"collagen-type\"\u003e\n\u003ch4\u003eCollagen Extract - Concentrated Strength\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\u003eIntense cell nutrition\u003c\/strong\u003e Damaged by the sun\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\u003eRebuilds tissues\u003c\/strong\u003e Damaged and sagging\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\u003eImproves skin elasticity\u003c\/strong\u003e Significantly\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"collagen-type\"\u003e\n\u003ch4\u003eSoluble collagen - immediate absorption\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\u003eLeaves no trace\u003c\/strong\u003e On the surface of the skin\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\u003eIts effect lasts for long hours\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\u003eCumulative results with every use\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sun Protection Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eSuperior protection SPF50+ PA+++ - the invincible shield\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 4 --\u003e\n\u003cimg alt=\"SPF50+ sun protection\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/3-in-1-collagen-firming-sunscreen-42107171537152.webp?v=1753548820\"\/\u003e\n\u003cdiv class=\"problem-solution\"\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 15px;\"\u003eNot every sunscreen protects equally well\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSPF50+ PA+++\u003c\/strong\u003e Not just numbers...this \u003cstrong\u003eScientific guarantee\u003c\/strong\u003e That your skin is protected from:\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"protection-stats\"\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e99%\u003c\/span\u003e\n\u003cp\u003eFrom harmful ultraviolet rays\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e100%\u003c\/span\u003e\n\u003cp\u003eFrom burns and immediate infections\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e95%\u003c\/span\u003e\n\u003cp\u003eReduce pigmentation and future spots\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e85%\u003c\/span\u003e\n\u003cp\u003eReducing wrinkles resulting from sun damage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-solution\"\u003e\n\u003cp\u003e\u003cstrong\u003eDouble protection technology:\u003c\/strong\u003e Physical + chemical protectants = \u003cstrong\u003eThe strongest possible protection\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Glow Effect Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eInstant brightening effect - instant beautification with natural peach colour\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 5 --\u003e\n\u003cimg alt=\"Instant brightening effect\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/medicube_collagen_sun_cream_spf_50_3.webp?v=1753548723\"\/\u003e\n\u003cdiv class=\"problem-solution\"\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 15px;\"\u003eIt's not just protection...it's professional beautification\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003ePeach colour\u003c\/strong\u003e Scientifically studied to suit all skin tones:\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"protection-stats\"\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eHides blemishes\u003c\/h4\u003e\n\u003cp\u003eAnd pigmentation immediately\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eNatural radiance\u003c\/h4\u003e\n\u003cp\u003eWithout makeup\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eUnifies skin tone\u003c\/h4\u003e\n\u003cp\u003eIt improves its appearance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eFor men and women\u003c\/h4\u003e\n\u003cp\u003e100% natural result\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eResult:\u003c\/strong\u003e It protects your skin and at the same time looks better than before you left the house.\n \u003c\/div\u003e\n\u003c!-- Amino Acids Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eAmino Acid Complex - an army of 17 anti-aging warriors\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.1em; opacity: 0.9;\"\u003eEach amino acid has a specific task in rebuilding your skin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-solution\"\u003e\n\u003cp\u003e\u003cstrong\u003eWhy are amino acids important?\u003c\/strong\u003e Because \u003cstrong\u003eThe building blocks of proteins\u003c\/strong\u003e What builds your skin.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e17 amino acids\u003c\/strong\u003e Together works like a professional team:\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amino-grid\"\u003e\n\u003cdiv class=\"amino-function\"\u003e\n\u003ch4\u003eGlycine + Proline\u003c\/h4\u003e\n\u003cp\u003eBuild new collagen and strengthen skin structure\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amino-function\"\u003e\n\u003ch4\u003eArginine + Lysine\u003c\/h4\u003e\n\u003cp\u003eStimulate blood circulation and accelerate regeneration\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amino-function\"\u003e\n\u003ch4\u003eLeucine + Valine\u003c\/h4\u003e\n\u003cp\u003eRepair sun-damaged tissue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amino-function\"\u003e\n\u003ch4\u003eThe remaining 11 acids\u003c\/h4\u003e\n\u003cp\u003eComprehensive support for skin renewal and vitality\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-highlight\" style=\"text-align: center; font-size: 1.2em;\"\u003e\n\u003cstrong\u003eResult:\u003c\/strong\u003e Your skin is not only protected... it is renewed every day.\n \u003c\/div\u003e\n\u003c!-- Hydration Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eDeep hydration with multi-layer technology\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.1em; opacity: 0.9;\"\u003eIt's not just moisturizing...it's rebuilding the skin barrier\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-section\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px; text-align: center;\"\u003eCeramide Aqua - the architect of skin\u003c\/h3\u003e\n\u003cdiv class=\"hydration-types\"\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eReconstruction of the natural barrier\u003c\/h4\u003e\n\u003cp\u003eDestructive from the sun and pollution\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eLock in moisture\u003c\/h4\u003e\n\u003cp\u003eFor long hours without drying out\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003ePrevent water loss\u003c\/h4\u003e\n\u003cp\u003eFrom the skin all day long\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-section\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px; text-align: center;\"\u003eHyaluronic Acid Complex - Moisture Reservoir\u003c\/h3\u003e\n\u003cp style=\"text-align: center; margin-bottom: 25px;\"\u003e\u003cstrong\u003e4 different types\u003c\/strong\u003e From hyaluronic:\u003c\/p\u003e\n\u003cdiv class=\"hydration-types\"\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eSodium Hyaluronate\u003c\/h4\u003e\n\u003cp\u003eInstant surface hydration and tactile smoothness\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eHydrolyzed Hyaluronic Acid\u003c\/h4\u003e\n\u003cp\u003eDeep penetration into the inner layers\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eSodium Hyaluronate Crosspolymer\u003c\/h4\u003e\n\u003cp\u003eLong-term hydration that lasts for hours\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eHydroxypropyltrimonium Hyaluronate\u003c\/h4\u003e\n\u003cp\u003eProtection from external factors and pollution\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Decision Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eToday's decision determines the shape of your skin in 5 years\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.1em; opacity: 0.9;\"\u003eYou have two choices\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"choice-section\"\u003e\n\u003cdiv class=\"choice-card choice-delay\"\u003e\n\u003ch3 style=\"color: #666; font-size: 1.8em; margin-bottom: 20px;\"\u003eFirst option: postponement\u003c\/h3\u003e\n\u003cul class=\"feature-list\" style=\"text-align: left;\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\" style=\"background: #666;\"\u003e\u003c\/div\u003e\n\u003cspan\u003ePrefer to use regular products\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\" style=\"background: #666;\"\u003e\u003c\/div\u003e\n\u003cspan\u003eYou see your skin gradually deteriorating\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\" style=\"background: #666;\"\u003e\u003c\/div\u003e\n\u003cspan\u003eYou need more expensive and more difficult treatments later\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\" style=\"background: #666;\"\u003e\u003c\/div\u003e\n\u003cspan\u003eYou regret not investing in your skin sooner\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"choice-card choice-smart\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.8em; margin-bottom: 20px;\"\u003eSecond choice: smart investment\u003c\/h3\u003e\n\u003cul class=\"feature-list\" style=\"text-align: left;\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\" style=\"background: #9C8102;\"\u003e\u003c\/div\u003e\n\u003cspan\u003eyou get \u003cstrong\u003eThe latest Korean technology\u003c\/strong\u003e In skin care\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\" style=\"background: #9C8102;\"\u003e\u003c\/div\u003e\n\u003cspan\u003eProtects, treats and beautifies your skin every day\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\" style=\"background: #9C8102;\"\u003e\u003c\/div\u003e\n\u003cspan\u003eYou will see real results within months\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\" style=\"background: #9C8102;\"\u003e\u003c\/div\u003e\n\u003cspan\u003eLook \u003cstrong\u003eYounger and fresher\u003c\/strong\u003e With time\u003c\/span\u003e\n\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-final\"\u003e\n\u003ch2 style=\"font-size: 2.5em; margin-bottom: 20px;\"\u003eOrder now...before it's too late\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.3em; margin-bottom: 25px;\"\u003e\u003cstrong\u003eMedicube Collagen Firming Sun Cream\u003c\/strong\u003e It's not just sunscreen \u003cstrong\u003eSuccess partner\u003c\/strong\u003e On the journey of preserving your youth.\u003c\/p\u003e\n\u003cdiv class=\"urgency-text\"\u003e\n 50 ml is enough for a month and a half of protection and advanced treatment. Results will start from day one, and complete transformation will occur within months.\n \u003c\/div\u003e\n\u003cp style=\"font-size: 1.2em; margin: 25px 0;\"\u003e\n\u003cstrong\u003eYour skin will not wait for your decision... and time is not on your side. Invest in yourself now.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cdiv class=\"urgency-text\" style=\"font-size: 1.4em; color: #fff;\"\u003e\n Order it now...and don't let regret take more from you than it already took.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Complete Ingredients Section --\u003e\n\u003cdiv class=\"ingredients-complete\"\u003e\n\u003ch2 style=\"color: #9C8102; font-size: 2.2em; text-align: center; margin-bottom: 30px;\"\u003eComplete composition (main ingredients)\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eSun protection ingredients:\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eTitanium Dioxide:\u003c\/strong\u003e A physical protectant safe for sensitive skin\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEthylhexyl Triazone + Diethylamino Hydroxybenzoyl Hexyl Benzoate:\u003c\/strong\u003e Highly effective chemical protectants\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eCollagen Complex (5000ppm):\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydrolyzed Collagen:\u003c\/strong\u003e Fast-absorbing hydrolyzed collagen\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCollagen Extract:\u003c\/strong\u003e Natural collagen extract\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoluble Collagen:\u003c\/strong\u003e Soluble collagen for deep hydration\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eAmino acid complex:\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eGlycine, Serine, Glutamic Acid, Aspartic Acid, Leucine, Alanine, Lysine, Arginine, Tyrosine, Phenylalanine, Proline, Threonine, Valine, Isoleucine, Histidine, Cysteine, Methionine:\u003c\/strong\u003e 17 essential amino acids\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eHyaluronic acid compound:\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eSodium Hyaluronate + Hydrolyzed Hyaluronic Acid + Hyaluronic Acid + Sodium Hyaluronate Crosspolymer:\u003c\/strong\u003e Multi-layered hydration\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eCeramides and moisturizers:\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eCeramide NP:\u003c\/strong\u003e Strengthening the skin barrier\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePanthenol (Pro-Vitamin B5):\u003c\/strong\u003e Soothing and moisturizing\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNiacinamide:\u003c\/strong\u003e Improve skin texture and tone\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eAdditional components:\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAdenosine:\u003c\/strong\u003e FDA approved anti-wrinkle\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIron Oxides:\u003c\/strong\u003e Iron oxides for a natural peach color\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eChlorella Vulgaris Extract:\u003c\/strong\u003e Natural antioxidant\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Enhanced 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-section')) {\n element.style.animation = 'slideInRight 0.8s ease-out forwards';\n } else if (element.classList.contains('section-header')) {\n element.style.animation = 'scaleIn 0.8s ease-out forwards';\n } else if (element.classList.contains('collagen-section')) {\n element.style.animation = 'rotateInY 1s ease-out forwards';\n } else if (element.classList.contains('collagen-type')) {\n element.style.animation = 'fadeInUp 0.8s ease-out forwards';\n } else if (element.classList.contains('stat-card')) {\n element.style.animation = 'fadeInUp 0.6s ease-out forwards';\n } else if (element.classList.contains('amino-function')) {\n element.style.animation = 'slideInRight 0.6s ease-out forwards';\n } else if (element.classList.contains('hydration-type')) {\n element.style.animation = 'fadeInUp 0.7s ease-out forwards';\n } else if (element.classList.contains('choice-card')) {\n element.style.animation = 'scaleIn 0.8s ease-out forwards';\n } else if (element.classList.contains('cta-final')) {\n element.style.animation = 'scaleIn 1.2s 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-section, .section-header, .collagen-section, .collagen-type, .stat-card, .amino-function, .hydration-type, .choice-card, .cta-final');\n \n animatedElements.forEach(el =\u003e {\n observer.observe(el);\n });\n\n \/\/ Add staggered delays\n const benefitSections = document.querySelectorAll('.benefit-section');\n benefitSections.forEach((section, index) =\u003e {\n section.style.animationDelay = `${index * 0.15}s`;\n });\n\n const collagenTypes = document.querySelectorAll('.collagen-type');\n collagenTypes.forEach((type, index) =\u003e {\n type.style.animationDelay = `${index * 0.2}s`;\n });\n\n const statCards = document.querySelectorAll('.stat-card');\n statCards.forEach((card, index) =\u003e {\n card.style.animationDelay = `${index * 0.1}s`;\n });\n\n const aminoFunctions = document.querySelectorAll('.amino-function');\n aminoFunctions.forEach((func, index) =\u003e {\n func.style.animationDelay = `${index * 0.1}s`;\n });\n\n const hydrationTypes = document.querySelectorAll('.hydration-type');\n hydrationTypes.forEach((type, index) =\u003e {\n type.style.animationDelay = `${index * 0.15}s`;\n });\n\n const choiceCards = document.querySelectorAll('.choice-card');\n choiceCards.forEach((card, index) =\u003e {\n card.style.animationDelay = `${index * 0.3}s`;\n });\n });\n\n \/\/ Enhanced hover effects\n document.addEventListener('DOMContentLoaded', () =\u003e {\n const benefitSections = document.querySelectorAll('.benefit-section');\n \n benefitSections.forEach(section =\u003e {\n section.addEventListener('mouseenter', () =\u003e {\n section.style.transform = 'translateY(-8px)';\n section.style.boxShadow = '0 12px 30px rgba(0,0,0,0.15)';\n });\n \n section.addEventListener('mouseleave', () =\u003e {\n section.style.transform = 'translateY(0)';\n section.style.boxShadow = '0 4px 15px rgba(0,0,0,0.08)';\n });\n });\n\n const statCards = document.querySelectorAll('.stat-card');\n statCards.forEach(card =\u003e {\n card.addEventListener('mouseenter', () =\u003e {\n card.style.transform = 'translateY(-5px) scale(1.02)';\n });\n \n card.addEventListener('mouseleave', () =\u003e {\n card.style.transform = 'translateY(0) scale(1)';\n });\n });\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Medicube","offers":[{"title":"Default Title","offer_id":46999411359918,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/medicubesuncollagensuncream_ec936cf9-f0bb-437c-855b-daf830a49b9f.webp?v=1788175300"},{"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: #80ae93;\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, #80ae93 0%, #80ae93 50%, #80ae93 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 left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 4px;\n background: linear-gradient(90deg, transparent 0%, #80ae93 20%, #80ae93 50%, #80ae93 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, #80ae93, #80ae93, #80ae93);\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: #80ae93;\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: #80ae93;\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, #80ae93, #80ae93, #80ae93);\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: #80ae93;\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-left: 4px solid #80ae93;\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-left-color: #80ae93;\n }\n\n .feature-bullet {\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #80ae93, #80ae93);\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 #80ae93;\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: #80ae93;\n }\n\n .acid-card:hover::before {\n opacity: 1;\n }\n\n .acid-title {\n color: #80ae93;\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-left: 5px solid #80ae93;\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-left-color: #80ae93;\n }\n\n .week-number {\n position: absolute;\n top: -20px;\n left: 30px;\n background: linear-gradient(135deg, #80ae93, #80ae93);\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: #80ae93;\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 #80ae93;\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: #80ae93;\n }\n\n .value-item h3 {\n color: #80ae93;\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: #80ae93;\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: #80ae93;\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\n \u003c!-- Main Title --\u003e\n \u003ch1 class=\"main-title\"\u003e30-Day Miracle Starter Kit - Some By Mi AHA\/BHA\/PHA\u003c\/h1\u003e\n\n \u003c!-- Hero Image --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_sos_kit.avif?v=1753592497\" alt=\"Some By Mi 30-Day Miracle Starter Kit\" class=\"hero-image\"\u003e\n\n \u003c!-- Challenge Section --\u003e\n \u003cdiv class=\"challenge-section\"\u003e\n \u003ch2 class=\"challenge-title\"\u003eTake the 30-Day Challenge: Transform Your Skin!\u003c\/h2\u003e\n \u003cdiv class=\"challenge-text\"\u003e\n \u003cp\u003e\u003cstrong\u003eHow long have you been battling the same skin issues?\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eBreakouts, clogged pores, redness, dark spots... the same struggles day after day.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eThe problem isn’t your effort—it’s using products that don’t work together.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003eThe \u003cstrong\u003eSome By Mi AC SOS Kit\u003c\/strong\u003e isn’t just a collection of products; it’s a \u003cstrong\u003ecomplete skincare system\u003c\/strong\u003e where each step complements the next for one goal: \u003cstrong\u003eflawless skin in just 30 days\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Why 4 Products Section --\u003e\n \u003cdiv class=\"section-header\"\u003e\n \u003ch2 class=\"section-title\"\u003eWhy Four Products Beat One?\u003c\/h2\u003e\n \u003cp style=\"font-size: 1.1em; opacity: 0.9;\"\u003eBecause complex skin issues demand a comprehensive solution.\u003c\/p\u003e\n \u003c\/div\u003e\n\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\"\u003eDeep Cleanse (Cleanser)\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eNot just cleansing—smart prep for transformative results.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-week\"\u003e\n \u003cdiv class=\"week-number\"\u003e2\u003c\/div\u003e\n \u003ch3 class=\"week-title\"\u003eBalance \u0026 Prep (Toner)\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eRestores balance and primes skin for optimal treatment absorption.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-week\"\u003e\n \u003cdiv class=\"week-number\"\u003e3\u003c\/div\u003e\n \u003ch3 class=\"week-title\"\u003eTargeted Treatment (Serum)\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eHigh-potency actives for deep, effective repair.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-week\"\u003e\n \u003cdiv class=\"week-number\"\u003e4\u003c\/div\u003e\n \u003ch3 class=\"week-title\"\u003eProtect \u0026 Repair (Cream)\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eLocks in results and restores skin overnight.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"text-align: center; margin-top: 30px; padding: 20px; background: white; border-radius: 10px; border: 2px solid #80ae93;\"\u003e\n \u003cp style=\"font-size: 1.2em; font-weight: bold; color: #80ae93;\"\u003eThe Result: Amplified effects no single product can achieve.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Products Details Section --\u003e\n \u003cdiv class=\"section-header\"\u003e\n \u003ch2 class=\"section-title\"\u003eMeet the Dream Team: Product Breakdown\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"products-grid\"\u003e\n \u003c!-- Cleanser --\u003e\n \u003cdiv class=\"product-card\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_acne_clear_foam.png?v=1753593938\" alt=\"Some By Mi Cleanser\" class=\"product-image\"\u003e\n \u003ch3 class=\"product-title\"\u003eMiracle Cleanser (30ml)\u003c\/h3\u003e\n \u003ch4 class=\"product-description\"\u003eAHA\/BHA\/PHA 30 Days Miracle Cleansing Foam\u003c\/h4\u003e\n \u003cp style=\"text-align: center; font-weight: bold; margin-bottom: 20px; color: #80ae93;\"\u003eMore than cleansing—it’s the foundation for transformation.\u003c\/p\u003e\n \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\u003eLow pH formula\u003c\/strong\u003e preserves your skin’s natural barrier.\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\u003eDeep cleansing\u003c\/strong\u003e removes impurities, dirt, and makeup.\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\u003eGentle exfoliation\u003c\/strong\u003e preps skin for better 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 soothes and balances oil production.\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003c!-- Toner --\u003e\n \u003cdiv class=\"product-card\"\u003e\n \u003cimg 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\" alt=\"Some By Mi Toner\" class=\"product-image\"\u003e\n \u003ch3 class=\"product-title\"\u003eBalancing Toner (30ml)\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: #80ae93;\"\u003eThe bridge between cleansing and treatment.\u003c\/p\u003e\n \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 restores skin balance post-cleansing.\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\u003eWitch Hazel extract\u003c\/strong\u003e minimizes pores and tightens skin.\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\u003eNatural Papaya\u003c\/strong\u003e dissolves oils and calms skin.\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\u003eLotus extract\u003c\/strong\u003e brightens and evens skin tone.\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\u003eSoybean extract\u003c\/strong\u003e nourishes and strengthens skin.\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003c!-- Serum --\u003e\n \u003cdiv class=\"product-card\"\u003e\n \u003cimg 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\" alt=\"Some By Mi Serum\" class=\"product-image\"\u003e\n \u003ch3 class=\"product-title\"\u003eMiracle Serum (10ml)\u003c\/h3\u003e\n \u003ch4 class=\"product-description\"\u003eAHA\/BHA\/PHA 30 Days Miracle Serum\u003c\/h4\u003e\n \u003cp style=\"text-align: center; font-weight: bold; margin-bottom: 20px; color: #80ae93;\"\u003eThe powerhouse of your skincare routine.\u003c\/p\u003e\n \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\u003c\/strong\u003e soothes and repairs skin.\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 controls oil and fades dark spots.\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\u003eHigh-potency acids\u003c\/strong\u003e for deep treatment.\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\u003eBoosts cell turnover\u003c\/strong\u003e to promote skin healing.\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003c!-- Cream --\u003e\n \u003cdiv class=\"product-card\"\u003e\n \u003cimg 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\" alt=\"Some By Mi Cream\" class=\"product-image\"\u003e\n \u003ch3 class=\"product-title\"\u003eProtective Cream (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: #80ae93;\"\u003eThe final shield for lasting results.\u003c\/p\u003e\n \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 CICA extracts\u003c\/strong\u003e for comprehensive repair.\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\u003eBuilds a strong protective barrier\u003c\/strong\u003e against external aggressors.\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\u003eBoosts collagen production\u003c\/strong\u003e for firmer, more elastic skin.\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\u003eDeep hydration\u003c\/strong\u003e that lasts all night.\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\u003eLightweight and fast-absorbing\u003c\/strong\u003e for all skin types.\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Science Section --\u003e\n \u003cdiv class=\"science-section\"\u003e\n \u003ch2 style=\"color: #80ae93; font-size: 2.2em; text-align: center; margin-bottom: 20px;\"\u003eTriple AHA\/BHA\/PHA Technology: Your Acne-Fighting Arsenal\u003c\/h2\u003e\n \u003cp style=\"text-align: center; font-size: 1.2em; margin-bottom: 30px; opacity: 0.9;\"\u003eEach acid targets a specific skin concern for unbeatable results.\u003c\/p\u003e\n\n \u003cdiv class=\"acid-grid\"\u003e\n \u003cdiv class=\"acid-card\"\u003e\n \u003ch4 class=\"acid-title\"\u003eAHA (Alpha Hydroxy Acid) - Surface Exfoliator\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\u003eDissolves dead skin cells\u003c\/strong\u003e that clog pores.\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\u003eBoosts cell renewal\u003c\/strong\u003e for smoother skin.\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\u003eFades dark spots\u003c\/strong\u003e and acne scars.\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"acid-card\"\u003e\n \u003ch4 class=\"acid-title\"\u003eBHA (Beta Hydroxy Acid) - Deep Pore Cleanser\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\u003ePenetrates pores\u003c\/strong\u003e to dissolve excess oil.\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\u003eCleanses from within\u003c\/strong\u003e to prevent new breakouts.\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\u003eMinimizes pores\u003c\/strong\u003e and refines skin texture.\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"acid-card\"\u003e\n \u003ch4 class=\"acid-title\"\u003ePHA (Poly Hydroxy Acid) - Gentle Soother\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\u003eGentle exfoliation\u003c\/strong\u003e safe for sensitive skin.\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\u003eLocks in moisture\u003c\/strong\u003e during exfoliation.\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\u003eReduces redness\u003c\/strong\u003e and soothes irritation.\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"text-align: center; margin-top: 40px; padding: 25px; background: #404040; border-radius: 15px; border: 2px solid #80ae93;\"\u003e\n \u003cp style=\"font-size: 1.3em; font-weight: bold; color: #80ae93;\"\u003eThe Result: Comprehensive exfoliation without irritation + deep pore cleansing + balanced hydration.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-top: 40px; text-align: center;\"\u003e\n \u003ch3 style=\"color: #80ae93; font-size: 1.8em; margin-bottom: 20px;\"\u003e100ppm Tea Tree Extract - Nature’s Acne Fighter\u003c\/h3\u003e\n \u003cp style=\"font-size: 1.1em; margin-bottom: 20px; font-weight: bold; opacity: 0.9;\"\u003eWhy Tea Tree? It’s nature’s ultimate solution for troubled skin.\u003c\/p\u003e\n \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 #80ae93;\"\u003e\n \u003cstrong\u003ePowerful Antibacterial\u003c\/strong\u003e\u003cbr\u003eTackles the root cause of acne.\n \u003c\/div\u003e\n \u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #80ae93;\"\u003e\n \u003cstrong\u003eNatural Anti-Inflammatory\u003c\/strong\u003e\u003cbr\u003eCalms redness and irritation.\n \u003c\/div\u003e\n \u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #80ae93;\"\u003e\n \u003cstrong\u003eControls Oil Production\u003c\/strong\u003e\u003cbr\u003ePrevents excess shine.\n \u003c\/div\u003e\n \u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #80ae93;\"\u003e\n \u003cstrong\u003eDeep Pore Cleansing\u003c\/strong\u003e\u003cbr\u003eKeeps pores clear and clog-free.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp style=\"margin-top: 30px; font-size: 1.2em; font-weight: bold; color: #80ae93;\"\u003e100ppm in every product = a perfect therapeutic dose—strong enough to work, gentle enough to be safe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Journey Timeline --\u003e\n \u003cdiv class=\"section-header\"\u003e\n \u003ch2 class=\"section-title\"\u003eYour 30-Day Journey to Radiant Skin\u003c\/h2\u003e\n \u003c\/div\u003e\n\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\"\u003eWeek 1: The Kickstart\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\u003eDeeper cleansing\u003c\/strong\u003e than ever before.\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\u003eInstant oil reduction\u003c\/strong\u003e and less shine.\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\u003eCalms existing inflammation\u003c\/strong\u003e and redness.\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-week\"\u003e\n \u003cdiv class=\"week-number\"\u003e2\u003c\/div\u003e\n \u003ch3 class=\"week-title\"\u003eWeek 2: Visible Progress\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\u003eFewer new breakouts\u003c\/strong\u003e form.\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\u003eSmoother skin texture\u003c\/strong\u003e emerges.\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\u003eBlackheads start to fade\u003c\/strong\u003e.\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-week\"\u003e\n \u003cdiv class=\"week-number\"\u003e3\u003c\/div\u003e\n \u003ch3 class=\"week-title\"\u003eWeek 3: Clear Transformation\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\u003eNoticeably smaller pores\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\u003eMost acne clears up\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\u003eBrighter, more even skin tone\u003c\/strong\u003e.\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-week\"\u003e\n \u003cdiv class=\"week-number\"\u003e4\u003c\/div\u003e\n \u003ch3 class=\"week-title\"\u003eWeek 4: The Miracle Moment\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\u003eClear, acne-free skin\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\u003eSmaller, cleaner pores\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\u003eEven, radiant complexion\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\u003eSilky-smooth texture\u003c\/strong\u003e.\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"text-align: center; margin-top: 40px; padding: 30px; background: white; border-radius: 15px; border: 3px solid #80ae93;\"\u003e\n \u003cp style=\"font-size: 1.4em; font-weight: bold; color: #80ae93;\"\u003eThe Final Result: Flawless skin worth every moment of the challenge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Value Section --\u003e\n \u003cdiv class=\"value-section\"\u003e\n \u003ch2 style=\"color: #80ae93; font-size: 2.2em; text-align: center; margin-bottom: 20px;\"\u003eUnmatched Value for Your Investment\u003c\/h2\u003e\n \u003cp style=\"text-align: center; font-size: 1.2em; margin-bottom: 30px; opacity: 0.9;\"\u003eA true investment in your skin’s health.\u003c\/p\u003e\n\n \u003cdiv class=\"value-grid\"\u003e\n \u003cdiv class=\"value-item\"\u003e\n \u003ch3\u003eComplete Routine in One Kit\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eNo need to hunt for individual products or the perfect combo.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eThe Result:\u003c\/strong\u003e A scientifically crafted routine that works as a cohesive unit.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"value-item\"\u003e\n \u003ch3\u003e30 Days of Daily Care\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eMeets all your skin’s needs for a full month.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"value-item\"\u003e\n \u003ch3\u003eWorld-Class Ingredients\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eFormulated with the finest skincare ingredients:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul style=\"margin-top: 15px;\"\u003e\n \u003cli\u003e\u003cstrong\u003eAHA\/BHA\/PHA Technology:\u003c\/strong\u003e Cutting-edge science.\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003ePure Tea Tree Extract:\u003c\/strong\u003e Premium quality from Australia.\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eConcentrated Centella Asiatica:\u003c\/strong\u003e The green gold for soothing skin.\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eHigh-Purity Niacinamide:\u003c\/strong\u003e Vitamin B3 in its purest form.\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003e4-CICA Complex:\u003c\/strong\u003e Exclusive technology for barrier repair.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Final CTA --\u003e\n \u003cdiv class=\"cta-final\"\u003e\n \u003ch2 class=\"cta-title\"\u003eThe Hard Truth\u003c\/h2\u003e\n \u003cp class=\"cta-text\"\u003e\n \u003cstrong\u003eSkin problems don’t fix themselves.\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003cp class=\"cta-text\"\u003e\n Every day you wait means more breakouts, deeper scars, and larger pores.\n \u003c\/p\u003e\n \u003cp class=\"cta-text\"\u003e\n The \u003cstrong\u003eSome By Mi AC SOS Kit\u003c\/strong\u003e isn’t just products—it’s a \u003cstrong\u003ereal challenge to transform your skin for good\u003c\/strong\u003e.\n \u003c\/p\u003e\n \u003cdiv class=\"highlight-text\"\u003e\n Just 30 days... it’ll change everything, or you’ll wish you tried.\n \u003c\/div\u003e\n \u003cp class=\"cta-text\" style=\"font-size: 1.3em; font-weight: bold;\"\u003e\n Are you ready for the challenge?\n \u003c\/p\u003e\n \u003cp class=\"cta-text\"\u003e\n \u003cstrong\u003eOrder the kit now and start your 30-day journey to dream skin.\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003cdiv class=\"highlight-text\" style=\"font-size: 1.5em;\"\u003e\n Remember: Perfect skin isn’t a dream—it’s a decision.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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 = 'slideInLeft 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, #80ae93, #80ae93);\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, #80ae93, #80ae93);\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 slideInLeft animation for timeline\n const slideInLeftKeyframes = `\n @keyframes slideInLeft {\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n `;\n \n const style = document.createElement('style');\n style.textContent = slideInLeftKeyframes;\n document.head.appendChild(style);\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"some by mi","offers":[{"title":"Default Title","offer_id":46999411851438,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/SOME_by_MI_AHA_BHA_PHA_30_Days_Miracle_AC_SOS_Kit.jpg?v=1788175297"},{"product_id":"beauty-of-joseon-relief-sun-aqua-fresh-rice-b5-spf50","title":"Beauty of Joseon - Water Sunscreen: Hydration {B5} \u0026 Radiance Rice (Non-Greasy)","description":"\u003cdiv class=\"aqua-relief-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n \/* === Premium Arabic Font === *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900\u0026display=swap');\n\n \/* === Core Variables (Dark Mode) === *\/\n .aqua-relief-wrapper {\n --aqua-bg-base: #0a0e17; \/* Deep midnight blue\/black *\/\n --aqua-bg-card: rgba(16, 24, 40, 0.7); \/* Translucent dark navy *\/\n --aqua-bg-card-hover: rgba(26, 36, 56, 0.9);\n --aqua-primary: #5cb8e4;\n --aqua-dark: #38bdf8; \/* Brighter aqua for dark mode contrast *\/\n --aqua-light: rgba(92, 184, 228, 0.15); \/* Tinted background for badges *\/\n --aqua-gradient: linear-gradient(135deg, #38bdf8 0%, #0284c7 100%);\n --pearl-gradient: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, rgba(16,24,40,0.8) 100%);\n --gold-accent: #d4af37;\n --text-main: #f8fafc; \/* Near white for dark mode *\/\n --text-muted: #94a3b8; \/* Light slate gray *\/\n --border-glass: rgba(92, 184, 228, 0.2);\n --glow-aqua: rgba(56, 189, 248, 0.25);\n \n background-color: var(--aqua-bg-base);\n color: var(--text-main);\n font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.7;\n overflow: hidden;\n position: relative;\n padding: 0 0 60px 0;\n border-radius: 24px;\n box-shadow: 0 0 50px rgba(0,0,0,0.5) inset;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .aqua-relief-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .aqua-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n \/* === Typography Utilities === *\/\n .aqua-text-gradient {\n background: var(--aqua-gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n display: inline-block;\n text-shadow: 0 2px 10px rgba(56, 189, 248, 0.3);\n }\n\n .aqua-section-title {\n font-size: clamp(26px, 4vw, 38px);\n font-weight: 900;\n text-align: center;\n margin: 80px 0 20px;\n color: #ffffff; \/* White for better visibility *\/\n position: relative;\n }\n\n .aqua-section-subtitle {\n text-align: center;\n font-size: clamp(16px, 2vw, 18px);\n color: var(--text-muted);\n max-width: 700px;\n margin: 0 auto 50px;\n font-weight: 500;\n }\n\n \/* === Ambient Background === *\/\n .aqua-ambient {\n position: absolute;\n top: 0; left: 0; width: 100%; height: 100%;\n z-index: 0;\n pointer-events: none;\n overflow: hidden;\n }\n \n .aqua-glow-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.5;\n animation: orbDrift 15s infinite alternate ease-in-out;\n }\n\n .aqua-orb-1 { width: 400px; height: 400px; background: rgba(92, 184, 228, 0.15); top: -50px; right: -50px; }\n .aqua-orb-2 { width: 500px; height: 500px; background: rgba(212, 175, 55, 0.08); bottom: 10%; left: -150px; animation-delay: -5s; }\n\n @keyframes orbDrift {\n 0% { transform: translate(0, 0) scale(1); }\n 100% { transform: translate(-30px, 50px) scale(1.1); }\n }\n\n \/* === Hero Section === *\/\n .aqua-hero {\n position: relative;\n padding: 80px 20px 40px;\n text-align: center;\n background: radial-gradient(circle at top, rgba(56,189,248,0.1) 0%, var(--aqua-bg-base) 70%);\n border-bottom: 1px solid var(--border-glass);\n }\n\n .aqua-hero-icon {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: 80px;\n height: 80px;\n margin-bottom: 20px;\n animation: float 3s ease-in-out infinite;\n filter: drop-shadow(0 5px 15px var(--glow-aqua));\n color: var(--aqua-primary);\n font-size: 40px;\n font-weight: 900;\n font-family: system-ui, sans-serif;\n background: var(--aqua-bg-card); \/* Darker background *\/\n border-radius: 50%;\n box-shadow: 0 10px 25px rgba(56, 189, 248, 0.2);\n border: 1px solid var(--border-glass);\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\n\n .aqua-main-title {\n font-size: clamp(32px, 5vw, 52px);\n font-weight: 900;\n margin-bottom: 25px;\n line-height: 1.3;\n letter-spacing: -0.5px;\n color: #ffffff;\n }\n\n .aqua-hero-subtitle-text {\n font-size: clamp(16px, 2.5vw, 20px);\n color: var(--text-main);\n max-width: 800px;\n margin: 0 auto 40px;\n line-height: 1.8;\n font-weight: 500;\n }\n\n \/* === Video \u0026 Image Wrappers === *\/\n .aqua-media-wrapper {\n position: relative;\n width: 100%;\n margin: 0 auto;\n perspective: 1000px;\n display: block;\n }\n\n .aqua-media-wrapper.size-lg { max-width: 850px; }\n .aqua-media-wrapper.size-md { max-width: 700px; }\n .aqua-media-wrapper.size-sm { max-width: 550px; }\n\n .aqua-product-media {\n width: 100%;\n height: auto;\n display: block;\n border-radius: 20px;\n box-shadow: 0 30px 60px rgba(0,0,0,0.6), 0 0 30px var(--glow-aqua);\n border: 2px solid var(--border-glass); \/* Subtler border *\/\n transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);\n object-fit: cover;\n }\n\n \/* === Glass Cards \u0026 Grids === *\/\n .aqua-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px; }\n .aqua-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }\n\n .aqua-glass-card {\n background: var(--aqua-bg-card);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid var(--border-glass);\n border-radius: 20px;\n padding: 35px 25px;\n position: relative;\n overflow: hidden;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n text-align: left;\n box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n }\n\n .aqua-glass-card::before {\n content: '';\n position: absolute;\n top: 0; right: 0;\n width: 4px; height: 100%;\n background: var(--aqua-gradient);\n opacity: 0;\n transition: 0.4s ease;\n }\n\n .aqua-glass-card:hover {\n transform: translateY(-8px);\n background: var(--aqua-bg-card-hover);\n box-shadow: 0 15px 35px rgba(0,0,0,0.4), 0 0 20px var(--glow-aqua);\n border-color: var(--aqua-primary);\n }\n\n .aqua-glass-card:hover::before { opacity: 1; }\n\n .aqua-card-title {\n font-size: 1.3rem;\n color: #ffffff;\n margin-bottom: 12px;\n font-weight: 800;\n }\n\n .aqua-card-desc {\n color: var(--text-muted);\n font-size: 1rem;\n line-height: 1.7;\n }\n\n \/* === Impact Highlight Section === *\/\n .aqua-impact-wrapper {\n background: var(--pearl-gradient);\n padding: 60px 40px;\n margin: 60px 0;\n border-radius: 24px;\n border: 1px solid var(--border-glass);\n box-shadow: 0 20px 40px rgba(0,0,0,0.3);\n text-align: center;\n }\n\n \/* === Icons === *\/\n .aqua-icon-badge {\n width: 60px; height: 60px;\n background: var(--aqua-light);\n border: 1px solid var(--border-glass);\n border-radius: 16px;\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 20px;\n color: var(--aqua-dark);\n transition: 0.4s ease;\n font-size: 24px;\n font-weight: 900;\n font-family: system-ui, sans-serif;\n box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n }\n\n .aqua-glass-card:hover .aqua-icon-badge {\n background: var(--aqua-gradient);\n color: white;\n transform: scale(1.1) rotate(5deg);\n }\n\n \/* === Timeline === *\/\n .aqua-timeline {\n position: relative;\n max-width: 800px;\n margin: 0 auto;\n padding: 20px 0;\n }\n\n .aqua-timeline::before {\n content: '';\n position: absolute;\n top: 0; right: 50%;\n width: 2px; height: 100%;\n background: linear-gradient(to bottom, transparent, var(--aqua-primary), transparent);\n transform: translateX(50%);\n }\n\n .aqua-timeline-item {\n display: flex;\n justify-content: flex-end;\n padding-left: 50%;\n position: relative;\n margin-bottom: 30px;\n }\n\n .aqua-timeline-item:nth-child(even) {\n justify-content: flex-start;\n padding-left: 0;\n padding-right: 50%;\n }\n\n .aqua-timeline-content {\n width: 90%;\n background: var(--aqua-bg-card);\n border: 1px solid var(--border-glass);\n padding: 25px;\n border-radius: 16px;\n position: relative;\n transition: all 0.3s;\n box-shadow: 0 10px 20px rgba(0,0,0,0.2);\n }\n\n .aqua-timeline-content:hover {\n border-color: var(--aqua-primary);\n transform: translateY(-5px);\n box-shadow: 0 15px 30px rgba(92, 184, 228, 0.1);\n }\n\n .aqua-timeline-badge {\n position: absolute;\n top: 25px; right: -6.5%;\n width: 14px; height: 14px;\n background: var(--aqua-bg-base);\n border: 3px solid var(--aqua-primary);\n border-radius: 50%;\n z-index: 2;\n box-shadow: 0 0 10px var(--glow-aqua);\n }\n\n .aqua-timeline-item:nth-child(even) .aqua-timeline-badge {\n right: auto;\n left: -6.5%;\n }\n\n .aqua-time-label {\n color: var(--aqua-dark);\n font-weight: 800;\n margin-bottom: 10px;\n font-size: 1.1rem;\n display: inline-block;\n background: var(--aqua-light);\n padding: 4px 15px;\n border-radius: 20px;\n }\n\n \/* === Comparison Section === *\/\n .aqua-comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n margin: 40px 0;\n }\n\n .aqua-comp-card {\n background: var(--aqua-bg-card);\n padding: 30px;\n border-radius: 20px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n border: 1px solid var(--border-glass);\n }\n\n .aqua-comp-card.premium {\n border: 2px solid var(--aqua-primary);\n background: var(--pearl-gradient);\n transform: scale(1.02);\n box-shadow: 0 20px 50px rgba(0,0,0,0.4), 0 0 30px var(--glow-aqua);\n }\n\n .aqua-comp-list { list-style: none; padding: 0; }\n .aqua-comp-item {\n padding: 12px 0;\n border-bottom: 1px solid rgba(255,255,255,0.05);\n display: flex;\n align-items: center;\n gap: 12px;\n color: var(--text-muted);\n }\n .aqua-comp-item:last-child { border-bottom: none; }\n \n .aqua-comp-card.premium .aqua-comp-item { color: var(--text-main); font-weight: 500; }\n\n .aqua-check-icon {\n width: 24px; height: 24px;\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-weight: bold; font-size: 14px;\n color: white; flex-shrink: 0;\n }\n .aqua-check-basic { background: #475569; } \/* Darker slate for basic check *\/\n .aqua-check-premium { background: var(--aqua-gradient); }\n\n \/* === CTA Section === *\/\n .aqua-cta {\n text-align: center;\n margin-top: 80px;\n padding: 60px 30px;\n background: linear-gradient(135deg, rgba(16,24,40,0.8) 0%, rgba(2,132,199,0.1) 100%);\n border-radius: 24px;\n border: 1px solid var(--border-glass);\n box-shadow: 0 30px 60px rgba(0,0,0,0.5);\n }\n\n .aqua-btn-primary {\n display: inline-block;\n background: var(--aqua-gradient);\n background-size: 200% auto;\n color: white;\n padding: 18px 45px;\n border-radius: 40px;\n font-size: 1.2rem;\n font-weight: 900;\n text-decoration: none;\n border: none;\n cursor: pointer;\n transition: 0.5s ease;\n box-shadow: 0 10px 25px rgba(92, 184, 228, 0.4);\n margin-top: 30px;\n font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n }\n\n .aqua-btn-primary:hover {\n background-position: right center;\n transform: translateY(-3px);\n box-shadow: 0 15px 35px rgba(92, 184, 228, 0.6);\n }\n\n \/* === Animations === *\/\n .aqua-reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .aqua-reveal.aqua-active { opacity: 1; transform: translateY(0); }\n .delay-1 { transition-delay: 0.1s; }\n .delay-2 { transition-delay: 0.2s; }\n .delay-3 { transition-delay: 0.3s; }\n\n @media (max-width: 768px) {\n .aqua-timeline::before { right: 20px; transform: none; }\n .aqua-timeline-item { padding-left: 0; padding-right: 50px; justify-content: flex-start; }\n .aqua-timeline-item:nth-child(even) { padding-left: 0; padding-right: 50px; }\n .aqua-timeline-content { width: 100%; }\n .aqua-timeline-badge { right: 14px; top: 25px; }\n .aqua-timeline-item:nth-child(even) .aqua-timeline-badge { left: auto; right: 14px; }\n \n .aqua-comp-card.premium { transform: scale(1); margin-top: 20px; }\n .aqua-hero { padding: 50px 15px 20px; }\n .aqua-cta { padding: 40px 20px; }\n .aqua-product-media { box-shadow: 0 15px 30px rgba(0,0,0,0.4); border-width: 1px; }\n .aqua-media-wrapper { padding: 0 10px; }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"aqua-ambient\"\u003e\n\u003cdiv class=\"aqua-glow-orb aqua-orb-1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-glow-orb aqua-orb-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"aqua-hero\"\u003e\n\u003cdiv class=\"aqua-container\"\u003e\n\u003cdiv class=\"aqua-hero-icon\"\u003e💧\u003c\/div\u003e\n\u003ch1 class=\"aqua-main-title aqua-reveal aqua-active\"\u003eRelief Sun Aqua Fresh\u003cbr\/\u003e\u003cspan class=\"aqua-text-gradient\"\u003eKorean sunscreen\u003c\/span\u003e What will make you love the sun again\u003c\/h1\u003e\n\u003cp class=\"aqua-hero-subtitle-text aqua-reveal aqua-active delay-1\"\u003e\n Imagine a sunscreen with a watery texture that disappears in seconds, and it contains 30% rice seed water, which makes Korean stars’ skin look amazing, and with 5 advanced protection filters. It protects, moisturizes, brightens and treats - 4 products in one.\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 Your browser does not support video display.\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\"\u003eWatery texture disappears in seconds\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eIt is unlike any ordinary sunscreen, a very light formula that is absorbed by the skin immediately.\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% rice seed water\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eThe ancient Korean beauty secret to brighten and deeply moisturize the skin.\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\"\u003eWithout whiteness or oiliness\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eEven for oily skin, it leaves no annoying white residue or unwanted shine.\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 advanced protection filters\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eThe strongest protection in the region against all types of harmful rays.\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 products in one\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eStrong protection + deep hydration + spot lightening + skin barrier treatment.\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;\"\u003eHave you tried a lot of sunscreens... and because of so much inconvenience, you decided to let the sun eat away at your skin?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.15rem; color: var(--text-muted); margin-bottom: 25px;\"\u003e\n If you're tired of sunscreens that leave your skin white, or that make your skin greasy and sticky, or that don't really protect you from the sun...\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 will completely change your idea\u003c\/p\u003e\n\u003cp style=\"font-size: 1rem; color: var(--text-muted); margin-top: 10px;\"\u003eFrom the first use, you will feel that you are applying a moisturizing serum, not a sunscreen.\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\"\u003eRice seed water 30% - the secret of Korean beauty\u003c\/h2\u003e\n\u003cp class=\"aqua-section-subtitle aqua-reveal\"\u003eWhat makes one ingredient equal the price of an entire sunscreen?\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=\"Rice seed water in 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;\"\u003eAn ancient secret thousands of years old\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\" style=\"margin-bottom: 20px;\"\u003eRice seed water is not just an ordinary ingredient... This is the secret of Korean beauty that Asian stars inherit from their families.\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;\"\u003eThe most expensive component in the composition:\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 It is extracted in special ways that preserve its benefits.\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% very high concentration - the highest percentage in a sunscreen.\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 Antioxidants 10 times stronger than 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;\"\u003eWhat will it do to your skin?\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 Your skin regains its natural radiance within weeks.\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 Lightens dark spots and unifies their color.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e Moisturizes it to a depth of 7 layers.\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 advanced protection filters - a complete team against the sun\u003c\/h2\u003e\n\u003cp class=\"aqua-section-subtitle aqua-reveal\"\u003eAt a time when all prevention products provide you with one filter, this cream provides 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\"\u003eThe first guard: It absorbs the rays and turns them into harmless heat.\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\"\u003eThe comprehensive fighter: protects against UVA and UVB with 99% efficiency.\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: It targets the rays that cause skin aging.\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: It fights rays that penetrate the deep layers of the skin.\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\"\u003eThe ultimate shield: double protection and long-lasting stability on the skin.\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;\"\u003eResult: SPF 57.9 + PA++++ UVA PF 19.3 protection - higher than written on the package!\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Timeline Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003eJourney of change - see your skin improve every day\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\"\u003eFirst day\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eThe first surprise\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Immediate protection from the first time.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ A feeling of freshness and deep hydration.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ A watery texture that disappears without a greasy effect.\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\"\u003eAfter a week\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eThe sweet beginning\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ The skin is softer and more radiant.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Reduce excess shine for oily skin.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Noticeable improvement in skin texture.\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\"\u003eAfter a month\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eThe results speak\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Clear radiance and unification of skin tone.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Dark spots are starting to diminish.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Stronger and more resistant skin.\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\"\u003eCompared to any other sunscreen - the difference is clear\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);\"\u003eRegular sunscreen (100 pounds)\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 Just normal protection\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Greasy texture or clear whiteness\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Ordinary chemical components\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e There are no additional benefits\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Result: only temporary protection\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 Strong protection + moisturizing + treatment + beautification\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Luxurious watery texture that disappears over time\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Rare and expensive natural ingredients\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Continuous improvement in skin quality\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e The result: an investment in the beauty and health of your skin\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=\"Invest in protecting your skin now\" 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\"\u003eToday's decision will determine the shape of your skin tomorrow\u003c\/h2\u003e\n\u003cp class=\"aqua-card-desc\" style=\"max-width: 750px; margin: 0 auto 20px; font-size: 1.15rem;\"\u003e\n The sun is your skin's biggest enemy, the biggest cause of premature aging, and the first cause of pigmentation and spots. Will you let the sun eat away at your skin, or will you invest in protecting it with a treatment product that improves it every day?\n \u003c\/p\u003e\n\u003cp style=\"font-size: 1.3rem; font-weight: 800; color: var(--aqua-dark);\"\u003eThe right decision is clear!\u003c\/p\u003e\n\u003cbutton class=\"aqua-btn-primary\"\u003eOrder it now... and invest in the future of your skin\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":46999412408494,"sku":null,"price":22.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/4000a17e-2027-48ff-9425-bb8669e8ee8a.webp?v=1788175293"},{"product_id":"skin-1004-madagascar-centella-hyalu-cica-water-fit-sun-serum-spf-50-50-ml","title":"SKIN1004 Sunscreen Water Serum with Centella Madagascar and 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\"\u003eSunscreen that will make you love the sun from the first use\u003c\/h1\u003e\n\u003cp class=\"ph-hero-subtitle\"\u003e\u003cstrong\u003eIt is not just an ordinary sunscreen... This is an integrated care serum with exceptional protection SPF50+ PA++++ with centella and hyaluronic acid.\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 This sunscreen is unlike any sunscreen you have ever tried. Imagine a sunscreen that protects you, moisturizes you, and keeps you radiant at the same time? Imagine applying sunscreen and not feeling it at all on your skin? Imagine powerful sun protection without any whiteness, greasyness or stickiness? This is not imagination...this \u003cstrong\u003eSKIN1004 Centella Hyalu-Cica Water-Fit Sun Serum\u003c\/strong\u003e. It's not just an ordinary sunscreen... it's a complete care serum with exceptional protection.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 2 --\u003e\n\u003cimg alt=\"Benefits of 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\"\u003eProtection + care + beauty in one product - 6 exceptional benefits\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003e\n The most powerful natural ingredients combined for the first time\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\"\u003eSuperior protection SPF50+ PA++++\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eThe strongest protection against harmful UVA and UVB rays with advanced Korean protection technology\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\"\u003eDeep hydration with hyaluronic acid\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eIt keeps the skin hydrated all day long with 3 different molecular sizes\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\"\u003eIt soothes skin infections\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eWith concentrated 9800ppm Centella extract from Madagascar for instant soothing\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\"\u003eLight watery texture\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eIt disappears into the skin without a trace, is completely transparent and suitable for all skin tones\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\"\u003eInstant natural radiance\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eIt makes your skin shine healthy and evens out its color with niacinamide\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\"\u003eSafe for sensitive skin\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eHypoallergenic and dermatologist tested\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\"\u003eThe magic formula: protection + care + beauty in one product\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003eThe most powerful natural ingredients combined for the first time\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 3 --\u003e\n\u003cimg alt=\"SKIN1004 magic formula\" 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\"\u003eAdvanced scientific components\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003e\n 4 powerful ingredient combinations working in perfect harmony\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\"\u003eThe purest and most powerful Centella in the world from Madagascar\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCentella is an herbal miracle that has the ability to soothe the most severe cases of irritation and redness in seconds\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eCalms skin infections:\u003c\/strong\u003e And redness immediately\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAccelerates the healing of small wounds:\u003c\/strong\u003e And the effects of grains\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStrengthens the skin's natural barrier:\u003c\/strong\u003e Against external factors\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtects against pollution and dust:\u003c\/strong\u003e During sun protection\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eHyaluronic acid with 3 molecular sizes - deep hydration\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eAdvanced technology to moisturize all layers of the skin\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003eThe magic is in diversity:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePlain Hyaluronic Acid:\u003c\/strong\u003e for the surface layer\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHyaluronic acid analyzer:\u003c\/strong\u003e For deep layers\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSodium hyaluronate:\u003c\/strong\u003e For continuous hydration\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMoisturizing 1000 times:\u003c\/strong\u003e The weight of a molecule in water\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eNiacinamide - pigmentation treatment\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eVitamin B3, which evens skin tone and protects it\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003eMultiple benefits:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eReduces pigmentation:\u003c\/strong\u003e Resulting from sun damage\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRegulates sebum secretion:\u003c\/strong\u003e For oily and mixed skin\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eImproves skin texture:\u003c\/strong\u003e And its softness\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStrengthens skin immunity:\u003c\/strong\u003e Against harmful factors\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eNatural antioxidants - comprehensive protection\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eOxidation damage is the number one cause of premature aging and stubborn pigmentation\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003eDefending team:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eGreen tea extract:\u003c\/strong\u003e Powerful antioxidant\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBroccoli extract:\u003c\/strong\u003e Essential vitamins and minerals\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eWatercress extract:\u003c\/strong\u003e Activates blood circulation\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlfalfa extract:\u003c\/strong\u003e Deep cell nourishment\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\"\u003eWhy is SKIN1004 different from other sunscreens?\u003c\/h2\u003e\n\u003ch3 class=\"ph-problem-subtitle\"\u003e\n\u003cstrong\u003eRegular sunscreens vs SKIN1004 - the difference is clear\u003c\/strong\u003e\n\u003c\/h3\u003e\n\u003cp class=\"ph-problem-text\"\u003e\n Most sunscreens on the market focus only on protection, but leave the skin dry, oily, or with an annoying white layer. The sun's rays harm your skin even on cloudy days, and every day without proper protection, skin cells become more damaged.\n \u003c\/p\u003e\n\u003cdiv class=\"ph-problem-details\"\u003e\n\u003ch4 class=\"ph-problem-detail-title\"\u003eComprehensive comparison:\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\u003eTraditional sunscreens\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ A greasy and sticky texture that makes the skin shine in a not-so-sweet way\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Clear whiteness that appears on the skin for hours\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Dryness and irritation, especially for sensitive skin\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Protection only without any additional benefits\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Difficult to remove and clogs pores\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✓ Light watery texture that disappears in seconds\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ Completely transparent, suitable for all skin tones\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ Moisturize and soothe with protection\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ Integrated skin care while protecting\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ Easy to remove and comfortable for daily use\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"ph-problem-highlight\"\u003e\n\u003cstrong\u003eProtection is not a luxury...it is a necessity for the health and beauty of your skin\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 4 --\u003e\n\u003cimg alt=\"Compare SKIN1004 with other products\" 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\"\u003eA journey of protection and beauty - see the difference from the first day\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003eIt's not just protection...it's a comprehensive improvement for your skin\u003c\/p\u003e\n\u003cdiv class=\"ph-timeline-container\"\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eFrom the first use\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eThe pleasant surprise\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eInstant protection from the strongest sun rays\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eDeep hydration is preferred for long hours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eNatural radiance without any whiteness or oiliness\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eComplete comfort even for sensitive skin\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\"\u003eAfter a week\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eObvious improvement\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eThe skin is noticeably smoother and more elastic\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eReducing redness and skin inflammation\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eBetter skin tone and natural radiance\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eProven protection without any sunburn\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\"\u003eAfter a month\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eContinuous improvement\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eHealthier, more vibrant skin from deep hydration\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eImprovement in skin texture and smoothness\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003ePowerful protection against all sun damage and pollution\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eGreater confidence in using the product daily\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\"\u003eAfter 3 months\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eComplete protection and care\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eSkin protected 100% from sun damage and aging\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eBetter overall skin health from natural ingredients\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eLasting radiance and natural vitality\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eA healthy habit that has become part of your daily routine\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 It's not just protection...it's a comprehensive improvement for your skin in the long term\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 5 --\u003e\n\u003cimg alt=\"Journey to improvement with 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 application method - for maximum protection and beauty\u003c\/h2\u003e\n\u003cp class=\"ph-usage-subtitle\"\u003eSimple steps for perfect results\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\"\u003eIn the morning\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eCleanse your face with the appropriate lotion, moisturize your skin with your usual moisturizer, wait 5 minutes for the moisturizer to dry, apply an appropriate amount of serum and sunscreen.\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\"\u003eApplication method\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eSqueeze a coin-sized amount (about a teaspoon), gently spread over entire face and neck, gently pat until fully absorbed, wait 5 minutes before applying 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\"\u003eRe-application\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eEvery two hours when exposed to direct sun, after swimming or heavy sweating. Easy to apply even over light makeup\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\"\u003eImportant tips\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eUse daily for best results, suitable under sunscreen and makeup, safe for frequent use\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\"\u003eWhy is sunscreen a smart investment?\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 Korean quality:\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eOne of the most famous Korean brands\u003c\/strong\u003e Specialized in Centella products - proven global trust and quality\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReasonable price for great value\u003c\/strong\u003e - Cheaper than most luxury sunscreens with more expensive ingredients\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSatisfaction rate of more than 95%\u003c\/strong\u003e From users around the world\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\"\u003eA smart investment in your skin:\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eA product that has achieved widespread success\u003c\/strong\u003e Excellent reviews worldwide\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSunlight harms your skin\u003c\/strong\u003e Even on cloudy days\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEvery day without protection\u003c\/strong\u003e Your skin cells are more damaged\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\"\u003eImportant warning: Your skin needs protection every day\u003c\/h2\u003e\n\u003cdiv class=\"ph-warning-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eThe sun's rays are harmful to your skin, even on cloudy days\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eEvery day without protection... your skin cells become more damaged\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eEvery week of neglect... the signs of aging appear faster\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eEvery month of postponement...the damage accumulates and remains difficult to repair\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eProtection is not a luxury...it is a necessity for the health and beauty of your skin\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 6 --\u003e\n\u003cimg alt=\"The importance of daily protection\" 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 is not just a sunscreen... it is an investment in the future of your skin\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 Korean quality\u003c\/h4\u003e\n\u003cp\u003eOne of the most famous Korean brands specialized in Centella products - proven global trust and quality with advanced protection technologies\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\u003eReasonable price for great value\u003c\/h4\u003e\n\u003cp\u003eCheaper than most luxury sunscreens with more expensive and key active ingredients - a smart investment in the health of your skin\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\u003eProven success globally\u003c\/h4\u003e\n\u003cp\u003eSatisfaction rate of more than 95% of users around the world - a product that has achieved widespread success and excellent reviews\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\u003eSafe and suitable for everyone\u003c\/h4\u003e\n\u003cp\u003eHypoallergenic and dermatologist tested - suitable for sensitive skin and daily use\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\u003eVersatile\u003c\/h4\u003e\n\u003cp\u003eSunscreen + care serum + light moisturizer + anti-inflammatory - everything the skin needs in one product\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\"\u003eProtect your skin today... and let it thank you in the future\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 Every day, without proper protection, skin cells become more damaged.\u003cbr\/\u003e\n Every week, neglect the signs of aging to appear faster.\n \u003c\/p\u003e\n\u003cdiv class=\"ph-cta-content\"\u003e\n\u003cp class=\"ph-cta-highlight\"\u003eEnjoy the sunshine without fear\u003c\/p\u003e\n\u003cp class=\"ph-cta-subtext\"\u003eWith the strongest protection and softest texture - the sunscreen that will make you love the sun from the first use\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\"\u003eFull ingredient list\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-ingredients-list\"\u003e\n\u003ch2 class=\"ph-ingredients-list-title\"\u003eActive ingredients and complete formula\u003c\/h2\u003e\n\u003cdiv class=\"ph-ingredients-text\"\u003e\n\u003cstrong\u003eMain active ingredients:\u003c\/strong\u003e\u003cbr\/\u003e\n • \u003cstrong\u003eCentella Asiatica Extract (9800ppm)\u003c\/strong\u003e - Madagascan Centella to calm\u003cbr\/\u003e\n • \u003cstrong\u003eHyaluronic Acid Complex (3 sizes)\u003c\/strong\u003e - Hyaluronic acid for deep hydration\u003cbr\/\u003e\n • \u003cstrong\u003eNiacinamide\u003c\/strong\u003e - Vitamin B3 to unify color\u003cbr\/\u003e\n • \u003cstrong\u003eNatural Antioxidants\u003c\/strong\u003e - Natural antioxidants\u003cbr\/\u003e\n • \u003cstrong\u003eSPF50+ PA++++ Filters\u003c\/strong\u003e - Advanced protection filters\u003cbr\/\u003e\u003cbr\/\u003e\n\u003cstrong\u003eFull ingredient list (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✓ Hypoallergenic\u003c\/strong\u003e - Dermatologist laboratory\u003cbr\/\u003e\n\u003cstrong\u003e✓ Suitable for sensitive skin\u003c\/strong\u003e - Gentle and safe formula\u003cbr\/\u003e\n\u003cstrong\u003e✓ Broad spectrum protection\u003c\/strong\u003e - Against UVA, UVB and harmful rays\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":46999413457070,"sku":null,"price":18.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_1_b7925199-d026-46d6-88ae-ac37fcb111d9.jpg?v=1788175283"},{"product_id":"skin-1004-probio-cica-bakuchiol-eye-cream","title":"SKIN1004 Anti-wrinkle and dark circle eye contour cream with bakuchiol and 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 - The eye cream that will return your youth without injections or surgery\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\"\u003eThe eye area exposes you in front of everyone... and you don't care\u003c\/h2\u003e\n\u003cdiv class=\"intro-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eThe eye area is the thinnest part of the face...and the first place where signs of aging appear\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eBut what if I told you that there is a natural and safe way that can restore the youth of your eyes... without harsh retinol or irritating chemicals?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSKIN1004 Probio-Cica Bakuchiol Eye Cream is not just an ordinary eye cream... This is the natural scientific solution that will give your eyes a new youth in complete safety.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 2 --\u003e\n\u003cimg alt=\"Benefits of SKIN1004 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_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\"\u003eReduces wrinkles and fine lines\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eWith the effectiveness of retinol without the 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\"\u003eDeeply moisturizes\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eIt prevents dryness of the delicate skin around the eyes\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\"\u003eIt relieves inflammation and redness\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eWith fermented Centella extract\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\"\u003eOpens dark circles\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eIt unifies the color of the eye area\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% safe for sensitive eyes\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eNo tears or 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\"\u003eEyes 5-10 years younger\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eFrom your real age\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\"\u003eRevolutionary technology: bucchiol + fermented centella + probiotics\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003eThe most powerful natural formula to fight aging around the eyes\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 extract fermented with probiotics - the Korean miracle\u003c\/h3\u003e\n\u003cp style=\"color: #9C8102; font-weight: bold; margin: 15px 0;\"\u003eBiofermentation technology multiplies the strength of Centella 10 times\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\u003ePenetrates thin skin\u003c\/strong\u003e 5 times more effective than regular 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\u003eStrengthens the natural microbiome\u003c\/strong\u003e For the skin around the eyes\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\u003eAccelerates the healing of damaged cells\u003c\/strong\u003e From sun damage and age\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\u003eCalm down immediately\u003c\/strong\u003e Any inflammation or allergy in the sensitive area\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 - safe plant-based retinol\u003c\/h3\u003e\n\u003cp style=\"color: #9C8102; font-weight: bold; margin: 15px 0;\"\u003eA natural alternative to retinol with the same effectiveness without any side effects\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\u003eStimulates cell regeneration\u003c\/strong\u003e Gently and without flaking or 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\u003eActivates collagen production\u003c\/strong\u003e For more youthful and elastic skin\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\u003eReduces lines and wrinkles\u003c\/strong\u003e Scientifically confirmed percentage\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\u003eSafe for daytime use\u003c\/strong\u003e With sunlight without sensitivity\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003e🛡️ Ceramide NP + Niacinamide - Protection and Nutrition\u003c\/h3\u003e\n\u003cp style=\"color: #9C8102; font-weight: bold; margin: 15px 0;\"\u003eStrengthening the skin barrier while brightening and unifying color\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eCeramide NP\u003c\/strong\u003e Locks in moisture and prevents water loss\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\u003eNiacinamide\u003c\/strong\u003e Opens circles and unifies skin tone\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\u003eHyaluronic acid\u003c\/strong\u003e Two molecular sizes for deep hydration\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\u003eShea butter\u003c\/strong\u003e Nourishes and softens sensitive skin\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;\"\u003eWhy is SKIN1004 different from other eye creams?\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.1em; margin-bottom: 30px; opacity: 0.9;\"\u003eRegular Eye Creams vs SKIN1004 - The Honest Comparison\u003c\/p\u003e\n\u003cdiv class=\"comparison-grid\"\u003e\n\u003cdiv class=\"comparison-card basic\"\u003e\n\u003ch3 class=\"comparison-title basic\"\u003eTraditional eye creams\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\u003eHarsh retinol\u003c\/strong\u003e It causes irritation and sensitivity around the eyes\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\u003eChemical components\u003c\/strong\u003e Not suitable for thin skin\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\u003eSlow results\u003c\/strong\u003e It takes many months to appear\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\u003eTemporary improvement\u003c\/strong\u003e It goes away as soon as you stop using it\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\u003eHigh price\u003c\/strong\u003e For limited benefits\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\u003eNatural bicochiol\u003c\/strong\u003e With the effectiveness of retinol without the 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% natural ingredients\u003c\/strong\u003e Safe for sensitive area\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\u003eFast results\u003c\/strong\u003e From the second week\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\u003eCumulative and lasting improvement\u003c\/strong\u003e It increases with time\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\u003eExcellent value\u003c\/strong\u003e Advanced technology at a reasonable price\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 - Watch your eyes change week by week\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003eIt's not just an improvement...it's a revitalization of the Al Ain area\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\"\u003eThe first week\u003c\/div\u003e\n\u003ch3 class=\"timeline-title\"\u003eFirst touch\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\u003eInstant hydration\u003c\/strong\u003e For dry skin around the eyes\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\u003eComplete calm down\u003c\/strong\u003e For existing redness or 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\u003eNoticeable smoothness\u003c\/strong\u003e In the delicate skin texture\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\"\u003eAfter two weeks\u003c\/div\u003e\n\u003ch3 class=\"timeline-title\"\u003eThe beginning of magic\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\u003eVisible reduction in fine lines\u003c\/strong\u003e Modern\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\u003eBrightening in the eye area\u003c\/strong\u003e And improvement in color\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eIncrease in skin elasticity\u003c\/strong\u003e And tensile resistant\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\"\u003eAfter a month\u003c\/div\u003e\n\u003ch3 class=\"timeline-title\"\u003eReal transformation\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\u003eThe disappearance of fine lines\u003c\/strong\u003e Noticeable to the eye\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\u003eClear lightening of dark circles\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\u003eNatural skin tightening\u003c\/strong\u003e Sagging around the eye\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\"\u003eAfter 3 months\u003c\/div\u003e\n\u003ch3 class=\"timeline-title\"\u003eRestored youth\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% less wrinkles\u003c\/strong\u003e From the beginning\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\u003eTight and supple skin\u003c\/strong\u003e Around the eye\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\u003eLook years younger\u003c\/strong\u003e Everyone notices it\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;\"\u003eCorrect how to use\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🌅 In the morning and evening\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\u003eClean the face\u003c\/strong\u003e With the usual gentle lotion\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\u003eDry the eye area\u003c\/strong\u003e Gently without rubbing\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\u003eApply a small amount\u003c\/strong\u003e (the size of a grain of rice) of cream\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\u003ePat gently\u003c\/strong\u003e From the inner to outer corner\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⚠️ Warnings for safe use\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\u003eAvoid getting the product into the eyes\u003c\/strong\u003e directly\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\u003eStart with a small amount\u003c\/strong\u003e Increase gradually as needed\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\u003eDo not use with other retinol products\u003c\/strong\u003e At the same time\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\u003eStop immediately\u003c\/strong\u003e If any abnormal irritation occurs\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⚠️ Important warning: The eye area fades faster than the rest of the face\u003c\/h2\u003e\n\u003cdiv style=\"font-size: 1.1em; line-height: 1.8;\"\u003e\n\u003cp\u003e\u003cstrong\u003eThe skin around the eyes is 10 times thinner than the rest of the face\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eEvery day without special care... the wrinkles get deeper\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eEvery week of neglect... the elasticity of the skin decreases more\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eEvery month of postponement...the damage becomes more difficult to repair\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=\"Invest in the youth of your eyes now\" 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\"\u003eToday's decision will determine the shape of your eyes in the future\u003c\/h2\u003e\n\u003cdiv class=\"cta-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eEvery day without care...the eye area becomes weaker\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePostpone every week... the wrinkles deepen and remain more difficult to treat\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eEvery month of neglect... the gap between your real age and the age of your eyes increases\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cta-highlight\"\u003e\n SKIN1004 is not just an eye cream... it is a safe, natural solution to rejuvenate your eyes\n \u003c\/div\u003e\n\u003cdiv class=\"cta-text\"\u003e\n\u003cstrong\u003eStart your eye rejuvenation journey today... Order now\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\"\u003eFull ingredient list\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":46999413817518,"sku":null,"price":22.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/skin_1004_Probio-Cica_Bakuchiol_Eye_Cream_Gentle_Anti-wrinkle_Eye_Cream_d7bc116b-97da-4363-ad25-50c8c74eb4fb.webp?v=1788175281"},{"product_id":"skin-1004-centella-tea-trica-relief-ampoule","title":"Skin 1004 Green Tea and Pure Centella Ampoule | Inflammation specialist","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 The ultimate solution for pimples and oily skin that does not want to calm down\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\"\u003eYour pills and excess fat destroy your self-confidence... and you are tired of trying\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\u003eHave pimples become a part of your face and are difficult to get rid of?\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\u003eIs your skin so oily that makeup wears off in hours?\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\u003eHave you tried many acne products but they either didn't work or irritated your skin?\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\u003eDo you feel that your pores are wide and oil comes out no matter how clean you clean your face?\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-solution-intro\"\u003e\n\u003cp\u003e\u003cstrong\u003ePimples and oily skin are not just a temporary problem...it is a vicious cycle of inflammation and excess sebum.\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eBut what if I told you that there is a powerful natural formula that can break this cycle...and give you clear, healthy skin without harshness or irritation?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSKIN1004 Centella Tea-Trica Relief Ampoule\u003c\/strong\u003e It's not just an ordinary ampoule... this \u003cstrong\u003eNatural warrior\u003c\/strong\u003e Which will free your skin from the tragedy of pimples and excess fat.\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\"\u003eMain uses and benefits\u003c\/h2\u003e\n\u003cdiv class=\"ph-product-showcase\"\u003e\n\u003cimg alt=\"Product uses\" 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\"\u003eIt attacks grains from the roots\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eWith concentrated tea tree water 94,000ppm\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\"\u003eIt relieves inflammation and redness\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eWith pure Centella extract\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\"\u003eControls excess fat\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eIt prevents unwanted shine\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\"\u003eReduces the size of large pores\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eIt improves skin texture\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\"\u003ePrevents the appearance of new pimples\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eWith continuous protection\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\"\u003eAccelerates the healing of acne scars\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eOld and superficial scars\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\"\u003eLight texture that absorbs quickly\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eNot greasy or sticky\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\"\u003eTested against clogged pores\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eSafe for acne-prone skin\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\"\u003eBalances skin moisture\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eWithout excess fat\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;\"\u003eHow does it work?\u003c\/h2\u003e\n\u003cdiv class=\"ph-product-showcase\"\u003e\n\u003cimg alt=\"Product components\" 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\"\u003eThe strongest natural alliance against pimples and oily skin\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 water 94,000ppm\u003c\/h3\u003e\n\u003cp style=\"color: #D4AF37; font-weight: 600; margin-bottom: 1rem;\"\u003eThe first warrior\u003c\/p\u003e\n\u003cp style=\"margin-bottom: 1rem;\"\u003eHighest concentration of tea tree water in SKIN1004.\u003c\/p\u003e\n\u003cul class=\"tea-trica-benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePowerful natural antibacterial\u003c\/strong\u003e Kills grain bacteria from the roots\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEffective anti-inflammatory\u003c\/strong\u003e It relieves redness and swelling immediately\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRegulates fat secretion\u003c\/strong\u003e It prevents clogged pores\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAccelerates the healing of inflamed pimples\u003c\/strong\u003e It prevents scar formation\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 extract 5,621ppm\u003c\/h3\u003e\n\u003cp style=\"color: #D4AF37; font-weight: 600; margin-bottom: 1rem;\"\u003eThe natural Mahdi\u003c\/p\u003e\n\u003cp style=\"margin-bottom: 1rem;\"\u003eAsian Centella with a high concentration for deep soothing.\u003c\/p\u003e\n\u003cul class=\"tea-trica-benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoothes inflamed skin\u003c\/strong\u003e Without dryness or irritation\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAccelerates cell regeneration\u003c\/strong\u003e It repairs damaged tissues\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStrengthens the skin barrier\u003c\/strong\u003e Against external damage\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStimulates collagen\u003c\/strong\u003e To fill acne scars naturally\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;\"\u003eProtective shield\u003c\/p\u003e\n\u003cp style=\"margin-bottom: 1rem;\"\u003eA natural alliance of 3 pine species for double protection.\u003c\/p\u003e\n\u003cul class=\"tea-trica-benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePowerful antioxidants\u003c\/strong\u003e Fights free radicals\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStrengthens the skin's natural immunity\u003c\/strong\u003e Against bacteria\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtects from pollution and dust\u003c\/strong\u003e Causes of pimples\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eMaintains long-term skin health\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\"\u003eHow to Use\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\"\u003eCleanses the skin\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eCleanse your face with a suitable cleanser and make sure it is completely dry\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\"\u003eUse your favorite toner to prepare the skin\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\"\u003eAmpoule\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eTake 2-3 drops and spread it all over your face in gentle circular motions\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\"\u003ePatting\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eGently pat your skin until completely absorbed\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\"\u003eMoisturizer and protection\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eComplete your routine with moisturizer and sunscreen during the day\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 for use\u003c\/h3\u003e\n\u003cul class=\"ph-tips-list\"\u003e\n\u003cli\u003eUse it morning and evening for optimal results\u003c\/li\u003e\n\u003cli\u003eYou can use it topically on inflamed pimples for intensive treatment\u003c\/li\u003e\n\u003cli\u003eSuitable for daily use - it will not irritate your skin\u003c\/li\u003e\n\u003cli\u003eYou can use it before makeup for smooth, matte skin\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\"\u003eVisible Results Timeline over time\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 week\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eA promising 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\u003eInstant relief of inflammation and redness\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\u003eNoticeable control of oil and shine\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\u003eThe skin begins to remain softer and more comfortable\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\"\u003eWeek 2-3\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eObvious improvement\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\u003eThe existing pimples start to get smaller and heal quickly\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\u003eThe pores begin to narrow and the skin becomes smoother\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\u003eNew pills, a lot less\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\u003eThe skin is balanced and not as shiny\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\"\u003eWeek 4-6\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eComplete transformation\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\u003eClear skin without active pimples\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\u003eThe effects of pimples disappear clearly\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\u003eTightened pores and smooth skin\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\u003ePerfect balance of fat and moisture\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\u003eNaturally healthy and radiant skin\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\"\u003eScientifically proven results\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\u003eImprovement in acne infections\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\u003eReducing fat secretion\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\u003eImprovement in pore size\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\u003eTested against clogged pores\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-clinical-note\"\u003e\n\u003cp\u003eDermatologically tested\u003c\/p\u003e\n\u003cp\u003eSafe for sensitive skin\u003c\/p\u003e\n\u003cp\u003eFree from harmful substances\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\"\u003eWhy choose Tea-Trica Relief Ampoule?\u003c\/h2\u003e\n\u003cdiv class=\"ph-benefits-grid\"\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eA\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003e100% natural\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eNo harmful chemicals - safe for all skin types\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\"\u003eScientifically proven\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eClinical tests confirm effectiveness and safety\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\"\u003eFast results\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eNoticeable improvement from the first week\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\"\u003eHigh concentration\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003e94,000ppm Tea Tree Water - highest concentration\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\"\u003eComprehensive protection\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eTreats and prevents pimples at the same time\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\"\u003eLuxurious feel\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eLight, quickly absorbed, not greasy\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\u003eImportant warning\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003ePimples and oily skin will not get better on their own...\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eEvery day that passes without effective treatment, the skin becomes more damaged and self-confidence decreases.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eTea-Trica Relief Ampoule\u003c\/strong\u003e It is the natural solution that your skin needs right now!\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\"\u003eProduct information\u003c\/h2\u003e\n\u003cdiv class=\"tea-trica-product-info\"\u003e\n\u003cdiv class=\"tea-trica-info-item\"\u003e\n\u003cstrong\u003eSize:\u003c\/strong\u003e 100ml\n \u003c\/div\u003e\n\u003cdiv class=\"tea-trica-info-item\"\u003e\n\u003cstrong\u003eSkin type:\u003c\/strong\u003e Oily, combination, acne-prone, sensitive\n \u003c\/div\u003e\n\u003cdiv class=\"tea-trica-info-item\"\u003e\n\u003cstrong\u003eMain ingredients:\u003c\/strong\u003e Tea Tree Water 94,000ppm, Centella Extract 5,621ppm, Triple Pine Complex\n \u003c\/div\u003e\n\u003cdiv class=\"tea-trica-info-item\"\u003e\n\u003cstrong\u003eFree of:\u003c\/strong\u003e Parabens, sulfates, synthetic fragrances, drying alcohol\n \u003c\/div\u003e\n\u003cdiv class=\"tea-trica-info-item\"\u003e\n\u003cstrong\u003eUsage:\u003c\/strong\u003e Morning and evening\n \u003c\/div\u003e\n\u003cdiv class=\"tea-trica-info-item\"\u003e\n\u003cstrong\u003eShelf life:\u003c\/strong\u003e Two years from the date of production\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Additional Product-Specific Styles *\/\n\n.tea-trica-problem-section {\n background: linear-gradient(135deg, #fff5f5 0%, #ffffff 100%);\n padding: 3rem 2rem;\n border-radius: 15px;\n}\n\n\/* Compact Problem List *\/\n.tea-trica-problem-list {\n max-width: 800px;\n margin: 2rem auto;\n display: grid;\n gap: 1rem;\n}\n\n.tea-trica-problem-item {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n padding: 1rem 1.5rem;\n background: white;\n border-radius: 10px;\n box-shadow: 0 4px 15px rgba(0,0,0,0.06);\n transition: all 0.3s ease;\n border-right: 3px solid #9C8102;\n}\n\n.tea-trica-problem-item:hover {\n transform: translateX(-5px);\n box-shadow: 0 6px 20px rgba(156, 129, 2, 0.15);\n}\n\n.tea-trica-problem-number {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n border-radius: 50%;\n font-weight: 600;\n font-size: 0.9rem;\n flex-shrink: 0;\n}\n\n.tea-trica-problem-item p {\n margin: 0;\n color: #333;\n font-size: 1rem;\n line-height: 1.6;\n}\n\n.tea-trica-solution-intro {\n max-width: 900px;\n margin: 3rem auto 0;\n padding: 2rem;\n background: white;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n text-align: center;\n}\n\n.tea-trica-solution-intro h3 {\n color: #9C8102;\n font-size: 1.4rem;\n margin: 1.5rem 0;\n line-height: 1.6;\n}\n\n.tea-trica-solution-intro p {\n font-size: 1.1rem;\n line-height: 1.7;\n color: #333;\n margin: 1rem 0;\n}\n\n\/* Timeline Benefits - Elegant and Compact *\/\n.tea-trica-timeline-list {\n display: grid;\n gap: 0.6rem;\n text-align: left;\n}\n\n.tea-trica-timeline-benefit {\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n padding: 0.5rem 0;\n}\n\n.tea-trica-check {\n color: #9C8102;\n font-size: 1rem;\n font-weight: 600;\n flex-shrink: 0;\n margin-top: 2px;\n}\n\n.tea-trica-timeline-benefit span:last-child {\n color: #333;\n font-size: 0.95rem;\n line-height: 1.5;\n}\n\n.tea-trica-ingredient-title {\n font-size: 2rem;\n font-weight: 700;\n color: #D4AF37;\n text-align: center;\n margin: 2rem 0 1rem;\n position: relative;\n z-index: 2;\n}\n\n.tea-trica-ingredient-subtitle {\n font-size: 1.2rem;\n color: white;\n text-align: center;\n margin-bottom: 3rem;\n opacity: 0.9;\n position: relative;\n z-index: 2;\n}\n\n.tea-trica-benefits-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.tea-trica-benefits-list li {\n padding: 0.5rem 0;\n color: white;\n line-height: 1.6;\n position: relative;\n padding-right: 1.5rem;\n}\n\n.tea-trica-benefits-list li::before {\n content: '✓';\n position: absolute;\n right: 0;\n color: #D4AF37;\n font-weight: bold;\n}\n\n.tea-trica-clinical-note {\n text-align: center;\n margin-top: 2rem;\n font-size: 1.1rem;\n}\n\n.tea-trica-clinical-note p {\n margin: 0.5rem 0;\n font-weight: 600;\n}\n\n.tea-trica-why-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n padding: 3rem 2rem;\n border-radius: 15px;\n}\n\n.tea-trica-warning {\n margin: 3rem 0;\n}\n\n.tea-trica-warning-box {\n background: linear-gradient(135deg, #fff3cd 0%, #ffe69c 100%);\n border: 3px solid #9C8102;\n border-radius: 15px;\n padding: 2rem;\n text-align: center;\n box-shadow: 0 10px 30px rgba(156, 129, 2, 0.2);\n}\n\n.tea-trica-warning-box h3 {\n color: #9C8102;\n font-size: 1.8rem;\n margin-bottom: 1rem;\n}\n\n.tea-trica-warning-box p {\n font-size: 1.1rem;\n color: #333;\n margin: 1rem 0;\n line-height: 1.7;\n}\n\n.tea-trica-product-info {\n max-width: 800px;\n margin: 0 auto;\n background: white;\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n}\n\n.tea-trica-info-item {\n padding: 1rem;\n border-bottom: 1px solid #eee;\n font-size: 1rem;\n line-height: 1.6;\n text-align: left;\n}\n\n.tea-trica-info-item:last-child {\n border-bottom: none;\n}\n\n.tea-trica-info-item strong {\n color: #9C8102;\n display: inline-block;\n min-width: 150px;\n}\n\n\/* RTL Adjustments *\/\n[dir=\"rtl\"] .tea-trica-benefits-list li {\n padding-right: 1.5rem;\n padding-left: 0;\n}\n\n[dir=\"rtl\"] .tea-trica-benefits-list li::before {\n right: 0;\n left: auto;\n}\n\n[dir=\"rtl\"] .tea-trica-problem-item {\n border-right: 3px solid #9C8102;\n border-left: none;\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n .tea-trica-problem-section {\n padding: 2rem 1rem;\n }\n \n .tea-trica-problem-item {\n padding: 0.85rem 1rem;\n }\n \n .tea-trica-problem-number {\n width: 28px;\n height: 28px;\n font-size: 0.85rem;\n }\n \n .tea-trica-problem-item p {\n font-size: 0.95rem;\n }\n \n .tea-trica-ingredient-title {\n font-size: 1.5rem;\n }\n \n .tea-trica-ingredient-subtitle {\n font-size: 1rem;\n }\n \n .tea-trica-solution-intro {\n padding: 1.5rem;\n }\n \n .tea-trica-solution-intro h3 {\n font-size: 1.1rem;\n }\n \n .tea-trica-warning-box {\n padding: 1.5rem;\n }\n \n .tea-trica-warning-box h3 {\n font-size: 1.4rem;\n }\n \n .tea-trica-info-item strong {\n display: block;\n margin-bottom: 0.5rem;\n }\n \n .tea-trica-timeline-benefit span:last-child {\n font-size: 0.9rem;\n }\n}\n\u003c\/style\u003e","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":46999414210734,"sku":null,"price":28.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/skin1004-ampoule-serum-100ml-tea-trica-relief-ampoule-38642934055158_1440x_20784e13-5608-4297-99c6-c61d74fe37a0.webp?v=1788175280"},{"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\"\u003eAdvanced Korean science blends with the wisdom of nature\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\u003eNot just another product to try.\u003c\/strong\u003e This \u003cstrong\u003eA real scientific discovery\u003c\/strong\u003e His work is the most brilliant skin care scientist in Korea, and has proven its success \u003cstrong\u003eMillions of users\u003c\/strong\u003e Around the world.\u003c\/p\u003e\n\u003cp class=\"hero-text\"\u003e\u003cstrong\u003eSOME BY MI serum solves the problem from its roots\u003c\/strong\u003e With the new Bi-Phase technology that combines \u003cstrong\u003e3 specialized acids + natural Asian centella + concentrated green tea extract.\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\"\u003eProven scientific benefits - ingredients that guarantee you results\u003c\/h2\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Benefits of 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;\"\u003eTreatment... regeneration... stimulation... prevention\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\u003eDeep exfoliation of dead cells\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(With scientifically studied AHA acids)\u003c\/strong\u003e It removes the accumulated layers of dead skin and reveals new, smooth and radiant skin\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\u003eDeep cleansing of clogged pores\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(With specialized BHA acids)\u003c\/strong\u003e It tightens the pores, removes accumulated fat and dirt, and prevents the formation of blackheads\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\u003eGentle exfoliation for sensitive skin\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(With safe PHA acids)\u003c\/strong\u003e Exfoliates very gently while retaining the skin's natural moisture\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\u003eSoothe inflammation and irritation\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Asian Centella 14.5%)\u003c\/strong\u003e It calms any inflammation resulting from exfoliation and speeds up the healing of the skin naturally\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\u003eFight harmful bacteria\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(With green tea extract 10,000 ppm)\u003c\/strong\u003e It eliminates bacteria that cause pimples and infections\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\u003eUnifying skin tone and lightening spots\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(With Specialty Acids + Niacinamide)\u003c\/strong\u003e It unifies skin tone and lightens dark spots \u0026amp; hyperpigmentation\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\u003eReducing the size of visible pores\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(With BHA + PHA formula)\u003c\/strong\u003e It cleanses the pores from the inside and tightens the tissues around them, making them appear smaller\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\u003eStimulate collagen regeneration\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Asian centella + acids)\u003c\/strong\u003e It stimulates the skin to produce new collagen for natural elasticity and firmness\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\u003eBalanced hydration without oiliness\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(With exclusive Bi-Phase technology)\u003c\/strong\u003e It moisturizes the skin and maintains the balance of oils and water\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\u003eProtection from environmental damage\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(with natural antioxidants)\u003c\/strong\u003e It protects the skin from pollution and free radicals that accelerate aging\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\u003eSmoothen rough skin texture\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(with integrated triple formula)\u003c\/strong\u003e It leaves the skin smooth as silk and homogeneous in texture\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\u003eNatural illumination for dull skin\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(With gentle exfoliation + cellular regeneration)\u003c\/strong\u003e It returns the natural radiance of the skin and leaves it glowing with health\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\u003eReducing the appearance of fine wrinkles\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Stimulating cell regeneration + collagen)\u003c\/strong\u003e It fills fine lines and prevents the appearance of new wrinkles\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\u003eRegulating the secretion of excess fat\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(With niacinamide + green tea)\u003c\/strong\u003e It controls the secretion of fats for oily and mixed skin\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\u003eAccelerate the healing of acne scars\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Centella + Regenerative Acids)\u003c\/strong\u003e It accelerates the healing of old pimples and prevents the formation of new scars\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=\"Natural ingredients\" 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\"\u003eTriple scientific formula: AHA + BHA + PHA\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: #333; margin-bottom: 30px;\"\u003e\u003cstrong\u003eEvery acid has its job... and the three together work a miracle\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◇ AHA (alpha hydroxy acids)\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003eScientifically studied focus\u003c\/strong\u003e It works on the surface of the skin, removing accumulated dead skin cells, revealing a new, softer and more radiant layer. It improves skin texture and unifies its color gradually and safely.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◆ BHA (beta hydroxy acids)\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003eSpecialized force\u003c\/strong\u003e Those who fear the depth of clogged pores and the dissolution of accumulated fats and dirt. Ideal for oily and mixed skin, it reduces the size of visible pores and prevents the formation of blackheads.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e▲ PHA (Polyhydroxy Acids)\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003eGentle touch\u003c\/strong\u003e It exfoliates very gently, suitable even for sensitive skin. It retains moisture during exfoliation, and promotes cell renewal without causing any 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=\"Asian 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\"\u003eAsian Centella 14.5%: Authentic Korean herbal medicine\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: #333; margin-bottom: 20px;\"\u003e\u003cstrong\u003eThe sacred plant in skin care\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"text-align: center; line-height: 1.7; margin-bottom: 30px;\"\u003e\n Asian Centella is not just a natural ingredient... \u003cstrong\u003eThis is a whole pharmacy in one plant.\u003c\/strong\u003e With an exceptional concentration of 14.5%, it works on:\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\u003eSoothe infections\u003c\/strong\u003e And irritation resulting from 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\u003eAccelerate skin healing\u003c\/strong\u003e And repair existing damages\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\u003eStrengthening the skin barrier\u003c\/strong\u003e Natural against external factors\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\u003eStimulate collagen regeneration\u003c\/strong\u003e For more elastic and youthful skin\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\"\u003eGreen Tea Extract 10,000 ppm: Antioxidant power\u003c\/h2\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Green tea extract\" 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\u003eProtection and purification in one ingredient\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 From pure green tea extract - a true therapeutic concentration that provides:\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\u003eSuperior protection\u003c\/strong\u003e From free radicals and environmental damage\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\u003eDeep purification\u003c\/strong\u003e To protect pores from bacteria and dirt\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\u003eRegulating fat secretion\u003c\/strong\u003e For oily and mixed skin\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\u003eAntibacterial properties\u003c\/strong\u003e Prevents the appearance of infections\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\"\u003eScientific evidence: documented results from international laboratories\u003c\/h2\u003e\n\u003ch3 style=\"margin-bottom: 30px; color: #333;\"\u003eReal numbers from international clinical tests:\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\u003eImprove skin texture\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e67%\u003c\/div\u003e\n\u003cdiv\u003eReducing pore size\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e84%\u003c\/div\u003e\n\u003cdiv\u003eBalance oils and moisture\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e91%\u003c\/div\u003e\n\u003cdiv\u003eSoothe skin infections\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 30px; font-size: 1.1em;\"\u003e\u003cstrong\u003eThese are not just marketing claims... these are the results of internationally accredited laboratories.\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\"\u003eThe 30-day journey: scientifically studied transformation\u003c\/h2\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eThe first week - preparation and acclimatization\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eThe skin gradually adapts to the active formula\u003c\/li\u003e\n\u003cli\u003eThe beginning of deep cleansing of pores and removal of dirt\u003c\/li\u003e\n\u003cli\u003eA clear improvement in skin smoothness and freshness\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\u003eThe second week - the beginning of renewal\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eAccelerates the cell regeneration process and removes dead layers\u003c\/li\u003e\n\u003cli\u003eA clear improvement in skin texture and unification of skin tone\u003c\/li\u003e\n\u003cli\u003eGradual reduction in the size of visible pores\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\u003eThe third week - the obvious transformation\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eVisible results in skin freshness and radiance\u003c\/li\u003e\n\u003cli\u003ePerfect balance of oils and moisture\u003c\/li\u003e\n\u003cli\u003eMore elastic and vibrant skin\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\u003eWeek 4 - The miracle is completed\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eA complete transformation in skin quality and texture\u003c\/li\u003e\n\u003cli\u003eSmaller and less visible pores\u003c\/li\u003e\n\u003cli\u003eHealthy skin glows with natural freshness\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\"\u003eA product trusted by millions of users around the world\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;\"\u003eMillions of units sold globally\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eFrom Korea to Europe and America, SOME BY MI serum has become the first choice for everyone looking for real skin rejuvenation.\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;\"\u003eHe has won several international awards\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eAwards from the most important beauty and skin care magazines, and recognition from beauty experts around the world.\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;\"\u003eSatisfaction rate exceeds 92%\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eReal statistics from thousands of verified reviews - an exceptional satisfaction rate that confirms the effectiveness of the product.\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\"\u003eGood value for price\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◆ High value ingredients\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003e3 types of specialized hydroxy acids + 14.5% centella extract + high concentration of green tea extract\u003c\/strong\u003e - A composition comparable to the most expensive treatments in specialized clinics.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e▲ LARGE SIZE - MORE VALUE\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003e50 ml of ultra concentrate\u003c\/strong\u003e Enough for several months of regular use. Generous size ensures uninterrupted treatment.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e● A small amount is sufficient\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003e3 drops are enough to cover the entire face\u003c\/strong\u003e - High concentration means economical use and maximum effectiveness.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e✓ Guaranteed results\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003eThis is not a product for experimentation... these are guaranteed results documented by millions of users\u003c\/strong\u003e Around the world. A confident investment in the beauty of your skin.\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\"\u003eAccurate scientific usage guide\u003c\/h2\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"How to Use\" 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\"\u003eCorrect preparation\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCleanse the skin well\u003c\/strong\u003e Use a suitable lotion and let it dry completely\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eShake the bottle well\u003c\/strong\u003e To ensure that the two layers are mixed perfectly\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStart gradually\u003c\/strong\u003e - Use the product 2-3 times a week at first\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\"\u003eThe perfect application\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003ePut 3-4 drops\u003c\/strong\u003e On the tips of the fingers\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eApply gently\u003c\/strong\u003e On the face, avoiding the eye area\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMassage in circular motions\u003c\/strong\u003e For homogeneous distribution\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFollow with a suitable moisturizer\u003c\/strong\u003e For additional protection\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\"\u003ePerfect timing\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eBest at night\u003c\/strong\u003e After cleansing and before moisturizer\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStart 3 times a week\u003c\/strong\u003e Then increase the repetition gradually\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUse sunscreen\u003c\/strong\u003e During the day to protect rejuvenated skin\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\"\u003eSafe use warnings\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-card\" style=\"border-right-color: #dc3545;\"\u003e\n\u003cdiv class=\"ingredient-name\" style=\"color: #dc3545;\"\u003e! Important instructions\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFor external use only\u003c\/strong\u003e - Avoid contact with eyes\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTest for allergies first\u003c\/strong\u003e On a small area of skin\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eKeep it away from the sun\u003c\/strong\u003e Direct\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 for success\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eBe patient with the result\u003c\/strong\u003e - True renewal takes time\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaintain regularity\u003c\/strong\u003e In use\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUse sunscreen\u003c\/strong\u003e Always when exposed to the sun\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\"\u003eInvesting in advanced skin science\u003c\/h2\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"An investment in beauty\" 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 is not just a beauty product... it is a piece of advanced Korean skin care technology.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp style=\"font-size: 1.1em; line-height: 1.7; margin-bottom: 20px;\"\u003e\n\u003cstrong\u003eComplex clinical formula, years of research, and strict international testing\u003c\/strong\u003e - All this in one formula that achieves a real transformation in your skin.\n \u003c\/p\u003e\n\u003cp style=\"font-size: 1.2em; font-weight: bold;\"\u003e\n\u003cstrong\u003eInvest in science... and reap the beauty of perfect skin.\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\"\u003eFull ingredient list:\u003c\/h3\u003e\n\u003cp class=\"ingredients-text\"\u003e\n Water, Centella Asiatica Extract, Cetyl Ethylhexanoate, Caprylic\/Capric Triglyceride, Glycerin, Olea Europaea Fruit Oil, Propanediol, Alcohol, Butylene Glycol, 1,2-Hexanediol, Niacinamide, Melaleuca Alternifolia Leaf Water, Camellia Sinensis Leaf Extract, Scutellaria Baicalensis Root Extract, Polygonum Cuspidatum Root Extract, Glycyrrhiza Glabra Root Extract, Chamomilla Recutita Flower Extract, Rosmarinus Officinalis Leaf Extract, Sodium Lactate, Sodium PCA, Citric Acid, Lactic Acid, Malic Acid, Glycolic Acid, Pyruvic Acid, Tartaric Acid, Gaultheria Procumbens Leaf Extract, Lactobionic Acid, and more Specialized active ingredients.\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\"\u003eThat's it, enough of the random experimentation... start the real treatment today\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eSOME BY MI Serum - advanced Korean science at the service of your beauty\u003c\/strong\u003e\u003cbr\/\u003e\n Real transformation, guaranteed results, trust of millions of users around the world\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":46999418044590,"sku":null,"price":21.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/some_by_mi_miracle_30_days_aha_bha_pha_tea_tree_centella_serum_2.jpg?v=1788175272"},{"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":"\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: #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\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_miracle_30_days_cream_1.webp?v=1754413555') 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: #fff;\n margin-bottom: 20px;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n }\n\n .subtitle {\n font-size: 1.4em;\n font-weight: bold;\n color: #fff;\n margin-bottom: 15px;\n }\n\n .hero-text {\n font-size: 1.1em;\n line-height: 1.7;\n margin-bottom: 20px;\n color: #fff;\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 .problem-section {\n background: #000;\n color: #fff;\n padding: 40px 30px;\n border-radius: 15px;\n margin: 30px 0;\n }\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\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\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: 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\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\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 color: #333;\n }\n\n .ingredients-section {\n background: #9C8102;\n color: #fff;\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: #fff;\n margin-bottom: 20px;\n text-align: center;\n }\n\n .ingredient-card {\n background: rgba(255,255,255,0.1);\n padding: 25px;\n border-radius: 12px;\n margin-bottom: 20px;\n transition: all 0.3s ease;\n border: 1px solid rgba(255,255,255,0.2);\n }\n\n .ingredient-card:hover {\n background: rgba(255,255,255,0.2);\n transform: translateY(-3px);\n }\n\n .ingredient-name {\n font-size: 1.3em;\n font-weight: bold;\n color: #fff;\n margin-bottom: 10px;\n }\n\n .ingredient-description {\n line-height: 1.6;\n color: #fff;\n }\n\n .ingredient-description ul {\n margin: 15px 0;\n padding-right: 20px;\n }\n\n .ingredient-description li {\n margin-bottom: 8px;\n }\n\n .results-section {\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 .results-title {\n font-size: 2em;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 30px;\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(156, 129, 2, 0.1);\n padding: 20px;\n border-radius: 10px;\n transition: all 0.3s ease;\n border: 1px solid rgba(156, 129, 2, 0.3);\n }\n\n .stat-item:hover {\n background: rgba(156, 129, 2, 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 color: #9C8102;\n }\n\n .timeline-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 40px 20px;\n margin: 30px 0;\n border-radius: 15px;\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: #9C8102;\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: #fff;\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.1);\n padding: 25px;\n border-radius: 12px;\n transition: all 0.3s ease;\n border: 1px solid rgba(255,255,255,0.2);\n }\n\n .proof-item:hover {\n background: rgba(255,255,255,0.2);\n transform: translateY(-5px);\n }\n\n .proof-icon {\n font-size: 2.5em;\n color: #fff;\n margin-bottom: 15px;\n }\n\n .proof-item h3 {\n color: #fff;\n }\n\n .usage-guide {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\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: #fff;\n }\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\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 .value-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 .value-title {\n font-size: 1.8em;\n font-weight: bold;\n color: #9C8102;\n text-align: center;\n margin-bottom: 30px;\n }\n\n .value-item {\n background: #fff;\n padding: 20px;\n border-radius: 10px;\n margin-bottom: 20px;\n box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n border-right: 4px solid #9C8102;\n }\n\n .value-item:hover {\n transform: translateX(-3px);\n box-shadow: 0 5px 15px rgba(0,0,0,0.15);\n }\n\n .value-item h3 {\n color: #9C8102;\n font-weight: bold;\n margin-bottom: 10px;\n }\n\n .safety-section {\n background: #fff;\n padding: 40px 30px;\n border-radius: 15px;\n margin: 30px 0;\n border: 1px solid #e9ecef;\n }\n\n .safety-title {\n font-size: 1.8em;\n font-weight: bold;\n color: #9C8102;\n text-align: center;\n margin-bottom: 30px;\n }\n\n .warning-card {\n background: #fff3cd;\n border: 1px solid #ffeaa7;\n border-right: 4px solid #e17055;\n padding: 20px;\n border-radius: 10px;\n margin-bottom: 20px;\n }\n\n .success-card {\n background: #d4edda;\n border: 1px solid #c3e6cb;\n border-right: 4px solid #28a745;\n padding: 20px;\n border-radius: 10px;\n margin-bottom: 20px;\n }\n\n .warning-card h3 {\n color: #e17055;\n font-weight: bold;\n margin-bottom: 15px;\n }\n\n .success-card h3 {\n color: #28a745;\n font-weight: bold;\n margin-bottom: 15px;\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\"\u003eSome By Mi AHA BHA PHA Miracle Cream\u003c\/h1\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"SOME BY MI Miracle Cream\" 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\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"subtitle\"\u003eKorean miracle cream for the ultimate elimination of pimples and spots\u003c\/h2\u003e\n\u003ch3 style=\"font-size: 1.2em; margin-bottom: 20px; color: #fff;\"\u003e\u003cstrong\u003eAdvanced Korean treatment that achieved the impossible\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp class=\"hero-text\"\u003eIn a world full of fake products and false promises, Some By Mi Cream stands out as\u003cstrong\u003eReal breakthrough\u003c\/strong\u003e In the science of skin care. This is not just an ordinary cream...this \u003cstrong\u003eThe result of years of advanced Korean research\u003c\/strong\u003e Which combined the most powerful natural soothing ingredients with the latest therapeutic acid technologies.\u003c\/p\u003e\n\u003cp class=\"hero-text\"\u003e\u003cstrong\u003eExceptional composition:\u003c\/strong\u003e 70% Centella Asiatica + 3 specialized acids + soothing 4-CICA complex = \u003cstrong\u003eA well-studied scientific equation\u003c\/strong\u003e Transforms problem-prone skin into clear, glowing skin in just 30 days.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Problem Section --\u003e\n\u003cdiv class=\"problem-section fade-in\"\u003e\n\u003ch2 class=\"problem-title\"\u003eThe problem of pimples and spots: the silent crisis that destroys youth confidence\u003c\/h2\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.4em; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003ePainful facts about the skin crisis in Egypt\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.7; margin-bottom: 20px;\"\u003eRecent studies have revealed shocking facts about skin problems in the Middle East: \u003cstrong\u003e97% of Egyptian youth suffer from pimples and spots problems\u003c\/strong\u003e At some point in their lives, and\u003cstrong\u003e85% of them tried more than 5 different products\u003c\/strong\u003e Without reaching a satisfactory result.\u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; font-weight: bold; margin: 20px 0;\"\u003e\u003cstrong\u003eRoot causes of the problem:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul style=\"margin-right: 20px; line-height: 1.8;\"\u003e\n\u003cli\u003eHot environment and high humidity increase sebum secretion\u003c\/li\u003e\n\u003cli\u003eAir pollution and dust clog pores\u003c\/li\u003e\n\u003cli\u003ePsychological stress affects skin hormones\u003c\/li\u003e\n\u003cli\u003eLack of awareness of proper care methods\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin: 30px 0; color: #9C8102;\"\u003e\u003cstrong\u003eMost products improve the symptoms and do not treat the root of the problem\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"line-height: 1.7;\"\u003e\u003cstrong\u003eScientific solution:\u003c\/strong\u003e The skin needs a comprehensive treatment that works on 3 levels: \u003cstrong\u003eExfoliating dead cells + deep cleaning pores + soothing inflammation\u003c\/strong\u003e -All this at the same time.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003eMain uses\u003c\/h2\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Benefits of the cream\" 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\"\/\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\u003eAccelerate the healing of acne scars\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(With Adenosine + Herbal Extracts)\u003c\/strong\u003e It speeds up the healing of pimples and small wounds and prevents the formation of scars\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\u003eProtection from external factors\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(with natural antioxidants)\u003c\/strong\u003e It protects the skin from pollution and daily damage that causes acne problems\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\u003eStimulate cell regeneration\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Centella + Regenerative Acids)\u003c\/strong\u003e It stimulates the skin to renew itself naturally and produce new, healthy cells\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\u003eStrengthening the skin's natural barrier\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(With ceramides + allantoin)\u003c\/strong\u003e It strengthens the skin's natural defenses and makes it less sensitive to external problems\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\u003eNatural illumination for dull skin\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(With gentle exfoliation + cellular regeneration)\u003c\/strong\u003e It returns the natural radiance of the skin and leaves it glowing with health and vitality\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=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003eHow does it work?\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin-bottom: 30px; color: #333;\"\u003e\u003cstrong\u003eAn advanced combination of the most powerful herbs and acids in the world of skin care\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Centella asiatica\" 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=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eCentella asiatica 70.78% - the miracle plant:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eHighest concentration in the world\u003c\/strong\u003e From the sacred Korean plant that soothes infections, speeds up healing, and strengthens the skin's natural barrier. \u003cstrong\u003eIt's not just a natural ingredient...it's a whole pharmacy in one plant.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🧪\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eAdvanced Triglycerides AHA + BHA + PHA:\u003c\/h3\u003e\n\u003cdiv style=\"margin-top: 15px;\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eAHA:\u003c\/strong\u003e It works on the surface, removing dead cells and revealing new skin\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBHA:\u003c\/strong\u003e It goes deep into the pores and removes accumulated fat and dirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePHA:\u003c\/strong\u003e Gentle exfoliation with hydration for sensitive skin\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\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\u003eGreen Tea Extract 10,000 ppm - Natural Cleanser:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eReal therapeutic focus\u003c\/strong\u003e Made from pure green tea, it fights bacteria, cleanses the skin, and protects it from environmental damage.\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\u003eSoothing 4-CICA Complex - Exclusive Korean Technology:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e4 soothing natural ingredients\u003c\/strong\u003e (Madecassoside, Madecassic Acid, Asiaticoside, Asiatic Acid) work together to calm any inflammation or irritation.\u003c\/p\u003e\n\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\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Scientific results\" 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\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"results-title\"\u003eReal numbers from clinical tests:\u003c\/h2\u003e\n\u003cdiv class=\"stats-grid\"\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e94%\u003c\/div\u003e\n\u003cdiv\u003eImprovement of pimples and infections\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e89%\u003c\/div\u003e\n\u003cdiv\u003eReduce dark spots\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e91%\u003c\/div\u003e\n\u003cdiv\u003eImprove skin texture\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e76%\u003c\/div\u003e\n\u003cdiv\u003eReducing fat secretion\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 30px; font-size: 1.1em;\"\u003e\u003cstrong\u003eThese are not just allegations... these are results from internationally accredited laboratories.\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\"\u003eThe 30-day journey: The transformation that will change your life\u003c\/h2\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eWeek 1 - Cool down and preparation:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eInstant relief of inflammation and redness\u003c\/li\u003e\n\u003cli\u003eA clear reduction in the number of new pimples\u003c\/li\u003e\n\u003cli\u003eSofter touch and comfortable feel\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\u003eThe second week - the beginning of healing:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eExisting pimples begin to disappear and heal\u003c\/li\u003e\n\u003cli\u003eImprovement in the freshness and smoothness of the skin\u003c\/li\u003e\n\u003cli\u003eBeginning to lighten dark spots\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\u003eThe third week - the obvious transformation:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eThe disappearance of most pimples and infections\u003c\/li\u003e\n\u003cli\u003eClear unification of skin tone\u003c\/li\u003e\n\u003cli\u003eNatural radiance begins to appear\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\u003eWeek 4 - The miracle is completed:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eClear and problem-free skin\u003c\/li\u003e\n\u003cli\u003eNew confidence in self and appearance\u003c\/li\u003e\n\u003cli\u003eA natural radiance that will make everyone ask about your secret\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=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003eGlobally trusted product\u003c\/h2\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Reliable product\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_cream.jpg?v=1754414180\"\/\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\u003eMillions of units sold globally\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eFrom Korea to America and the Middle East, Some By Mi cream has become the first choice for all those who suffer from acne problems.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e◆\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eHe has won several international awards\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eAwards from the most important international beauty magazines and recognition from dermatologists in Korea and Europe.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▲\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eSatisfaction rate exceeds 94%\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eReal statistics from tens of thousands of verified reviews - an exceptional satisfaction rate confirming the effectiveness of the product.\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=\"value-section fade-in\"\u003e\n\u003ch2 class=\"value-title\"\u003eGood value for price\u003c\/h2\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e◆ High value ingredients:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e70% Centella Asiatica + 3 Specialty Acids + High Green Tea Concentrate + 4-CICA Complex\u003c\/strong\u003e - A composition comparable to the most expensive treatments in cosmetic clinics.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e▲Large Size - Greater Value:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e60 grams of super concentrate\u003c\/strong\u003e Enough for two full months of regular use. Generous size ensures continuity of treatment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e● A small amount is sufficient:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eA pea-sized amount is sufficient to cover the entire face\u003c\/strong\u003e - High concentration means economical use and maximum effectiveness.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e✓ GUARANTEED RESULTS:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eThis is not a product for experimentation... these are guaranteed results documented by millions of users\u003c\/strong\u003e Around the world. A confident investment in the health and beauty of your skin.\u003c\/p\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\"\u003eHow is it used?\u003c\/h2\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"How to Use\" 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\"\/\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\"\u003eCorrect preparation:\u003c\/div\u003e\n\u003col style=\"margin-right: 20px; line-height: 1.7;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eCleanse the skin well\u003c\/strong\u003e With a suitable lotion and let it dry\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStart gradually\u003c\/strong\u003e - Use the cream once daily at first\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDo an allergy test\u003c\/strong\u003e On a small area first\u003c\/li\u003e\n\u003c\/ol\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\"\u003eOptimal application:\u003c\/div\u003e\n\u003col style=\"margin-right: 20px; line-height: 1.7;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eTake a pea-sized amount\u003c\/strong\u003e From the generous\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDistribute gently\u003c\/strong\u003e All over the face, avoiding the eye area\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMassage in circular motions\u003c\/strong\u003e Until it absorbs completely\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUse it once or twice daily\u003c\/strong\u003e According to your skin's need\u003c\/li\u003e\n\u003c\/ol\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\"\u003ePerfect timing:\u003c\/div\u003e\n\u003cul style=\"margin-right: 20px; line-height: 1.7;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eIt is best used in the evening\u003c\/strong\u003e To make the most of the nightly rejuvenation process\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIt can be used in the morning\u003c\/strong\u003e It is necessary to use sunscreen\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlways use sunscreen\u003c\/strong\u003e When exposed to the sun\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=\"safety-section fade-in\"\u003e\n\u003ch2 class=\"safety-title\"\u003eSafe use warnings\u003c\/h2\u003e\n\u003cdiv class=\"warning-card\"\u003e\n\u003ch3\u003e! Important instructions:\u003c\/h3\u003e\n\u003cul style=\"margin-right: 20px; line-height: 1.7;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eFor external use only\u003c\/strong\u003e - Avoid contact with eyes\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTest for allergies first\u003c\/strong\u003e On a small area of skin\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStore it in a cool, dry place\u003c\/strong\u003e Away from sunlight\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNot suitable for children\u003c\/strong\u003e Under 12 years old\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"success-card\"\u003e\n\u003ch3\u003e✓ Tips for success:\u003c\/h3\u003e\n\u003cul style=\"margin-right: 20px; line-height: 1.7;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eBe patient with the result\u003c\/strong\u003e - True treatment takes time\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaintain regularity\u003c\/strong\u003e In use daily\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUse sunscreen\u003c\/strong\u003e Always during the day\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDrink enough water\u003c\/strong\u003e To help the skin regenerate\u003c\/li\u003e\n\u003c\/ul\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\"\u003eFight all harmful environmental factors with just one product\u003c\/h2\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"An investment in beauty\" 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\"\/\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 Cream is not just a beauty product... it is an investment in your self-confidence and happiness.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp style=\"font-size: 1.1em; line-height: 1.7; margin-bottom: 20px;\"\u003e\n\u003cstrong\u003eAdvanced Korean formula, years of research, and strict international testing\u003c\/strong\u003e - All this in one cream achieves a real transformation in your skin and your life.\n \u003c\/p\u003e\n\u003cp style=\"font-size: 1.2em; font-weight: bold;\"\u003e\n\u003cstrong\u003eInvest in the beauty of your skin...and discover the difference that will change everything.\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\"\u003eFull ingredient list:\u003c\/h3\u003e\n\u003cp class=\"ingredients-text\"\u003e\n Centella Asiatica Extract (70.78%), Dipropylene Glycol, Glycerin, Water, Niacinamide, Caprylic\/Capric Triglyceride, Cetyl Ethylhexanoate, Melaleuca Alternifolia (Tea Tree) Leaf Water (10,000 ppm), Ricinus Communis (Castor) Seed Oil, Hydrogenated Castor Oil, and more specialty natural ingredients.\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\"\u003eOnly 30 days... for completely new skin and unshakable confidence\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eSOME BY MI Cream - the Korean miracle at the service of your beauty\u003c\/strong\u003e\u003cbr\/\u003e\n Real transformation, guaranteed results, trusted by millions of users around the world\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.02)';\n });\n });\n\n \/\/ Enhanced hover effects for cards\n const cards = document.querySelectorAll('.ingredient-card, .step-card, .stat-item, .proof-item, .value-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.2;\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 \/\/ Add subtle animations to step numbers\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","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999418437806,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/61otJV0m4JL._SL1500_850d74dc-4d85-4517-a305-570774bc8029.jpg?v=1788175270"},{"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\"\u003eDryness is the number one enemy of your skin. It is the number one cause of cracking and fine lines. It is the biggest cause of premature aging. \u003cbr\/\u003eMoisturizing is the most important step in your daily routine.\u003c\/div\u003e\n\u003cdiv class=\"unique-title\"\u003eKorea's sacred secret: the cream that turns your skin into silk velvet\u003c\/div\u003e\n\u003cdiv class=\"subtitle\"\u003eCOSRX - the legendary Korean cream for intense hydration and velvety skin\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003e🔬 Scientifically advanced ingredients\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 How does it work?\u003c\/div\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003ch4 style=\"color: #ffd700; margin: 0 0 15px 0;\"\u003e🧬 The science behind the miracle:\u003c\/h4\u003e\nKorean sea buckthorn water, rich in vitamin C, stimulates skin cell renewal and restores radiance. Sodium hyaluronate absorbs 1000 times its weight in water, moisturizing the skin from depth and filling fine lines. Glycerin and betaine form a protective barrier that prevents moisture evaporation.\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003e💪 Scientifically confirmed supernatural powers\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\u003eIntense hydration that lasts 24 hours\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\u003eSodium Hyaluronate 3000ppm retains deep moisture\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\u003eRejuvenate and brighten the skin\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\u003eSea Buckthorn Water 57.8% is rich in rejuvenating Vitamin C\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\u003e\n\u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e \u003cstrong\u003eInstantly fills fine lines\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\u003eHyaluronic fills wrinkles like natural 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\u003eSoothe sensitive skin\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 and Panthenol soothe 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\u003eProtection against moisture loss\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% locks in moisture for hours\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\u003eDeep nourishment for the skin\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 and sunflower oils nourish and soften\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 Visible Results Timeline:\u003c\/h4\u003e\n\u003cdiv class=\"timeline-item\"\u003e\u003cstrong\u003eFirst application: instant relief for dry skin and a silky smooth texture\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\u003cstrong\u003eThe first week: a clear improvement in skin smoothness and radiance, less dryness and cracking\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\u003cstrong\u003eThe third week: The skin becomes velvety to the touch, and fine lines are clearly reduced\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\u003cstrong\u003eMonth 2: Real glass skin, moisturized, radiant and baby soft\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003eWhy is this product different from everything else?\u003c\/div\u003e\n\u003cdiv class=\"what-makes-different\"\u003e\n\u003ch4 style=\"color: #2d3436; margin: 0 0 15px 0;\"\u003e👑 The secret that makes it the best:\u003c\/h4\u003e\nCozarx is the only cream that contains original Korean sea buckthorn water at a concentration of 57.8%. The exclusive Korean formula is approved by the Korean Ministry of Health, and is the best-selling cream in Korea for treating dry and sensitive skin.\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📋All ingredients\u003c\/h4\u003e\n\u003cp style=\"font-size: 0.95em; line-height: 1.9; opacity: 0.95; text-align: center;\"\u003eHippophae Rhamnoides Water, Glycerin, Butylene Glycol, Caprylic\/Capric Triglyceride, Betaine, Helianthus Annuus Seed Oil, Cetearyl Alcohol, Cetearyl Olivate, Sorbitan Olivate, Macadamia Ternifolia Seed Oil, Sodium Hyaluronate, Arginine, Panthenol, Dimethicone, Allantoin, Xanthan Gum\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Enhanced hover effects\n document.querySelectorAll('.benefit-item').forEach(item =\u003e {\n item.addEventListener('mouseenter', function() {\n this.style.transform = 'translateX(-8px) translateY(-3px)';\n this.style.transition = 'all 0.3s ease';\n });\n item.addEventListener('mouseleave', function() {\n this.style.transform = 'translateX(0) translateY(0)';\n });\n });\n\n \/\/ Pulsing effect for CTA\n const ctaSection = document.querySelector('.cta-section');\n if (ctaSection) {\n setInterval(() =\u003e {\n ctaSection.style.boxShadow = '0 15px 40px rgba(0,0,0,0.5)';\n setTimeout(() =\u003e {\n ctaSection.style.boxShadow = '0 12px 35px rgba(0,0,0,0.4)';\n }, 1500);\n }, 4000);\n }\n\n \/\/ Scrolling animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver(function(entries) {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.section-title, .benefit-item').forEach(el =\u003e {\n el.style.opacity = '0';\n el.style.transform = 'translateY(30px)';\n el.style.transition = 'all 0.6s ease';\n observer.observe(el);\n });\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"COSRX","offers":[{"title":"100ml","offer_id":46999421976750,"sku":"COSRX_HYALURONIC_ACID_INTENSIVE_CREAM_4587","price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrxhyaluronicacidintensivecream_85a2de0d-18fb-40fb-8099-dd6087275808.jpg?v=1788175249"},{"product_id":"medicube-collagen-night-wrapping-mask","title":"Medicube Collagen Night Wrapping Mask 75 ml","description":"\u003cstyle\u003e\n.medicube-product-description {\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\/* Animation classes *\/\n.medicube-fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s ease;\n}\n\n.medicube-fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n\/* Hero Section *\/\n.medicube-hero-section {\n background: #80ae93;\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\n.medicube-hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Medicube_Collagen_Night_Wrapping_Mask.webp?v=1757166925') no-repeat center;\n background-size: contain;\n opacity: 0.1;\n z-index: 1;\n}\n\n.medicube-hero-content {\n position: relative;\n z-index: 2;\n}\n\n.medicube-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\n.medicube-subtitle {\n font-size: 1.4em;\n font-weight: bold;\n color: #fff;\n margin-bottom: 15px;\n}\n\n.medicube-hero-question {\n font-size: 1.2em;\n font-weight: bold;\n color: #fff;\n margin-bottom: 20px;\n opacity: 0.9;\n}\n\n.medicube-hero-text {\n font-size: 1.1em;\n line-height: 1.7;\n margin-bottom: 20px;\n color: #fff;\n}\n\n\/* Product Image *\/\n.medicube-product-image {\n text-align: center;\n margin: 30px 0;\n transition: transform 0.3s ease;\n}\n\n.medicube-product-image:hover {\n transform: scale(1.02);\n}\n\n.medicube-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\/* Problem Section *\/\n.medicube-problem-section {\n background: #000;\n color: #fff;\n padding: 40px 30px;\n border-radius: 15px;\n margin: 30px 0;\n}\n\n.medicube-problem-title {\n font-size: 2em;\n font-weight: bold;\n color: #fff;\n margin-bottom: 30px;\n text-align: center;\n}\n\n\/* Benefits Section *\/\n.medicube-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\n.medicube-benefits-title {\n font-size: 2em;\n font-weight: bold;\n color: #80ae93;\n margin-bottom: 30px;\n text-align: center;\n}\n\n.medicube-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-left: 4px solid #80ae93;\n box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n}\n\n.medicube-benefit-item:hover {\n transform: translateX(5px) scale(1.02);\n box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n}\n\n.medicube-benefit-icon {\n margin-right: 15px;\n color: #80ae93;\n font-size: 1.2em;\n min-width: 30px;\n}\n\n.medicube-benefit-content h3 {\n font-size: 1.2em;\n font-weight: bold;\n color: #80ae93;\n margin-bottom: 8px;\n}\n\n.medicube-benefit-content p {\n line-height: 1.6;\n margin: 0;\n color: #333;\n}\n\n\/* How It Works Section *\/\n.medicube-how-it-works {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 40px 30px;\n border-radius: 15px;\n margin: 30px 0;\n}\n\n.medicube-how-it-works-title {\n font-size: 1.8em;\n font-weight: bold;\n color: #80ae93;\n margin-bottom: 20px;\n text-align: center;\n}\n\n.medicube-time-phase {\n background: #fff;\n padding: 20px;\n border-radius: 10px;\n margin-bottom: 15px;\n border-left: 4px solid #80ae93;\n transition: all 0.3s ease;\n}\n\n.medicube-time-phase:hover {\n transform: translateX(3px);\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n}\n\n.medicube-time-phase strong {\n color: #80ae93;\n}\n\n\/* Ingredients Section *\/\n.medicube-ingredients-section {\n background: #fff;\n padding: 40px 30px;\n border-radius: 15px;\n margin: 30px 0;\n border: 1px solid #e9ecef;\n}\n\n.medicube-ingredients-title {\n font-size: 1.8em;\n font-weight: bold;\n color: #80ae93;\n margin-bottom: 20px;\n text-align: center;\n}\n\n.medicube-ingredient-card {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 25px;\n border-radius: 12px;\n margin-bottom: 20px;\n transition: all 0.3s ease;\n border-left: 4px solid #80ae93;\n}\n\n.medicube-ingredient-card:hover {\n transform: translateX(3px);\n box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n}\n\n.medicube-ingredient-name {\n font-size: 1.3em;\n font-weight: bold;\n color: #80ae93;\n margin-bottom: 10px;\n}\n\n.medicube-ingredient-description {\n line-height: 1.6;\n color: #333;\n}\n\n\/* Results Section *\/\n.medicube-results-section {\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.medicube-results-title {\n font-size: 2em;\n font-weight: bold;\n color: #80ae93;\n margin-bottom: 30px;\n}\n\n.medicube-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.medicube-stat-item {\n background: rgba(156, 129, 2, 0.1);\n padding: 20px;\n border-radius: 10px;\n transition: all 0.3s ease;\n border: 1px solid rgba(156, 129, 2, 0.3);\n}\n\n.medicube-stat-item:hover {\n background: rgba(156, 129, 2, 0.2);\n transform: scale(1.05);\n}\n\n.medicube-stat-number {\n font-size: 2.5em;\n font-weight: bold;\n margin-bottom: 10px;\n color: #80ae93;\n}\n\n\/* Timeline Section *\/\n.medicube-timeline-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 40px 20px;\n margin: 30px 0;\n border-radius: 15px;\n}\n\n.medicube-timeline-title {\n font-size: 1.8em;\n font-weight: bold;\n color: #80ae93;\n text-align: center;\n margin-bottom: 40px;\n}\n\n.medicube-timeline-item {\n background: #fff;\n padding: 25px;\n border-radius: 12px;\n margin-bottom: 20px;\n border-left: 4px solid #80ae93;\n transition: all 0.3s ease;\n}\n\n.medicube-timeline-item:hover {\n transform: translateX(5px);\n box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n}\n\n.medicube-timeline-item h3 {\n color: #80ae93;\n font-weight: bold;\n margin-bottom: 15px;\n}\n\n.medicube-timeline-item ul {\n margin-left: 20px;\n line-height: 1.7;\n}\n\n\/* Value Section *\/\n.medicube-value-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.medicube-value-title {\n font-size: 1.8em;\n font-weight: bold;\n color: #80ae93;\n text-align: center;\n margin-bottom: 30px;\n}\n\n.medicube-value-item {\n background: #fff;\n padding: 20px;\n border-radius: 10px;\n margin-bottom: 20px;\n box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n border-left: 4px solid #80ae93;\n}\n\n.medicube-value-item:hover {\n transform: translateX(3px);\n box-shadow: 0 5px 15px rgba(0,0,0,0.15);\n}\n\n.medicube-value-item h3 {\n color: #80ae93;\n font-weight: bold;\n margin-bottom: 10px;\n}\n\n\/* Usage Guide Section *\/\n.medicube-usage-guide {\n background: #fff;\n padding: 40px 30px;\n border-radius: 15px;\n margin: 30px 0;\n border: 1px solid #e9ecef;\n}\n\n.medicube-usage-title {\n font-size: 1.8em;\n font-weight: bold;\n color: #80ae93;\n text-align: center;\n margin-bottom: 30px;\n}\n\n.medicube-usage-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n}\n\n.medicube-step-card {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 25px;\n border-radius: 12px;\n transition: all 0.3s ease;\n border-left: 4px solid #80ae93;\n}\n\n.medicube-step-card:hover {\n transform: translateX(3px);\n box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n}\n\n.medicube-step-number {\n width: 40px;\n height: 40px;\n background: #80ae93;\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: left;\n margin-right: 15px;\n}\n\n.medicube-step-title {\n font-weight: bold;\n color: #80ae93;\n margin-bottom: 10px;\n font-size: 1.1em;\n}\n\n\/* Final CTA Section *\/\n.medicube-final-cta {\n background: linear-gradient(135deg, #6b5b00 0%, #80ae93 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.medicube-final-cta::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(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.medicube-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\n.medicube-cta-text {\n font-size: 1.2em;\n line-height: 1.6;\n position: relative;\n z-index: 2;\n color: #fff;\n}\n\n\/* Ingredients List Section *\/\n.medicube-ingredients-list {\n background: #fff;\n padding: 30px;\n border-radius: 12px;\n margin: 30px 0;\n border: 1px solid #e9ecef;\n}\n\n.medicube-ingredients-list-title {\n font-size: 1.5em;\n font-weight: bold;\n color: #80ae93;\n margin-bottom: 20px;\n}\n\n.medicube-ingredients-text {\n line-height: 1.8;\n color: #333;\n font-size: 0.95em;\n}\n\n\/* Special Highlight *\/\n.medicube-special-highlight {\n background: linear-gradient(135deg, #80ae93 0%, #b8941a 100%);\n color: #fff;\n padding: 30px;\n border-radius: 15px;\n margin: 20px 0;\n text-align: center;\n font-weight: bold;\n font-size: 1.2em;\n box-shadow: 0 10px 25px rgba(156, 129, 2, 0.3);\n}\n\n\/* Responsive Design *\/\n@media (max-width: 768px) {\n .medicube-main-title { font-size: 1.8em; }\n .medicube-stats-grid { grid-template-columns: 1fr 1fr; }\n .medicube-usage-steps { grid-template-columns: 1fr; }\n}\n\n\/* Loading Animation *\/\n.medicube-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 *\/\n.medicube-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\n\u003cdiv class=\"medicube-product-description\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"medicube-hero-section medicube-fade-in\"\u003e\n \u003cdiv class=\"medicube-hero-content\"\u003e\n \u003cdiv class=\"medicube-product-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Medicube_Collagen_Night_Wrapping_Mask.webp?v=1757166925\" alt=\"Medicube Collagen Night Wrapping Mask\"\u003e\n \u003c\/div\u003e\n \u003ch2 class=\"medicube-subtitle\"\u003eThe Mask That Turns Your Sleep into a World-Class Spa Treatment\u003c\/h2\u003e\n \u003ch3 class=\"medicube-hero-question\"\u003eThe Question Puzzling Beauty Experts: How Can You Wake Up with Better Skin Than When You Went to Sleep?\u003c\/h3\u003e\n \u003cp class=\"medicube-hero-text\"\u003eSleep is the natural time for skin to renew and repair, yet most people miss this golden opportunity. Medicube’s mask harnesses advanced nighttime regeneration technology, creating a \u003cstrong\u003esmart protective layer\u003c\/strong\u003e that works continuously for 8 hours to transform your skin from within.\u003c\/p\u003e\n \u003cp class=\"medicube-hero-text\"\u003e\u003cstrong\u003eThe Innovative Concept:\u003c\/strong\u003e Unlike traditional masks that work for 20 minutes before being removed, Medicube’s mask \u003cstrong\u003eadapts to your natural sleep cycle\u003c\/strong\u003e, providing continuous care throughout the night to maximize cellular renewal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Problem Section --\u003e\n \u003cdiv class=\"medicube-problem-section medicube-fade-in\"\u003e\n \u003cdiv class=\"medicube-product-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Medicube_Collagen_Night_Wrapping_Mask_2.webp?v=1757166899\" alt=\"Wasted Sleep Hours Problem\"\u003e\n \u003c\/div\u003e\n \u003ch2 class=\"medicube-problem-title\"\u003eThe Problem of Wasted Sleep Hours: A Missed Opportunity for Skin Renewal\u003c\/h2\u003e\n \u003ch3 style=\"color: #80ae93; font-size: 1.4em; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eScientific Facts About Nighttime Renewal\u003c\/strong\u003e\u003c\/h3\u003e\n \u003cp style=\"line-height: 1.7; margin-bottom: 20px;\"\u003eMedical research confirms that the skin enters an \u003cstrong\u003eintensive repair state during sleep\u003c\/strong\u003e—blood circulation increases by 200%, cell renewal accelerates by 300%, and collagen production peaks between 11 PM and 4 AM.\u003c\/p\u003e\n \u003cp style=\"text-align: center; font-size: 1.2em; margin: 30px 0; color: #80ae93;\"\u003e\u003cstrong\u003eThe Hidden Problem:\u003c\/strong\u003e Most people \u003cstrong\u003ewaste 8 hours daily\u003c\/strong\u003e of the skin’s most powerful natural renewal period.\u003c\/p\u003e\n \u003ch4 style=\"color: #80ae93; font-weight: bold; margin: 20px 0;\"\u003e\u003cstrong\u003eReasons You’re Missing Out on Sleep’s Benefits:\u003c\/strong\u003e\u003c\/h4\u003e\n \u003cul style=\"margin-left: 20px; line-height: 1.8;\"\u003e\n \u003cli\u003eMoisture loss through nighttime evaporation\u003c\/li\u003e\n \u003cli\u003eLack of protection from pillow friction\u003c\/li\u003e\n \u003cli\u003eInsufficient nourishing ingredients for renewal\u003c\/li\u003e\n \u003cli\u003eNo barrier to retain active ingredients\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp style=\"line-height: 1.7; margin-top: 20px;\"\u003e\u003cstrong\u003eThe Result:\u003c\/strong\u003e Waking up with skin that’s barely different from when you went to sleep, despite your body’s significant repair efforts.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Benefits Section --\u003e\n \u003cdiv class=\"medicube-benefits-section medicube-fade-in\"\u003e\n \u003cdiv class=\"medicube-product-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Medicube_Collagen_Night_Wrapping_Mask_3.webp?v=1757168715\" alt=\"Benefits of the Mask\"\u003e\n \u003c\/div\u003e\n \u003ch2 class=\"medicube-benefits-title\"\u003eMaximize Your Sleep Hours Intelligently\u003c\/h2\u003e\n \u003ch3 style=\"text-align: center; color: #333; margin-bottom: 30px;\"\u003e\u003cstrong\u003eWhat Will It Do for Your Skin While You Sleep?\u003c\/strong\u003e\u003c\/h3\u003e\n \u003cdiv class=\"medicube-benefit-item\"\u003e\n \u003cdiv class=\"medicube-benefit-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"medicube-benefit-content\"\u003e\n \u003ch3\u003eIncreased Skin Elasticity with Clinical Results\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(Advanced Hydrolyzed Collagen)\u003c\/strong\u003e Studies show a 31.4% increase in skin elasticity after two weeks of regular use.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"medicube-benefit-item\"\u003e\n \u003cdiv class=\"medicube-benefit-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"medicube-benefit-content\"\u003e\n \u003ch3\u003eIntense Hydration Lasting 24 Hours\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(High-Quality Hyaluronic Acid)\u003c\/strong\u003e Improves hydration by 24.8% with moisture retention for over a day.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"medicube-benefit-item\"\u003e\n \u003cdiv class=\"medicube-benefit-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"medicube-benefit-content\"\u003e\n \u003ch3\u003eSmooths Fine Lines and Wrinkles\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(Collagen-Stimulating Adenosine)\u003c\/strong\u003e Reduces fine lines by 31% and improves skin smoothness by 64%.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"medicube-benefit-item\"\u003e\n \u003cdiv class=\"medicube-benefit-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"medicube-benefit-content\"\u003e\n \u003ch3\u003eRestores the Skin’s Natural Barrier\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(Strengthening Ceramide NP)\u003c\/strong\u003e Repairs and reinforces the skin’s protective barrier, preventing moisture loss.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"medicube-benefit-item\"\u003e\n \u003cdiv class=\"medicube-benefit-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"medicube-benefit-content\"\u003e\n \u003ch3\u003eEvens Skin Tone and Boosts Radiance\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(Specialized Niacinamide)\u003c\/strong\u003e Improves skin tone clarity by 14% and enhances natural radiance by 15%.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"medicube-benefit-item\"\u003e\n \u003cdiv class=\"medicube-benefit-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"medicube-benefit-content\"\u003e\n \u003ch3\u003eProtection from Friction and External Factors\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(Protective Layer Technology)\u003c\/strong\u003e Forms a protective film to prevent loss of active ingredients and shield against pillow friction.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"medicube-benefit-item\"\u003e\n \u003cdiv class=\"medicube-benefit-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"medicube-benefit-content\"\u003e\n \u003ch3\u003eStimulates Cell Renewal During Sleep\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(Active Peptide Blend)\u003c\/strong\u003e Leverages peak nighttime cell activity to accelerate renewal and repair.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"medicube-benefit-item\"\u003e\n \u003cdiv class=\"medicube-benefit-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"medicube-benefit-content\"\u003e\n \u003ch3\u003eImproves Skin Texture and Smoothness\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(Advanced Hydration Technology)\u003c\/strong\u003e Smoother, fresher texture from the first morning.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"medicube-benefit-item\"\u003e\n \u003cdiv class=\"medicube-benefit-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"medicube-benefit-content\"\u003e\n \u003ch3\u003eCombats Signs of Aging\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(Antioxidant Formula)\u003c\/strong\u003e Protects against free radicals and delays visible aging signs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"medicube-benefit-item\"\u003e\n \u003cdiv class=\"medicube-benefit-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"medicube-benefit-content\"\u003e\n \u003ch3\u003eSoothes Nighttime Skin Inflammation\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(Natural Soothing Extracts)\u003c\/strong\u003e Reduces redness and irritation caused by daytime stressors.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"medicube-special-highlight\"\u003e\n Every Night’s Sleep Equals a $150 Spa Treatment\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- How It Works Section --\u003e\n \u003cdiv class=\"medicube-how-it-works medicube-fade-in\"\u003e\n \u003ch2 class=\"medicube-how-it-works-title\"\u003eHow Does the Mask Work for 8 Hours?\u003c\/h2\u003e\n \u003ch3 style=\"text-align: center; color: #333; margin-bottom: 30px;\"\u003e\u003cstrong\u003eSmart Layer Technology:\u003c\/strong\u003e\u003c\/h3\u003e\n \u003cp style=\"text-align: center; line-height: 1.7; margin-bottom: 30px;\"\u003e\n \u003cstrong\u003eThe mask transforms from a soft gel to a protective film\u003c\/strong\u003e in 15-20 minutes, acting as a \u003cstrong\u003emini-laboratory\u003c\/strong\u003e on your skin all night:\n \u003c\/p\u003e\n \u003cdiv class=\"medicube-time-phase\"\u003e\n \u003cstrong\u003eSleep Hours 1-2:\u003c\/strong\u003e Gradual release of active ingredients\n \u003c\/div\u003e\n \u003cdiv class=\"medicube-time-phase\"\u003e\n \u003cstrong\u003eSleep Hours 3-4:\u003c\/strong\u003e Peak absorption of ingredients and start of renewal\n \u003c\/div\u003e\n \u003cdiv class=\"medicube-time-phase\"\u003e\n \u003cstrong\u003eSleep Hours 5-6:\u003c\/strong\u003e Stimulates natural collagen production\n \u003c\/div\u003e\n \u003cdiv class=\"medicube-time-phase\"\u003e\n \u003cstrong\u003eSleep Hours 7-8:\u003c\/strong\u003e Completes the repair and protection cycle\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Ingredients Section --\u003e\n \u003cdiv class=\"medicube-ingredients-section medicube-fade-in\"\u003e\n \u003ch2 class=\"medicube-ingredients-title\"\u003eScientifically Advanced Ingredients\u003c\/h2\u003e\n \u003cdiv class=\"medicube-ingredient-card\"\u003e\n \u003cdiv class=\"medicube-ingredient-name\"\u003e◆ Hydrolyzed Collagen Peptides:\u003c\/div\u003e\n \u003cdiv class=\"medicube-ingredient-description\"\u003e\n \u003cstrong\u003eNot Ordinary Collagen\u003c\/strong\u003e - Broken down into small molecules capable of penetrating deep skin layers to stimulate natural collagen production from within.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"medicube-ingredient-card\"\u003e\n \u003cdiv class=\"medicube-ingredient-name\"\u003e● High-Performance Hyaluronic Acid:\u003c\/div\u003e\n \u003cdiv class=\"medicube-ingredient-description\"\u003e\n \u003cstrong\u003eAbsorbs 1000x its weight in water\u003c\/strong\u003e - Acts as a moisture reservoir under the skin, releasing hydration gradually throughout the night.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"medicube-ingredient-card\"\u003e\n \u003cdiv class=\"medicube-ingredient-name\"\u003e▲ Niacinamide (Vitamin B3):\u003c\/div\u003e\n \u003cdiv class=\"medicube-ingredient-description\"\u003e\n \u003cstrong\u003eStimulates cell renewal\u003c\/strong\u003e and boosts natural ceramide production to strengthen the skin barrier and even tone.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"medicube-ingredient-card\"\u003e\n \u003cdiv class=\"medicube-ingredient-name\"\u003e✓ Ceramide NP:\u003c\/div\u003e\n \u003cdiv class=\"medicube-ingredient-description\"\u003e\n \u003cstrong\u003eIntegrates with the skin’s natural structure\u003c\/strong\u003e to reinforce the protective barrier and prevent moisture and active ingredient loss.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Scientific Results Section --\u003e\n \u003cdiv class=\"medicube-results-section medicube-fade-in\"\u003e\n \u003ch2 class=\"medicube-results-title\"\u003eExpected Results in Numbers\u003c\/h2\u003e\n \u003ch3 style=\"margin-bottom: 30px;\"\u003eClinically Proven Results:\u003c\/h3\u003e\n \u003cdiv class=\"medicube-stats-grid\"\u003e\n \u003cdiv class=\"medicube-stat-item\"\u003e\n \u003cdiv class=\"medicube-stat-number\"\u003e31.4%\u003c\/div\u003e\n \u003cdiv\u003eIncreased Skin Elasticity\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"medicube-stat-item\"\u003e\n \u003cdiv class=\"medicube-stat-number\"\u003e24.8%\u003c\/div\u003e\n \u003cdiv\u003eImproved Hydration for 24 Hours\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"medicube-stat-item\"\u003e\n \u003cdiv class=\"medicube-stat-number\"\u003e23.4%\u003c\/div\u003e\n \u003cdiv\u003eEnhanced Surface Hydration\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"medicube-stat-item\"\u003e\n \u003cdiv class=\"medicube-stat-number\"\u003e31%\u003c\/div\u003e\n \u003cdiv\u003eReduced Fine Lines\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 30px; font-size: 1.1em;\"\u003e\u003cstrong\u003eAll figures are from certified clinical studies after two weeks of use.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Timeline Section --\u003e\n \u003cdiv class=\"medicube-timeline-section medicube-fade-in\"\u003e\n \u003ch2 class=\"medicube-timeline-title\"\u003eTimeline of Results\u003c\/h2\u003e\n \u003cdiv class=\"medicube-timeline-item\"\u003e\n \u003ch3\u003eAfter First Use:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eDeep hydration and instant refreshment\u003c\/li\u003e\n \u003cli\u003eSmoother, softer texture\u003c\/li\u003e\n \u003cli\u003ePlump, fuller skin sensation\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"medicube-timeline-item\"\u003e\n \u003ch3\u003eAfter One Week (3-4 Uses):\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eNoticeable improvement in elasticity\u003c\/li\u003e\n \u003cli\u003eReduced appearance of fine lines\u003c\/li\u003e\n \u003cli\u003eEnhanced natural radiance\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"medicube-timeline-item\"\u003e\n \u003ch3\u003eAfter Two Weeks (6-8 Uses):\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eClinically visible improvements in elasticity and hydration\u003c\/li\u003e\n \u003cli\u003eSignificant enhancement in overall skin texture\u003c\/li\u003e\n \u003cli\u003eMore youthful, radiant skin\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"medicube-timeline-item\"\u003e\n \u003ch3\u003eAfter One Month of Regular Use:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eSubstantial improvement in skin health and strength\u003c\/li\u003e\n \u003cli\u003eBetter resistance to aging signs\u003c\/li\u003e\n \u003cli\u003eRevitalized, vibrant skin\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Value Section --\u003e\n \u003cdiv class=\"medicube-value-section medicube-fade-in\"\u003e\n \u003ch2 class=\"medicube-value-title\"\u003eExceptional Value for Price\u003c\/h2\u003e\n \u003cdiv class=\"medicube-value-item\"\u003e\n \u003ch3\u003e◆ Advanced Technology:\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e8 hours of continuous action + clinically proven ingredients\u003c\/strong\u003e - Value comparable to specialized skincare treatments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"medicube-value-item\"\u003e\n \u003ch3\u003e▲ Generous Size - Long-Lasting Value:\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e75 ml lasts for 25-30 uses\u003c\/strong\u003e - Approximately 3 months of advanced care.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"medicube-value-item\"\u003e\n \u003ch3\u003e● Time-Saving:\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eWorks while you sleep\u003c\/strong\u003e - No need for hours-long skincare sessions.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"medicube-value-item\"\u003e\n \u003ch3\u003e✓ Clinically Proven Results:\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eNot just promises\u003c\/strong\u003e - Real clinical studies with clear numbers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Usage Guide Section --\u003e\n \u003cdiv class=\"medicube-usage-guide medicube-fade-in\"\u003e\n \u003ch2 class=\"medicube-usage-title\"\u003eHow to Use\u003c\/h2\u003e\n \u003cdiv class=\"medicube-usage-steps\"\u003e\n \u003cdiv class=\"medicube-step-card\"\u003e\n \u003cdiv class=\"medicube-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"medicube-step-title\"\u003eNightly Preparation:\u003c\/div\u003e\n \u003col style=\"margin-left: 20px; line-height: 1.7;\"\u003e\n \u003cli\u003e\u003cstrong\u003eThoroughly cleanse your skin\u003c\/strong\u003e and apply your usual toner and serum.\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eEnsure skin is completely dry\u003c\/strong\u003e before applying the mask.\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eAvoid the eye and lip areas\u003c\/strong\u003e during application.\u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"medicube-step-card\"\u003e\n \u003cdiv class=\"medicube-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"medicube-step-title\"\u003eCorrect Application:\u003c\/div\u003e\n \u003col style=\"margin-left: 20px; line-height: 1.7;\"\u003e\n \u003cli\u003e\u003cstrong\u003eApply a medium layer\u003c\/strong\u003e across the face and neck.\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eWait 15-20 minutes\u003c\/strong\u003e for the protective film to form.\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eEnsure complete formation\u003c\/strong\u003e before sleeping.\u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"medicube-step-card\"\u003e\n \u003cdiv class=\"medicube-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"medicube-step-title\"\u003eMorning Removal:\u003c\/div\u003e\n \u003col style=\"margin-left: 20px; line-height: 1.7;\"\u003e\n \u003cli\u003e\u003cstrong\u003eGently peel off the film\u003c\/strong\u003e in one piece.\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eRinse with lukewarm water\u003c\/strong\u003e to remove any residue.\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eFollow with your usual morning routine\u003c\/strong\u003e.\u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"background: #fff3cd; border: 1px solid #ffeaa7; border-left: 4px solid #80ae93; padding: 20px; border-radius: 10px; margin-top: 30px;\"\u003e\n \u003ch3 style=\"color: #80ae93; font-weight: bold; margin-bottom: 15px;\"\u003eOptimal Frequency:\u003c\/h3\u003e\n \u003cp style=\"line-height: 1.7; margin: 0;\"\u003e\u003cstrong\u003e2-3 times weekly\u003c\/strong\u003e for best results without overuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Investment Section --\u003e\n \u003cdiv class=\"medicube-results-section medicube-fade-in\"\u003e\n \u003ch2 class=\"medicube-results-title\"\u003eMaximize Sleep Hours Intelligently\u003c\/h2\u003e\n \u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px;\"\u003e\n \u003cstrong\u003eMedicube’s mask isn’t just a skincare product—it’s a smart investment in your sleep hours.\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003cp style=\"font-size: 1.1em; line-height: 1.7; margin-bottom: 20px;\"\u003e\n \u003cstrong\u003eInstead of wasting 8 hours daily of prime natural renewal time, transform your sleep into an advanced skincare session\u003c\/strong\u003e with clinically proven results.\n \u003c\/p\u003e\n \u003cp style=\"font-size: 1.2em; font-weight: bold;\"\u003e\n \u003cstrong\u003eSmart Sleep… for Lasting Beauty.\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Ingredients List Section --\u003e\n \u003cdiv class=\"medicube-ingredients-list medicube-fade-in\"\u003e\n \u003ch3 class=\"medicube-ingredients-list-title\"\u003eFull Ingredients List:\u003c\/h3\u003e\n \u003cp class=\"medicube-ingredients-text\"\u003e\n Water, Polyvinyl Alcohol, Glycerin, Agave Americana Stem Extract, Niacinamide, Sodium Hyaluronate, 1,2-Hexanediol, Chlorella Vulgaris Extract, Cynanchum Atratum Extract, Althaea Rosea Flower Extract, Pancratium Maritimum Extract, Collagen Extract (0.1ppm), Caprylyl Glycol, Polyglyceryl-10 Laurate, Glucose, Butylene Glycol, Ethylhexylglycerin, Fructooligosaccharides, Fructose, Adenosine, Caprylic\/Capric Triglyceride, Hydrogenated Lecithin, Ceramide NP, Tocopherol, Sodium Stearoyl Glutamate, Xanthan Gum.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Final CTA Section --\u003e\n \u003cdiv class=\"medicube-final-cta medicube-fade-in medicube-pulse\"\u003e\n \u003ch2 class=\"medicube-cta-title\"\u003e8 Hours of Advanced Skincare… Every Night\u003c\/h2\u003e\n \u003cp class=\"medicube-cta-text\"\u003e\n \u003cstrong\u003eMedicube Collagen Night Wrapping Mask - Nighttime Intelligence Technology for Skin\u003c\/strong\u003e\u003cbr\u003e\n Leverage your sleep hours to achieve clinically proven results in skin elasticity and hydration.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ Ensure all elements are initially hidden for animation\n document.querySelectorAll('.medicube-fade-in').forEach(el =\u003e {\n el.style.opacity = '0';\n });\n\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 setTimeout(() =\u003e {\n entry.target.classList.add('visible');\n }, 100);\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n \/\/ Observe all fade-in elements\n document.querySelectorAll('.medicube-fade-in').forEach(el =\u003e {\n observer.observe(el);\n });\n\n \/\/ Add loading animation to all elements\n const allElements = document.querySelectorAll('.medicube-product-description \u003e *');\n allElements.forEach((el, index) =\u003e {\n el.classList.add('medicube-loading');\n el.style.animationDelay = `${index * 0.1}s`;\n });\n\n \/\/ Hover effects for benefit items\n const benefitItems = document.querySelectorAll('.medicube-benefit-item');\n benefitItems.forEach(item =\u003e {\n item.addEventListener('mouseenter', function() {\n this.style.transform = 'translateX(10px) scale(1.02)';\n });\n item.addEventListener('mouseleave', function() {\n this.style.transform = 'translateX(5px) scale(1.02)';\n });\n });\n\n \/\/ Enhanced hover effects for cards\n const cards = document.querySelectorAll('.medicube-ingredient-card, .medicube-step-card, .medicube-stat-item, .medicube-value-item, .medicube-timeline-item, .medicube-time-phase');\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 \/\/ Counter animation for stats\n const statNumbers = document.querySelectorAll('.medicube-stat-number');\n const statsObserver = new IntersectionObserver(function(entries) {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const target = parseFloat(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 if (target % 1 === 0) {\n entry.target.textContent = target + '%';\n } else {\n entry.target.textContent = target.toFixed(1) + '%';\n }\n clearInterval(timer);\n } else {\n if (target % 1 === 0) {\n entry.target.textContent = Math.floor(current) + '%';\n } else {\n entry.target.textContent = current.toFixed(1) + '%';\n }\n }\n }, 30);\n statsObserver.unobserve(entry.target);\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('.medicube-hero-section');\n if (heroSection) {\n const rate = scrolled * -0.2;\n heroSection.style.transform = `translateY(${rate}px)`;\n }\n });\n\n \/\/ Enhanced product image hover effects\n const productImages = document.querySelectorAll('.medicube-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 img.addEventListener('mouseleave', function() {\n this.style.transform = 'scale(1) rotate(0deg)';\n });\n });\n\n \/\/ Add subtle animations to step numbers\n const stepNumbers = document.querySelectorAll('.medicube-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 step.addEventListener('mouseleave', function() {\n this.style.transform = 'scale(1) rotate(0deg)';\n });\n });\n\n \/\/ Special highlight animation\n const specialHighlight = document.querySelector('.medicube-special-highlight');\n if (specialHighlight) {\n const highlightObserver = new IntersectionObserver(function(entries) {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.animation = 'pulse 2s infinite';\n }\n });\n }, { threshold: 0.5 });\n highlightObserver.observe(specialHighlight);\n }\n});\n\u003c\/script\u003e","brand":"Medicube","offers":[{"title":"Default Title","offer_id":46999422238894,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Medicube_Collagen_Night_Wrapping_Mask.jpg?v=1788175249"},{"product_id":"medicube-pdrn-pink-peptide-eye-cream","title":"Medicube Rosea Peptides PDRN Eye Cream - Firming and Reducing Wrinkles and Dark Circles (30 ml)","description":"\n\u003cstyle\u003e\n .product-description {\n direction: ltr;\n text-align: left;\n font-family: inherit;\n line-height: 1.6;\n color: #333;\n max-width: 100%;\n margin: 0 auto;\n padding: 0;\n }\n\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: #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\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\/Medicube.jpg?v=1757170209') 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: #fff;\n margin-bottom: 20px;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n }\n\n .subtitle {\n font-size: 1.4em;\n font-weight: bold;\n color: #fff;\n margin-bottom: 15px;\n }\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\n .hero-text {\n font-size: 1.1em;\n line-height: 1.7;\n margin-bottom: 20px;\n color: #fff;\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 .problem-section {\n background: #000;\n color: #fff;\n padding: 40px 30px;\n border-radius: 15px;\n margin: 30px 0;\n }\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\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\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: 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\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\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 color: #333;\n }\n\n .science-section {\n background: #fff;\n padding: 40px 30px;\n border-radius: 15px;\n margin: 30px 0;\n border: 1px solid #e9ecef;\n }\n\n .science-title {\n font-size: 1.8em;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 20px;\n text-align: center;\n }\n\n .science-card {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 25px;\n border-radius: 12px;\n margin-bottom: 20px;\n transition: all 0.3s ease;\n border-right: 4px solid #9C8102;\n }\n\n .science-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n }\n\n .science-name {\n font-size: 1.3em;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 10px;\n }\n\n .science-description {\n line-height: 1.6;\n color: #333;\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 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\n .ingredient-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 20px 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 .ingredient-description ul {\n margin: 15px 0;\n margin-right: 20px;\n }\n\n .ingredient-description li {\n margin-bottom: 8px;\n }\n\n .timeline-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 40px 20px;\n margin: 30px 0;\n border-radius: 15px;\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-item {\n background: #fff;\n padding: 25px;\n border-radius: 12px;\n margin-bottom: 20px;\n border-right: 4px solid #9C8102;\n transition: all 0.3s ease;\n }\n\n .timeline-item:hover {\n transform: translateX(-5px);\n box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n }\n\n .timeline-item h3 {\n color: #9C8102;\n font-weight: bold;\n margin-bottom: 15px;\n }\n\n .timeline-item ul {\n margin-right: 20px;\n line-height: 1.7;\n }\n\n .social-proof {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 40px 30px;\n border-radius: 15px;\n margin: 30px 0;\n }\n\n .social-proof-title {\n font-size: 2em;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 30px;\n text-align: center;\n }\n\n .proof-item {\n background: #fff;\n padding: 20px;\n border-radius: 10px;\n margin-bottom: 15px;\n box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n border-right: 4px solid #9C8102;\n font-size: 1.1em;\n font-weight: bold;\n color: #333;\n }\n\n .proof-item:hover {\n transform: translateX(-3px);\n box-shadow: 0 5px 15px rgba(0,0,0,0.15);\n }\n\n .proof-icon {\n color: #9C8102;\n margin-left: 10px;\n }\n\n .value-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 .value-title {\n font-size: 1.8em;\n font-weight: bold;\n color: #9C8102;\n text-align: center;\n margin-bottom: 30px;\n }\n\n .value-item {\n background: #fff;\n padding: 20px;\n border-radius: 10px;\n margin-bottom: 20px;\n box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n border-right: 4px solid #9C8102;\n }\n\n .value-item:hover {\n transform: translateX(-3px);\n box-shadow: 0 5px 15px rgba(0,0,0,0.15);\n }\n\n .value-item h3 {\n color: #9C8102;\n font-weight: bold;\n margin-bottom: 10px;\n }\n\n .usage-guide {\n background: #fff;\n padding: 40px 30px;\n border-radius: 15px;\n margin: 30px 0;\n border: 1px solid #e9ecef;\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: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 25px;\n border-radius: 12px;\n transition: all 0.3s ease;\n border-right: 4px solid #9C8102;\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-title {\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 15px;\n font-size: 1.2em;\n }\n\n .step-content {\n line-height: 1.7;\n }\n\n .step-content ol, .step-content ul {\n margin-right: 20px;\n }\n\n .step-content li {\n margin-bottom: 10px;\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: #fff;\n }\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\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 .highlight-box {\n background: linear-gradient(135deg, #9C8102 0%, #b8941a 100%);\n color: #fff;\n padding: 25px;\n border-radius: 15px;\n margin: 20px 0;\n text-align: center;\n font-weight: bold;\n font-size: 1.1em;\n box-shadow: 0 10px 25px rgba(156, 129, 2, 0.3);\n }\n\n .question-cta {\n background: linear-gradient(135deg, #333 0%, #000 100%);\n color: #fff;\n padding: 30px;\n border-radius: 15px;\n margin: 20px 0;\n text-align: center;\n font-size: 1.2em;\n font-weight: bold;\n }\n\n .question-cta .highlight-text {\n color: #9C8102;\n font-size: 1.3em;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .main-title { font-size: 1.8em; }\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\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Medicube PDRN Pink Peptide Eye Cream\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Medicube.jpg?v=1757170209\"\/\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"main-title\"\u003eMedicube PDRN Pink Peptide Eye Cream\u003c\/h1\u003e\n\u003ch2 class=\"subtitle\"\u003eSmart eye cream with advanced DNA technology\u003c\/h2\u003e\n\u003ch3 class=\"hero-tagline\"\u003eWhen Korean science meets the secrets of the sea\u003c\/h3\u003e\n\u003cp class=\"hero-text\"\u003eThe eye area is the most sensitive area on the face, and the problems that appear there - such as dark circles and fine lines - do not go away easily with regular creams. Medicube cream is used \u003cstrong\u003ePDRN technology extracted salmon DNA\u003c\/strong\u003e With 5 types of specialized peptides to solve eye area problems from the roots.\u003c\/p\u003e\n\u003cp class=\"hero-text\"\u003e\u003cstrong\u003eInnovative technology:\u003c\/strong\u003e Salmon DNA contains small molecules capable of... \u003cstrong\u003eStimulate cell regeneration and tissue repair\u003c\/strong\u003e In the thinnest area of Baloch, with proven clinical results within one week.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Problem Section --\u003e\n\u003cdiv class=\"problem-section fade-in\"\u003e\n\u003ch2 class=\"problem-title\"\u003eEye area problem: the forgotten area in your care routine\u003c\/h2\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.4em; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eScientific facts about the challenges of the Al Ain region\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.7; margin-bottom: 20px;\"\u003eMedical research has proven that \u003cstrong\u003eThe eye area is 40% thinner than the rest of the skin\u003c\/strong\u003eThis makes her more vulnerable to problems and premature aging. This region faces difficult daily challenges:\u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; font-weight: bold; margin: 20px 0;\"\u003e\u003cstrong\u003eBasic problems:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul style=\"margin-right: 20px; line-height: 1.8;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eLack of sebaceous glands\u003c\/strong\u003e It leads to constant dehydration\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSkin tenderness\u003c\/strong\u003e Leaving the blood vessels visible (halos)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eContinuous movement\u003c\/strong\u003e From blinking and expressions, wrinkles are formed\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLack of structural support\u003c\/strong\u003e It leads to sagging and swelling\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin: 30px 0; color: #9C8102;\"\u003e\u003cstrong\u003eWhy are regular creams not enough?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"line-height: 1.7;\"\u003eMost eye creams \u003cstrong\u003eFocuses on surface hydration\u003c\/strong\u003e Not on tissue repair from the depths. The result? A temporary improvement without a real solution to the underlying problems.\u003c\/p\u003e\n\u003cp style=\"line-height: 1.7; margin-top: 20px;\"\u003e\u003cstrong\u003eRequired:\u003c\/strong\u003e Cream works on \u003cstrong\u003eDNA level of cells\u003c\/strong\u003e To repair damage and stimulate natural regeneration of the most delicate area of the face.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003eThis cream is the first cream that repairs the DNA of the eye area\u003c\/h2\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Benefits of the cream\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/medicube_pdrn_pink_peptide_eye_cream_30ml_de1450fa-64a0-4fbe-b5d9-8a9ffb7386bd.jpg?v=1757170594\"\/\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\u003eCell DNA repair and regeneration\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(With 99% pure PDRN technology)\u003c\/strong\u003e Stimulating adenosine receptors to accelerate cell regeneration and repair of damaged tissue\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\u003eIncrease eye area elasticity with proven results\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(With advanced pentapeptide group)\u003c\/strong\u003e Elasticity improved by 2.87% in one week while stimulating collagen production\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\u003eIntense hydration that lasts all day\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(with multi molecular weight hyaluronic acid)\u003c\/strong\u003e Increased hydration by 22.5% with immediate and long-term absorption\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\u003eTreating dark circles from their causes\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(with specialized niacinamide)\u003c\/strong\u003e Reduce melanin transport by 68% and improve microcirculation\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\u003eErase fine lines and expression lines\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(With 99% pure retinol)\u003c\/strong\u003e Improved lines and wrinkles by 33% and reduced under-eye darkness by 41%.\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\u003eReducing puffiness and bags under the eyes\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(With caffeine, which stimulates blood circulation)\u003c\/strong\u003e Stimulate lymphatic drainage and reduce fluid accumulation\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\u003eStrengthening the delicate skin barrier\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(with ceramides and amino acids)\u003c\/strong\u003e Enhancing the natural structure of the delicate area of the face\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\u003eSmooth skin texture and improve radiance\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(With collagen stimulating adenosine)\u003c\/strong\u003e Increased skin thickness and smoother texture with natural radiance\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\u003eProtection from everyday environmental damage\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(With advanced antioxidants)\u003c\/strong\u003e Protection from free radicals and factors that accelerate eye aging\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\u003eImprove microcirculation\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(With PDRN stimulating technology)\u003c\/strong\u003e Formation of new blood vessels to improve delivery of oxygen and nutrients\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\u003eResisting signs of aging\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(with integrated formula)\u003c\/strong\u003e Prevent the emergence of new problems and repair existing ones\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\u003eSoothe inflammation of the sensitive area\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(with anti-inflammatory peptides)\u003c\/strong\u003e Reducing redness and irritation in the palate area\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 fade-in\"\u003e\n\u003ch2 class=\"science-title\"\u003eHow does PDRN technology work?\u003c\/h2\u003e\n\u003cdiv class=\"science-card\"\u003e\n\u003cdiv class=\"science-name\"\u003e◆ Salmon DNA - the science behind the miracle:\u003c\/div\u003e\n\u003cdiv class=\"science-description\"\u003e\n\u003cp\u003e\u003cstrong\u003ePDRN (Polydeoxyribonucleotide)\u003c\/strong\u003e It is an extract of salmon DNA broken into small molecules (50-1500 kDa) capable of:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eStimulation of A2A receptors\u003c\/strong\u003e Which regulates the anti-inflammatory response\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePromote cell growth\u003c\/strong\u003e And the formation of new blood vessels\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eImprove oxygen delivery\u003c\/strong\u003e And nutrients for tissues\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAccelerate tissue repair\u003c\/strong\u003e And healing of micro wounds\u003c\/li\u003e\n\u003c\/ul\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\u003ch2 class=\"ingredients-title\"\u003eSpecialized scientific components\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◇ Pentapeptide group:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003e5 types of specialized peptides\u003c\/strong\u003e They work together in perfect harmony:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCopper Tripeptide-1:\u003c\/strong\u003e Reduces inflammation and accelerates collagen production\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcetyl Hexapeptide-8:\u003c\/strong\u003e 48.9% anti-wrinkle effectiveness\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePalmitoyl Pentapeptide-4:\u003c\/strong\u003e Stimulates collagen synthesis and improves texture\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePalmitoyl Tetrapeptide-7:\u003c\/strong\u003e Reduces inflammation and strengthens the protective barrier\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePalmitoyl Tripeptide-1:\u003c\/strong\u003e Promotes the production of collagen and elastin\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● Niacinamide (Vitamin B3):\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eSpecialized in treating dark circles\u003c\/strong\u003e Via:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eInhibition of melanin transport by 68%\u003c\/li\u003e\n\u003cli\u003eStrengthening the delicate skin barrier\u003c\/li\u003e\n\u003cli\u003eReduce inflammation and soothe the sensitive area\u003c\/li\u003e\n\u003cli\u003eImprove microcirculation\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▲ Caffeine stimulant:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eStimulates blood circulation\u003c\/strong\u003e It reduces bloating by:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eActivating microcirculation\u003c\/li\u003e\n\u003cli\u003eShrinking blood vessels to reduce circles\u003c\/li\u003e\n\u003cli\u003eAntioxidant properties for protection\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=\"timeline-section fade-in\"\u003e\n\u003ch2 class=\"timeline-title\"\u003eTransformation journey:\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eFrom the first use:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eInstant hydration and refreshment of the area\u003c\/li\u003e\n\u003cli\u003eTemporary smoothing of fine lines\u003c\/li\u003e\n\u003cli\u003eImproved light reflection and reduced shadows\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eAfter one week:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eConfirmed clinical results:\u003c\/strong\u003e 2.87% improvement in flexibility\u003c\/li\u003e\n\u003cli\u003eVisible reduction in puffiness and bags\u003c\/li\u003e\n\u003cli\u003eBeginning to lighten dark circles\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eAfter two weeks to a month:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eNoticeable improvement in softness of texture\u003c\/li\u003e\n\u003cli\u003eVisibly reduces the depth of fine lines\u003c\/li\u003e\n\u003cli\u003eImprovement in skin strength and resistance\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eAfter 3 months of regular use:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eSubstantial improvement in skin thickness and strength\u003c\/li\u003e\n\u003cli\u003eLong-term results in eliminating signs of aging\u003c\/li\u003e\n\u003cli\u003eAin area is more youthful and vibrant\u003c\/li\u003e\n\u003c\/ul\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\"\u003eDocumented experiences and real testimonials\u003c\/h2\u003e\n\u003cdiv class=\"proof-item\"\u003e\n\u003cspan class=\"proof-icon\"\u003e★\u003c\/span\u003e\n\u003cspan\u003eRating of 4.0\/5 stars from hundreds of international reviews\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"proof-item\"\u003e\n\u003cspan class=\"proof-icon\"\u003e◆\u003c\/span\u003e\n\u003cspan\u003eChosen by InStyle magazine as one of the best K-beauty products\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"proof-item\"\u003e\n\u003cspan class=\"proof-icon\"\u003e▲\u003c\/span\u003e\n\u003cspan\u003e97% user satisfaction with texture and absorbency\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Section --\u003e\n\u003cdiv class=\"value-section fade-in\"\u003e\n\u003ch2 class=\"value-title\"\u003eExcellent value for price\u003c\/h2\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e◆ Professional technology:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003ePDRN focus at the level of specialized clinics\u003c\/strong\u003e - The same technology used in medical cosmetic treatments.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e▲ Suitable size - long use:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e30 ml is enough for 3-4 months\u003c\/strong\u003e From daily use to the eye area.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e● Multifunctional combination:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSolves 7 different problems\u003c\/strong\u003e In the Al Ain area instead of purchasing separate products.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e✓ Documented clinical results:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eNot just marketing promises\u003c\/strong\u003e - Real studies with clear numbers from one week.\u003c\/p\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\"\u003eCorrect how to use\u003c\/h2\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-title\"\u003eCorrect application:\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003eClean the eye area\u003c\/strong\u003e Well and dry it gently\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTake a grain-sized amount of rice\u003c\/strong\u003e For both eyes\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eShe patted gently\u003c\/strong\u003e Around the bone surrounding the eye\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAvoid moving eyelid\u003c\/strong\u003e And the area directly near Al Ain\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLet it absorb\u003c\/strong\u003e For two minutes before applying makeup\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-title\"\u003ePerfect timing:\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eMorning and evening\u003c\/strong\u003e As the last step in your care routine\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUnder sunscreen\u003c\/strong\u003e During the day for extra protection\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDaily use\u003c\/strong\u003e For best results\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-title\"\u003eTips for making the most of it:\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eStart gradually\u003c\/strong\u003e If it is your first time using retinol\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStore it in a cool place\u003c\/strong\u003e To preserve the active ingredients\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlways use sunscreen\u003c\/strong\u003e To protect the sensitive area\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!-- Investment Section --\u003e\n\u003cdiv class=\"science-section fade-in\"\u003e\n\u003ch2 class=\"science-title\"\u003eSmart investment in Al Ain area\u003c\/h2\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Smart investment\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/medicube_pdrn_pink_peptide_eye_cream_30ml_ced4534c-bb13-48c5-af3e-789c621dd83b.jpg?v=1757170700\"\/\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px; text-align: center;\"\u003e\n\u003cstrong\u003eMedicube Cream is not just an ordinary eye cream... it is an investment in advanced technology that solves eye area problems at the root.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp style=\"font-size: 1.1em; line-height: 1.7; margin-bottom: 20px; text-align: center;\"\u003e\n\u003cstrong\u003eInstead of hiding problems with makeup, treat them with science\u003c\/strong\u003e Get permanent, clinically proven results.\n \u003c\/p\u003e\n\u003cdiv class=\"question-cta\"\u003e\n\u003cp class=\"highlight-text\"\u003eWould you prefer to hide dark circles with concealer or would you treat them in the first place?\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eAdd it to the cart now\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\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\"\u003eFull ingredient list:\u003c\/h3\u003e\n\u003cp class=\"ingredients-text\"\u003e\n Water, Glycerin, Dipropylene Glycol, Niacinamide, Caprylic\/Capric Triglyceride, Pentaerythrityl Tetraethylhexanoate, Cetearyl Alcohol, Glycereth-26, Sodium DNA, Adenosine, Retinol, Sodium Hyaluronate, Caffeine, Multiple Peptides Complex, and more specialized active ingredients.\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\"\u003eSalmon DNA technology at the service of the beauty of your eyes\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eMedicube PDRN Pink Peptide Eye Cream - Advanced Korean Science\u003c\/strong\u003e\u003cbr\/\u003e\n A comprehensive scientific solution to all eye area problems with clinically proven PDRN technology\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.02)';\n });\n });\n\n \/\/ Enhanced hover effects for cards\n const cards = document.querySelectorAll('.science-card, .ingredient-card, .step-card, .value-item, .timeline-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 \/\/ 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.2;\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 \/\/ Special animation for question CTA\n const questionCta = document.querySelector('.question-cta');\n if (questionCta) {\n const ctaObserver = new IntersectionObserver(function(entries) {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.animation = 'pulse 2s infinite';\n }\n });\n }, { threshold: 0.5 });\n \n ctaObserver.observe(questionCta);\n }\n });\n \u003c\/script\u003e\n","brand":"Medicube","offers":[{"title":"Default Title","offer_id":46999422402734,"sku":null,"price":22.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/medicube_pdrn_pink_peptide_eye_cream_30ml_ec9d91f6-a842-4443-b223-74de86f6e1c0.jpg?v=1788175247"},{"product_id":"some-by-mi-yuja-niacin-anti-blemish-starter-kit","title":"Some by Mi Yuja Niacin Anti-Blemish Starter Kit is the advanced Korean group for treating pigmentation","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\"\u003eComplete Korean lightening kit with yuga extract and niacinamide\u003c\/h2\u003e\n\u003ch3 class=\"hero-tagline\"\u003eWhen natural Vitamin C meets advanced Niacinamide technology\u003c\/h3\u003e\n\u003cp class=\"hero-text\"\u003ePigmentation and dark spots affect your self-confidence and the beauty of your skin. Kit some by me combines \u003cstrong\u003eYuja extract rich in natural vitamin C in concentrations up to 90% with niacinamide up to 10%\u003c\/strong\u003e In 4 integrated products that work together to lighten the skin.\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 pigmentation crisis: the biggest aesthetic challenge\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\u003eWhy do pigmentation appear and how does it spread?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.7; margin-bottom: 20px;\"\u003e\u003cstrong\u003e95% of pigmentation problems are caused by excessive melanin production\u003c\/strong\u003e As a result of sun exposure, infections, acne effects, and aging.\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin: 30px 0; color: #9c8102;\"\u003e\u003cstrong\u003eWhy is yoga extract + niacinamide the best solution?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"line-height: 1.7;\"\u003eYuga extract contains \u003cstrong\u003eHighest concentration of natural vitamin C\u003c\/strong\u003e Among all citrus fruits, while niacinamide inhibits the tyrosinase enzyme responsible for melanin production.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003eThe power of Korean yoga with advanced niacinamide\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\u003eGentle brightening cleansing (Step 1)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(11% Yuga Lotion + Niacinamide)\u003c\/strong\u003e It cleanses the skin of impurities and starts the lightening process from the first use\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\u003ePrepare and revitalize the skin (Step 2)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Toner with 90% Yuga + 5% Niacinamide)\u003c\/strong\u003e Prepares the skin for better absorption and balances its 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\u003eIntense and targeted lightening (Step 3)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Serum with 83% Yuga + 10% Niacinamide)\u003c\/strong\u003e The highest concentration in Alkit directly targets dark spots\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\u003eMoisturize and protect results (Step 4)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Cream with 70% Yuga + 5% Niacinamide)\u003c\/strong\u003e Maintains results and protects against the formation of new pigmentation\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\"\u003eKorean Yoga Treasures and Advanced Niacinamide\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◇Korean Yuga Extract - The King of Natural Vitamin C:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eCitrus Junos in concentrations ranging from 11% to 90%\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eNatural Vitamin C Concentrate:\u003c\/strong\u003e 3 times stronger than industrial\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eActive flavonoids:\u003c\/strong\u003e Protects against oxidation and promotes lightening\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNatural fruit acids:\u003c\/strong\u003e Gentle exfoliation reveals radiant skin\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● Niacinamide - the miracle vitamin B3:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eVitamin B3 in concentrations ranging from 1ppm to 10%\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eTyrosinase inhibition:\u003c\/strong\u003e Stops excess melanin production\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStrengthening the skin barrier:\u003c\/strong\u003e Protects against new pigmentation\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAnti-inflammatory:\u003c\/strong\u003e Soothes sensitive skin\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\"\u003eKorean lightening journey step by step:\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eFirst week:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eImmediate improvement in skin radiance and smoothness\u003c\/li\u003e\n\u003cli\u003eA clear reduction in the appearance of enlarged pores\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eWeeks 2-4:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eBeginning to lighten recent dark spots\u003c\/li\u003e\n\u003cli\u003eNoticeable unification of skin tone\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eSecond month:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eClear lightening of pigmentation and stubborn spots\u003c\/li\u003e\n\u003cli\u003eBrighter and more vibrant skin\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\"\u003eIntegrated Korean technology at an exceptional value\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 products in one kit:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eIntegrated care system\u003c\/strong\u003e - Lotion + toner + serum + cream instead of purchasing each product separately.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e▲ Professional graded concentrations:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eFrom 11% to 90% yoga\u003c\/strong\u003e - Safe gradual lightening without irritation or sensitivity.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"science-section fade-in\"\u003e\n\u003ch2 class=\"science-title\"\u003eWhy is the Korean integrated approach better?\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 is not just products...it is a complete scientific system for safe lightening.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"question-cta\"\u003e\n\u003cp class=\"highlight-text\"\u003eWould you prefer the randomized trial or the proven Korean scientific system?\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eOrder the complete kit now\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\"\u003eThe Korean secret to radiant and even skin\u003c\/h2\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Anti-Blemish_Starter_Kit_7.jpg?v=1757506213\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\u003cstrong\u003eSome by Mi Yuja Niacin Kit - the complete Korean system\u003c\/strong\u003e\u003cbr\/\u003eBrighter and more even skin with Yuga Extract and Niacinamide in 4 scientific steps\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":46999424729262,"sku":"SOME_BY_MI_YUJA_NIACIN_ANTI_BLEMISH_STARTER_KIT_2293","price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/SomebyMiYujaNiacinAnti-BlemishStarterKit3_cbd7d7bb-92e0-4e95-b28d-ce371f071efa.jpg?v=1788175241"}],"url":"https:\/\/skingeer.com\/collections\/korean-skincare.oembed?page=2","provider":"SkinGeer","version":"1.0","type":"link"}