{"title":"페이셜 세럼 및 타겟 트리트먼트","description":"","products":[{"product_id":"the-ordinary-caffeine-solution","title":"디 디오너리 카페인 솔루션 5% + EGCG - 다크서클 \u0026 눈밑 붓기 세럼","description":"\u003cdiv class=\"caf-premium-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n \/* Style Settings *\/\n .caf-premium-wrapper {\n --caf-bg-dark: #120b08; \/* Style Settings *\/\n --caf-bg-card: rgba(30, 20, 15, 0.6); \/* Style Settings *\/\n --caf-gold-main: #d4af37; \/* Style Settings *\/\n --caf-gold-light: #f3e5ab; \/* Style Settings *\/\n --caf-gold-glow: rgba(212, 175, 55, 0.25);\n --caf-tea-green: #81b29a; \/* Style Settings *\/\n --caf-text-main: #fdfbf7;\n --caf-text-muted: #cbbca0;\n --caf-border: rgba(212, 175, 55, 0.2);\n --caf-border-hover: rgba(243, 229, 171, 0.6);\n \n background-color: var(--caf-bg-dark);\n color: var(--caf-text-main);\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.7;\n overflow: hidden;\n position: relative;\n padding: 40px 0;\n border-radius: 20px;\n box-shadow: 0 0 80px rgba(212, 175, 55, 0.05) inset;\n }\n\n .caf-premium-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .caf-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(212, 175, 55, 0.1);\n }\n\n .caf-container {\n max-width: 900px;\n margin: 0 auto;\n padding: 0 20px;\n position: relative;\n z-index: 2;\n }\n\n \/* Style Settings *\/\n .caf-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 .caf-particle {\n position: absolute;\n border-radius: 50%;\n bottom: -100px;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.15) 0%, transparent 70%);\n box-shadow: 0 0 15px var(--caf-gold-glow);\n animation: floatUpCaf 16s infinite ease-in-out;\n filter: blur(5px);\n }\n\n @keyframes floatUpCaf {\n 0% { transform: translateY(0) scale(0.8) translateX(0); opacity: 0; }\n 20% { opacity: 0.6; }\n 80% { opacity: 0.3; }\n 100% { transform: translateY(-1600px) scale(1.5) translateX(40px); opacity: 0; }\n }\n\n \/* Style Settings *\/\n .caf-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 20px rgba(0,0,0,0.8);\n }\n\n .caf-title-glow span {\n background: linear-gradient(135deg, var(--caf-gold-light) 0%, var(--caf-gold-main) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n text-shadow: 0 0 20px var(--caf-gold-glow);\n }\n\n .caf-section-title {\n display: block;\n width: 100%;\n font-size: clamp(22px, 4vw, 30px);\n font-weight: 800;\n color: #fff;\n text-align: center;\n margin: 60px auto 30px;\n position: relative;\n line-height: 1.5;\n }\n\n .caf-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(--caf-gold-main), transparent);\n border-radius: 10px;\n box-shadow: 0 0 10px var(--caf-gold-main);\n }\n\n \/* Style Settings *\/\n .caf-hero {\n text-align: center;\n padding: 20px 0 40px;\n }\n\n .caf-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n border: 1px solid var(--caf-gold-main);\n color: var(--caf-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(--caf-gold-glow);\n }\n \n .caf-hero-subtitle {\n font-size: 1.15rem;\n color: var(--caf-text-muted);\n max-width: 800px;\n margin: 0 auto 30px;\n font-weight: 500;\n line-height: 1.8;\n }\n\n \/* Style Settings *\/\n .caf-glass-box {\n background: var(--caf-bg-card);\n backdrop-filter: blur(15px);\n -webkit-backdrop-filter: blur(15px);\n border: 1px solid var(--caf-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 .caf-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(--caf-gold-light), var(--caf-gold-main), transparent);\n }\n\n \/* === The Synergy Box (UVP Highlight) === *\/\n .caf-synergy-box {\n background: linear-gradient(145deg, rgba(30, 20, 15, 0.8), rgba(10, 5, 5, 0.95));\n border: 2px solid var(--caf-gold-main);\n border-radius: 20px;\n padding: 40px 30px;\n margin: 50px 0;\n text-align: center;\n position: relative;\n box-shadow: 0 0 40px rgba(212, 175, 55, 0.15);\n }\n\n .caf-synergy-equation {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin-bottom: 30px;\n }\n\n .caf-synergy-item {\n background: rgba(255,255,255,0.03);\n border: 1px dashed var(--caf-gold-light);\n padding: 20px;\n border-radius: 15px;\n flex: 1;\n min-width: 250px;\n }\n\n .caf-synergy-plus {\n font-size: 3rem;\n color: var(--caf-gold-main);\n font-weight: 900;\n }\n\n .caf-synergy-result {\n background: var(--caf-gold-main);\n color: #000;\n padding: 20px;\n border-radius: 15px;\n font-size: 1.3rem;\n font-weight: 900;\n width: 100%;\n box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4);\n }\n\n \/* Style Settings *\/\n .caf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 25px;\n margin: 40px 0;\n }\n\n .caf-card {\n background: linear-gradient(145deg, rgba(25, 15, 10, 0.7), rgba(10, 5, 5, 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 }\n\n .caf-card:hover {\n transform: translateY(-8px);\n border-color: var(--caf-gold-main);\n box-shadow: 0 15px 30px rgba(212, 175, 55, 0.15);\n background: rgba(35, 20, 10, 0.8);\n }\n\n .caf-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(--caf-gold-light);\n font-size: 26px;\n transition: all 0.3s ease;\n }\n \n .caf-card:hover .caf-icon {\n background: linear-gradient(135deg, var(--caf-gold-main), var(--caf-gold-light));\n color: #000;\n transform: scale(1.1) rotate(-5deg);\n border-color: transparent;\n box-shadow: 0 0 20px var(--caf-gold-glow);\n }\n\n .caf-card h3 {\n font-size: 1.2rem;\n color: #fff;\n margin-bottom: 12px;\n }\n\n .caf-card p {\n color: var(--caf-text-muted);\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Style Settings *\/\n .caf-stats-wrap {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n margin: 40px 0;\n background: var(--caf-bg-card);\n padding: 35px;\n border-radius: 20px;\n border: 1px solid var(--caf-border);\n }\n\n .caf-stat-item {\n text-align: center;\n position: relative;\n padding: 15px;\n }\n\n .caf-stat-num {\n font-size: 3.5rem;\n font-weight: 900;\n background: linear-gradient(135deg, var(--caf-gold-light), var(--caf-gold-main));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n line-height: 1;\n margin-bottom: 10px;\n text-shadow: 0 0 20px rgba(212, 175, 55, 0.3);\n font-family: system-ui, -apple-system, sans-serif;\n }\n \n .caf-stat-desc {\n color: #fff;\n font-size: 1.05rem;\n line-height: 1.5;\n }\n\n \/* Style Settings *\/\n .caf-timeline {\n position: relative;\n padding-right: 35px;\n margin: 50px 0;\n }\n\n .caf-timeline::before {\n content: '';\n position: absolute;\n top: 0;\n right: 15px;\n width: 3px;\n height: 100%;\n background: linear-gradient(180deg, var(--caf-gold-main), transparent);\n border-radius: 3px;\n }\n\n .caf-timeline-item {\n position: relative;\n margin-bottom: 30px;\n background: rgba(255,255,255,0.02);\n border: 1px solid var(--caf-border);\n padding: 25px;\n border-radius: 16px;\n text-align: left;\n transition: all 0.3s;\n }\n\n .caf-timeline-item:hover {\n background: rgba(212, 175, 55, 0.05);\n transform: translateX(-10px);\n border-color: rgba(212, 175, 55, 0.4);\n }\n\n .caf-timeline-item::before {\n content: '';\n position: absolute;\n top: 35px;\n right: -23px;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n background: var(--caf-gold-main);\n box-shadow: 0 0 15px var(--caf-gold-main);\n border: 3px solid var(--caf-bg-dark);\n }\n\n \/* Style Settings *\/\n .caf-steps-wrap {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n margin-top: 50px;\n }\n\n .caf-step-box {\n background: rgba(0,0,0,0.5);\n border: 1px solid var(--caf-border);\n padding: 35px 20px;\n border-radius: 16px;\n text-align: center;\n transition: all 0.3s;\n }\n\n .caf-step-box:hover {\n border-color: var(--caf-gold-main);\n transform: translateY(-5px);\n background: rgba(212, 175, 55, 0.05);\n }\n\n .caf-step-num {\n width: 50px;\n height: 50px;\n background: var(--caf-bg-dark);\n border: 2px solid var(--caf-gold-main);\n color: var(--caf-gold-light);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.4rem;\n font-weight: bold;\n margin: 0 auto 20px;\n box-shadow: 0 0 15px var(--caf-gold-glow);\n }\n\n \/* === Animations === *\/\n .caf-reveal {\n opacity: 0;\n transform: translateY(40px) scale(0.98);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .caf-reveal.caf-active {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n\n .caf-delay-1 { transition-delay: 0.1s; }\n .caf-delay-2 { transition-delay: 0.2s; }\n\n @media (max-width: 768px) {\n .caf-hero { padding: 10px 0 20px; }\n .caf-synergy-plus { transform: rotate(90deg); }\n .caf-timeline { padding-right: 25px; }\n .caf-timeline::before { right: 10px; }\n .caf-timeline-item::before { right: -17px; width: 12px; height: 12px; top: 30px;}\n }\n \u003c\/style\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"caf-ambient-particles\" id=\"caf-particles\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"caf-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"caf-hero caf-reveal caf-active\"\u003e\n\u003cdiv class=\"caf-badge\"\u003e눈가를 깨우는 엘릭서\u003c\/div\u003e\n\u003ch1 class=\"caf-title-glow\"\u003e다크서클과 붓기의 악몽은 이제 끝났습니다. \u003cbr\/\u003e\u003cspan\u003e\"농축한 커피 한 잔\"이 당신의 눈을 단숨에 깨웁니다!\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"caf-hero-subtitle\"\u003e\n 8시간 동안 아무리 잠을 자도 여전히 피곤해 보이나요?컨실러가 뭉쳐서 어둡게 가려지지 않나요? \n \u003cstrong style=\"color: #fff;\"\u003e문제는 잠을 자는 시간이 아니라, 눈 밑의 혈액순환이 문제입니다.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 2. The Problem --\u003e\n\u003cdiv class=\"caf-glass-box caf-reveal\"\u003e\n\u003ch2 style=\"color: #fff; font-size: 1.6rem; margin-bottom: 15px;\"\u003e일반 아이크림은 왜 실패하나요?\u003c\/h2\u003e\n\u003cp style=\"color: var(--caf-text-muted); font-size: 1.1rem; line-height: 1.8;\"\u003e\n 대부분의 아이 크림은 표면에만 수분을 공급합니다.그러나 눈에 보이는 어두움은 사실 혈액 순환이 잘 안 되어 '울혈'이고, 붓는 것은 눈 밑 아주 얇은 피부 아래에 '갇힌 액체'일 뿐입니다.보습만으로는 이러한 구조적 문제를 해결할 수 없습니다.\n \u003c\/p\u003e\n\u003cdiv style=\"border-top: 1px dashed var(--caf-border); padding-top: 25px; margin-top: 25px;\"\u003e\n\u003cp style=\"color: var(--caf-gold-light); font-size: 1.25rem; font-weight: bold;\"\u003e다이렉트 메디컬 솔루션: 카페인 솔루션 5% + EGCG\u003c\/p\u003e\n\u003cp style=\"color: #fff; font-size: 1.05rem; margin-top: 10px;\"\u003e\n 보습제가 필요하지 않습니다.고농축 디오디너리의 힘으로 체액을 끌어당기고 색소침착을 녹이는 생물학적 자극제가 필요합니다.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. The Synergy UVP (The Golden Equation) --\u003e\n\u003ch2 class=\"caf-section-title caf-reveal\"\u003e피부과 의사들을 놀라게 한 방정식\u003c\/h2\u003e\n\u003cp class=\"caf-reveal\" style=\"text-align: center; color: var(--caf-text-muted); margin-bottom: 20px;\"\u003e엄청난 효과의 비결은 안과 치료 분야에서 가장 강력한 두 가지 성분의 조합에 있습니다.\u003c\/p\u003e\n\u003cdiv class=\"caf-synergy-box caf-reveal\"\u003e\n\u003cdiv class=\"caf-synergy-equation\"\u003e\n\u003cdiv class=\"caf-synergy-item\"\u003e\n\u003ch3 style=\"color: var(--caf-gold-light); font-size: 1.5rem; margin-bottom: 10px;\"\u003e😄 카페인 5%\u003c\/h3\u003e\n\u003cp style=\"color: #fff; font-size: 1rem; line-height: 1.6;\"\u003e이것만으로도 정체된 체액을 빼내고 혈관을 수축시켜 아침의 붓기를 즉각적으로 완화시켜 줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-synergy-plus\"\u003e+\u003c\/div\u003e\n\u003cdiv class=\"caf-synergy-item\" style=\"border-color: var(--caf-tea-green);\"\u003e\n\u003ch3 style=\"color: var(--caf-tea-green); font-size: 1.5rem; margin-bottom: 10px;\"\u003e❤️EGCG 녹차\u003c\/h3\u003e\n\u003cp style=\"color: #fff; font-size: 1rem; line-height: 1.6;\"\u003e단독으로 피부 밑의 어두운 색소 침착을 밝게 하고, 갈색과 파란색을 유발하는 산화를 방지합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-synergy-result\"\u003e\n = 원과 붓기를 존재하지도 않았던 것처럼 지워주는 세계 최강듀오!\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. Clinical Results --\u003e\n\u003ch2 class=\"caf-section-title caf-reveal\"\u003e숫자는 스스로를 말해줍니다\u003c\/h2\u003e\n\u003cp class=\"caf-reveal\" style=\"text-align: center; color: var(--caf-text-muted);\"\u003e6주 동안 정기적으로 사용한 후의 임상 사용자 평가를 기준으로 합니다.\u003c\/p\u003e\n\u003cdiv class=\"caf-stats-wrap caf-reveal\"\u003e\n\u003cdiv class=\"caf-stat-item\"\u003e\n\u003cdiv class=\"caf-stat-num\"\u003e87%\u003c\/div\u003e\n\u003cdiv class=\"caf-stat-desc\"\u003e다크서클과 색소침착이 눈에 띄게 감소함\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-stat-item\"\u003e\n\u003cdiv class=\"caf-stat-num\"\u003e92%\u003c\/div\u003e\n\u003cdiv class=\"caf-stat-desc\"\u003e눈 밑의 붓기와 처짐을 근본적으로 줄여줍니다.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-stat-item\"\u003e\n\u003cdiv class=\"caf-stat-num\"\u003e95%\u003c\/div\u003e\n\u003cdiv class=\"caf-stat-desc\"\u003e눈가 전체의 윤기와 광채 증가\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. Benefits Grid --\u003e\n\u003ch2 class=\"caf-section-title caf-reveal\"\u003e\"카페인 세럼\"이 당신의 눈에 어떤 영향을 미칠까요?\u003c\/h2\u003e\n\u003cdiv class=\"caf-grid\"\u003e\n\u003cdiv class=\"caf-card caf-reveal\"\u003e\n\u003cdiv class=\"caf-icon\"\u003e👁️\u003c\/div\u003e\n\u003ch3\u003e아침 짐 풀기\u003c\/h3\u003e\n\u003cp\u003e자고 일어나면 푹신한 눈은 이제 안녕.고농도 카페인은 림프 배수를 자극하여 몇 분 안에 갇힌 체액을 비워냅니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-card caf-reveal caf-delay-1\"\u003e\n\u003cdiv class=\"caf-icon\"\u003e🔆\u003c\/div\u003e\n\u003ch3\u003e유전성 색소침착 탄력성\u003c\/h3\u003e\n\u003cp\u003e녹차잎에서 추출한 순수 EGCG 추출물은 멜라닌과 항산화 물질을 표적으로 삼아 눈가의 색을 눈에 띄게 통일시키고 밝게 해줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-card caf-reveal caf-delay-2\"\u003e\n\u003cdiv class=\"caf-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003e처짐에 대한 보호 쉴드\u003c\/h3\u003e\n\u003cp\u003e항산화 성분이 강화된 포뮬라는 눈 주위의 매우 섬세한 콜라겐을 스크린과 오염으로 인한 파괴로부터 보호합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-card caf-reveal\"\u003e\n\u003cdiv class=\"caf-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003e퍼펙트 블렌딩 컨실러\u003c\/h3\u003e\n\u003cp\u003e가벼운 질감과 빠른 흡수력 덕분에 컨실러가 하루 종일 눈가에 뭉치거나 번짐을 방지하는 이상적인 프라이머 역할을 합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Timeline of Results --\u003e\n\u003ch2 class=\"caf-section-title caf-reveal\"\u003e변화의 여정: 피로에서 신선함으로\u003c\/h2\u003e\n\u003cdiv class=\"caf-timeline caf-reveal\"\u003e\n\u003cdiv class=\"caf-timeline-item\"\u003e\n\u003ch4 style=\"color: var(--caf-gold-light); font-size: 1.2rem; margin-bottom: 10px;\"\u003e첫 사용 후\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted);\"\u003e즉각적인 쿨링감과 약간의 조임감.아침의 붓기에서 빠르게 벗어나 거울을 보면 눈이 완전히 \"깨어 있는\" 것을 발견하게 됩니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-timeline-item\"\u003e\n\u003ch4 style=\"color: var(--caf-gold-light); font-size: 1.2rem; margin-bottom: 10px;\"\u003e2주 후\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted);\"\u003e짙은 푸른빛\/갈색이 희미해지기 시작합니다.눈가가 더 밝아지고 필요한 컨실러의 양이 점차 감소합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-timeline-item\"\u003e\n\u003ch4 style=\"color: var(--caf-gold-light); font-size: 1.2rem; margin-bottom: 10px;\"\u003e한달이 다 지나면\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted);\"\u003e피로의 진정한 변화.뭉친 원이 눈에 띄게 줄어들고, 눈가 윤곽이 촘촘해지고 또렷해지며 건강하고 생기 넘치는 모습을 보여줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. Usage Guide --\u003e\n\u003ch2 class=\"caf-section-title caf-reveal\"\u003e훌륭한 결과를 위한 간단한 단계\u003c\/h2\u003e\n\u003cdiv class=\"caf-steps-wrap caf-reveal\"\u003e\n\u003cdiv class=\"caf-step-box\"\u003e\n\u003cdiv class=\"caf-step-num\"\u003e1\u003c\/div\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 10px;\"\u003e청소\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted); font-size: 0.9rem;\"\u003e얼굴을 잘 씻고 눈가가 완전히 건조되었는지 확인하십시오.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-step-box caf-delay-1\"\u003e\n\u003cdiv class=\"caf-step-num\"\u003e2\u003c\/div\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 10px;\"\u003e한 방울\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted); font-size: 0.9rem;\"\u003e손가락 끝에 최대 1~2방울을 바르세요(소량으로도 효과가 좋습니다).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-step-box caf-delay-2\"\u003e\n\u003cdiv class=\"caf-step-num\"\u003e3\u003c\/div\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 10px;\"\u003e통통함\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted); font-size: 0.9rem;\"\u003e세럼을 눈뼈 주위에 (안쪽에서 바깥쪽으로) 가볍게 발라 흡수시켜 줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-step-box caf-delay-3\"\u003e\n\u003cdiv class=\"caf-step-num\"\u003e4\u003c\/div\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 10px;\"\u003e연속성\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted); font-size: 0.9rem;\"\u003e하루에 2번(아침,저녁) 사용하세요.필요한 경우 가벼운 눈 보습제를 사용하십시오.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8. Final CTA --\u003e\n\u003cdiv class=\"caf-reveal\" style=\"text-align: center; margin-top: 60px; padding: 50px 20px; background: linear-gradient(180deg, transparent, rgba(212, 175, 55, 0.1)); border-radius: 20px; border: 1px solid var(--caf-border);\"\u003e\n\u003ch2 class=\"caf-title-glow\" style=\"font-size: clamp(24px, 4vw, 36px);\"\u003e피로가 눈의 아름다움을 앗아가지 않도록 하세요!\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.15rem; color: #fff; max-width: 750px; margin: 0 auto 20px; line-height: 1.8;\"\u003e\n 문제를 숨길 새로운 컨실러에 돈을 쓰는 대신 문제를 뿌리부터 치료하는 과학적인 방법에 투자하세요.\n \u003c\/p\u003e\n\u003cp style=\"color: var(--caf-gold-main); font-size: 1.5rem; font-weight: bold; margin-bottom: 10px; text-shadow: 0 0 15px var(--caf-gold-glow);\"\u003e\n 지금 오리지널 카페인 세럼 5% + EGCG를 주문하고 눈가의 진정한 광채를 되찾으세요!\n \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('.caf-reveal');\n var revealObserver = new IntersectionObserver(function(entries, observer) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('caf-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('caf-active');\n revealObserver.observe(reveal);\n });\n\n \/\/ Generate Ambient Caffeine Drops\n var ambientContainer = document.getElementById('caf-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('caf-particle');\n \n var size = Math.random() * 30 + 10; \n var left = Math.random() * 100; \n var duration = Math.random() * 15 + 10; \n var delay = Math.random() * 10; \n \n particle.style.width = size + 'px';\n particle.style.height = size + 'px';\n particle.style.left = left + '%';\n particle.style.animationDuration = duration + 's';\n particle.style.animationDelay = delay + 's';\n \n ambientContainer.appendChild(particle);\n }\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":40639739134149,"sku":"INSTA0542CHIQ","price":950.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/theordinarycaffeinesolution.jpg?v=1702042424"},{"product_id":"the-ordinary-lactic-acid-30ml","title":"디 오디너리 락틱애씨드 5% + HA - 젠틀 필링 \u0026 하이드레이션 세럼 - 30ml","description":"\u003cstyle\u003e\n .ordinary-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 10s 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: 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.6em;\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.5em;\n color: #666;\n margin-bottom: 30px;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s 0.4s forwards;\n line-height: 1.4;\n }\n\n .pharaoh-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 position: relative;\n }\n\n .pharaoh-intro::before {\n content: '👑';\n position: absolute;\n top: 20px;\n left: 30px;\n font-size: 2em;\n opacity: 0.3;\n }\n\n .pharaoh-intro h2 {\n color: #9C8102;\n font-size: 2.2em;\n margin-bottom: 25px;\n }\n\n .pharaoh-intro p {\n font-size: 1.2em;\n line-height: 1.8;\n max-width: 900px;\n margin: 0 auto;\n }\n\n .why-lactic-section {\n padding: 60px 30px;\n background: white;\n }\n\n .comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .comparison-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 .comparison-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 .comparison-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n border-color: #dfb919;\n }\n\n .comparison-icon {\n font-size: 3em;\n margin-bottom: 20px;\n display: block;\n text-align: center;\n }\n\n .comparison-title {\n color: #9C8102;\n font-size: 1.4em;\n font-weight: 700;\n margin-bottom: 15px;\n text-align: center;\n }\n\n .comparison-description {\n color: #666;\n font-size: 1.05em;\n line-height: 1.7;\n text-align: center;\n }\n\n .benefits-section {\n background: #f8f9fa;\n padding: 60px 30px;\n }\n\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n gap: 35px;\n margin-top: 40px;\n }\n\n .benefit-card {\n background: white;\n padding: 35px;\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: 3.5em;\n margin-bottom: 20px;\n display: block;\n text-align: center;\n }\n\n .benefit-title {\n color: #9C8102;\n font-size: 1.5em;\n font-weight: 700;\n margin-bottom: 10px;\n text-align: center;\n }\n\n .benefit-subtitle {\n color: #999;\n font-size: 1.1em;\n font-weight: 600;\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: left;\n }\n\n .gentle-formula-section {\n padding: 60px 30px;\n background: white;\n }\n\n .formula-content {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n gap: 40px;\n align-items: center;\n }\n\n .formula-image {\n max-width: 100%;\n border-radius: 20px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.1);\n }\n\n .formula-info {\n background: #f8f9fa;\n padding: 40px;\n border-radius: 20px;\n border: 1px solid #e9ecef;\n }\n\n .formula-feature {\n background: white;\n padding: 25px;\n border-radius: 15px;\n margin: 20px 0;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n }\n\n .formula-feature h4 {\n color: #9C8102;\n font-weight: 700;\n margin-bottom: 10px;\n }\n\n .science-section {\n background: #f8f9fa;\n padding: 60px 30px;\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: 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 .science-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 .ph-meter {\n background: linear-gradient(90deg, #ff4757, #ffa502, #2ed573);\n height: 20px;\n border-radius: 10px;\n position: relative;\n margin: 20px 0;\n }\n\n .ph-indicator {\n position: absolute;\n top: -5px;\n left: 20%;\n width: 30px;\n height: 30px;\n background: #9C8102;\n border-radius: 50%;\n border: 3px solid white;\n box-shadow: 0 2px 10px rgba(0,0,0,0.3);\n }\n\n .ph-label {\n text-align: center;\n margin-top: 10px;\n font-weight: 700;\n color: #9C8102;\n }\n\n .ingredients-section {\n padding: 60px 30px;\n background: white;\n }\n\n .ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 25px;\n margin-top: 40px;\n }\n\n .ingredient-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 .ingredient-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 .ingredient-icon {\n font-size: 2.5em;\n color: #9C8102;\n margin-bottom: 15px;\n display: block;\n }\n\n .ingredient-name {\n color: #9C8102;\n font-weight: 700;\n margin-bottom: 10px;\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-title {\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: 12px 0;\n border-bottom: 1px solid #f0f0f0;\n position: relative;\n padding-right: 35px;\n }\n\n .usage-steps li::before {\n content: attr(data-step);\n position: absolute;\n right: 0;\n top: 12px;\n width: 25px;\n height: 25px;\n border-radius: 50%;\n background: #9C8102;\n color: white;\n text-align: center;\n line-height: 25px;\n font-size: 0.85em;\n font-weight: 700;\n }\n\n .warning-card {\n background: #fff3cd;\n border: 2px solid #ffeaa7;\n padding: 25px;\n border-radius: 15px;\n margin-top: 20px;\n }\n\n .warning-title {\n color: #856404;\n font-weight: 700;\n margin-bottom: 15px;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .warning-list {\n list-style: none;\n padding: 0;\n }\n\n .warning-list li {\n padding: 8px 0;\n position: relative;\n padding-right: 25px;\n color: #856404;\n }\n\n .warning-list li::before {\n content: '⚠️';\n position: absolute;\n right: 0;\n top: 8px;\n }\n\n .skin-types-section {\n padding: 60px 30px;\n background: white;\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 .results-section {\n background: #f8f9fa;\n padding: 60px 30px;\n }\n\n .results-timeline {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 25px;\n margin-top: 40px;\n }\n\n .result-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 position: relative;\n }\n\n .result-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 .result-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 .result-period {\n color: #9C8102;\n font-weight: 700;\n font-size: 1.2em;\n margin-bottom: 15px;\n }\n\n .before-after-section {\n padding: 60px 30px;\n background: white;\n }\n\n .before-after-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .before-after-card {\n text-align: center;\n background: white;\n padding: 20px;\n border-radius: 20px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n transition: all 0.3s ease;\n }\n\n .before-after-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n }\n\n .before-after-image {\n max-width: 100%;\n border-radius: 15px;\n margin-bottom: 15px;\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: 20px;\n right: 20px;\n font-size: 3em;\n opacity: 0.1;\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 .ingredients-list {\n background: #f8f9fa;\n padding: 25px;\n border-radius: 15px;\n margin-top: 20px;\n border: 1px solid #e9ecef;\n }\n\n .ingredients-list h4 {\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n @media (max-width: 768px) {\n .main-title { font-size: 2.2em; }\n .section-title { font-size: 2em; }\n .comparison-grid, .benefits-grid, .ingredients-grid, .usage-grid, .skin-types-grid, .results-timeline, .before-after-grid {\n grid-template-columns: 1fr;\n }\n .formula-content, .science-content {\n grid-template-columns: 1fr;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"ordinary-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cimg alt=\"The Ordinary Lactic Acid 10% + HA\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_lactic_acid_HA.webp?v=1749661210\"\/\u003e\n\u003ch1 class=\"main-title\"\u003eThe Ordinary Lactic Acid 10% + HA\u003c\/h1\u003e\n\u003ch2 class=\"subtitle\"\u003e파라오가 사용했던 뷰티 시크릿을 현대적이고 진보된 포뮬러로 만나보세요\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Pharaoh Introduction --\u003e\n\u003cdiv class=\"pharaoh-intro\"\u003e\n\u003ch2\u003e당신의 피부를 위한 여왕의 비밀 중 하나\u003c\/h2\u003e\n\u003cp\u003e고대 이집트인들은 젊고 신선한 피부를 유지하는 데 있어 젖산의 마법을 처음으로 발견했습니다.클레오파트라 자신도 전설적인 아름다움을 유지하기 위해 신 우유로 목욕을 하곤 했습니다.그리고 오늘, \u003cstrong class=\"highlight\"\u003eThe Ordinary\u003c\/strong\u003e 그는 히알루론산을 10% 농도로 함유한 첨단 과학 공식으로 동일한 파라오의 비밀을 여러분께 전해 드렸습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Why Lactic Acid Section --\u003e\n\u003cdiv class=\"why-lactic-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003e왜 젖산이 완벽한 선택입니까?\u003c\/h2\u003e\n\u003cdiv class=\"comparison-grid\"\u003e\n\u003cdiv class=\"comparison-card animate-on-scroll\"\u003e\n\u003cspan class=\"comparison-icon\"\u003e🧬\u003c\/span\u003e\n\u003ch3 class=\"comparison-title\"\u003e모든 산이 같은 것은 아니다\u003c\/h3\u003e\n\u003cp class=\"comparison-description\"\u003e젖산은 이미 신체에 존재하는 천연 산 중 하나이기 때문에 민감한 피부에 가장 순한 산 중 하나입니다.이렇게 하면 부드럽게 작동하지만 다른 산보다 두 배의 힘이 가해집니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card animate-on-scroll\"\u003e\n\u003cspan class=\"comparison-icon\"\u003e⚖️\u003c\/span\u003e\n\u003ch3 class=\"comparison-title\"\u003e완벽하고 안전한 초점\u003c\/h3\u003e\n\u003cp class=\"comparison-description\"\u003e자극이나 과도한 민감성 없이 선명한 결과를 얻을 수 있는 최적의 농도는 10%입니다.3.8의 pH 수준은 부작용을 최소화하면서 최대의 효과를 보장하기 위해 과학적으로 제어됩니다.\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!-- Benefits Section --\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003e당신의 피부를 완전히 바꿔줄 혜택\u003c\/h2\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\"\u003e최고의 여드름 치료제\u003c\/h3\u003e\n\u003cp class=\"benefit-subtitle\"\u003e기존 것을 치료하고 새로운 것을 방지합니다.\u003c\/p\u003e\n\u003cp class=\"benefit-description\"\u003e젖산은 죽은 세포를 묶는 결합을 깨뜨려 각질을 부드럽게 각질 제거합니다.이렇게 하면 막힌 모공이 열리고 새로운 여드름이 생기는 것을 방지할 수 있습니다.연구에 따르면 젖산은 여드름 감염을 최대 90%까지 감소시켜 레티놀과 같은 다른 여드름 치료제와 호환되는 것으로 나타났습니다.\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\"\u003e당신의 피부를 위한 타임머신\u003c\/h3\u003e\n\u003cp class=\"benefit-subtitle\"\u003e나이에 따라 외모도 달라져\u003c\/p\u003e\n\u003cp class=\"benefit-description\"\u003e고농도에서는 젖산이 피부의 더 깊은 층에 침투하여 천연 콜라겐 형성을 자극합니다.결과는?세포 재생, 피부 타이트닝, 두께 증가로 잔주름이 사라지고 피부가 몇 년 더 젊어 보입니다.\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\"\u003e번들거림 없이 상상 속 수분 공급\u003c\/h3\u003e\n\u003cp class=\"benefit-subtitle\"\u003e하루종일 당신과 함께하는 습도\u003c\/p\u003e\n\u003cp class=\"benefit-description\"\u003e젖산은 각질을 제거할 뿐만 아니라 피부 깊숙이 수분을 공급하여 부드럽고 탄력있게 가꾸어 줍니다.이 수식은 다음에서 지원됩니다.\u003cstrong\u003e히알루론산\u003c\/strong\u003e 자기 무게의 1,000배에 달하는 물을 끌어당겨 수분 장벽을 형성해 오랫동안 수분을 유지해줍니다.\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\"\u003e피부톤 통일 및 색소침착 제거\u003c\/h3\u003e\n\u003cp class=\"benefit-subtitle\"\u003e거울처럼 맑고 균일한 피부\u003c\/p\u003e\n\u003cp class=\"benefit-description\"\u003e젖산은 어두운 부위의 멜라닌 생성을 감소시켜 색소 침착, 여드름 자국, 기미를 옅게 만드는 데 도움이 됩니다.그 결과 자연스럽게 균일하고 빛나는 피부가 탄생합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Gentle Formula Section --\u003e\n\u003cdiv class=\"gentle-formula-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003e민감한 피부를 위한 순한 포뮬라\u003c\/h2\u003e\n\u003cdiv class=\"formula-content\"\u003e\n\u003cdiv class=\"formula-info animate-on-scroll\" style=\"grid-column: 1 \/ -1;\"\u003e\n\u003cdiv class=\"formula-feature\"\u003e\n\u003ch4\u003e태즈메이니아 페퍼베리: 자연의 수호자\u003c\/h4\u003e\n\u003cimg alt=\"Tasmanian Pepperberry\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/tasmanian-pepperberry-banner_48681ebd-6dc6-4450-80cd-206effbd0d2d.webp?v=1749661271\" style=\"max-width: 100%; border-radius: 15px; box-shadow: 0 15px 35px rgba(0,0,0,0.1); margin: 15px 0;\"\/\u003e\n\u003cp\u003e이 포뮬라는 각질 제거 제품 사용 시 발생할 수 있는 발적과 자극을 줄여주는 천연 항염증제인 태즈메이니아 페퍼베리 추출물을 함유하고 있습니다.따라서 매우 민감한 피부에도 적합한 제품입니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"formula-feature\"\u003e\n\u003ch4\u003e가벼운 워터 베이스 포뮬러\u003c\/h4\u003e\n\u003cimg alt=\"Product Texture\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/rdn-lactic-acid-10pct-ha-30ml-swatch.webp?v=1749661271\" style=\"max-width: 100%; border-radius: 15px; box-shadow: 0 15px 35px rgba(0,0,0,0.1); margin: 15px 0;\"\/\u003e\n\u003cp\u003e가볍고 워터리한 텍스처로 끈적임이나 끈적임 없이 빠르게 흡수되어 무거운 느낌 없이 수분 공급이 필요한 건성 피부에 적합합니다.\u003c\/p\u003e\n\u003c\/div\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\"\u003e효과 뒤에 숨은 과학\u003c\/h2\u003e\n\u003cdiv class=\"science-content\"\u003e\n\u003cimg alt=\"Science Behind Effectiveness\" class=\"science-image animate-on-scroll\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_lactic_acid_ha_2.webp?v=1749661364\"\/\u003e\n\u003cdiv class=\"science-info animate-on-scroll\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px;\"\u003e이상적인 pH 균형\u003c\/h3\u003e\n\u003cdiv class=\"ph-meter\"\u003e\n\u003cdiv class=\"ph-indicator\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-label\"\u003epH 3.8 - 완벽한 균형\u003c\/div\u003e\n\u003cp style=\"margin: 25px 0;\"\u003epH 3.8은 젖산의 pKa와 일치하도록 정밀하게 조정됩니다.이 숫자는 염분과 산도 사이의 최적의 균형을 보장하고, 이것이 산이 피부에 효율적으로 도달하여 매일 사용할 수 있는 효과적인 각질 제거를 보장하기 때문에 매우 중요합니다.\u003c\/p\u003e\n\u003cdiv style=\"background: #f8f9fa; padding: 20px; border-radius: 10px; margin-top: 20px;\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 10px;\"\u003e매일 사용하기 위한 균형잡힌 포뮬러\u003c\/h4\u003e\n\u003cp\u003e간헐적으로 사용해야 하는 다른 산과 달리, 이 포뮬러의 젖산은 여전히 ​​효과적이면서도 매일 사용하기에 충분히 부드럽도록 설계되었습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003e활성 성분\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-grid\"\u003e\n\u003cdiv class=\"ingredient-card animate-on-scroll\"\u003e\n\u003cspan class=\"ingredient-icon\"\u003e🧪\u003c\/span\u003e\n\u003ch3 class=\"ingredient-name\"\u003e젖산(10%)\u003c\/h3\u003e\n\u003cp\u003e피부 표면의 부드럽고 효과적인 각질 제거\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card animate-on-scroll\"\u003e\n\u003cspan class=\"ingredient-icon\"\u003e💧\u003c\/span\u003e\n\u003ch3 class=\"ingredient-name\"\u003e히알루론산나트륨\u003c\/h3\u003e\n\u003cp\u003e깊고 강렬한 수분공급\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card animate-on-scroll\"\u003e\n\u003cspan class=\"ingredient-icon\"\u003e🌿\u003c\/span\u003e\n\u003ch3 class=\"ingredient-name\"\u003e태즈메이니아 페퍼베리\u003c\/h3\u003e\n\u003cp\u003e진정 및 항염증\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card animate-on-scroll\"\u003e\n\u003cspan class=\"ingredient-icon\"\u003e🛡️\u003c\/span\u003e\n\u003ch3 class=\"ingredient-name\"\u003e글리세린\u003c\/h3\u003e\n\u003cp\u003e수분 공급 및 피부 장벽 보호\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-list animate-on-scroll\"\u003e\n\u003ch4\u003e전체 성분 목록:\u003c\/h4\u003e\n\u003cp style=\"font-size: 0.9em; color: #666; line-height: 1.6;\"\u003eAqua (Water), Lactic Acid, Glycerin, Pentylene Glycol, Propanediol, Sodium Hydroxide, Sodium Hyaluronate Crosspolymer, Tasmannia Lanceolata Fruit\/Leaf Extract, Acacia Senegal Gum, Xanthan Gum, Isoceteth-20, Trisodium Ethylenediamine Disuccinate, Ethylhexylglycerin, 1,2-Hexanediol, Caprylyl Glycol.\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 animate-on-scroll\"\u003e최상의 결과를 위한 사용 방법\u003c\/h2\u003e\n\u003cdiv class=\"usage-grid\"\u003e\n\u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n\u003ch3 class=\"usage-title\"\u003e완벽한 타이밍 ⏰\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0;\"\u003e\n\u003cli style=\"padding: 10px 0; border-bottom: 1px solid #f0f0f0;\"\u003e\u003cstrong\u003e1일 1회 밤에만 사용하세요.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli style=\"padding: 10px 0;\"\u003e일주일에 3번으로 시작하고 피부가 적응함에 따라 점차적으로 횟수를 늘려보세요.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n\u003ch3 class=\"usage-title\"\u003e올바른 방법 📋\u003c\/h3\u003e\n\u003cul class=\"usage-steps\"\u003e\n\u003cli data-step=\"1\"\u003e적절한 클렌저로 얼굴을 깨끗하게 클렌징하세요.\u003c\/li\u003e\n\u003cli data-step=\"2\"\u003e건조한 피부에 제품을 얇게 펴 발라주세요\u003c\/li\u003e\n\u003cli data-step=\"3\"\u003e눈 주위를 피하십시오\u003c\/li\u003e\n\u003cli data-step=\"4\"\u003e10~15분 정도 기다린 후 보습제를 발라주세요\u003c\/li\u003e\n\u003cli data-step=\"5\"\u003e\u003cstrong\u003e다음 날에는 SPF 30+ 자외선 차단제를 사용해야 합니다.\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n\u003cdiv class=\"warning-card\"\u003e\n\u003ch4 class=\"warning-title\"\u003e⚠️ 중요 경고\u003c\/h4\u003e\n\u003cul class=\"warning-list\"\u003e\n\u003cli\u003e산이 함유된 다른 제품과 동시에 사용하지 마세요.\u003c\/li\u003e\n\u003cli\u003e같은 날 밤에는 레티놀과 함께 사용하지 마십시오\u003c\/li\u003e\n\u003cli\u003e심한 자극이 있을 경우 사용을 중지하세요.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Skin Types Section --\u003e\n\u003cdiv class=\"skin-types-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003e모든 피부 타입에 이상적\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\"\u003e건성 피부\u003c\/h3\u003e\n\u003cp\u003e보습력이 좋아서 가장 적합해요\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\"\u003e일반 피부\u003c\/h3\u003e\n\u003cp\u003e더욱 부드러움과 상쾌함을 더해줍니다\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\"\u003e색소침착이 있는 피부\u003c\/h3\u003e\n\u003cp\u003e색을 통일하고 정화시켜 줄 거예요\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\"\u003e거칠어진 피부결로 고민하는 피부\u003c\/h3\u003e\n\u003cp\u003e부드러워지고 질감이 좋아지네요\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Section --\u003e\n\u003cdiv class=\"results-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003e가시적 결과 타임라인\u003c\/h2\u003e\n\u003cdiv style=\"text-align: center; margin: 30px 0;\"\u003e\n\u003cimg alt=\"Expected Results\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Light_Blue_Natural_Cosmetics_Skin_Care_Instagram_Post_1_1024x1024.png?v=1636194582\" style=\"max-width: 400px; width: 100%; border-radius: 20px; box-shadow: 0 15px 35px rgba(0,0,0,0.1);\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"results-timeline\"\u003e\n\u003cdiv class=\"result-card animate-on-scroll\"\u003e\n\u003cdiv class=\"result-period\"\u003e일주일 후\u003c\/div\u003e\n\u003cp\u003e더욱 부드러워진 질감과 눈에 보이는 신선함\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card animate-on-scroll\"\u003e\n\u003cdiv class=\"result-period\"\u003e2주 후\u003c\/div\u003e\n\u003cp\u003e모공 개선 및 피부톤 통일\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card animate-on-scroll\"\u003e\n\u003cdiv class=\"result-period\"\u003e한 달 후\u003c\/div\u003e\n\u003cp\u003e색소침착과 잔주름이 눈에 띄게 감소합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card animate-on-scroll\"\u003e\n\u003cdiv class=\"result-period\"\u003e두 달 후\u003c\/div\u003e\n\u003cp\u003e완전히 젊어지고 어려보이는 피부\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Before\/After Section --\u003e\n\u003cdiv class=\"before-after-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\" style=\"color: #9C8102;\"\u003e전후\u003c\/h2\u003e\n\u003cdiv class=\"before-after-grid\"\u003e\n\u003cdiv class=\"before-after-card animate-on-scroll\"\u003e\n\u003cimg alt=\"Before After 1\" class=\"before-after-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/l6s6p07sab751_480x480.jpg?v=1636189193\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"before-after-card animate-on-scroll\"\u003e\n\u003cimg alt=\"Before After 2\" class=\"before-after-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/f05a2a5bee88c842c1f1c516736f0766_480x480.jpg?v=1636192405\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"before-after-card animate-on-scroll\"\u003e\n\u003cimg alt=\"Before After 3\" class=\"before-after-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SR_A__BA_2000x2000_300dpi_1800x1800_0b68a680-ec16-4050-a8b2-acf210aea6a8_480x480.jpg?v=1636195250\"\/\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=\"animate-on-scroll\"\u003e\n\u003ch2 style=\"color: white; font-size: 2.2em; margin-bottom: 20px;\"\u003eThe Ordinary Lactic Acid 10% + HA\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.3em; margin: 25px 0; color: #d4af37;\"\u003e클레오파트라를 역사상 가장 아름다운 여왕으로 만든 바로 그 비밀과 함께 꿈의 피부를 향한 여정을 시작해보세요.\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003e지금 파라오의 비밀을 알아보세요\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 comparison cards\n const comparisonObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const cards = entry.target.querySelectorAll('.comparison-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('.why-lactic-section').forEach(section =\u003e {\n comparisonObserver.observe(section);\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 * 300);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.benefits-section').forEach(section =\u003e {\n benefitsObserver.observe(section);\n });\n\n \/\/ Animate ingredient cards\n const ingredientsObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const cards = entry.target.querySelectorAll('.ingredient-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('.ingredients-section').forEach(section =\u003e {\n ingredientsObserver.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 result cards\n const resultsObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const cards = entry.target.querySelectorAll('.result-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('.results-section').forEach(section =\u003e {\n resultsObserver.observe(section);\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":"the ordinary","offers":[{"title":"Default Title","offer_id":40124296298693,"sku":"INSTA0557CHIQ","price":740.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/Theordinarylacticacid.jpg?v=1627189462"},{"product_id":"the-ordinary-hyaluronic-acid","title":"디 오디너리 히알루론산 2% + B5 - 하이드레이팅 \u0026 플럼핑 세럼 - 30ml","description":"\u003ch3 class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e주름은 단순한 선이 아니라 조난 신호입니다.\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e당신의 피부는 생기를 잃고 싶어 울부짖고 있으며, 치료를 받지 않은 채 하루하루가 지날수록 문제는 더욱 깊어지고 되돌리기가 더욱 어려워집니다.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e조기 주름은 단순한 자연스러운 변화가 아니라는 사실을 알고 계셨나요?오히려 피부의 필수 수분 장벽이 저하되었다는 증거입니다.이 선은 단순한 통과 표시가 아닙니다.이는 피부가 수분과 탄력을 유지하는 능력을 잃기 시작했다는 경고입니다.효과적인 보습 없이 하루가 지날수록 이러한 흔적은 더욱 깊어지고 치료가 더욱 어려워집니다.피부에 적절한 관리가 부족하면 주름이 나타나기 시작합니다.수분이 부족하면 쉽게 사라지지 않는 잔주름과 주름이 생길 수 있습니다.히알루론산으로 피부에 필요한 힘을 부여하고, 더 늦기 전에 활력을 되찾으세요.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cbr\/\u003e\u003cbr\/\u003e\"왜 당신의 피부가 갈증을 겪도록 놔두나요?\"\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e피부가 건조하고 탄력과 산뜻함이 부족하다면 이는 외모에만 영향을 미치는 것이 아닙니다.또한 환경적 요인과 조기 노화에 대처하는 능력도 약화됩니다.건조함은 단순히 지나치는 현상이 아니라, 잔주름, 칙칙함, 매끈함의 상실을 초래하는 주요 요인입니다.혈청이 작용하는 곳입니다. \u003cstrong\u003e히알루론산 2% + B5\u003c\/strong\u003e 누구 \u003cstrong\u003eThe Ordinary\u003c\/strong\u003e;단순한 보습제가 아닌 과학적인 포뮬러로 피부 속과 겉 모두의 밸런스와 수분을 회복시켜 줍니다.\u003c\/p\u003e\n\u003ch3\u003e깊은 수분 공급에 숨겨진 과학\u003c\/h3\u003e\n\u003cp\u003e세럼에는 \u003cstrong\u003e5가지 히알루론산\u003c\/strong\u003e 분자량이 다르기 때문에 피부의 여러 층에 도달할 수 있습니다.이 조성물에는 저분자량, 중분자량 및 고분자량 산이 포함됩니다. \u003cstrong\u003e히알루론산 크로스폴리머\u003c\/strong\u003e 그리고\u003cstrong\u003e가수분해된 히알루론산\u003c\/strong\u003e.이러한 분자 다양성은 피부의 모든 층에 수분을 효과적으로 분산시켜 건조한 부위를 보충하고 피부 탄력을 지원하며 통통함을 회복시키는 데 도움을 줍니다.\u003c\/p\u003e\n\u003ch3\u003e\u003cbr\/\u003e\u003c\/h3\u003e\n\u003ch3\u003e세라마이드: 피부와 노화 요인 사이의 마지막 보루\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e피부 장벽이 무너지면 피부는 건조함과 윤기 상실을 향한 돌이킬 수 없는 여정을 시작합니다.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e강력한 장벽이 없으면 피부의 모든 적들이 무자비하게 침입해올 것입니다. \u003c\/strong\u003e일반 피부에는 \u003cstrong\u003e세라마이드\u003c\/strong\u003e 수분을 유지하고 손실을 방지하는 보호 장벽의 필수 부분입니다.\u003c\/p\u003e\n\u003cp\u003e이러한 세라마이드가 손실되면 피부 장벽이 무너져 수분과 청량감이 상실되고 피부가 노화를 유발하는 환경적 요인에 노출됩니다.이러한 지원이 없으면 피부는 스트레스와 노화의 징후가 가속화되는 전쟁터로 변합니다.피부가 노출되어 손상되기 쉬울까요?\u003c\/p\u003e\n\u003cp\u003e세럼에는 피부 보호막을 회복하고 유해 물질이 피부 깊숙한 층으로 침투하는 것을 방지하는 고농축 세라마이드가 포함되어 있습니다. \u003c\/p\u003e\n\u003ch3\u003e판테놀(프로비타민 B5): 추가 지원 \u003c\/h3\u003e\n\u003cp\u003e공식에서도 사용 가능 \u003cstrong\u003e프로비타민 B5\u003c\/strong\u003e, 피부를 부드럽고 촉촉하게 유지하는 필수 지방 성분의 형성을 강화합니다.판테놀은 보습 효과는 물론, 피부 장벽 강화에 도움을 주어 수분 손실을 줄여주며, 피부를 지속적으로 산뜻하고 윤기있게 유지하는데 도움을 줍니다.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3\u003e한 방울 한 방울마다 피부 내부부터 재건됩니다.\u003c\/h3\u003e\n\u003cp\u003e첨단 과학적 포뮬라 덕분에 세럼은 피부에 즉각적인 수분 공급 효과를 주고, 그 효과는 오랫동안 지속되어 산뜻함과 자연스러운 광채를 유지해줍니다.가벼운 질감과 건조한 질감으로 인해 이 세럼은 모든 피부 타입에 이상적인 선택이며, 특히 끈적임 없이 효과적인 수분 공급을 원하는 사람들에게 적합합니다.\u003c\/p\u003e\n\u003ch3 class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e\u003cbr\/\u003e\u003c\/h3\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e\u003cstrong\u003e사용 방법:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e아침, 저녁 크림 사용 전 얼굴에 몇 방울을 발라줍니다.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e크기: 30ml\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":40124313272517,"sku":"INSTA0558CHIQ","price":750.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitleddesign_60.jpg?v=1697108608"},{"product_id":"the-ordinary-buffet-anti-aging-serum-30ml","title":"피부를 위한 일반 펩타이드와 히알루론산 기술 세럼 |노화 방지 |종합적인 피부 재생","description":"\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n color: #333;\n line-height: 1.6;\n background-color: white;\n direction: ltr;\n }\n \n .product-description {\n max-width: 900px;\n margin: 0 auto;\n padding: 20px;\n }\n \n .section {\n margin: 40px 0;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .section.active {\n opacity: 1;\n transform: translateY(0);\n }\n \n .title {\n color: #9C8102;\n font-size: 28px;\n margin-bottom: 20px;\n position: relative;\n font-weight: 600;\n text-align: center;\n padding-bottom: 10px;\n }\n \n .title::after {\n content: '';\n position: absolute;\n bottom: 0;\n right: 50%;\n transform: translateX(50%);\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n }\n \n .subtitle {\n color: #9C8102;\n font-size: 22px;\n margin-bottom: 15px;\n font-weight: 600;\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: 5px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n }\n \n .product-image:hover {\n transform: scale(1.02);\n box-shadow: 0 8px 25px rgba(156, 129, 2, 0.2);\n }\n \n .description {\n font-size: 16px;\n line-height: 1.8;\n margin-bottom: 20px;\n text-align: justify;\n }\n \n .feature-card {\n background-color: white;\n border-radius: 8px;\n padding: 20px;\n margin-bottom: 20px;\n box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);\n transition: transform 0.3s ease;\n }\n \n .feature-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 5px 20px rgba(156, 129, 2, 0.15);\n }\n \n .feature-card-title {\n color: #9C8102;\n font-size: 18px;\n margin-bottom: 10px;\n font-weight: 600;\n }\n \n \/* Timeline styles *\/\n .timeline-container {\n position: relative;\n margin: 40px auto;\n max-width: 800px;\n }\n \n .timeline-track {\n position: relative;\n width: 100%;\n height: 4px;\n background-color: #e0e0e0;\n border-radius: 4px;\n margin: 50px 0;\n }\n \n .timeline-progress {\n position: absolute;\n top: 0;\n right: 0;\n height: 100%;\n background-color: #9C8102;\n border-radius: 4px;\n width: 0;\n transition: width 1s ease;\n }\n \n .timeline-markers {\n position: relative;\n display: flex;\n justify-content: space-between;\n margin-top: -14px;\n }\n \n .timeline-marker {\n position: relative;\n width: 24px;\n height: 24px;\n background-color: white;\n border: 2px solid #e0e0e0;\n border-radius: 50%;\n cursor: pointer;\n z-index: 2;\n }\n \n .timeline-marker.active {\n background-color: #9C8102;\n border-color: #9C8102;\n }\n \n .timeline-marker-label {\n position: absolute;\n top: -30px;\n right: 50%;\n transform: translateX(50%);\n font-size: 14px;\n font-weight: 600;\n color: #777;\n text-align: center;\n white-space: nowrap;\n }\n \n .timeline-marker.active .timeline-marker-label {\n color: #9C8102;\n }\n \n .timeline-content {\n display: none;\n background-color: #f8f8f8;\n padding: 20px;\n border-radius: 8px;\n margin-top: 30px;\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n }\n \n .timeline-content.active {\n display: block;\n }\n \n .timeline-content h3 {\n color: #9C8102;\n margin-bottom: 15px;\n font-size: 18px;\n }\n \n .timeline-content p {\n font-size: 14px;\n line-height: 1.6;\n margin-bottom: 15px;\n }\n \n .timeline-content li {\n margin-bottom: 8px;\n font-size: 14px;\n }\n \n .highlight {\n color: #9C8102;\n font-weight: 600;\n }\n \n .info-box {\n background-color: #f8f8f8;\n border-radius: 8px;\n padding: 20px;\n margin: 20px 0;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);\n }\n \n .grid-container {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n margin: 30px 0;\n }\n \n .grid-item {\n flex: 1;\n min-width: 250px;\n }\n \n .usage-steps {\n margin: 30px 0;\n }\n \n .step {\n display: flex;\n margin-bottom: 20px;\n align-items: center;\n }\n \n .step-number {\n width: 30px;\n height: 30px;\n background-color: #9C8102;\n border-radius: 50%;\n color: white;\n text-align: center;\n line-height: 30px;\n margin-left: 15px;\n flex-shrink: 0;\n }\n \n .step-content {\n flex: 1;\n }\n \n .step h4 {\n margin-bottom: 5px;\n color: #444;\n }\n \n .step p {\n font-size: 14px;\n color: #666;\n }\n \n .divider {\n height: 1px;\n background-color: #e0e0e0;\n margin: 40px 0;\n }\n \n .peptide-box {\n background-color: white;\n border-radius: 8px;\n padding: 25px;\n margin-bottom: 25px;\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);\n border-right: 4px solid #9C8102;\n }\n \n .peptide-name {\n color: #9C8102;\n font-size: 20px;\n margin-bottom: 12px;\n font-weight: 600;\n }\n \n .peptide-technical {\n color: #888;\n font-size: 14px;\n margin-bottom: 15px;\n font-style: italic;\n }\n \n .peptide-effect {\n margin-bottom: 15px;\n line-height: 1.6;\n }\n \n .ingredients-list {\n font-size: 14px;\n margin-top: 10px;\n color: #666;\n line-height: 1.5;\n }\n \n .stat-container {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin: 30px 0;\n }\n \n .stat-item {\n text-align: center;\n padding: 20px;\n width: 180px;\n margin: 10px;\n }\n \n .stat-number {\n font-size: 42px;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 5px;\n }\n \n .stat-label {\n font-size: 14px;\n color: #666;\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cdiv class=\"section\" id=\"section1\"\u003e\n\u003ch2 class=\"title\"\u003e스킨 케어 세계의 혁명적인 발견\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eOrdinary Multi-Peptide + HA Serum은 단순한 스킨 케어 제품이 아니라 피부 건강과 젊어짐에 대한 우리의 생각을 바꾸는 고급 포뮬러입니다.이 고급 포뮬러는 최신 과학 혁신과 가장 효과적인 활성 성분을 결합하여 피부에 젊음과 윤기를 회복하는 데 필요한 모든 것을 제공합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section2\"\u003e\n\u003ch2 class=\"title\"\u003e펩타이드란 무엇이며 피부에 왜 중요한가요?\u003c\/h2\u003e\n\u003cp class=\"description\"\u003e펩타이드는 아미노산의 짧은 사슬로 콜라겐, 엘라스틴 등 피부 단백질의 구성 요소로 젊고 탄력 있는 피부를 만들어줍니다.펩타이드는 신호 분자 역할을 하여 피부의 콜라겐 및 기타 필수 단백질 생성을 자극하는 데 도움을 줍니다.\u003c\/p\u003e\n\u003cp class=\"description\"\u003e디오디너리 멀티 펩타이드 + HA 세럼은 과학적으로 연구된 5가지 펩타이드 기술과 피부 친화적인 아미노산, 멀티 히알루론산 복합체의 고급 블렌드를 함유하고 있습니다.이 강력한 조합은 피부 탄력과 탄력을 개선하고 주름을 크게 줄이는 데 도움이 됩니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section3\"\u003e\n\u003ch2 class=\"title\"\u003e일반 다중 펩타이드 + HA 혈청의 펩타이드\u003c\/h2\u003e\n\u003cdiv class=\"peptide-box\"\u003e\n\u003ch3 class=\"peptide-name\"\u003eMatrixyl™ 3000\u003c\/h3\u003e\n\u003cp class=\"peptide-technical\"\u003e활성 성분: 팔미토일 테트라펩타이드-7 및 팔미토일 트리펩타이드-1\u003c\/p\u003e\n\u003cp class=\"peptide-effect\"\u003eMatrixyl™ 3000은 피부의 콜라겐 생성을 자극하는 인기 있는 펩타이드 복합체입니다.이 복합체는 피부 내의 주요 구조적 구성 요소를 지원하여 잔주름과 주름을 줄이는 데 도움이 됩니다.피부가 더 많은 콜라겐과 엘라스틴을 생성하도록 촉진하여 잔주름과 주름을 채우는 데 도움이 되므로 가장 효과적인 노화 방지제 중 하나로 간주됩니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peptide-box\"\u003e\n\u003ch3 class=\"peptide-name\"\u003eMatrixyl™ synthe'6™\u003c\/h3\u003e\n\u003cp class=\"peptide-technical\"\u003e유효 성분: 팔미토일 트리펩타이드-38\u003c\/p\u003e\n\u003cp class=\"peptide-effect\"\u003eMatrixyl™ synthe'6™는 콜라겐과 엘라스틴을 포함한 피부 매트릭스의 6가지 필수 구성 요소의 생성을 촉진합니다.이 첨단 펩타이드는 특히 이마와 눈가의 피부 탄력을 개선하고 주름 깊이를 줄이는 데 도움을 줍니다.또한 피부의 전체적인 구조와 결을 개선하여 젊고 탄력 있는 피부로 가꾸어 줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peptide-box\"\u003e\n\u003ch3 class=\"peptide-name\"\u003eSYN™-AKE\u003c\/h3\u003e\n\u003cp class=\"peptide-technical\"\u003e활성 성분: 디펩티드 디아미노부티로일 벤질아미드 디아세테이트\u003c\/p\u003e\n\u003cp class=\"peptide-effect\"\u003eSYN™-AKE는 뱀 독의 효과를 모방한 고급 펩타이드로 근육 수축을 유발하는 신경 전달 물질의 방출을 억제합니다.이는 안면 근육을 이완시키고 웃거나 찡그리는 등 반복적인 얼굴 표정으로 형성되는 \"동적 선\"의 모양을 줄이는 데 도움이 됩니다.이 펩타이드는 특히 이마와 눈가의 주름을 줄이는 데 효과적이며, 피부를 더욱 부드럽고 편안하게 가꾸어 줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peptide-box\"\u003e\n\u003ch3 class=\"peptide-name\"\u003eARGIRELOX™\u003c\/h3\u003e\n\u003cp class=\"peptide-technical\"\u003e활성 성분: 아세틸 헥사펩타이드-8(Argireline) 및 펜타펩타이드-18\u003c\/p\u003e\n\u003cp class=\"peptide-effect\"\u003eARGIRELOX™는 Argireline과 Leuphasyl 펩타이드의 힘을 결합한 이중 펩타이드 복합체입니다.보톡스와 유사한 방식으로 작동하지만 주사를 사용하지 않고 근육 수축을 유발하는 신경 신호를 억제합니다.이 콤플렉스는 이마, 눈썹 사이, 눈 주위의 표정 주름과 역동적인 주름을 줄이는 데 특히 효과적입니다.연구에 따르면 이 두 가지 펩타이드를 결합하면 각각을 개별적으로 사용하는 것보다 더 나은 결과를 얻을 수 있는 것으로 나타났습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peptide-box\"\u003e\n\u003ch3 class=\"peptide-name\"\u003eRELISTASE™\u003c\/h3\u003e\n\u003cp class=\"peptide-technical\"\u003e활성 성분: 아세틸아르기닐트립토필디페닐글리신\u003c\/p\u003e\n\u003cp class=\"peptide-effect\"\u003eRELISTASE™는 피부 탄력과 탄력을 향상시키는 특화된 펩타이드입니다.이 펩타이드는 엘라스틴 생성을 촉진하고 피부의 탄력 섬유를 보호하는 데 중점을 두고 처짐을 방지하고 피부 탄력을 개선하는 데 도움을 줍니다.또한 콜라겐 합성을 촉진하고 기존 섬유질이 분해되는 것을 방지하여 피부를 더욱 탄탄하고 젊게 만들어줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section4\"\u003e\n\u003ch2 class=\"title\"\u003e히알루론산: 펩타이드의 이상적인 파트너\u003c\/h2\u003e\n\u003cp class=\"description\"\u003e멀티 펩타이드 + HA 세럼에는 강력한 피부 보습제인 히알루론산의 여러 화합물이 함유되어 있습니다.히알루론산은 일반적인 보습 성분과 다릅니다.그것은 \u003cstrong\u003e자기 무게의 1,000배에 달하는 물을 흡수할 수 있는 초강력 분자자석\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp class=\"description\"\u003e다양한 크기의 입자 덕분에 이 세럼의 히알루론산은 피부의 여러 층에 침투하여 깊고 지속적인 수분 공급을 제공합니다.이 깊은 수분 공급은 다음과 같은 도움이 됩니다.\u003c\/p\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch3 class=\"feature-card-title\"\u003e혈청 내 히알루론산의 장점:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e피부를 탱탱하게 하여 더욱 풍성하고 매끈하게 만들어줍니다.\u003c\/li\u003e\n\u003cli\u003e잔주름과 주름이 즉각적으로 감소합니다.\u003c\/li\u003e\n\u003cli\u003e피부 탄력 개선 및 수분 보유력 향상\u003c\/li\u003e\n\u003cli\u003e펩타이드의 작용에 이상적인 환경을 제공하여 펩타이드의 효능을 향상시킵니다.\u003c\/li\u003e\n\u003cli\u003e다른 활성 성분의 흡수를 향상시킵니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"timelineSection\"\u003e\n\u003ch2 class=\"title\"\u003e멀티 펩타이드 + HA 세럼으로 피부를 되살리는 여행\u003c\/h2\u003e\n\u003cp class=\"description\"\u003e정기적으로 사용하면 피부 변화를 경험해 보세요.각 단계마다 피부는 더 젊어지고, 더 산뜻해지고, 더 빛나게 됩니다!\u003c\/p\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-track\"\u003e\n\u003cdiv class=\"timeline-progress\" id=\"timelineProgress\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-markers\"\u003e\n\u003cdiv class=\"timeline-marker active\" data-week=\"1\" onclick=\"showTimelineContent(0)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003e즉시 - 1주\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\" data-week=\"2\" onclick=\"showTimelineContent(1)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003e2~4주차\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\" data-week=\"4\" onclick=\"showTimelineContent(2)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003e5~8주차\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\" data-week=\"8\" onclick=\"showTimelineContent(3)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003e9~12주차\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content active\" id=\"content-0\"\u003e\n\u003ch3\u003e즉시 - 1주차: 깊은 수분 공급 및 휴식\u003c\/h3\u003e\n\u003cp\u003e피부에 수분을 공급하고 안면 근육을 이완시키는 히알루론산, SYN-AKE 및 ARGIRELOX 펩타이드 덕분에 즉각적인 효과가 시작됩니다.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e피부에 즉각적이고 깊은 수분 공급\u003c\/li\u003e\n\u003cli\u003e약간의 안면 근육 이완으로 표정 주름이 줄어듭니다.\u003c\/li\u003e\n\u003cli\u003e더욱 부드럽고 빛나는 피부\u003c\/li\u003e\n\u003cli\u003e즉각적인 피부 결 개선\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-1\"\u003e\n\u003ch3\u003e2~4주차: 피부 결과 윤기가 개선됩니다.\u003c\/h3\u003e\n\u003cp\u003eMatrixyl 3000 및 Matrixyl Synthe'6와 같은 펩타이드는 콜라겐 생성을 자극하기 시작하여 피부 탄력과 매끄러움이 점진적으로 개선됩니다.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e잔주름이 줄어들기 시작했습니다.\u003c\/li\u003e\n\u003cli\u003e눈에 띄는 피부 탄력 개선\u003c\/li\u003e\n\u003cli\u003e피부 윤기와 신선함 증가\u003c\/li\u003e\n\u003cli\u003e피부톤 개선\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-2\"\u003e\n\u003ch3\u003e5~8주차: 노화 징후가 눈에 띄게 개선됨\u003c\/h3\u003e\n\u003cp\u003e세럼을 계속 사용할수록 콜라겐과 엘라스틴의 생성이 증가하여 주름 개선과 피부 탄력 개선 효과가 더욱 커집니다.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e눈에 띄는 주름 깊이 감소\u003c\/li\u003e\n\u003cli\u003e눈에 띄는 피부 타이트닝 개선 및 처짐 감소\u003c\/li\u003e\n\u003cli\u003e피부톤이 좋아지고 색소 침착이 감소합니다.\u003c\/li\u003e\n\u003cli\u003e세포 크기와 밀도가 증가하여 피부가 더욱 풍성해 보입니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-3\"\u003e\n\u003ch3\u003e9~12주차: 완전한 결과 및 종합적인 활력 회복\u003c\/h3\u003e\n\u003cp\u003e3개월 동안 정기적으로 사용하면 펩타이드와 히알루론산이 피부를 젊어지게 하고 노화 징후를 퇴치하는 데 최고의 효과를 발휘합니다.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e주름과 잔주름의 깊이와 길이가 현저히 감소합니다.\u003c\/li\u003e\n\u003cli\u003e피부가 눈에 띄게 탱탱해지고 탄력있어졌어요\u003c\/li\u003e\n\u003cli\u003e피부구조 개선 및 피부밀도 증가\u003c\/li\u003e\n\u003cli\u003e균일한 컬러와 건강한 윤기\u003c\/li\u003e\n\u003cli\u003e피부의 외관과 건강이 전반적으로 개선됩니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section5\"\u003e\n\u003ch2 class=\"title\"\u003e더 오디너리 멀티 펩타이드 + HA 세럼의 독특한 특징\u003c\/h2\u003e\n\u003cdiv class=\"grid-container\"\u003e\n\u003cdiv class=\"grid-item feature-card\"\u003e\n\u003ch3 class=\"feature-card-title\"\u003e포괄적인 다중 혜택 공식\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e5가지 첨단 펩타이드 기술을 하나의 제품에 담았습니다.\u003c\/li\u003e\n\u003cli\u003e모든 노화 징후를 한 번에 해결\u003c\/li\u003e\n\u003cli\u003e잔주름, 주름, 탄력 상실, 고르지 못한 피부 톤을 치료합니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-item feature-card\"\u003e\n\u003ch3 class=\"feature-card-title\"\u003e고농축 활성 성분\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e중량 기준으로 활성 기술 25.1% 함유\u003c\/li\u003e\n\u003cli\u003e불필요한 필러가 없는 포뮬러\u003c\/li\u003e\n\u003cli\u003e최적의 농도로 피부자극 없이 최대효과 발휘\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-container\"\u003e\n\u003cdiv class=\"grid-item feature-card\"\u003e\n\u003ch3 class=\"feature-card-title\"\u003e가벼운 워터 베이스 포뮬러\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e가벼운 질감, 흡수가 용이함\u003c\/li\u003e\n\u003cli\u003e피부에 끈적임이나 끈적임이 남지 않아요\u003c\/li\u003e\n\u003cli\u003e메이크업 아래에도 쉽게 사용할 수 있어요\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-item feature-card\"\u003e\n\u003ch3 class=\"feature-card-title\"\u003e모든 피부 타입에 이상적\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e민감한 피부에도 적합한 순한 포뮬러\u003c\/li\u003e\n\u003cli\u003e향수, 알코올, 미네랄 오일이 함유되어 있지 않습니다.\u003c\/li\u003e\n\u003cli\u003e모공이 막히지 않습니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-container\"\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"stat-label\"\u003e고급 펩타이드 기술\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e25.1%\u003c\/div\u003e\n\u003cdiv class=\"stat-label\"\u003e활성 성분의 비율\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e12\u003c\/div\u003e\n\u003cdiv class=\"stat-label\"\u003e완전한 결과를 얻으려면 일주일이 걸립니다.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e100%\u003c\/div\u003e\n\u003cdiv class=\"stat-label\"\u003e모든 피부 타입에 이상적\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section6\"\u003e\n\u003ch2 class=\"title\"\u003e최적의 사용방법\u003c\/h2\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-content\"\u003e\n\u003ch4\u003e피부를 정화하세요\u003c\/h4\u003e\n\u003cp\u003e먼저 피부를 깨끗하게 클렌징하고 부드럽게 말려주세요.\u003c\/p\u003e\n\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-content\"\u003e\n\u003ch4\u003e몇 방울을 바르십시오.\u003c\/h4\u003e\n\u003cp\u003e깨끗한 피부에 세럼 몇 방울을 떨어뜨려\u003c\/p\u003e\n\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-content\"\u003e\n\u003ch4\u003e매일 2회 사용하세요.\u003c\/h4\u003e\n\u003cp\u003e최상의 결과를 얻으려면 하루에 두 번, 아침과 저녁에 사용하십시오.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4\u003e보습제를 바르세요\u003c\/h4\u003e\n\u003cp\u003e최적의 수분 공급을 위해 세럼을 흡수한 후 좋아하는 모이스처라이저를 바르세요.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch3 class=\"feature-card-title\"\u003e사용 시 중요한 참고 사항:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e동일한 루틴에서 글리콜산이나 젖산과 같은 직접산이 포함된 세럼을 사용하지 마세요.\u003c\/li\u003e\n\u003cli\u003e동일한 루틴에서 비타민C(아스코르브산) 제품과 함께 사용하지 마십시오.\u003c\/li\u003e\n\u003cli\u003e다른 히알루론산 제품 사용 전후에 사용 가능합니다.\u003c\/li\u003e\n\u003cli\u003e본격 사용 전 알레르기 테스트를 실시하는 것이 바람직합니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section7\"\u003e\n\u003ch2 class=\"title\"\u003e모든 구성요소\u003c\/h2\u003e\n\u003cdiv class=\"info-box\"\u003e\n\u003cp class=\"ingredients-list\"\u003e\n Aqua (Water), Glycerin, Lactococcus Ferment Lysate, Acetyl Hexapeptide-8, Pentapeptide-18, Palmitoyl Tripeptide-1, Palmitoyl Tetrapeptide-7, Palmitoyl Tripeptide-38, Dipeptide Diaminobutyroyl Benzylamide Diacetate, Acetylarginyltryptophyl Diphenylglycine, Sodium Hyaluronate Crosspolymer, Sodium Hyaluronate, Allantoin, Glycine, Alanine, Serine, Valine, Isoleucine, Proline, Threonine, Histidine, Phenylalanine, Arginine, Aspartic Acid, Trehalose, Fructose, Glucose, Maltose, Urea, Sodium PCA, PCA, Sodium Lactate, Citric Acid, Hydroxypropyl Cyclodextrin, Sodium Chloride, Sodium Hydroxide, Butylene Glycol, Pentylene Glycol, Acacia Senegal Gum, Xanthan Gum, Carbomer, Polysorbate 20, PPG-26-Buteth-26, PEG-40 Hydrogenated Castor Oil, Trisodium Ethylenediamine Disuccinate, Ethoxydiglycol, Sodium Benzoate, Caprylyl Glycol, Ethylhexylglycerin, Phenoxyethanol, Chlorphenesin.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Make all sections visible initially to fix display issues\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Make all sections visible\n const sections = document.querySelectorAll('.section');\n sections.forEach(section =\u003e {\n section.classList.add('active');\n });\n \n \/\/ Initialize timeline functionality\n initializeTimeline();\n });\n \n \/\/ Timeline functionality\n function initializeTimeline() {\n \/\/ Set the first marker active by default\n const progress = document.getElementById('timelineProgress');\n progress.style.width = '0%';\n }\n \n \/\/ Show timeline content\n function showTimelineContent(index) {\n \/\/ Reset all markers and contents\n const markers = document.querySelectorAll('.timeline-marker');\n const contents = document.querySelectorAll('.timeline-content');\n \n markers.forEach(m =\u003e m.classList.remove('active'));\n contents.forEach(c =\u003e c.classList.remove('active'));\n \n \/\/ Activate selected marker and content\n markers[index].classList.add('active');\n contents[index].classList.add('active');\n \n \/\/ Update progress bar\n const progress = document.getElementById('timelineProgress');\n const progressWidth = [0, 33, 66, 100][index];\n progress.style.width = progressWidth + '%';\n }\n\u003c\/script\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":40836991254725,"sku":"INSTA0586CHIQ","price":1060.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/ordinary_multipeptide_ha_serum.jpg?v=1734971193"},{"product_id":"the-ordinary-retinol-0-2","title":"The ordinary retinol in squalene serum","description":"\u003cdiv class=\"ordinary-product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"ordinary-hero\"\u003e\n\u003cdiv class=\"ordinary-hero-content\"\u003e\n\u003ch1 class=\"accent-text\"\u003e시간은 누구도 기다려주지 않습니다. 하지만 피부가 시간의 영향을 받아서는 안 됩니다.\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e\u003cstrong\u003e매일 아침 거울은 진실을 드러냅니다. 시간은 모든 사람에게 흔적을 남깁니다.하지만 그 이야기를 다시 쓸 수 있다면 어떨까요?\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Science Intro --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003e시간의 손을 되돌리는 과학\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e레티놀의 분자 구조에는 놀라운 힘이 내재되어 있습니다. 피부 세포와 직접 소통하여 젊었을 때처럼 행동하도록 지시하는 힘입니다.이는 마케팅 과장이 아닙니다.그것은 과학적인 생물학적 사실입니다.\u003c\/p\u003e\n\u003cdiv class=\"product-title\"\u003e\n\u003ch2\u003e디오디너리 레티놀 0.5% 스쿠알렌: 피부 재생을 위한 정밀한 도구\u003c\/h2\u003e\n\u003cp\u003e과학자들은 레티놀이 피부 변화의 표준이라는 것을 오랫동안 알고 있었습니다.이 구성의 차별점은 \u003cstrong\u003e임상적 정확성\u003c\/strong\u003e - 피부 본연의 성분과 동일하게 스쿠알렌에 현탁된 0.5%의 농도를 세심하게 보정한 제품입니다.이것은 단순한 제품이 아닙니다.드로퍼 병에 담긴 과학적 혁신입니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"section ingredients-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003e피부를 변화시키는 분자의 조화\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-container\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-icon\"\u003e\n\u003cdiv class=\"molecule-animation\"\u003e\n\u003cdiv class=\"atom atom1\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"atom atom2\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"atom atom3\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003e레티놀: 세포 메신저\u003c\/h3\u003e\n\u003cp\u003e레티놀은 단순한 성분이 아닙니다.이는 다음과 같은 생물학적 메신저입니다.\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003e세포 재생을 가속화합니다. \u003cspan class=\"counter\" data-target=\"50\"\u003e50\u003c\/span\u003e%\u003c\/li\u003e\n\u003cli\u003e섬유아세포를 자극하여 콜라겐 생성을 증가시킵니다.\u003c\/li\u003e\n\u003cli\u003e진피 기질의 재구성을 통한 구조적 구조 개선\u003c\/li\u003e\n\u003cli\u003e멜라닌 분포를 조절하여 균일한 색상 구현\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-icon\"\u003e\n\u003cdiv class=\"droplet-animation\"\u003e\n\u003cdiv class=\"droplet\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003e스쿠알란: 생체모방 쉴드\u003c\/h3\u003e\n\u003cp\u003e피부는 자연적으로 스쿠알렌을 생성하지만 30세 이후에는 매 10년마다 생산량이 약 10%씩 감소합니다. 이 포뮬라는 다음과 같은 순수하고 안정적인 형태의 스쿠알렌을 피부에 보충합니다.\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003e모공을 막지 않고 보호 수분 장벽을 형성합니다.\u003c\/li\u003e\n\u003cli\u003e레티놀 분자를 세포 표적에 정확하게 전달합니다.\u003c\/li\u003e\n\u003cli\u003e레티놀의 잠재적인 건조 효과를 중화합니다.\u003c\/li\u003e\n\u003cli\u003e최대한의 효과를 제공하면서 가벼운 느낌을 줍니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003e변화의 시간 단계\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\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\u003e1~2주차\u003c\/h3\u003e\n\u003cp\u003e일차 세포 각성;가속이 시작되면 약간의 벗겨짐이 발생할 수 있습니다.\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\u003e3~4주차\u003c\/h3\u003e\n\u003cp\u003e특히 눈과 입 주위의 잔주름이 눈에 띄게 부드러워집니다.\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\u003e5~8주차\u003c\/h3\u003e\n\u003cp\u003e눈에 띄는 피부 결과 톤 개선\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\u003e9~12주차\u003c\/h3\u003e\n\u003cp\u003e피부 외관의 상당한 구조 조정;깊은 선의 선명도 감소\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Comparison Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003e이 제품이 다른 레티놀 제품과 다른 점은 무엇입니까?\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e레티놀의 과학은 새로운 것은 아니지만 이를 효과적으로 전달하는 것은 정말 어려운 일입니다.대부분의 조합은 세 가지 중요한 영역 중 하나에서 실패합니다.\u003c\/p\u003e\n\u003cdiv class=\"comparison-grid\"\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003cdiv class=\"comparison-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003e일관성\u003c\/h3\u003e\n\u003cp\u003e레티놀은 빛과 공기에 노출되면 빠르게 변질됩니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003cdiv class=\"comparison-number\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003e배송\u003c\/h3\u003e\n\u003cp\u003e적절한 운반체가 없으면 레티놀은 표면층을 넘어 도달하기가 어렵습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003cdiv class=\"comparison-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003e지구력\u003c\/h3\u003e\n\u003cp\u003e자극이 심해 결과가 나타나기 전에 사용을 중단할 수 있습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlighted-text\"\u003e\n\u003cp\u003eOrdinary의 무수 스쿠알란 기반 포뮬러는 사용하는 순간까지 분자 무결성을 유지하면서 세 가지 문제를 모두 직접적으로 해결합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-proposition\"\u003e\n\u003ch3 class=\"accent-text\"\u003e탁월한 가격의 고급 포뮬러\u003c\/h3\u003e\n\u003cp\u003e이것은 단순한 스킨케어가 아닙니다. 가장 순수한 형태로 생화학을 응용한 것입니다.각 병에는 불필요한 필러, 향료 또는 마케팅 첨가제 없이 눈에 띄는 결과를 얻는 데 필요한 정확한 농도가 들어 있습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"section usage-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003e시간과의 관계: 재정의됨\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e거울은 거짓말을 하지 않습니다. 선택을 반영합니다.매일 밤 이 세럼을 바르는 것은 시간의 흐름을 피할 수 없는 것으로 받아들이기보다는 피부 재생 과학에 참여하겠다는 결정을 의미합니다.\u003c\/p\u003e\n\u003cdiv class=\"usage-instructions\"\u003e\n\u003ch3 class=\"accent-text\"\u003e최상의 결과를 얻으려면:\u003c\/h3\u003e\n\u003cul class=\"instruction-list\"\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003e저녁 루틴에 소량(3-4방울)으로 시작하세요.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003e무거운 보습제를 바르기 전에 깨끗하고 건조한 피부에 바르십시오.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003e다음날 반드시 자외선 차단제를 사용하세요\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003e개봉 후에는 냉장고에 보관하세요\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003e레티노이드를 처음 사용하는 경우 0.2%부터 시작하는 것을 고려해보세요.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"warning-text\"\u003e\n\u003cp\u003e\u003cstrong\u003e임신 중이거나 모유 수유 중이거나 다른 레티노이드와 함께 사용하는 것은 권장되지 않습니다.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"ordinary-cta\"\u003e\n\u003ch2 class=\"cta-heading accent-text\"\u003e실질적인 변화를 위한 과학적 선택\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e스쿠알란의 일반 레티놀 0.5% – 효과적인 피부 관리는 기적적인 주장에 관한 것이 아니기 때문입니다.과학적으로 입증된 성분을 정확한 농도로 함유한 것에 관한 것입니다.\u003c\/p\u003e\n\u003cp class=\"cta-subtitle\"\u003e\u003cstrong\u003e피부의 생체시계가 똑딱거리고 있습니다.이제 재설정할 시간입니다.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003e지금 주문하세요\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Base Styles *\/\n.ordinary-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.section-line {\n height: 2px;\n width: 60px;\n background-color: #9C8102;\n margin: 10px 0 30px;\n}\n\n\/* Hero Section *\/\n.ordinary-hero {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n margin-bottom: 60px;\n gap: 40px;\n}\n\n.ordinary-hero-content {\n flex: 1;\n}\n\n.ordinary-hero-content h1 {\n font-size: 2.2rem;\n margin-bottom: 20px;\n line-height: 1.3;\n}\n\n.hero-subtitle {\n font-size: 1.3rem;\n line-height: 1.6;\n color: #555;\n}\n\n.product-image-container {\n flex: 1;\n position: relative;\n}\n\n.product-image {\n text-align: center;\n position: relative;\n z-index: 2;\n}\n\n.product-image:after {\n content: '';\n position: absolute;\n width: 80%;\n height: 80%;\n background-color: rgba(156, 129, 2, 0.1);\n right: 40px;\n bottom: -20px;\n z-index: 1;\n border-radius: 10px;\n}\n\n.main-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.main-image:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\n}\n\n\/* Section Styles *\/\n.section {\n margin-bottom: 60px;\n padding: 20px;\n background-color: #fff;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\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.product-title {\n margin: 40px 0;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 10px;\n text-align: center;\n}\n\n.product-title h2 {\n font-size: 1.8rem;\n margin-bottom: 15px;\n color: #9C8102;\n}\n\n\/* Ingredients Section *\/\n.ingredients-container {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));\n gap: 30px;\n margin-top: 30px;\n}\n\n.ingredient-card {\n background-color: #f9f9f9;\n border-radius: 10px;\n padding: 30px;\n box-shadow: 0 5px 15px 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.ingredient-card:hover {\n transform: translateY(-7px);\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);\n}\n\n.ingredient-icon {\n width: 60px;\n height: 60px;\n margin-bottom: 20px;\n position: relative;\n}\n\n.ingredient-card h3 {\n margin-bottom: 15px;\n font-size: 1.4rem;\n}\n\n\/* Molecule Animation *\/\n.molecule-animation {\n position: relative;\n width: 60px;\n height: 60px;\n}\n\n.atom {\n position: absolute;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background-color: #9C8102;\n opacity: 0.8;\n}\n\n.atom1 {\n top: 0;\n left: 20px;\n animation: pulse 2s infinite;\n}\n\n.atom2 {\n top: 30px;\n left: 0;\n animation: pulse 2s infinite 0.5s;\n}\n\n.atom3 {\n top: 30px;\n left: 40px;\n animation: pulse 2s infinite 1s;\n}\n\n@keyframes pulse {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.2); }\n 100% { transform: scale(1); }\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: 15px;\n width: 30px;\n height: 30px;\n background-color: #9C8102;\n border-radius: 50% 50% 50% 0;\n transform: rotate(-45deg);\n animation: drip 2.5s infinite;\n}\n\n@keyframes drip {\n 0% { top: 0; opacity: 0.8; }\n 80% { top: 30px; opacity: 0.8; transform: rotate(-45deg) scale(1); }\n 100% { top: 30px; opacity: 0; transform: rotate(-45deg) scale(1.5); }\n}\n\n\/* Benefits List *\/\n.benefits-list {\n list-style-type: none;\n padding: 0;\n margin-top: 15px;\n}\n\n.benefits-list li {\n padding: 10px 0;\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n position: relative;\n padding-right: 25px;\n}\n\n.benefits-list li:before {\n content: '•';\n color: #9C8102;\n position: absolute;\n right: 0;\n top: 10px;\n font-size: 1.2rem;\n}\n\n.benefits-list li:last-child {\n border-bottom: none;\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 {\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\/* Comparison Section *\/\n.comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n gap: 25px;\n margin: 30px 0;\n}\n\n.comparison-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 position: relative;\n padding-top: 50px;\n}\n\n.comparison-card:hover {\n transform: translateY(-7px);\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);\n}\n\n.comparison-number {\n position: absolute;\n top: -15px;\n right: 20px;\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.5rem;\n font-weight: bold;\n}\n\n.comparison-card h3 {\n margin-bottom: 10px;\n font-size: 1.3rem;\n}\n\n.highlighted-text {\n background-color: #f9f9f9;\n border-radius: 10px;\n padding: 25px;\n margin: 30px 0;\n border-right: 4px solid #9C8102;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.value-proposition {\n margin-top: 40px;\n padding: 20px;\n background-color: rgba(156, 129, 2, 0.05);\n border-radius: 10px;\n text-align: center;\n}\n\n.value-proposition h3 {\n margin-bottom: 15px;\n font-size: 1.5rem;\n}\n\n\/* Usage Instructions *\/\n.usage-instructions {\n margin-top: 30px;\n}\n\n.instruction-list {\n list-style-type: none;\n padding: 0;\n}\n\n.instruction-list li {\n display: flex;\n align-items: center;\n margin-bottom: 20px;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n}\n\n.instruction-list li:last-child {\n border-bottom: none;\n}\n\n.instruction-icon {\n width: 35px;\n height: 35px;\n background-color: #9C8102;\n color: white;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: bold;\n margin-left: 15px;\n flex-shrink: 0;\n}\n\n.instruction-text {\n flex: 1;\n}\n\n.warning-text {\n margin-top: 30px;\n padding: 15px;\n background-color: #fff6e8;\n border-radius: 10px;\n border-right: 4px solid #e8a317;\n color: #8B4513;\n}\n\n\/* CTA Section *\/\n.ordinary-cta {\n text-align: center;\n padding: 50px 40px;\n background-color: #f9f9f9;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n margin-top: 40px;\n}\n\n.cta-heading {\n font-size: 2rem;\n margin-bottom: 20px;\n}\n\n.cta-text {\n font-size: 1.2rem;\n margin-bottom: 15px;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.cta-subtitle {\n font-size: 1.3rem;\n margin-bottom: 30px;\n color: #555;\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 .ordinary-hero {\n flex-direction: column;\n }\n \n .ingredients-container, .comparison-grid {\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":"the ordinary","offers":[{"title":"Default Title","offer_id":40837000331461,"sku":"INSTA0589CHIQ","price":780.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/The-Ordinary-Retinol-1_-in-Squalane.jpg?v=1682325031"},{"product_id":"the-ordinary-mandelic-acid","title":"The ordinary حمض مندليك 10% للتقشير الخفيف","description":"\u003cp style=\"text-align: right;\" dir=\"rtl\" data-mce-style=\"text-align: right;\"\u003eيوفر حمض الماندليك 10٪ + HA تقشير جلدي سطحي ألطف من أحماض ألفا هيدروكسي الأخرى. الوزن الجزيئي لحمض الماندليك هو 152.1 دالتون وهو أكبر من أحماض ألفا هيدروكسي الأخرى (حمض الجليكوليك 76.0 دالتون ، على سبيل المثال). يسمح هذا الحجم الأكبر لحمض المندليك باختراق الجلد بشكل أبطأ مما يجعله بدوره لطيفًا جدًا ومناسبًا لجميع أنواع البشرة. لا تحتاج إلى تركيز أكثر من 10٪ ، لأنك ستحصل ببساطة على قوة تقشير غير مباشرة يتم تقديمها بسهولة أكبر من خلال نسب أقل من حمض الجليكوليك.\u003cbr\u003e\u003cbr\u003eموانع الاستعمال: لا ينبغي استخدام هذه الصيغة على البشرة الحساسة أو المتقشرة أو المعرضة للخطر. يرجى الرجوع إلى ملاحظة الحماية الإضافية من أشعة الشمس والتحذيرات الأخرى في الإرشادات المتوفرة.\u003c\/p\u003e\n\u003cp style=\"text-align: right;\" dir=\"rtl\" data-mce-style=\"text-align: right;\"\u003e \u003c\/p\u003e\n\u003cp style=\"text-align: right;\" dir=\"rtl\" data-mce-style=\"text-align: right;\"\u003eالوصف: تركيبة حمض المندليك بنسبة 10 في المائة توفر تقشيرًا لطيفًا.\u003cbr\u003e\u003cbr\u003eنوع البشرة: العادية والجافة والمختلطة والدهنية\u003cbr\u003e\u003cbr\u003eمخاوف العناية بالبشرة: البهتان والتصبغات والخطوط الدقيقة والتجاعيد وحب الشباب والعيوب\u003cbr\u003e\u003cbr\u003eالمكونات البارزة:\u003cbr\u003e- حمض الماندليك: يوفر تقشير جلدي سطحي وهو ألطف من أحماض ألفا هيدروكسي الأخرى.\u003cbr\u003e\u003cbr\u003eالمكونات: خالية من الكبريتات SLS و SLES ، البارابين ، الفورمالديهايد ، عوامل إطلاق الفورمالديهايد ، الفثالات ، الزيوت المعدنية ، ريتينيل بالميتات ، أوكسي بنزون ، قطران الفحم ، الهيدروكينون ، التريكلوسان ، والتريكلوكاربان ، وتحتوي على أقل من واحد بالمائة من العطور الاصطناعية. هذا المنتج نباتي أيضًا وخالٍ من القسوة وخالٍ من الغلوتين.\u003cbr\u003e\u003cbr\u003eما الذي تحتاج إلى معرفته أيضًا: يسمح الحجم الجزيئي الأكبر لصيغة التقشير السطحي لحمض الماندليك هذا لحمض الماندليك باختراق الجلد بشكل أبطأ.\u003c\/p\u003e","brand":"The ordinary","offers":[{"title":"Default Title","offer_id":41072801415365,"sku":"","price":510.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/miswag_beO2hh.jpg?v=1641996364"},{"product_id":"كولاجرا-هيالرونيك-اسيد-1-5-b5-30-مل","title":"كولاجرا هيالرونيك اسيد % 1.5 +B5 30 مل","description":"\" يساعد سيرم حمض الهيالورونيك %1.5 +B5 على ترطيب البشرة وإصلاحها عن طريق الحفاظ على نسبة الماء داخل الجلد و استعادة مرونة البشرة.\u003cbr data-mce-fragment=\"1\"\u003e• تركيبة فريدة لترطيب وإعادة امتلاء البشرة. يحتوي على حمض الهيالورونيك النقي وفيتامين B5 يملأ ويصلح حاجز البشرة\u003cbr data-mce-fragment=\"1\"\u003eتستعيد البشرة فورًا ليونة وصحة ونضارة. \u003cbr data-mce-fragment=\"1\"\u003e\"\u003cbr data-mce-fragment=\"1\"\u003e","brand":"Kolagra","offers":[{"title":"Default Title","offer_id":41396006584517,"sku":"","price":299.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/1_19.jpg?v=1652366170"},{"product_id":"dermatique-vtiamin-c-10","title":"더마티크 비타민C 세럼 10% 1+1 혜택","description":"\u003cp\u003e피로와 노화의 흔적이 드러나는 칙칙하고 지친 피부로 고민하시나요?피부에 깊은 활력과 수분 공급이 필요하다고 생각하시나요?\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/image_0AP_480x480.png?v=1682951736\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e10% 순수 비타민C를 함유한 새로운 세럼으로 단 며칠 만에 윤기 있고 탄력 있는 피부를 만나실 수 있습니다.피부를 밝게 하고 주름과 잔주름을 줄여주는 효과적인 항산화제가 함유되어 있습니다.또한 비타민C는 피부의 콜라겐과 엘라스틴의 생성을 자극하여 탄력과 탄력을 향상시킵니다.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"group w-full text-gray-800 dark:text-gray-100 border-b border-black\/10 dark:border-gray-900\/50 bg-gray-50 dark:bg-[#444654]\"\u003e\n\u003cdiv class=\"text-base gap-4 md:gap-6 md:max-w-2xl lg:max-w-xl xl:max-w-3xl p-4 md:py-6 flex lg:px-0 m-auto\"\u003e\n\u003cdiv class=\"relative flex w-[calc(100%-50px)] flex-col gap-1 md:gap-3 lg:w-[calc(100%-115px)]\"\u003e\n\u003cdiv class=\"flex flex-grow flex-col gap-3\"\u003e\n\u003cdiv class=\"min-h-[20px] flex flex-col items-start gap-4 whitespace-pre-wrap break-words\"\u003e\n\u003cdiv class=\"markdown prose w-full break-words dark:prose-invert light\"\u003e\n\u003cp\u003e비타민C 10% 세럼을 매일 사용하여 건강하고 생기 넘치는 윤기있고 산뜻한 윤기있는 피부를 가꾸어주고, 피로와 노화의 흔적을 없애주세요.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex justify-between lg:block\"\u003e\n\u003cdiv class=\"text-gray-400 flex self-end lg:self-center justify-center mt-2 gap-2 md:gap-3 lg:gap-1 lg:absolute lg:top-0 lg:translate-x-full lg:right-0 lg:mt-0 lg:pl-2 visible\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"dermatique","offers":[{"title":"Default Title","offer_id":42082339356869,"sku":"","price":480.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/1.LighteningHyaluronicAcidSerumArichultra-replenishingserumisrichinantioxidantstoilluminate_re-plump_andquenchthirstyskin.Anintensehydrationboosterthatwillretaintheskin_smoisturec_18.jpg?v=1682952621"},{"product_id":"lightening-hyaluronic-acid-serum-offer","title":"더마티크 라이트닝 히알루론산 세럼 1+1 제안","description":"\u003cp\u003e브라이트닝 히알루론산 세럼 30 ml\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e피부를 밝게 해주고, 피부에 수분을 공급해줍니다\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/PhotoRoom-20230501_184502_1024x1024.png?v=1682956025\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e항산화 성분이 가득한 풍부한 세럼으로 건조한 피부에 윤기와 탄력, 보습 효과를 선사합니다.피부에 수분을 유지시켜 하루종일 촉촉하고 통통하게 유지시켜주는 뛰어난 수분 공급 자극제 역할을 합니다.\u003c\/p\u003e\n\u003cp\u003e콜라겐, 비타민 C, E 등 피부 미백 및 노화 방지 성분이 풍부하여 피부의 젊은 윤기를 되찾고 탄력과 탄력을 향상시킵니다.비타민 B5가 풍부한 포뮬러로 피부를 부드럽고 촉촉하게 가꾸어 줍니다.\u003c\/p\u003e\n\u003cp\u003e*가장 민감한 피부 타입에 적합한 Inhipase™ 민감성 피부 기술.\u003c\/p\u003e\n\u003cp\u003e*Pollushield™ 오염 방지 복합체.\u003c\/p\u003e\n\u003cp\u003e*빠른 흡수.\u003c\/p\u003e\n\u003cp\u003e*알레르기 반응을 일으키지 않습니다.모공을 막지 않습니다.\u003c\/p\u003e\n\u003cp\u003e*파라벤과 하이드로퀴논이 없습니다.\u003c\/p\u003e\n\u003cp\u003e오시는 길:\u003c\/p\u003e\n\u003cp\u003e눈 주위를 피해 깨끗한 얼굴에 하루 2회, 아침, 저녁으로 1회 탭하여 바르세요.피부를 부드럽게 마사지하십시오.최적의 수분 공급을 위해서는 5분 후에 보습제를 바르는 것이 좋습니다.\u003c\/p\u003e\n\u003cp\u003e주의사항:\u003c\/p\u003e\n\u003cp\u003e외부용으로만 사용하세요.눈과의 접촉을 피하십시오.어린이의 손이 닿지 않는 곳에 보관하시고 직사광선이나 직사광선을 피해 서늘하고 건조한 곳에 보관하십시오.\u003c\/p\u003e\n\u003cp\u003e성분:\u003c\/p\u003e\n\u003cp\u003e히알루론산, 비타민E, 판테놀, 마린콜라겐, 비타민C, 세라마이드, 알로에베라추출물\u003c\/p\u003e","brand":"dermatique","offers":[{"title":"Default Title","offer_id":42082346074309,"sku":"","price":480.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/1.LighteningHyaluronicAcidSerumArichultra-replenishingserumisrichinantioxidantstoilluminate_re-plump_andquenchthirstyskin.Anintensehydrationboosterthatwillretaintheskin_smoistureco_7.jpg?v=1677779939"},{"product_id":"عرض-1-1-كولاجرا-هيالرونيك-اسيد-1-5-b5-30-مل","title":"1+1 콜라그라 히알루론산 1.5% +B5 30ml 제공","description":"\" 히알루론산 1.5% + B5 세럼은 피부 속 수분 함량을 유지하고 피부 탄력을 회복시켜 피부 수분 공급과 회복에 도움을 줍니다.\u003cbr data-mce-fragment=\"1\"\/\u003e• 피부에 수분을 공급하고 통통하게 해주는 독특한 포뮬라.피부 장벽을 채워주고 회복시켜주는 순수 히알루론산과 비타민B5 함유\u003cbr data-mce-fragment=\"1\"\/\u003e피부는 즉각적으로 부드러움과 건강함, 윤기를 되찾습니다. \u003cbr data-mce-fragment=\"1\"\/\u003e\"\u003cbr data-mce-fragment=\"1\"\/\u003e","brand":"Kolagra","offers":[{"title":"Default Title","offer_id":42093447872709,"sku":"","price":319.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/1.LighteningHyaluronicAcidSerumArichultra-replenishingserumisrichinantioxidantstoilluminate_re-plump_andquenchthirstyskin.Anintensehydrationboosterthatwillretaintheskin_smoisturec_12.jpg?v=1678362155"},{"product_id":"kolagra-vitamin-c-serum","title":"리포솜 기술이 적용된 1+1 콜라그라 비타민 C 세럼 50 ml 제공","description":"비타민C가 풍부한 쿨라그라 스킨 세럼, 히알루론산, 비타민E, 콜라겐, 레티놀을 함유한 리포솜 기술로 피부의 건조함, 색소침착, 피로, 탄력 저하로 고민하는 분들을 위한 제품입니다.유통기한을 늘리고 비타민C의 산화를 방지하기 위해 견고한 펌프에 포장되어 있습니다. 항산화 및 보습제로 단독으로 사용하거나 다른 미백 제품과 함께 사용하거나 레이저 사용 후 사용 가능합니다.\u003cbr data-mce-fragment=\"1\"\/\u003e","brand":"kolagra","offers":[{"title":"Default Title","offer_id":42093528023237,"sku":"","price":378.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/1.LighteningHyaluronicAcidSerumArichultra-replenishingserumisrichinantioxidantstoilluminate_re-plump_andquenchthirstyskin.Anintensehydrationboosterthatwillretaintheskin_smoisturec_17.jpg?v=1678364715"},{"product_id":"nanotreat-niacinamide-serum","title":"나노트리트 |나이아신아미드 세럼 12%(아연 2% 포함) 30 ml |가볍게 |보습 |신선도 |모공을 최소화","description":"\u003cstyle\u003e\n .nanotreat-niacinamide-container {\n line-height: 1.6;\n color: #333;\n max-width: 1200px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n overflow: hidden;\n }\n .hero-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .hero-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=\"nano\" width=\"120\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"30\" cy=\"30\" r=\"1.2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"90\" cy=\"70\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"60\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23nano)\"\/\u003e\u003c\/svg\u003e');\n animation: nanoFloat 30s ease-in-out infinite;\n }\n .hero-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: heroSlide 1s ease-out;\n position: relative;\n z-index: 2;\n }\n .hero-subtitle {\n font-size: 1.1rem;\n opacity: 0.9;\n max-width: 700px;\n margin: 0 auto;\n animation: heroFade 1s ease-out 0.3s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .product-showcase {\n padding: 3rem 2rem;\n text-align: center;\n position: relative;\n }\n .product-image {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n margin: 2rem auto;\n display: block;\n }\n .product-image:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n }\n .product-name {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n margin: 2rem 0 1rem;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n .product-intro {\n font-size: 1.1rem;\n color: #555;\n max-width: 800px;\n margin: 0 auto 3rem;\n animation: slideUp 0.8s ease-out 0.4s both;\n line-height: 1.7;\n }\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n padding: 2rem;\n margin: 3rem 0;\n }\n .benefit-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: 2px solid transparent;\n animation: cardSlide 0.6s ease-out both;\n position: relative;\n overflow: hidden;\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 transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n .benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n border-color: #9C8102;\n }\n .benefit-card:hover::before {\n transform: scaleX(1);\n }\n .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n .benefit-card:nth-child(6) { animation-delay: 0.6s; }\n .benefit-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1rem;\n animation: nanoGlow 3s ease-in-out infinite;\n font-size: 1.2rem;\n }\n .benefit-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n .benefit-description {\n color: #666;\n line-height: 1.6;\n }\n .section {\n padding: 3rem 2rem;\n margin: 2rem 0;\n }\n .section-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n animation: slideUp 0.8s ease-out both;\n }\n .how-it-works {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n position: relative;\n overflow: hidden;\n }\n .how-it-works::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .mechanism-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin: 3rem 0;\n position: relative;\n z-index: 2;\n }\n .mechanism-card {\n background: rgba(255,255,255,0.1);\n border-radius: 15px;\n padding: 2rem;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n animation: cardSlide 0.6s ease-out both;\n transition: all 0.3s ease;\n }\n .mechanism-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-5px);\n }\n .mechanism-card:nth-child(1) { animation-delay: 0.1s; }\n .mechanism-card:nth-child(2) { animation-delay: 0.2s; }\n .mechanism-card:nth-child(3) { animation-delay: 0.3s; }\n .mechanism-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #D4AF37;\n margin-bottom: 1rem;\n }\n .clinical-stat {\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 0.5rem;\n display: block;\n }\n .customer-opinions {\n background: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .opinions-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .opinion-section {\n margin-bottom: 2rem;\n padding: 1.5rem;\n border-radius: 10px;\n }\n .opinion-section.positive {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left: 4px solid #28a745;\n }\n .opinion-section.negative {\n background: linear-gradient(135deg, #fff8f8 0%, #ffffff 100%);\n border-left: 4px solid #dc3545;\n }\n .opinion-section.summary {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n border-left: 4px solid #9C8102;\n }\n .opinion-section h4 {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n .opinion-section.positive h4 {\n color: #28a745;\n }\n .opinion-section.negative h4 {\n color: #dc3545;\n }\n .opinion-section.summary h4 {\n color: #9C8102;\n }\n .timeline-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin: 3rem 0;\n }\n .timeline-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n .timeline-item {\n margin: 3rem 0;\n animation: timelineSlide 0.8s ease-out both;\n position: relative;\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-badge {\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n padding: 0.8rem 1.5rem;\n border-radius: 25px;\n font-weight: 600;\n font-size: 0.9rem;\n display: inline-block;\n margin-bottom: 1.5rem;\n text-align: center;\n box-shadow: 0 5px 15px rgba(156, 129, 2, 0.3);\n animation: nanoGlow 3s ease-in-out infinite;\n }\n .timeline-card {\n background: white;\n padding: 2rem;\n border-radius: 20px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-left: 5px solid #9C8102;\n text-align: center;\n transition: all 0.3s ease;\n }\n .timeline-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 25px 60px rgba(156, 129, 2, 0.15);\n }\n .timeline-title {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: center;\n }\n .timeline-benefits {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.8rem;\n max-width: 500px;\n margin: 0 auto;\n }\n .timeline-benefit {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n padding: 1rem 1.5rem;\n border-radius: 12px;\n border-left: 4px solid #D4AF37;\n font-size: 0.95rem;\n color: #555;\n position: relative;\n text-align: left;\n transition: all 0.3s ease;\n }\n .timeline-benefit:hover {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left-color: #9C8102;\n transform: translateX(-3px);\n }\n .timeline-benefit::before {\n content: '✓';\n position: absolute;\n left: 1rem;\n top: 50%;\n transform: translateY(-50%);\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 1rem 0;\n }\n .feature-list li {\n padding: 0.5rem 0;\n position: relative;\n padding-left: 2rem;\n color: #555;\n }\n .feature-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 15px;\n height: 15px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n border-radius: 50%;\n }\n .feature-list li::after {\n content: '✓';\n position: absolute;\n left: 4px;\n top: 50%;\n transform: translateY(-50%);\n color: white;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list.white li {\n color: white;\n }\n .ingredients-list {\n background: white;\n border-radius: 20px;\n padding: 3rem 2rem;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .ingredients-list-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .ingredients-text {\n line-height: 1.8;\n color: #333;\n font-size: 0.95em;\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n }\n .cta-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\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 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .cta-title {\n font-size: 2.2rem;\n font-weight: 600;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: slideUp 0.8s ease-out both;\n position: relative;\n z-index: 2;\n }\n .cta-text {\n font-size: 1.1rem;\n opacity: 0.9;\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .floating-particles {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden;\n }\n .nano-particle {\n position: absolute;\n width: 6px;\n height: 6px;\n background: linear-gradient(135deg, rgba(156, 129, 2, 0.4), rgba(212, 175, 55, 0.4));\n border-radius: 50%;\n opacity: 0.7;\n animation: floatParticle 10s linear infinite;\n }\n .nano-particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n .nano-particle:nth-child(2) { left: 30%; animation-delay: 2s; }\n .nano-particle:nth-child(3) { left: 50%; animation-delay: 4s; }\n .nano-particle:nth-child(4) { left: 70%; animation-delay: 6s; }\n .nano-particle:nth-child(5) { left: 90%; animation-delay: 8s; }\n @keyframes heroSlide {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes heroFade {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 0.9; transform: translateY(0); }\n }\n @keyframes slideUp {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes cardSlide {\n 0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n 100% { transform: translateY(0) scale(1); opacity: 1; }\n }\n @keyframes timelineSlide {\n 0% { transform: translateX(-50px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n @keyframes nanoGlow {\n 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n 50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n }\n @keyframes nanoFloat {\n 0%, 100% { transform: translateY(0px) translateX(0px); }\n 33% { transform: translateY(-12px) translateX(-6px); }\n 66% { transform: translateY(6px) translateX(4px); }\n }\n @keyframes floatParticle {\n 0% { transform: translateY(100vh) scale(0.5); opacity: 0; }\n 10% { opacity: 0.7; transform: scale(1); }\n 90% { opacity: 0.7; }\n 100% { transform: translateY(-100px) scale(0.5); opacity: 0; }\n }\n @keyframes ctaGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.3; }\n }\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n .benefits-grid, .mechanism-cards {\n grid-template-columns: 1fr;\n }\n .timeline-section {\n padding: 2rem 1rem;\n }\n .timeline-card {\n padding: 1.5rem;\n }\n .timeline-benefits {\n gap: 0.6rem;\n }\n .timeline-benefit {\n padding: 0.8rem 1rem;\n font-size: 0.9rem;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"nanotreat-niacinamide-container\"\u003e\n\u003c!-- Floating Particles --\u003e\n\u003cdiv class=\"floating-particles\"\u003e\n\u003cdiv class=\"nano-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nano-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nano-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nano-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nano-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eNanotreat Niacinamide Serum\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e통제 불능의 지성 피부?모공이 커지고 여드름이 지속되나요? \u003cstrong\u003e문제는 고급 나노 기술이 필요합니다!\u003c\/strong\u003e 나노 기술이 적용된 나노트리트 나이아신아마이드 세럼은 피부 깊숙이 침투하여 녹여줍니다. \u003cstrong\u003e지성 피부 문제는 뿌리부터\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cimg alt=\"Nanotreat Niacinamide Serum\" class=\"product-image\" src=\"https:\/\/via.placeholder.com\/400x400\/9C8102\/white?text=Nanotreat+Niacinamide\"\/\u003e\n\u003ch2 class=\"product-name\"\u003eNanotreat 나이아신아마이드 세럼 - 첨단 나노기술\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n 나노트리트 나이아신아마이드 세럼은 지성 및 복합성 피부에 더 깊이 침투하고 더 강력한 효과를 선사합니다.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003e나노의 힘을 두 배로\u003c\/h2\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\"\u003e첨단 나노기술\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e나노 입자가 피부 속까지 침투하여 이중 효과를 선사합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e모공의 정확한 타겟팅\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e모공 깊은 곳까지 닿아 속부터 깨끗하게 클렌징해줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e우수한 피지 조절\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e일반 제품보다 효과적으로 피지분비를 조절해줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🚫\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e고급 입자 제어\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e여드름 생성을 예방하고 기존 여드름을 치료합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e얼룩이 빠르게 밝아지는 현상\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e여드름과 반점을 더 빨리 밝게 해줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e즉각적인 흡수\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e나노 기술은 즉각적인 흡수와 지속적인 작용을 보장합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem; position: relative; z-index: 2;\"\u003e나노기술은 어떻게 작동하나요?\u003c\/h2\u003e\n\u003cdiv class=\"mechanism-cards\"\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003e나노침투\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e95%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003e일반 제품보다 높은 침투율\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003e나노미터 입자는 즉시 깊은 층에 침투합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003e고급 지질 조절\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e78%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003e3주 이내에 지방분비 감소\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003e피지선 세포에 도달하여 피지선의 활동을 직접 조절합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003e24시간 지속효과\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e24h\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003e활성 성분의 점진적 방출\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003e나노 기술로 하루 종일 지속적인 작동이 보장됩니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n\u003cp style=\"font-size: 1.2rem; color: #D4AF37;\"\u003e\u003cstrong\u003e나노기술 임상연구 - 10주간 200명 참여\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Customer Opinions Section --\u003e\n\u003cdiv class=\"customer-opinions\"\u003e\n\u003ch2 class=\"opinions-title\"\u003e나노기술에 대한 고객 경험\u003c\/h2\u003e\n\u003cdiv class=\"opinion-section positive\"\u003e\n\u003ch4\u003e✅ 고급 기술력:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e고객의 94%\u003c\/strong\u003e 일반 제품에 비해 개선 속도가 더 빠른 것으로 나타났습니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e89% 복구됨\u003c\/strong\u003e 2주 만에 모공 크기가 눈에 띄게 감소\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e85% 확인됨\u003c\/strong\u003e 탁월한 오일 및 윤기 컨트롤\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e91%가 선호할 것입니다.\u003c\/strong\u003e 다른 제품보다 Nanotreat\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section negative\"\u003e\n\u003ch4\u003e⚠️사용 고려 사항:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e가격이 더 높네요\u003c\/strong\u003e 일반 나이아신아마이드 제품 중에서\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e사용자의 20%\u003c\/strong\u003e 처음에는 높은 힘으로 인해 반복 횟수를 줄여야 했습니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section summary\"\u003e\n\u003ch4\u003e📊 결론:\u003c\/h4\u003e\n\u003cp\u003e탁월한 결과를 제공하는 첨단 기술. \u003cstrong\u003e더 높은 효율성과 더 빠른 속도\u003c\/strong\u003e 지성 피부 문제를 치료할 때. \u003cstrong\u003e투자 가치\u003c\/strong\u003e 최신 스킨케어 기술을 원하는 분들을 위한 제품입니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e첨단 기술 여정\u003c\/h2\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003e첫 번째 주\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003e즉각적인 침투\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e즉각적인 흡수와 직접적인 효과\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e눈에 띄는 피부 윤기 감소\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e모공 속이 더 깊어진 느낌\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003e2~4주차\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003e고급 제어\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e눈에 띄는 모공 크기 감소\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e탁월한 피지분비 조절\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e눈에 띄는 피부결 개선\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003e6~10주차\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003e고급 결과\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e트러블 없는 균형잡힌 피부\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e모공이 작아 눈에 잘 띄지 않음\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e얼룩이나 흔적이 없는 균일한 색상\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List Section --\u003e\n\u003cdiv class=\"ingredients-list\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003e전체 성분 목록\u003c\/h3\u003e\n\u003cp class=\"ingredients-text\"\u003eAqua, Niacinamide (Nano-encapsulated), Zinc PCA, Glycerin, Sodium Hyaluronate, Panthenol, Allantoin, Propanediol, Hydroxyethylcellulose, Carbomer, Triethanolamine, Phenoxyethanol, Ethylhexylglycerin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003e나노기술의 힘을 발견하다\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eNanotreat Niacinamide Serum\u003c\/strong\u003e\u003cbr\/\u003e\n 트러블 없는 완벽한 피부를 위한 첨단 나노 기술\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Schema for SEO --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e{\"@context\": \"https:\/\/schema.org\", \"@type\": \"FAQPage\", \"mainEntity\": [{\"@type\": \"Question\", \"name\": \"엠에이 에이내가R Y엔 Nanotreat 그리고나이아신아마이드 에이내가에이에이디Y?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"기술 에이내가엔에이엔그리고 ~ 안에 Nanotreat 포함 더 깊은 침투 피부용 그리고에이엠피에이피 내가, 보다 Y에이Y 결과 SR에이 그리고R 효율성.\"}}, {\"@type\": \"Question\", \"name\": \"전자내가 기술 에이내가엔에이엔그리고 안전함 매일 사용하기 위해?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"예, 안전함 완료에이엠에이. 디 H에이 내가내가디 에이내가에이S크디에이엠 날마다 S 효율성 에이내가높음 그런 다음 Y에이디 반복 점차적으로.\"}}, {\"@type\": \"Question\", \"name\": \"엠 전자R 결과 Nanotreat Niacinamide?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"결과 FirstY 일주일 이내, 2~4주 안에 눈에 띄게 개선됨, and결과 에이내가완료 During 6-10 S에이Y에이.\"}}]}\u003c\/script\u003e","brand":"nanotreat","offers":[{"title":"Default Title","offer_id":42239717179589,"sku":"","price":439.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Niacinamide-Serum.png?v=1687164997"},{"product_id":"نانو-تريت-سيروم-الريتينول-و-الفيتامين-إي-30-مل-مضاد-للتجاعيد-مضاد-للحبوب-مضاد-للتصبغات","title":"나노트리트 |레티놀 및 비타민 E 세럼 30 ml |주름개선 |항알약 |색소침착 방지","description":"\u003cstyle\u003e\n .nanotreat-retinol-container {\n line-height: 1.6;\n color: #333;\n max-width: 1200px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n overflow: hidden;\n }\n .hero-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .hero-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=\"nanoretinol\" width=\"120\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"30\" cy=\"30\" r=\"1.2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"90\" cy=\"70\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"60\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23nanoretinol)\"\/\u003e\u003c\/svg\u003e');\n animation: nanoRetinolFloat 30s ease-in-out infinite;\n }\n .hero-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: heroSlide 1s ease-out;\n position: relative;\n z-index: 2;\n }\n .hero-subtitle {\n font-size: 1.1rem;\n opacity: 0.9;\n max-width: 700px;\n margin: 0 auto;\n animation: heroFade 1s ease-out 0.3s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .product-showcase {\n padding: 3rem 2rem;\n text-align: center;\n position: relative;\n }\n .product-image {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n margin: 2rem auto;\n display: block;\n }\n .product-image:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n }\n .product-name {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n margin: 2rem 0 1rem;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n .product-intro {\n font-size: 1.1rem;\n color: #555;\n max-width: 800px;\n margin: 0 auto 3rem;\n animation: slideUp 0.8s ease-out 0.4s both;\n line-height: 1.7;\n }\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n padding: 2rem;\n margin: 3rem 0;\n }\n .benefit-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: 2px solid transparent;\n animation: cardSlide 0.6s ease-out both;\n position: relative;\n overflow: hidden;\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 transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n .benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n border-color: #9C8102;\n }\n .benefit-card:hover::before {\n transform: scaleX(1);\n }\n .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n .benefit-card:nth-child(6) { animation-delay: 0.6s; }\n .benefit-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1rem;\n animation: nanoRetinolGlow 3s ease-in-out infinite;\n font-size: 1.2rem;\n }\n .benefit-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n .benefit-description {\n color: #666;\n line-height: 1.6;\n }\n .section {\n padding: 3rem 2rem;\n margin: 2rem 0;\n }\n .section-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n animation: slideUp 0.8s ease-out both;\n }\n .how-it-works {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n position: relative;\n overflow: hidden;\n }\n .how-it-works::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .mechanism-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin: 3rem 0;\n position: relative;\n z-index: 2;\n }\n .mechanism-card {\n background: rgba(255,255,255,0.1);\n border-radius: 15px;\n padding: 2rem;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n animation: cardSlide 0.6s ease-out both;\n transition: all 0.3s ease;\n }\n .mechanism-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-5px);\n }\n .mechanism-card:nth-child(1) { animation-delay: 0.1s; }\n .mechanism-card:nth-child(2) { animation-delay: 0.2s; }\n .mechanism-card:nth-child(3) { animation-delay: 0.3s; }\n .mechanism-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #D4AF37;\n margin-bottom: 1rem;\n }\n .clinical-stat {\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 0.5rem;\n display: block;\n }\n .customer-opinions {\n background: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .opinions-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .opinion-section {\n margin-bottom: 2rem;\n padding: 1.5rem;\n border-radius: 10px;\n }\n .opinion-section.positive {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left: 4px solid #28a745;\n }\n .opinion-section.negative {\n background: linear-gradient(135deg, #fff8f8 0%, #ffffff 100%);\n border-left: 4px solid #dc3545;\n }\n .opinion-section.summary {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n border-left: 4px solid #9C8102;\n }\n .opinion-section h4 {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n .opinion-section.positive h4 {\n color: #28a745;\n }\n .opinion-section.negative h4 {\n color: #dc3545;\n }\n .opinion-section.summary h4 {\n color: #9C8102;\n }\n .timeline-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin: 3rem 0;\n }\n .timeline-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n .timeline-item {\n margin: 3rem 0;\n animation: timelineSlide 0.8s ease-out both;\n position: relative;\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-badge {\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n padding: 0.8rem 1.5rem;\n border-radius: 25px;\n font-weight: 600;\n font-size: 0.9rem;\n display: inline-block;\n margin-bottom: 1.5rem;\n text-align: center;\n box-shadow: 0 5px 15px rgba(156, 129, 2, 0.3);\n animation: nanoRetinolGlow 3s ease-in-out infinite;\n }\n .timeline-card {\n background: white;\n padding: 2rem;\n border-radius: 20px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-left: 5px solid #9C8102;\n text-align: center;\n transition: all 0.3s ease;\n }\n .timeline-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 25px 60px rgba(156, 129, 2, 0.15);\n }\n .timeline-title {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: center;\n }\n .timeline-benefits {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.8rem;\n max-width: 500px;\n margin: 0 auto;\n }\n .timeline-benefit {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n padding: 1rem 1.5rem;\n border-radius: 12px;\n border-left: 4px solid #D4AF37;\n font-size: 0.95rem;\n color: #555;\n position: relative;\n text-align: left;\n transition: all 0.3s ease;\n }\n .timeline-benefit:hover {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left-color: #9C8102;\n transform: translateX(-3px);\n }\n .timeline-benefit::before {\n content: '✓';\n position: absolute;\n left: 1rem;\n top: 50%;\n transform: translateY(-50%);\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 1rem 0;\n }\n .feature-list li {\n padding: 0.5rem 0;\n position: relative;\n padding-left: 2rem;\n color: #555;\n }\n .feature-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 15px;\n height: 15px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n border-radius: 50%;\n }\n .feature-list li::after {\n content: '✓';\n position: absolute;\n left: 4px;\n top: 50%;\n transform: translateY(-50%);\n color: white;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list.white li {\n color: white;\n }\n .ingredients-list {\n background: white;\n border-radius: 20px;\n padding: 3rem 2rem;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .ingredients-list-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .ingredients-text {\n line-height: 1.8;\n color: #333;\n font-size: 0.95em;\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n }\n .cta-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\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 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .cta-title {\n font-size: 2.2rem;\n font-weight: 600;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: slideUp 0.8s ease-out both;\n position: relative;\n z-index: 2;\n }\n .cta-text {\n font-size: 1.1rem;\n opacity: 0.9;\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .floating-particles {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden;\n }\n .nano-retinol-particle {\n position: absolute;\n width: 6px;\n height: 6px;\n background: linear-gradient(135deg, rgba(156, 129, 2, 0.4), rgba(212, 175, 55, 0.4));\n border-radius: 50%;\n opacity: 0.7;\n animation: floatParticle 10s linear infinite;\n }\n .nano-retinol-particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n .nano-retinol-particle:nth-child(2) { left: 30%; animation-delay: 2s; }\n .nano-retinol-particle:nth-child(3) { left: 50%; animation-delay: 4s; }\n .nano-retinol-particle:nth-child(4) { left: 70%; animation-delay: 6s; }\n .nano-retinol-particle:nth-child(5) { left: 90%; animation-delay: 8s; }\n @keyframes heroSlide {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes heroFade {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 0.9; transform: translateY(0); }\n }\n @keyframes slideUp {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes cardSlide {\n 0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n 100% { transform: translateY(0) scale(1); opacity: 1; }\n }\n @keyframes timelineSlide {\n 0% { transform: translateX(-50px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n @keyframes nanoRetinolGlow {\n 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n 50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n }\n @keyframes nanoRetinolFloat {\n 0%, 100% { transform: translateY(0px) translateX(0px); }\n 33% { transform: translateY(-12px) translateX(-6px); }\n 66% { transform: translateY(6px) translateX(4px); }\n }\n @keyframes floatParticle {\n 0% { transform: translateY(100vh) scale(0.5); opacity: 0; }\n 10% { opacity: 0.7; transform: scale(1); }\n 90% { opacity: 0.7; }\n 100% { transform: translateY(-100px) scale(0.5); opacity: 0; }\n }\n @keyframes ctaGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.3; }\n }\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n .benefits-grid, .mechanism-cards {\n grid-template-columns: 1fr;\n }\n .timeline-section {\n padding: 2rem 1rem;\n }\n .timeline-card {\n padding: 1.5rem;\n }\n .timeline-benefits {\n gap: 0.6rem;\n }\n .timeline-benefit {\n padding: 0.8rem 1rem;\n font-size: 0.9rem;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"nanotreat-retinol-container\"\u003e\n\u003c!-- Floating Particles --\u003e\n\u003cdiv class=\"floating-particles\"\u003e\n\u003cdiv class=\"nano-retinol-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nano-retinol-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nano-retinol-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nano-retinol-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nano-retinol-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eNanotreat Retinol Serum\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e깊은 주름과 눈에 보이는 노화의 징후?검버섯이 나타나기 시작하나요? \u003cstrong\u003e당신의 피부에는 나노기술이 적용된 레티놀의 힘이 필요합니다!\u003c\/strong\u003e Nanotreat 레티놀 세럼은 가장 강력한 재생 성분과 첨단 나노기술을 결합하여\u003cstrong\u003e기록적인 시간 안에 젊음을 되살리세요\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"product-name\"\u003e나노트리트 레티놀 세럼 - 레티놀 x 나노기술의 힘\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n 노화와 주름의 징후를 퇴치하기 위해 깊고 빠른 활력을 주는 Nanotreat 레티놀 세럼.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003e나노 기술이 적용된 고급 레티놀\u003c\/h2\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\"\u003e세포 재생 가속화\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e나노기술은 세포 재생 과정을 3배 가속화합니다\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e층에 깊은 침투\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e나노입자가 피부 속 깊은 곳까지 즉각적으로 도달\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e고급 주름 감소\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e두 배의 효과로 깊은 주름과 완고한 주름을 개선합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e강렬한 콜라겐 자극\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e일반 레티놀보다 더 빠른 속도로 콜라겐 생성을 자극합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e기미의 급속한 미백\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e피부톤을 통일하고 검버섯을 빠르게 제거합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🌙\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e집중 야간 수리\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e최적의 재생을 위해 밤새 지속적이고 강렬한 효과\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem; position: relative; z-index: 2;\"\u003e나노 레티놀은 어떻게 작동하나요?\u003c\/h2\u003e\n\u003cdiv class=\"mechanism-cards\"\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003e슈퍼나노 투과성\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e98%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003e더 깊은 층에 대한 더 높은 투과성\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003e나노 입자는 자연 장벽을 관통하여 세포에 직접 도달합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003e갱신 가속화\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e75%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003e세포 재생주기 가속화\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003e더 빠르고 효율적인 속도로 세포 분열과 재생을 자극합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003e이중 콜라겐 자극\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e68%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003e천연 콜라겐 생성 증가\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003e콜라겐 생성 세포를 고효율로 활성화합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n\u003cp style=\"font-size: 1.2rem; color: #D4AF37;\"\u003e\u003cstrong\u003e나노 레티놀 기술에 대한 고급 연구 - 20주 동안 180명의 참가자\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Customer Opinions Section --\u003e\n\u003cdiv class=\"customer-opinions\"\u003e\n\u003ch2 class=\"opinions-title\"\u003e나노 레티놀에 대한 고객 경험\u003c\/h2\u003e\n\u003cdiv class=\"opinion-section positive\"\u003e\n\u003ch4\u003e✅ 고급 결과의 힘:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e고객의 91%\u003c\/strong\u003e 일반 레티놀보다 효과가 더 빨리 나타났어요\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e86%가 알아차렸습니다\u003c\/strong\u003e 4주 만에 눈에 띄는 주름 개선\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e83% 확인됨\u003c\/strong\u003e 피부의 질감과 신선함을 근본적으로 개선합니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e89%가 선호할 것입니다.\u003c\/strong\u003e 기존 제품보다 나노 레티놀\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section negative\"\u003e\n\u003ch4\u003e⚠️ 중요 고려사항:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e고강도\u003c\/strong\u003e 일반 레티놀보다 적응기간이 더 필요함\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e사용자의 28%\u003c\/strong\u003e 첫 달에는 빈도를 줄여야 했습니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section summary\"\u003e\n\u003ch4\u003e📊 결론:\u003c\/h4\u003e\n\u003cp\u003e노화의 징후를 퇴치하는 뛰어난 결과를 제공하는 첨단 기술. \u003cstrong\u003e효과는 두 배, 속도는 빨라집니다\u003c\/strong\u003e 세포 재생에서. \u003cstrong\u003e완벽한 선택\u003c\/strong\u003e 최신 안티에이징 기술을 만나보세요.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e고급 갱신 여정\u003c\/h2\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003e1~2주차\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003e적응하기 시작함\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e일반 레티놀보다 더 순한 각질 제거\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e피부결의 빠른 개선\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e집중 재생 과정의 시작\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003e3~6주차\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003e개선 가속화\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e잔주름과 주름이 눈에 띄게 감소함\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e피부의 신선함과 윤기가 크게 향상됩니다.\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e검버섯을 완화하기 시작\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003e8~20주\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003e완전한 개조\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e깊은 주름의 현저한 감소\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e더 젊고 탄력있는 피부\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e얼룩이나 색소침착 없이 균일한 색상\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List Section --\u003e\n\u003cdiv class=\"ingredients-list\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003e전체 성분 목록\u003c\/h3\u003e\n\u003cp class=\"ingredients-text\"\u003eAqua, Caprylic\/Capric Triglyceride, Glycerin, Retinol (Nano-encapsulated), Squalane, Tocopheryl Acetate, Sodium Hyaluronate, Hydroxyethyl Acrylate\/Sodium Acryloyldimethyl Taurate Copolymer, BHT, Disodium EDTA, Phenoxyethanol, Ethylhexylglycerin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003e미래의 힘을 발견하세요\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eNanotreat Retinol Serum\u003c\/strong\u003e\u003cbr\/\u003e\n 영원한 젊음과 지속적인 재생을 위한 나노 기술이 적용된 첨단 레티놀\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Schema for SEO --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e{\"@context\": \"https:\/\/schema.org\", \"@type\": \"FAQPage\", \"mainEntity\": [{\"@type\": \"Question\", \"name\": \"엠에이 에이내가R Y엔 에이내가엔에이엔그리고 Retinol 그리고레티놀 에이내가에이에이디Y?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"기술 에이내가엔에이엔그리고 포함 더 깊은 침투 그리고SR에이 피부용, 보다 Y에이Y 결과 그리고 그리고SR에이 와 reduce 적응기간 에이내가Required.\"}}, {\"@type\": \"Question\", \"name\": \"Y 디 에이S크디에이엠 에이내가엔에이엔그리고 Retinol?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"시작 Once 그리고에이H디 일주일Y에이 내가2주, 그런 다음 일주일에 두 번, 그런 다음 날마다 HS Hml 피부. 사용 자외선 차단제 항상.\"}}, {\"@type\": \"Question\", \"name\": \"엠 전자R 결과 에이내가엔에이엔그리고 Retinol?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Improvement 질감 2주 이내, 줄 줄이기 During 4-6주, and결과 에이내가완료 During 8-20 일주일.\"}}]}\u003c\/script\u003e","brand":"nanotreat","offers":[{"title":"Default Title","offer_id":42239720390853,"sku":"","price":429.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Retinol-Serum-510x510.png?v=1687165247"},{"product_id":"سيروم-النياسيناميد-30-مل-eva","title":"나이아신아마이드 세럼 30ml EVA","description":"\u003cstyle\u003e\n .eva-niacinamide-container {\n line-height: 1.6;\n color: #333;\n max-width: 1200px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n overflow: hidden;\n }\n .hero-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .hero-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=\"balance\" width=\"120\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"30\" cy=\"30\" r=\"1.2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"90\" cy=\"70\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"60\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23balance)\"\/\u003e\u003c\/svg\u003e');\n animation: balanceFloat 30s ease-in-out infinite;\n }\n .hero-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: heroSlide 1s ease-out;\n position: relative;\n z-index: 2;\n }\n .hero-subtitle {\n font-size: 1.1rem;\n opacity: 0.9;\n max-width: 700px;\n margin: 0 auto;\n animation: heroFade 1s ease-out 0.3s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .product-showcase {\n padding: 3rem 2rem;\n text-align: center;\n position: relative;\n }\n .product-image {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n margin: 2rem auto;\n display: block;\n }\n .product-image:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n }\n .product-name {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n margin: 2rem 0 1rem;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n .product-intro {\n font-size: 1.1rem;\n color: #555;\n max-width: 800px;\n margin: 0 auto 3rem;\n animation: slideUp 0.8s ease-out 0.4s both;\n line-height: 1.7;\n }\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n padding: 2rem;\n margin: 3rem 0;\n }\n .benefit-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: 2px solid transparent;\n animation: cardSlide 0.6s ease-out both;\n position: relative;\n overflow: hidden;\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 transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n .benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n border-color: #9C8102;\n }\n .benefit-card:hover::before {\n transform: scaleX(1);\n }\n .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n .benefit-card:nth-child(6) { animation-delay: 0.6s; }\n .benefit-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1rem;\n animation: balanceGlow 3s ease-in-out infinite;\n font-size: 1.2rem;\n }\n .benefit-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n .benefit-description {\n color: #666;\n line-height: 1.6;\n }\n .section {\n padding: 3rem 2rem;\n margin: 2rem 0;\n }\n .section-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n animation: slideUp 0.8s ease-out both;\n }\n .how-it-works {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n position: relative;\n overflow: hidden;\n }\n .how-it-works::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .mechanism-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin: 3rem 0;\n position: relative;\n z-index: 2;\n }\n .mechanism-card {\n background: rgba(255,255,255,0.1);\n border-radius: 15px;\n padding: 2rem;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n animation: cardSlide 0.6s ease-out both;\n transition: all 0.3s ease;\n }\n .mechanism-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-5px);\n }\n .mechanism-card:nth-child(1) { animation-delay: 0.1s; }\n .mechanism-card:nth-child(2) { animation-delay: 0.2s; }\n .mechanism-card:nth-child(3) { animation-delay: 0.3s; }\n .mechanism-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #D4AF37;\n margin-bottom: 1rem;\n }\n .clinical-stat {\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 0.5rem;\n display: block;\n }\n .customer-opinions {\n background: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .opinions-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .opinion-section {\n margin-bottom: 2rem;\n padding: 1.5rem;\n border-radius: 10px;\n }\n .opinion-section.positive {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left: 4px solid #28a745;\n }\n .opinion-section.negative {\n background: linear-gradient(135deg, #fff8f8 0%, #ffffff 100%);\n border-left: 4px solid #dc3545;\n }\n .opinion-section.summary {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n border-left: 4px solid #9C8102;\n }\n .opinion-section h4 {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n .opinion-section.positive h4 {\n color: #28a745;\n }\n .opinion-section.negative h4 {\n color: #dc3545;\n }\n .opinion-section.summary h4 {\n color: #9C8102;\n }\n \n \/* New Timeline Structure *\/\n .timeline-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin: 3rem 0;\n }\n \n .timeline-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n \n .timeline-item {\n margin: 3rem 0;\n animation: timelineSlide 0.8s ease-out both;\n position: relative;\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 \n .timeline-badge {\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n padding: 0.8rem 1.5rem;\n border-radius: 25px;\n font-weight: 600;\n font-size: 0.9rem;\n display: inline-block;\n margin-bottom: 1.5rem;\n text-align: center;\n box-shadow: 0 5px 15px rgba(156, 129, 2, 0.3);\n animation: balanceGlow 3s ease-in-out infinite;\n }\n \n .timeline-card {\n background: white;\n padding: 2rem;\n border-radius: 20px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-left: 5px solid #9C8102;\n text-align: center;\n transition: all 0.3s ease;\n }\n \n .timeline-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 25px 60px rgba(156, 129, 2, 0.15);\n }\n \n .timeline-title {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: center;\n }\n \n .timeline-benefits {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.8rem;\n max-width: 500px;\n margin: 0 auto;\n }\n \n .timeline-benefit {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n padding: 1rem 1.5rem;\n border-radius: 12px;\n border-left: 4px solid #D4AF37;\n font-size: 0.95rem;\n color: #555;\n position: relative;\n text-align: left;\n transition: all 0.3s ease;\n }\n \n .timeline-benefit:hover {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left-color: #9C8102;\n transform: translateX(-3px);\n }\n \n .timeline-benefit::before {\n content: '✓';\n position: absolute;\n left: 1rem;\n top: 50%;\n transform: translateY(-50%);\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.7rem;\n font-weight: bold;\n }\n\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 1rem 0;\n }\n .feature-list li {\n padding: 0.5rem 0;\n position: relative;\n padding-left: 2rem;\n color: #555;\n }\n .feature-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 15px;\n height: 15px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n border-radius: 50%;\n }\n .feature-list li::after {\n content: '✓';\n position: absolute;\n left: 4px;\n top: 50%;\n transform: translateY(-50%);\n color: white;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list.white li {\n color: white;\n }\n .ingredients-list {\n background: white;\n border-radius: 20px;\n padding: 3rem 2rem;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .ingredients-list-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .ingredients-text {\n line-height: 1.8;\n color: #333;\n font-size: 0.95em;\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n }\n .cta-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\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 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .cta-title {\n font-size: 2.2rem;\n font-weight: 600;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: slideUp 0.8s ease-out both;\n position: relative;\n z-index: 2;\n }\n .cta-text {\n font-size: 1.1rem;\n opacity: 0.9;\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .floating-particles {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden;\n }\n .balance-particle {\n position: absolute;\n width: 6px;\n height: 6px;\n background: linear-gradient(135deg, rgba(156, 129, 2, 0.4), rgba(212, 175, 55, 0.4));\n border-radius: 50%;\n opacity: 0.7;\n animation: floatParticle 10s linear infinite;\n }\n .balance-particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n .balance-particle:nth-child(2) { left: 30%; animation-delay: 2s; }\n .balance-particle:nth-child(3) { left: 50%; animation-delay: 4s; }\n .balance-particle:nth-child(4) { left: 70%; animation-delay: 6s; }\n .balance-particle:nth-child(5) { left: 90%; animation-delay: 8s; }\n @keyframes heroSlide {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes heroFade {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 0.9; transform: translateY(0); }\n }\n @keyframes slideUp {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes cardSlide {\n 0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n 100% { transform: translateY(0) scale(1); opacity: 1; }\n }\n @keyframes timelineSlide {\n 0% { transform: translateX(-50px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n @keyframes balanceGlow {\n 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n 50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n }\n @keyframes balanceFloat {\n 0%, 100% { transform: translateY(0px) translateX(0px); }\n 33% { transform: translateY(-12px) translateX(-6px); }\n 66% { transform: translateY(6px) translateX(4px); }\n }\n @keyframes floatParticle {\n 0% { transform: translateY(100vh) scale(0.5); opacity: 0; }\n 10% { opacity: 0.7; transform: scale(1); }\n 90% { opacity: 0.7; }\n 100% { transform: translateY(-100px) scale(0.5); opacity: 0; }\n }\n @keyframes ctaGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.3; }\n }\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n .benefits-grid, .mechanism-cards {\n grid-template-columns: 1fr;\n }\n .timeline-section {\n padding: 2rem 1rem;\n }\n .timeline-card {\n padding: 1.5rem;\n }\n .timeline-benefits {\n gap: 0.6rem;\n }\n .timeline-benefit {\n padding: 0.8rem 1rem;\n font-size: 0.9rem;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"eva-niacinamide-container\"\u003e\n\u003c!-- Floating Particles --\u003e\n\u003cdiv class=\"floating-particles\"\u003e\n\u003cdiv class=\"balance-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"balance-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"balance-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"balance-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"balance-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eEVA Niacinamide Serum\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e모공이 넓은가요?지성, 윤기나는 피부?여드름과 반점이 지속되나요? \u003cstrong\u003e문제는 불균형... 피부타입이 아니라요!\u003c\/strong\u003e EVA 나이아신아미드 세럼은 피부의 자연스러운 균형을 회복하고 수분을 공급합니다. \u003cstrong\u003e모든 지성 피부 문제는 뿌리부터 시작됩니다.\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003ch2 class=\"product-name\"\u003eEVA 나이아신아미드 세럼 - 스마트 스킨 레귤레이터\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n 나이아신아마이드 10% EVA 세럼(아연 함유)으로 피지를 조절하고 모공을 줄이며 여드름과 반점을 치료합니다.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003e다중 강도의 나이아신아마이드\u003c\/h2\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\"\u003e지방 분비 조절\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e과도한 오일 생성을 제어하고 광택을 줄입니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e기공 크기 감소\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e넓어진 모공을 조여주고 피부결을 개선해줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🚫\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e곡물 방지\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e염증을 줄이고 새로운 여드름이 생기는 것을 방지합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e피부톤 통일\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e다크스팟을 밝게 해주고 피부톤을 통일시켜줍니다\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e피부 장벽 강화\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e자연 장벽을 강화하고 오염으로부터 보호합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e염증을 진정시키다\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e자극과 붉은기를 즉각적으로 진정시켜줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem; position: relative; z-index: 2;\"\u003e나이아신아미드는 어떻게 작용하나요?\u003c\/h2\u003e\n\u003cdiv class=\"mechanism-cards\"\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003e피지선 조절\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e70%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003e4주 이내에 지방분비 감소\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003e세포 수준에서 피지선의 크기와 활동을 조절합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003e항염증제\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e68%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003e활성 입자의 크기 및 수 감소\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003e염증과 여드름을 유발하는 사이토카인의 생성을 억제합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003e콜라겐 자극\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e35%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003e피부 탄력 개선 및 모공 감소\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003e콜라겐 생성을 촉진하고 모공 지지 구조를 강화합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n\u003cp style=\"font-size: 1.2rem; color: #D4AF37;\"\u003e\u003cstrong\u003e지성피부 96명을 대상으로 12주간 임상연구\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Customer Opinions Section --\u003e\n\u003cdiv class=\"customer-opinions\"\u003e\n\u003ch2 class=\"opinions-title\"\u003e나이아신아마이드에 대한 고객 경험\u003c\/h2\u003e\n\u003cdiv class=\"opinion-section positive\"\u003e\n\u003ch4\u003e✅ 입증된 결과:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e고객의 91%\u003c\/strong\u003e 2주 이내에 피부 윤기가 감소하는 것을 확인하세요.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e86% 회수됨\u003c\/strong\u003e 눈에 띄는 모공 크기 개선\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e78% 확인됨\u003c\/strong\u003e 여드름 및 감염 감소\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e94%는 계속할 것입니다\u003c\/strong\u003e 제품을 사용함에 있어\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section negative\"\u003e\n\u003ch4\u003e⚠️ 주의할 점:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e사용자의 22%\u003c\/strong\u003e 첫 주에는 가벼운 벗겨짐을 경험합니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e일부 클라이언트\u003c\/strong\u003e 어두운 반점이 개선되는 데 시간이 더 오래 걸렸습니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section summary\"\u003e\n\u003ch4\u003e📊 결론:\u003c\/h4\u003e\n\u003cp\u003e지성 및 복합성 피부에 매우 효과적인 세럼입니다. \u003cstrong\u003e지방 조절의 빠른 결과\u003c\/strong\u003e 피부 질이 눈에 띄게 개선되었습니다. \u003cstrong\u003e탁월한 선택\u003c\/strong\u003e 지성 피부 문제로 고민하는 분들을 위한 제품입니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e균형과 치유의 여정\u003c\/h2\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003e첫 번째 주\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003e균형 잡힌 시작\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e피부 윤기 감소\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e기존 염증을 진정시킵니다.\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e피부결 개선\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003e한 달 후\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003e완벽한 제어\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e눈에 띄는 모공 크기 개선\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e새로운 곡물의 눈에 띄는 감소\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e어두운 부분이 밝아지기 시작했어요\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003e3개월 후\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003e완벽한 피부\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e번들거림 없이 균형잡힌 피부\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e모공이 작아 눈에 잘 띄지 않음\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e얼룩 없이 균일한 색상\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List Section --\u003e\n\u003cdiv class=\"ingredients-list\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003e전체 성분 목록\u003c\/h3\u003e\n\u003cp class=\"ingredients-text\"\u003eAqua, Niacinamide 10%, Zinc PCA, Glycerin, Propanediol, Tamarindus Indica Seed Gum, Pentylene Glycol, Polyglyceryl-4 Caprate, Polyglyceryl-6 Caprylate, Hydroxyethylcellulose, Isoceteth-20, Ethoxydiglycol, Phenoxyethanol, Chlorphenesin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003e피부 밸런스를 회복해보세요\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eEVA Niacinamide Serum\u003c\/strong\u003e\u003cbr\/\u003e\n 유분, 여드름, 모공을 조절하는 스마트 스킨 레귤레이터\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Schema for SEO --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e{\"@context\": \"https:\/\/schema.org\", \"@type\": \"FAQPage\", \"mainEntity\": [{\"@type\": \"Question\", \"name\": \"전자내가 Y엠엔 에이S크디에이엠 나이아신아마이드 와 비타민 C?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"예, Y엠엔 에이S크디에이엠전자엠에이 와에이. Y내가 에이S크디에이엠 비타민 C 아침 그리고나이아신아마이드 저녁, 그리고 잠깐 15분 Y엔전자엠에이.\"}}, {\"@type\": \"Question\", \"name\": \"엠 전자R 결과 혈청 나이아신아마이드?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"reduce 에이내가내가와에이엔 Y전자R 일주일 이내, Improvement 모공 한 달 이내, and결과 에이내가완료 During 8-12 일주일.\"}}, {\"@type\": \"Question\", \"name\": \"전자내가 나이아신아마이드 10% Strong 민감한 피부용?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"시작 에이내가에이S크디에이엠 날마다 ~ 안에 에이내가디에이Y. 에이 내가엠 H디 HS에이SY 일주일 이내, Y엠엔 매일 사용.\"}}]}\u003c\/script\u003e","brand":"eva cosmetics","offers":[{"title":"Default Title","offer_id":42291553632453,"sku":null,"price":220.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/jzwIQnfV1x80bcQ4ck3P6Y9SjFWtynIwLTiPJrnF.webp?v=1690897686"},{"product_id":"eva-vitamin-c","title":"에바 비타민 C 세럼 30 ml |타프티크 |보습 |주름개선 |곡물에 반대","description":"\u003cdiv dir=\"ltr\" style=\"text-align: start;\"\u003e\n\u003cdiv data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e\u003cstrong\u003e\u003cbr\/\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e\n\u003cstrong\u003e\u003c\/strong\u003e\u003cbr\/\u003e\n\u003c\/div\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\n\u003cstrong\u003e\u003c\/strong\u003e \u003cbr\/\u003e\n\u003c\/h3\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\n\u003cspan\u003e\u003c\/span\u003e \u003cspan data-mce-style=\"color: #c9aa2a;\" style=\"color: #c9aa2a;\"\u003e 비타민C 고농축 드셔보셨나요?! \u003c\/span\u003e\u003cbr\/\u003e\n\u003c\/h3\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cspan\u003e라이트닝, 타이트닝, 보호, 회춘\u003c\/span\u003e\u003c\/h3\u003e\n\u003cul dir=\"ltr\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e열릴 것이다 \u003c\/strong\u003e피부 속 멜라닌 색소를 중화시켜 피부톤을 통일시켜줍니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e그는 조일 것이다\u003c\/strong\u003e 피부의 생성을 자극하여... \u003cstrong\u003e콜라겐과 엘라스틴\u003c\/strong\u003e 20대부터 나이가 들수록 생산량이 감소합니다. \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e그는 보호할 것이다\u003c\/strong\u003e 피부에는 아스타잔틴, 비타민 E, 로즈힙, 녹차와 같은 천연 항산화제가 함유되어 매우 효과적인 노화 방지 포뮬러가 생성되므로 조기 노화와 피부암의 징후를 유발하는 자유 라디칼 손상으로부터 피부가 보호됩니다.\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003e\u003cstrong\u003e그는 갱신할 것이다\u003c\/strong\u003e 질감과 외관을 개선하는 피부 세포\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan data-mce-style=\"color: #d2b147;\" style=\"color: #d2b147;\"\u003e\u003cspan style=\"color: #000000;\"\u003e자외선 차단제의 SPF 효율성을 높입니다.\u003c\/span\u003e \u003c\/span\u003e이는 조기 노화를 유발하는 자외선으로부터 추가적인 보호를 제공합니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003cbr\/\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003cbr\/\u003e\u003c\/p\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cstrong\u003e즉각적인 결과\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cspan data-mce-style=\"font-weight: 400;\" style=\"font-weight: 400;\"\u003e\u003cbr\/\u003e\u003c\/span\u003e\u003cspan data-mce-style=\"font-weight: 400;\" style=\"font-weight: 400;\"\u003e세럼을 바르고 몇 분 만에 피부가 가장 맑고 순수한 상태로 변하는 모습을 실시간으로 시청하세요.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e적은 예산으로 최고의 미용실에서 가장 비싼 세션에 필적하는 케어 \u003c\/h2\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e피부 관리에는 수만 달러의 비용이 필요하지 않습니다! \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e하나의 제품에서는 얻을 수 없는 다양한 장점을 결합한 제품입니다! \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e최고의 보습제, 여드름 방지, 노화 방지, 미백 크림 및 산뜻한 제품의 혜택을 하나의 패키지로 만나보세요! \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003cbr\/\u003e\u003c\/p\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e영원히 젊은 피부를 위한 필수품 \u003c\/h2\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003cimg alt=\"\" data-mce-fragment=\"1\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_18_1024x1024_f9993f3f-6eb3-4d21-b919-7361726a4e46_1024x1024.webp?v=1657999811\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_18_1024x1024_f9993f3f-6eb3-4d21-b919-7361726a4e46_1024x1024.webp?v=1657999811\"\/\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cstrong\u003e노화의 징후는 우리가 자외선에 지속적으로 노출되고 자유 라디칼로 인한 세포 산화로 인해 나타납니다. \u003c\/strong\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e젊은 피부를 유지하려면 항산화제를 정기적으로 사용해야 합니다. \u003c\/p\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\n\u003cbr\/\u003e이 세럼은 조기 노화를 예방하는 첫 번째 방어선 역할을 합니다.\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\"\u003e나이에 관계없이 젊음을 유지하려면 항산화제를 사용해야 합니다. \u003cstrong\u003e주름이 생길 때까지 기다리지 말고 치료를 시작하세요!\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e 비타민 C는 혈청과 마찬가지로 가장 강력한 천연 항산화제 중 하나로 간주됩니다. \u003cspan data-mce-fragment=\"1\"\u003e천연 항산화제 그룹이 포함되어 있습니다.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003cbr\/\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e전 세계 최고의 피부과 전문의가 추천하는 제품 \u003c\/h2\u003e\n\u003cp dir=\"ltr\" style=\"text-align: center;\"\u003e모든 피부 타입에 이상적: 건성, 중성, 혼합성, 지성\u003c\/p\u003e\n\u003cp dir=\"ltr\" style=\"text-align: center;\"\u003e\u003cstrong\u003e피부에 가볍게..빠른 흡수\u003c\/strong\u003e\u003cbr data-mce-fragment=\"1\"\/\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003c\/strong\u003e\u003cspan id=\"i-3\"\u003e\u003cstrong\u003e에바 비타민 C 세럼의 성분:\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e\u003cspan style=\"font-size: 0.875rem;\"\u003e\u003cspan data-mce-fragment=\"1\"\u003eWater, Rosa Rubiginosa Seed Oil (Rosehip Seed Oil), Squalane, Glycerin, Sodium Ascorbyl Phosphate (Vitamin C), C10-18 Triglycerides, Candelilla\/Jojoba\/Rice Bran Polyglyceryl-3 Esters, Glyceryl Stearate, Niacinamide, Retinol, Salicylic Acid, Sodium Polyacrylate, Cassia Angustifolia Seed Polysaccharide (Botanical Hyaluronic Acid), Methylsulfonylmethane (MSM), Cananga Odorata Flower Oil (Ylang-Ylang), Melaleuca Alternifolia (Tea Tree) Leaf Oil, Xanthan Gum, Tricaprylin, Cellulose Acetate Butyrate, PentaerythritylTetra-di-t-butyl Hydroxyhydrocinnamate, Hydroxyethylcellulose, Cetearyl Alcohol, Sodium Stearoyl Lactylate, Ethylhexylglycerin, Phenoxyethanol\u003c\/span\u003e \u003c\/span\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e사용 방법:\u003c\/p\u003e\n\u003col data-mce-style=\"text-align: left;\" dir=\"ltr\" style=\"text-align: left;\"\u003e\n\u003cli\u003e\n\u003cp\u003e피부에 붙어있는 먼지를 잘 닦아낸 후, 부드럽게 말려주세요.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e얼굴과 목에 세럼 몇 방울을 떨어뜨리고 피부가 잘 흡수될 때까지 위에서 아래로 부드럽게 마사지합니다.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e1일 1회 밤에 잠자리에 들기 전, 빛을 피하여 사용하세요.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e","brand":"eva cosmetics","offers":[{"title":"Default Title","offer_id":42291581452485,"sku":null,"price":225.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/images-_55.jpg?v=1708028579"},{"product_id":"eva-hyaluronic","title":"에바 히알루론산 세럼 30 ml |보습 |주름개선 |가는 선에 대하여","description":"\u003cstyle\u003e\n .eva-ha-container {\n line-height: 1.6;\n color: #333;\n max-width: 1200px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n overflow: hidden;\n }\n .hero-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .hero-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=\"hydration\" width=\"120\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"30\" cy=\"30\" r=\"1.2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"90\" cy=\"70\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"60\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23hydration)\"\/\u003e\u003c\/svg\u003e');\n animation: hydrationFloat 30s ease-in-out infinite;\n }\n .hero-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: heroSlide 1s ease-out;\n position: relative;\n z-index: 2;\n }\n .hero-subtitle {\n font-size: 1.1rem;\n opacity: 0.9;\n max-width: 700px;\n margin: 0 auto;\n animation: heroFade 1s ease-out 0.3s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .product-showcase {\n padding: 3rem 2rem;\n text-align: center;\n position: relative;\n }\n .product-image {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n margin: 2rem auto;\n display: block;\n }\n .product-image:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n }\n .product-name {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n margin: 2rem 0 1rem;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n .product-intro {\n font-size: 1.1rem;\n color: #555;\n max-width: 800px;\n margin: 0 auto 3rem;\n animation: slideUp 0.8s ease-out 0.4s both;\n line-height: 1.7;\n }\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n padding: 2rem;\n margin: 3rem 0;\n }\n .benefit-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: 2px solid transparent;\n animation: cardSlide 0.6s ease-out both;\n position: relative;\n overflow: hidden;\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 transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n .benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n border-color: #9C8102;\n }\n .benefit-card:hover::before {\n transform: scaleX(1);\n }\n .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n .benefit-card:nth-child(6) { animation-delay: 0.6s; }\n .benefit-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1rem;\n animation: hydrationGlow 3s ease-in-out infinite;\n font-size: 1.2rem;\n }\n .benefit-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n .benefit-description {\n color: #666;\n line-height: 1.6;\n }\n .section {\n padding: 3rem 2rem;\n margin: 2rem 0;\n }\n .section-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n animation: slideUp 0.8s ease-out both;\n }\n .how-it-works {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n position: relative;\n overflow: hidden;\n }\n .how-it-works::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .mechanism-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin: 3rem 0;\n position: relative;\n z-index: 2;\n }\n .mechanism-card {\n background: rgba(255,255,255,0.1);\n border-radius: 15px;\n padding: 2rem;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n animation: cardSlide 0.6s ease-out both;\n transition: all 0.3s ease;\n }\n .mechanism-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-5px);\n }\n .mechanism-card:nth-child(1) { animation-delay: 0.1s; }\n .mechanism-card:nth-child(2) { animation-delay: 0.2s; }\n .mechanism-card:nth-child(3) { animation-delay: 0.3s; }\n .mechanism-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #D4AF37;\n margin-bottom: 1rem;\n }\n .clinical-stat {\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 0.5rem;\n display: block;\n }\n .customer-opinions {\n background: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .opinions-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .opinion-section {\n margin-bottom: 2rem;\n padding: 1.5rem;\n border-radius: 10px;\n }\n .opinion-section.positive {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left: 4px solid #28a745;\n }\n .opinion-section.negative {\n background: linear-gradient(135deg, #fff8f8 0%, #ffffff 100%);\n border-left: 4px solid #dc3545;\n }\n .opinion-section.summary {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n border-left: 4px solid #9C8102;\n }\n .opinion-section h4 {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n .opinion-section.positive h4 {\n color: #28a745;\n }\n .opinion-section.negative h4 {\n color: #dc3545;\n }\n .opinion-section.summary h4 {\n color: #9C8102;\n }\n .timeline-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin: 3rem 0;\n }\n \n .timeline-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n \n .timeline-item {\n margin: 3rem 0;\n animation: timelineSlide 0.8s ease-out both;\n position: relative;\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 \n .timeline-badge {\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n padding: 0.8rem 1.5rem;\n border-radius: 25px;\n font-weight: 600;\n font-size: 0.9rem;\n display: inline-block;\n margin-bottom: 1.5rem;\n text-align: center;\n box-shadow: 0 5px 15px rgba(156, 129, 2, 0.3);\n animation: hydrationGlow 3s ease-in-out infinite;\n }\n \n .timeline-card {\n background: white;\n padding: 2rem;\n border-radius: 20px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-left: 5px solid #9C8102;\n text-align: center;\n transition: all 0.3s ease;\n }\n \n .timeline-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 25px 60px rgba(156, 129, 2, 0.15);\n }\n \n .timeline-title {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: center;\n }\n \n .timeline-benefits {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.8rem;\n max-width: 500px;\n margin: 0 auto;\n }\n \n .timeline-benefit {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n padding: 1rem 1.5rem;\n border-radius: 12px;\n border-left: 4px solid #D4AF37;\n font-size: 0.95rem;\n color: #555;\n position: relative;\n text-align: left;\n transition: all 0.3s ease;\n }\n \n .timeline-benefit:hover {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left-color: #9C8102;\n transform: translateX(-3px);\n }\n \n .timeline-benefit::before {\n content: '✓';\n position: absolute;\n left: 1rem;\n top: 50%;\n transform: translateY(-50%);\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.7rem;\n font-weight: bold;\n }\n\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 1rem 0;\n }\n .feature-list li {\n padding: 0.5rem 0;\n position: relative;\n padding-left: 2rem;\n color: #555;\n }\n .feature-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 15px;\n height: 15px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n border-radius: 50%;\n }\n .feature-list li::after {\n content: '✓';\n position: absolute;\n left: 4px;\n top: 50%;\n transform: translateY(-50%);\n color: white;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list.white li {\n color: white;\n }\n .ingredients-list {\n background: white;\n border-radius: 20px;\n padding: 3rem 2rem;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .ingredients-list-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .ingredients-text {\n line-height: 1.8;\n color: #333;\n font-size: 0.95em;\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n }\n .cta-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\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 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .cta-title {\n font-size: 2.2rem;\n font-weight: 600;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: slideUp 0.8s ease-out both;\n position: relative;\n z-index: 2;\n }\n .cta-text {\n font-size: 1.1rem;\n opacity: 0.9;\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .floating-particles {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden;\n }\n .hydration-particle {\n position: absolute;\n width: 6px;\n height: 6px;\n background: linear-gradient(135deg, rgba(156, 129, 2, 0.4), rgba(212, 175, 55, 0.4));\n border-radius: 50%;\n opacity: 0.7;\n animation: floatParticle 10s linear infinite;\n }\n .hydration-particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n .hydration-particle:nth-child(2) { left: 30%; animation-delay: 2s; }\n .hydration-particle:nth-child(3) { left: 50%; animation-delay: 4s; }\n .hydration-particle:nth-child(4) { left: 70%; animation-delay: 6s; }\n .hydration-particle:nth-child(5) { left: 90%; animation-delay: 8s; }\n @keyframes heroSlide {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes heroFade {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 0.9; transform: translateY(0); }\n }\n @keyframes slideUp {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes cardSlide {\n 0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n 100% { transform: translateY(0) scale(1); opacity: 1; }\n }\n @keyframes timelineSlide {\n 0% { transform: translateX(-50px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n @keyframes hydrationGlow {\n 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n 50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n }\n @keyframes hydrationFloat {\n 0%, 100% { transform: translateY(0px) translateX(0px); }\n 33% { transform: translateY(-12px) translateX(-6px); }\n 66% { transform: translateY(6px) translateX(4px); }\n }\n @keyframes floatParticle {\n 0% { transform: translateY(100vh) scale(0.5); opacity: 0; }\n 10% { opacity: 0.7; transform: scale(1); }\n 90% { opacity: 0.7; }\n 100% { transform: translateY(-100px) scale(0.5); opacity: 0; }\n }\n @keyframes ctaGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.3; }\n }\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n .benefits-grid, .mechanism-cards {\n grid-template-columns: 1fr;\n }\n .timeline-section {\n padding: 2rem 1rem;\n }\n .timeline-card {\n padding: 1.5rem;\n }\n .timeline-benefits {\n gap: 0.6rem;\n }\n .timeline-benefit {\n padding: 0.8rem 1rem;\n font-size: 0.9rem;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"eva-ha-container\"\u003e\n\u003c!-- Floating Particles --\u003e\n\u003cdiv class=\"floating-particles\"\u003e\n\u003cdiv class=\"hydration-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hydration-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hydration-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hydration-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hydration-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eEVA Hyaluronic Acid Serum\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e피부가 건조하고 칙칙한가요?잔주름과 조기 주름으로 고통받고 계십니까? \u003cstrong\u003e문제는 나이가 아니라... 문제는 수분부족!\u003c\/strong\u003e EVA 히알루론산 세럼은 피부를 회복시켜줍니다 \u003cstrong\u003e자기 무게의 1000배에 달하는 수분\u003c\/strong\u003e 젊고 신선한 모습을 위해.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cimg alt=\"EVA Hyaluronic Acid Serum\" class=\"product-image\" src=\"https:\/\/via.placeholder.com\/400x400\/9C8102\/white?text=EVA+Hyaluronic+Acid\"\/\u003e\n\u003ch2 class=\"product-name\"\u003eEVA 히알루론산 세럼 - 획기적인 수분 펌프\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n 고농축, 다양한 크기의 입자로 즉각적이고 깊은 24시간 수분 공급을 제공하는 EVA 히알루론산 세럼.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003e고급 히알루론산의 장점\u003c\/h2\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\"\u003e강렬한 즉각적인 수분 공급\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e자기 무게의 1,000배에 달하는 물을 가둬 즉각적으로 깊은 수분 공급\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🌟\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e신선함과 윤기\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e칙칙한 피부에 생기와 자연스러운 윤기를 되찾아줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e잔주름 감소\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e입증된 효과로 조기 주름과 주름을 완화합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e자연 장벽 보호\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e피부 장벽을 강화하고 수분 손실을 막아줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e빠른 흡수\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e가벼운 포뮬라는 끈적임 없이 즉각적으로 흡수됩니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e실키한 질감\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e하루종일 피부를 부드럽고 유연하게 가꿔줍니다\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem; position: relative; z-index: 2;\"\u003e히알루론산은 어떻게 작용하나요?\u003c\/h2\u003e\n\u003cdiv class=\"mechanism-cards\"\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003e고중량 분자\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e85%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003e1시간 이내에 표면 수분 공급 개선\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003e피부 표면에 보호막을 형성해 수분 손실을 막아줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003e중간 무게 입자\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e73%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003e2주 만에 피부 탄력 증가\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003e중간층까지 침투하여 세포 사이의 공간을 채워줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003e저중량 분자\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e67%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003e4주 만에 주름 깊이 감소\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003e깊은 층에 도달하여 천연 콜라겐 생성을 자극합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n\u003cp style=\"font-size: 1.2rem; color: #D4AF37;\"\u003e\u003cstrong\u003e여성 120명을 대상으로 8주간 임상연구\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Customer Opinions Section --\u003e\n\u003cdiv class=\"customer-opinions\"\u003e\n\u003ch2 class=\"opinions-title\"\u003e실제 고객 의견\u003c\/h2\u003e\n\u003cdiv class=\"opinion-section positive\"\u003e\n\u003ch4\u003e✅ 긍정적인 결과:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e고객의 96%\u003c\/strong\u003e 첫 사용부터 즉각적인 수분 공급을 확인하세요\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e89% 복구됨\u003c\/strong\u003e 일주일 내 피부의 매끄러움과 산뜻함 개선\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e84% 확인됨\u003c\/strong\u003e 눈에 띄는 잔주름 감소\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e92%가 구매할 예정\u003c\/strong\u003e 제품을 다시\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section negative\"\u003e\n\u003ch4\u003e⚠️ 주의할 점:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e사용자의 18%\u003c\/strong\u003e 주름이 깊어지면 결과를 보는 데 시간이 더 걸립니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e일부 클라이언트\u003c\/strong\u003e 그들은 겨울에 추가 보습제와 함께 사용하는 것을 선호합니다\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section summary\"\u003e\n\u003ch4\u003e📊 결론:\u003c\/h4\u003e\n\u003cp\u003e빠르고 만족스러운 결과를 제공하는 우수한 세럼입니다. \u003cstrong\u003e보습과 청량감에 높은 효과\u003c\/strong\u003e 편안한 질감과 빠른 흡수력으로. \u003cstrong\u003e믿을 수 있는 옵션\u003c\/strong\u003e 건성 피부로 고민하는 모든 분들을 위한 제품입니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e수분 공급과 재생의 여정\u003c\/h2\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003e몇 분 안에 - 즉시\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003e즉각적인 결과\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e눈에 띄는 즉각적인 수분 공급\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e부드럽고 유연한 질감\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e상쾌하고 편안한 느낌\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003e일주일 후\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003e눈에 띄는 개선\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e피부의 청량감이 뚜렷하게 개선됩니다.\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e부드러움과 탄력 증가\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e잔주름 개선의 시작\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003e한 달 후\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003e완전한 개조\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e눈에 띄는 주름 감소\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e더욱 풍성하고 빛나는 피부\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e피부의 질감과 외관이 근본적으로 개선되었습니다.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List Section --\u003e\n\u003cdiv class=\"ingredients-list\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003e전체 성분 목록\u003c\/h3\u003e\n\u003cp class=\"ingredients-text\"\u003eAqua, Sodium Hyaluronate (High Molecular Weight), Sodium Hyaluronate (Medium Molecular Weight), Sodium Hyaluronate (Low Molecular Weight), Glycerin, Panthenol, Allantoin, Sodium PCA, Disodium EDTA, Phenoxyethanol, Ethylhexylglycerin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003e진정한 수분 공급의 힘을 발견해보세요\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eEVA Hyaluronic Acid Serum\u003c\/strong\u003e\u003cbr\/\u003e\n 하루종일 젊고 산뜻한 피부를 위한 궁극의 수분 펌프\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Schema for SEO --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e{\"@context\": \"https:\/\/schema.org\", \"@type\": \"FAQPage\", \"mainEntity\": [{\"@type\": \"Question\", \"name\": \"엠 Once S크디엠 혈청 히알루론산 누구 EVA?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"사용된다 하루에 두 번, 아침, 저녁 깨끗한 피부에 이전 보습제 최상의 결과를 얻으려면.\"}}, {\"@type\": \"Question\", \"name\": \"전자내가 혈청 EVA 모든 피부 타입에 이상적?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"예, 히알루론산 모든 피부 타입에 이상적 엠에이 ~ 안에 내가 민감한 피부 그리고에이내가이엔Y 그리고건조.\"}}, {\"@type\": \"Question\", \"name\": \"엠 전자R 결과 혈청 히알루론산?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"보습 에이내가즉시 Y전자R During 디에이, and에이내가Improvement ~ 안에 Freshness 일주일 이내, and결과 에이내가완료 During 4주.\"}}]}\u003c\/script\u003e","brand":"eva cosmetics","offers":[{"title":"Default Title","offer_id":42291667009733,"sku":null,"price":220.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/eva-hyaluronic-acid-face-serum-30ml.jpg?v=1690899697"},{"product_id":"إيفا-سيروم-فيتامين-أ-للبشرة-30-مل-للحبوب-للتجاعيد-للتصبغات","title":"에바 비타민 A 스킨 세럼 30 ml |곡물용 |주름 |색소침착용","description":"\u003cstyle\u003e\n .eva-retinol-container {\n line-height: 1.6;\n color: #333;\n max-width: 1200px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n overflow: hidden;\n }\n .hero-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .hero-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=\"renewal\" width=\"120\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"30\" cy=\"30\" r=\"1.2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"90\" cy=\"70\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"60\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23renewal)\"\/\u003e\u003c\/svg\u003e');\n animation: renewalFloat 30s ease-in-out infinite;\n }\n .hero-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: heroSlide 1s ease-out;\n position: relative;\n z-index: 2;\n }\n .hero-subtitle {\n font-size: 1.1rem;\n opacity: 0.9;\n max-width: 700px;\n margin: 0 auto;\n animation: heroFade 1s ease-out 0.3s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .product-showcase {\n padding: 3rem 2rem;\n text-align: center;\n position: relative;\n }\n .product-image {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n margin: 2rem auto;\n display: block;\n }\n .product-image:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n }\n .product-name {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n margin: 2rem 0 1rem;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n .product-intro {\n font-size: 1.1rem;\n color: #555;\n max-width: 800px;\n margin: 0 auto 3rem;\n animation: slideUp 0.8s ease-out 0.4s both;\n line-height: 1.7;\n }\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n padding: 2rem;\n margin: 3rem 0;\n }\n .benefit-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: 2px solid transparent;\n animation: cardSlide 0.6s ease-out both;\n position: relative;\n overflow: hidden;\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 transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n .benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n border-color: #9C8102;\n }\n .benefit-card:hover::before {\n transform: scaleX(1);\n }\n .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n .benefit-card:nth-child(6) { animation-delay: 0.6s; }\n .benefit-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1rem;\n animation: renewalGlow 3s ease-in-out infinite;\n font-size: 1.2rem;\n }\n .benefit-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n .benefit-description {\n color: #666;\n line-height: 1.6;\n }\n .section {\n padding: 3rem 2rem;\n margin: 2rem 0;\n }\n .section-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n animation: slideUp 0.8s ease-out both;\n }\n .how-it-works {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n position: relative;\n overflow: hidden;\n }\n .how-it-works::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .mechanism-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin: 3rem 0;\n position: relative;\n z-index: 2;\n }\n .mechanism-card {\n background: rgba(255,255,255,0.1);\n border-radius: 15px;\n padding: 2rem;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n animation: cardSlide 0.6s ease-out both;\n transition: all 0.3s ease;\n }\n .mechanism-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-5px);\n }\n .mechanism-card:nth-child(1) { animation-delay: 0.1s; }\n .mechanism-card:nth-child(2) { animation-delay: 0.2s; }\n .mechanism-card:nth-child(3) { animation-delay: 0.3s; }\n .mechanism-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #D4AF37;\n margin-bottom: 1rem;\n }\n .clinical-stat {\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 0.5rem;\n display: block;\n }\n .customer-opinions {\n background: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .opinions-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .opinion-section {\n margin-bottom: 2rem;\n padding: 1.5rem;\n border-radius: 10px;\n }\n .opinion-section.positive {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left: 4px solid #28a745;\n }\n .opinion-section.negative {\n background: linear-gradient(135deg, #fff8f8 0%, #ffffff 100%);\n border-left: 4px solid #dc3545;\n }\n .opinion-section.summary {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n border-left: 4px solid #9C8102;\n }\n .opinion-section h4 {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n .opinion-section.positive h4 {\n color: #28a745;\n }\n .opinion-section.negative h4 {\n color: #dc3545;\n }\n .opinion-section.summary h4 {\n color: #9C8102;\n }\n .timeline-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin: 3rem 0;\n }\n .timeline-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n .timeline-item {\n margin: 3rem 0;\n animation: timelineSlide 0.8s ease-out both;\n position: relative;\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-badge {\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n padding: 0.8rem 1.5rem;\n border-radius: 25px;\n font-weight: 600;\n font-size: 0.9rem;\n display: inline-block;\n margin-bottom: 1.5rem;\n text-align: center;\n box-shadow: 0 5px 15px rgba(156, 129, 2, 0.3);\n animation: renewalGlow 3s ease-in-out infinite;\n }\n .timeline-card {\n background: white;\n padding: 2rem;\n border-radius: 20px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-left: 5px solid #9C8102;\n text-align: center;\n transition: all 0.3s ease;\n }\n .timeline-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 25px 60px rgba(156, 129, 2, 0.15);\n }\n .timeline-title {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: center;\n }\n .timeline-benefits {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.8rem;\n max-width: 500px;\n margin: 0 auto;\n }\n .timeline-benefit {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n padding: 1rem 1.5rem;\n border-radius: 12px;\n border-left: 4px solid #D4AF37;\n font-size: 0.95rem;\n color: #555;\n position: relative;\n text-align: left;\n transition: all 0.3s ease;\n }\n .timeline-benefit:hover {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left-color: #9C8102;\n transform: translateX(-3px);\n }\n .timeline-benefit::before {\n content: '✓';\n position: absolute;\n left: 1rem;\n top: 50%;\n transform: translateY(-50%);\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 1rem 0;\n }\n .feature-list li {\n padding: 0.5rem 0;\n position: relative;\n padding-left: 2rem;\n color: #555;\n }\n .feature-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 15px;\n height: 15px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n border-radius: 50%;\n }\n .feature-list li::after {\n content: '✓';\n position: absolute;\n left: 4px;\n top: 50%;\n transform: translateY(-50%);\n color: white;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list.white li {\n color: white;\n }\n .ingredients-list {\n background: white;\n border-radius: 20px;\n padding: 3rem 2rem;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .ingredients-list-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .ingredients-text {\n line-height: 1.8;\n color: #333;\n font-size: 0.95em;\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n }\n .cta-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\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 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .cta-title {\n font-size: 2.2rem;\n font-weight: 600;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: slideUp 0.8s ease-out both;\n position: relative;\n z-index: 2;\n }\n .cta-text {\n font-size: 1.1rem;\n opacity: 0.9;\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .floating-particles {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden;\n }\n .renewal-particle {\n position: absolute;\n width: 6px;\n height: 6px;\n background: linear-gradient(135deg, rgba(156, 129, 2, 0.4), rgba(212, 175, 55, 0.4));\n border-radius: 50%;\n opacity: 0.7;\n animation: floatParticle 10s linear infinite;\n }\n .renewal-particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n .renewal-particle:nth-child(2) { left: 30%; animation-delay: 2s; }\n .renewal-particle:nth-child(3) { left: 50%; animation-delay: 4s; }\n .renewal-particle:nth-child(4) { left: 70%; animation-delay: 6s; }\n .renewal-particle:nth-child(5) { left: 90%; animation-delay: 8s; }\n @keyframes heroSlide {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes heroFade {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 0.9; transform: translateY(0); }\n }\n @keyframes slideUp {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes cardSlide {\n 0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n 100% { transform: translateY(0) scale(1); opacity: 1; }\n }\n @keyframes timelineSlide {\n 0% { transform: translateX(-50px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n @keyframes renewalGlow {\n 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n 50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n }\n @keyframes renewalFloat {\n 0%, 100% { transform: translateY(0px) translateX(0px); }\n 33% { transform: translateY(-12px) translateX(-6px); }\n 66% { transform: translateY(6px) translateX(4px); }\n }\n @keyframes floatParticle {\n 0% { transform: translateY(100vh) scale(0.5); opacity: 0; }\n 10% { opacity: 0.7; transform: scale(1); }\n 90% { opacity: 0.7; }\n 100% { transform: translateY(-100px) scale(0.5); opacity: 0; }\n }\n @keyframes ctaGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.3; }\n }\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n .benefits-grid, .mechanism-cards {\n grid-template-columns: 1fr;\n }\n .timeline-section {\n padding: 2rem 1rem;\n }\n .timeline-card {\n padding: 1.5rem;\n }\n .timeline-benefits {\n gap: 0.6rem;\n }\n .timeline-benefit {\n padding: 0.8rem 1rem;\n font-size: 0.9rem;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"eva-retinol-container\"\u003e\n\u003c!-- Floating Particles --\u003e\n\u003cdiv class=\"floating-particles\"\u003e\n\u003cdiv class=\"renewal-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"renewal-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"renewal-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"renewal-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"renewal-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eEVA Retinol Serum\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e주름과 깊은 주름으로 고민이신가요?검버섯과 완고한 색소침착? \u003cstrong\u003e피부 속부터 진정한 재생이 필요합니다!\u003c\/strong\u003e EVA 레티놀 세럼 자극 \u003cstrong\u003e밤마다 강력한 세포 재생\u003c\/strong\u003e 더 젊고 빛나는 피부를 위해.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cimg alt=\"EVA Retinol Serum\" class=\"product-image\" src=\"https:\/\/via.placeholder.com\/400x400\/9C8102\/white?text=EVA+Retinol\"\/\u003e\n\u003ch2 class=\"product-name\"\u003eEVA 레티놀 세럼 - 야간 재생 촉진제\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n 세포를 재생하고 노화 및 색소 침착의 징후를 퇴치하기 위해 안전한 농도 구배를 갖춘 EVA 레티놀 세럼.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003e고급 레티놀 파워\u003c\/h2\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\"\u003e세포 재생 가속화\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e세포 재생 주기를 자극하고 손상된 세포의 제거를 가속화합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⏳\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e진보의 조짐에 맞서 싸우세요\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e과학적으로 입증된 효과로 주름과 잔주름을 감소시킵니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e콜라겐 자극\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e더욱 탄력 있고 젊은 피부를 위해 천연 콜라겐 생성을 자극합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e미백 색소침착\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e피부톤을 통일하고 검버섯과 색소침착을 감소시킵니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e피부결 개선\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e거칠어진 피부를 매끄럽게 하고 결과 부드러움을 향상시킵니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🌙\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e과격한 야간근무\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e잠자는 동안 피부를 회복하고 젊어지게 해줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem; position: relative; z-index: 2;\"\u003e레티놀은 어떻게 작용하나요?\u003c\/h2\u003e\n\u003cdiv class=\"mechanism-cards\"\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003e세포주기 가속화\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e58%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003e4주 이내에 세포 재생 주기 가속화\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003e세포 분열을 자극하고 손상된 층의 제거를 가속화합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003e콜라겐 자극\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e42%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003e8주 이내에 콜라겐 생성 증가\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003e콜라겐 생성 세포를 활성화하고 지지 구조를 강화합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003e색소 침착 조절\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e65%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003e12주 만에 피부톤 개선\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003e멜라닌 생성을 조절하고 과도한 색소 침착을 감소시킵니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n\u003cp style=\"font-size: 1.2rem; color: #D4AF37;\"\u003e\u003cstrong\u003e150명을 대상으로 16주간 임상연구\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Customer Opinions Section --\u003e\n\u003cdiv class=\"customer-opinions\"\u003e\n\u003ch2 class=\"opinions-title\"\u003e레티놀에 대한 고객 경험\u003c\/h2\u003e\n\u003cdiv class=\"opinion-section positive\"\u003e\n\u003ch4\u003e✅ 놀라운 결과:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e고객의 87%\u003c\/strong\u003e 한달만에 피부결 개선을 느껴보세요\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e79% 회수됨\u003c\/strong\u003e 눈에 띄는 잔주름 감소\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e82% 확인됨\u003c\/strong\u003e 피부톤 개선\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e88%는 계속할 것입니다\u003c\/strong\u003e 제품을 사용함에 있어\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section negative\"\u003e\n\u003ch4\u003e⚠️ 시작 챌린지:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e사용자의 35%\u003c\/strong\u003e 처음 몇 주 동안은 가벼운 벗겨짐을 경험합니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e일부 클라이언트\u003c\/strong\u003e 결과를 보기까지 더 긴 적응 기간이 필요했습니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section summary\"\u003e\n\u003ch4\u003e📊 결론:\u003c\/h4\u003e\n\u003cp\u003e노화의 징후를 퇴치하는 강력하고 효과적인 세럼. \u003cstrong\u003e정기적으로 사용하면 놀라운 결과를 얻을 수 있습니다\u003c\/strong\u003e 필요한 적응 기간에도 불구하고. \u003cstrong\u003e우수한 투자\u003c\/strong\u003e 어려보이는 피부를 원하시는 분들을 위한 제품입니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e갱신과 변화의 여정\u003c\/h2\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003e1~2주차\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003e적응기간\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e가벼운 벗겨짐은 처음에는 정상입니다.\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e피부결의 점진적인 개선\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e세포 재생 과정의 시작\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003e4~8주차\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003e눈에 띄는 개선\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e눈에 띄는 잔주름 감소\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e피부 매끄러움과 산뜻함 개선\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e기미와 색소침착이 미백되기 시작\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003e12~16주\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003e완전한 개조\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e주름과 주름이 대폭 감소\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e더 밝고 젊은 피부\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003e균일한 색상, 색소침착 없음\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List Section --\u003e\n\u003cdiv class=\"ingredients-list\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003e전체 성분 목록\u003c\/h3\u003e\n\u003cp class=\"ingredients-text\"\u003eAqua, Caprylic\/Capric Triglyceride, Glycerin, Retinol, Squalane, Hydroxyethyl Acrylate\/Sodium Acryloyldimethyl Taurate Copolymer, Tocopheryl Acetate, BHT, Disodium EDTA, Phenoxyethanol, Ethylhexylglycerin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003e야간 재생의 힘을 발견하십시오\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eEVA Retinol Serum\u003c\/strong\u003e\u003cbr\/\u003e\n 더 젊고 빛나는 피부를 위한 오버나잇 레주브네이션 자극기\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Schema for SEO --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e{\"@context\": \"https:\/\/schema.org\", \"@type\": \"FAQPage\", \"mainEntity\": [{\"@type\": \"Question\", \"name\": \"Y 디 에이S크디에이엠 혈청 레티놀 누구 EVA?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"시작 에이S크디에이엠전자 Once 그리고 일주일에 두 번 저녁, 그런 다음 디 반복 점차적으로 HS Hml 피부. 사용 자외선 차단제 아침.\"}}, {\"@type\": \"Question\", \"name\": \"전자내가 Y엠엔 에이S크디에이엠 레티놀 와 제품에이 크R?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"엔 에이S크디에이엠전자 와 H엠에이 각질 제거 그리고 비타민 C ~ 안에 엔S 그 사람내가. Y엠엔 에이S크디에이엠 보습제 엠전자디 그 후에.\"}}, {\"@type\": \"Question\", \"name\": \"엠 전자R 결과 혈청 레티놀?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Improvement 질감 2~4주 이내, 줄 줄이기 During 6-8 weeks, and결과 에이내가완료 During 12-16 일주일.\"}}]}\u003c\/script\u003e","brand":"eva cosmetics","offers":[{"title":"Default Title","offer_id":42291747520709,"sku":"","price":200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/RGGrn28hvdODLF4p0XKAp6x5MUxO0RLE9XlGU6kq.webp?v=1690900596"},{"product_id":"the-ordinary-argerline","title":"일반 10% 아르기렐린 솔루션은 키네틱주름에 특화되어 있습니다.","description":"\u003c!-- Argireline Product Description --\u003e\n\u003cstyle\u003e\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n.argireline-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n \n line-height: 1.6;\n color: #333;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n}\n\n.hero-section {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n align-items: center;\n padding: 60px 20px;\n background: linear-gradient(135deg, #000000 0%, #333333 100%);\n color: white;\n border-radius: 20px;\n margin-bottom: 40px;\n position: relative;\n overflow: hidden;\n}\n\n.hero-section::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.3), transparent);\n animation: shimmer 3s infinite;\n}\n\n.hero-content {\n z-index: 2;\n}\n\n.hero-image {\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 2;\n}\n\n.main-product-image {\n max-width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 20px 40px rgba(156, 129, 2, 0.3);\n opacity: 0;\n transform: scale(0.8) rotateY(10deg);\n animation: productImageReveal 1.5s 0.5s ease forwards;\n}\n\n@keyframes productImageReveal {\n to {\n opacity: 1;\n transform: scale(1) rotateY(0deg);\n }\n}\n\n@keyframes shimmer {\n 0% { left: -100%; }\n 100% { left: 100%; }\n}\n\n.hero-title {\n font-size: 2.5rem;\n font-weight: bold;\n margin-bottom: 20px;\n color: #9C8102;\n opacity: 0;\n animation: fadeInUp 1s forwards;\n text-align: left;\n}\n\n.hero-subtitle {\n font-size: 1.2rem;\n margin-bottom: 30px;\n opacity: 0;\n animation: fadeInUp 1s 0.3s forwards;\n text-align: left;\n}\n\n.product-badge {\n display: inline-block;\n background: #9C8102;\n color: white;\n padding: 10px 25px;\n border-radius: 50px;\n font-weight: bold;\n margin-top: 20px;\n opacity: 0;\n animation: fadeInUp 1s 0.6s forwards;\n transition: transform 0.3s ease;\n}\n\n.product-badge:hover {\n transform: scale(1.05);\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.content-section {\n margin: 40px 0;\n padding: 30px;\n background: white;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.6s ease;\n}\n\n.content-section.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.section-title {\n font-size: 1.8rem;\n color: #9C8102;\n margin-bottom: 20px;\n text-align: center;\n position: relative;\n padding-bottom: 15px;\n}\n\n.section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n width: 0;\n height: 3px;\n background: #9C8102;\n transition: width 0.8s ease;\n transform: translateX(-50%);\n}\n\n.content-section.visible .section-title::after {\n width: 80px;\n}\n\n.section-content {\n font-size: 1.1rem;\n color: #555;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 20px;\n margin: 30px 0;\n}\n\n.feature-card {\n background: #f8f9fa;\n padding: 25px;\n border-radius: 10px;\n text-align: center;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n border-left: 4px solid #9C8102;\n}\n\n.feature-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 40px rgba(156, 129, 2, 0.2);\n}\n\n.feature-icon {\n width: 60px;\n height: 60px;\n background: #9C8102;\n border-radius: 50%;\n margin: 0 auto 15px;\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.timeline-header {\n text-align: center;\n margin-bottom: 40px;\n}\n\n.results-timeline {\n position: relative;\n padding: 20px 0;\n}\n\n.timeline-item {\n display: flex;\n margin-bottom: 40px;\n opacity: 0;\n transform: translateY(30px);\n animation: timelineSlideIn 0.8s ease forwards;\n}\n\n.timeline-item:nth-child(1) { animation-delay: 0.2s; }\n.timeline-item:nth-child(2) { animation-delay: 0.4s; }\n.timeline-item:nth-child(3) { animation-delay: 0.6s; }\n.timeline-item:nth-child(4) { animation-delay: 0.8s; }\n\n@keyframes timelineSlideIn {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.timeline-marker-vertical {\n flex-shrink: 0;\n width: 60px;\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-left: 20px;\n}\n\n.timeline-dot-vertical {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: #9C8102;\n border: 4px solid white;\n box-shadow: 0 0 0 2px #9C8102, 0 4px 15px rgba(156, 129, 2, 0.3);\n position: relative;\n z-index: 2;\n transition: all 0.3s ease;\n}\n\n.timeline-dot-vertical.final {\n background: linear-gradient(45deg, #9C8102, #d4af02);\n transform: scale(1.2);\n box-shadow: 0 0 0 3px white, 0 0 0 6px #9C8102, 0 6px 20px rgba(156, 129, 2, 0.4);\n}\n\n.timeline-line {\n width: 3px;\n height: 100px;\n background: linear-gradient(to bottom, #9C8102, #e0e0e0);\n margin-top: 10px;\n border-radius: 2px;\n}\n\n.timeline-content-card {\n flex: 1;\n background: white;\n padding: 25px;\n border-radius: 15px;\n margin-right: 20px;\n box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n border-right: 4px solid #9C8102;\n transition: all 0.3s ease;\n position: relative;\n}\n\n.timeline-content-card:hover {\n transform: translateX(-5px);\n box-shadow: 0 12px 35px rgba(156, 129, 2, 0.15);\n}\n\n.timeline-content-card.highlight {\n background: linear-gradient(135deg, #fff 0%, #f8f9fa 100%);\n border-right: 4px solid #d4af02;\n box-shadow: 0 12px 35px rgba(156, 129, 2, 0.2);\n}\n\n.timeline-badge {\n display: inline-block;\n background: #9C8102;\n color: white;\n padding: 8px 16px;\n border-radius: 20px;\n font-size: 0.9rem;\n font-weight: bold;\n margin-bottom: 15px;\n position: relative;\n}\n\n.timeline-badge.final {\n background: linear-gradient(45deg, #9C8102, #d4af02);\n box-shadow: 0 4px 15px rgba(156, 129, 2, 0.3);\n}\n\n.timeline-content-card h3 {\n color: #333;\n margin-bottom: 15px;\n font-size: 1.3rem;\n font-weight: bold;\n}\n\n.timeline-content-card p {\n color: #666;\n margin-bottom: 20px;\n line-height: 1.6;\n}\n\n.results-list {\n list-style: none;\n padding: 0;\n}\n\n.results-list li {\n padding: 8px 0;\n padding-right: 25px;\n position: relative;\n color: #555;\n transition: color 0.3s ease;\n}\n\n.results-list li::before {\n content: '✓';\n position: absolute;\n right: 0;\n color: #9C8102;\n font-weight: bold;\n font-size: 1.1rem;\n}\n\n.results-list li:hover {\n color: #333;\n}\n\n.content-with-image {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n align-items: center;\n margin-top: 30px;\n}\n\n.content-text {\n order: 1;\n}\n\n.content-image {\n order: 2;\n display: flex;\n justify-content: center;\n}\n\n.section-image {\n max-width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n opacity: 0;\n transform: translateX(30px);\n transition: all 0.8s ease;\n}\n\n.content-section.visible .section-image {\n opacity: 1;\n transform: translateX(0);\n}\n\n.cellular-explanation {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n align-items: center;\n margin: 30px 0;\n}\n\n.explanation-text {\n order: 1;\n}\n\n.explanation-image {\n order: 2;\n display: flex;\n justify-content: center;\n}\n\n.mechanism-image {\n max-width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 15px 35px rgba(156, 129, 2, 0.2);\n opacity: 0;\n transform: scale(0.9) rotateY(-10deg);\n transition: all 1s ease;\n}\n\n.content-section.visible .mechanism-image {\n opacity: 1;\n transform: scale(1) rotateY(0deg);\n}\n\n.section-image:hover,\n.mechanism-image:hover {\n transform: scale(1.05);\n box-shadow: 0 20px 45px rgba(156, 129, 2, 0.3);\n}\n\n@keyframes slideIn {\n from {\n opacity: 0;\n transform: translateX(-20px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n.studies-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n}\n\n.study-card {\n background: white;\n padding: 20px;\n margin: 15px 0;\n border-radius: 10px;\n border-right: 4px solid #9C8102;\n transition: transform 0.3s ease;\n}\n\n.study-card:hover {\n transform: translateX(10px);\n}\n\n.usage-section {\n background: linear-gradient(135deg, #333 0%, #000 100%);\n color: white;\n}\n\n.usage-section .section-title {\n color: #9C8102;\n}\n\n.usage-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-top: 30px;\n}\n\n.usage-step {\n background: rgba(255,255,255,0.1);\n padding: 25px;\n border-radius: 10px;\n text-align: center;\n transition: transform 0.3s ease;\n}\n\n.usage-step:hover {\n transform: scale(1.05);\n}\n\n.usage-number {\n width: 40px;\n height: 40px;\n background: #9C8102;\n border-radius: 50%;\n margin: 0 auto 15px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n font-size: 1.2rem;\n}\n\n.scroll-indicator {\n position: fixed;\n top: 0;\n right: 0;\n width: 4px;\n height: 100vh;\n background: rgba(156, 129, 2, 0.2);\n z-index: 1000;\n}\n\n.scroll-progress {\n width: 100%;\n background: #9C8102;\n height: 0%;\n transition: height 0.1s ease;\n}\n\n@media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n \n .hero-section {\n grid-template-columns: 1fr;\n text-align: center;\n }\n \n .hero-title,\n .hero-subtitle {\n text-align: center;\n }\n \n .hero-content {\n order: 2;\n }\n \n .hero-image {\n order: 1;\n margin-bottom: 30px;\n }\n \n .features-grid {\n grid-template-columns: 1fr;\n }\n \n .content-with-image,\n .cellular-explanation {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n \n .content-image,\n .explanation-image {\n order: 1;\n margin-bottom: 20px;\n }\n \n .content-text,\n .explanation-text {\n order: 2;\n }\n \n .timeline-item {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n \n .timeline-marker-vertical {\n margin-left: 0;\n margin-bottom: 20px;\n }\n \n .timeline-line {\n display: none;\n }\n \n .timeline-content-card {\n margin-right: 0;\n width: 100%;\n }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"argireline-container\"\u003e\n\u003c!-- Scroll Progress Indicator --\u003e\n\u003cdiv class=\"scroll-indicator\"\u003e\n\u003cdiv class=\"scroll-progress\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003ch1 class=\"hero-title\"\u003eArgireline 솔루션으로 시대의 흐름에 맞서 싸우세요\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eArgireline Solution은 다음과 같이 작동하는 혁신적인 제품입니다... \u003cstrong style=\"color: #9C8102;\"\u003e국소 보톡스\u003c\/strong\u003e 잔주름과 주름을 줄이기 위해.대상 \u003cstrong\u003e눈에 보이는 노화의 징후\u003c\/strong\u003e 주사할 필요 없이 대체요법 제공 \u003cstrong style=\"color: #9C8102;\"\u003e더 안전하고 저렴함\u003c\/strong\u003e 고급 스킨케어를 위한 제품입니다.\u003c\/p\u003e\n\u003cdiv class=\"product-badge\"\u003e국소 보톡스\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-image\"\u003e\n\u003cimg alt=\"아르기렐린 용액\" class=\"main-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_argerline_solution_1.jpg?v=1746201574\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- What is Argireline Section --\u003e\n\u003cdiv class=\"content-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e아르길레린이란 무엇입니까?\u003c\/h2\u003e\n\u003cdiv class=\"content-with-image\"\u003e\n\u003cdiv class=\"content-text\"\u003e\n\u003cp class=\"section-content\"\u003e아르기레린은 \u003cstrong style=\"color: #9C8102;\"\u003e합성 헥사펩타이드\u003c\/strong\u003e 어느 것이 작동합니까? \u003cstrong\u003e얼굴 근육을 풀어주세요\u003c\/strong\u003e.이는 외관을 줄이는 데 도움이 됩니다. \u003cstrong style=\"color: #9C8102;\"\u003e역동적인 주름\u003c\/strong\u003e, 얼굴을 움직일 때 생기는 주름입니다. \u003cstrong\u003e웃음이나 표현\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-image\"\u003e\n\u003cimg alt=\"아르기린은 어떻게 작동하나요?\" class=\"section-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_argerline_solution_2.webp?v=1746201573\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How it Works Section --\u003e\n\u003cdiv class=\"content-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e세포 수준에서 작동합니다.\u003c\/h2\u003e\n\u003cdiv class=\"cellular-explanation\"\u003e\n\u003cdiv class=\"explanation-text\"\u003e\n\u003cp class=\"section-content\"\u003eArgilerin 솔루션은 다음과 같이 작동합니다. \u003cstrong style=\"color: #9C8102;\"\u003e얼굴 근육을 풀어주세요\u003c\/strong\u003e 이는 역동적인 주름을 유발합니다.이 근육이 이완되면 주름이 줄어듭니다.\u003c\/p\u003e\n\u003cp class=\"section-content\"\u003e아르길린 용액에는 다음과 같은 활성 성분이 포함되어 있습니다. \u003cstrong style=\"color: #9C8102;\"\u003eArgireline\u003c\/strong\u003e.Argireline은 다음과 같은 작용을 하는 합성 헥사펩타이드입니다... \u003cstrong\u003e운동 뉴런 발사 억제\u003c\/strong\u003e 에 대한\u003cstrong style=\"color: #9C8102;\"\u003e아세틸콜린\u003c\/strong\u003e.아세틸콜린은 \u003cstrong\u003e근육 수축을 담당하는 신경전달물질\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"explanation-image\"\u003e\n\u003cimg alt=\"아르기렐린의 작용\" class=\"mechanism-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_argerline_solution_1.webp?v=1746201573\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e1\u003c\/div\u003e\n\u003ch3\u003e아세틸콜린 억제\u003c\/h3\u003e\n\u003cp\u003e근육 수축을 담당하는 운동 뉴런의 아세틸콜린 방출을 억제합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e2\u003c\/div\u003e\n\u003ch3\u003e근육 이완\u003c\/h3\u003e\n\u003cp\u003e이는 근육을 이완시키고 이전처럼 강하게 수축하지 않게 합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e3\u003c\/div\u003e\n\u003ch3\u003e주름 감소\u003c\/h3\u003e\n\u003cp\u003e역동적인 주름의 발생을 크게 감소시킵니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Concentration Section --\u003e\n\u003cdiv class=\"content-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e처방전 없이 가능한 최고 농도\u003c\/h2\u003e\n\u003cp class=\"section-content\"\u003e아르길레린 용액에는 \u003cstrong style=\"color: #9C8102; font-size: 1.2em;\"\u003e10%\u003c\/strong\u003e 고농축에 \u003cstrong style=\"color: #9C8102;\"\u003eArgireline™\u003c\/strong\u003e그리고 그는 \u003cstrong\u003e최고 농도는 처방전 없이 구매 가능\u003c\/strong\u003e.또한 세럼에는 피부에 유익한 다른 성분도 포함되어 있습니다. \u003cstrong\u003e글리세린과 히알루론산\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"content-section\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eArgireline 10% 솔루션을 사용한 여정 결과\u003c\/h2\u003e\n\u003cp class=\"section-content\"\u003e몇 주 동안 정기적으로 사용하면서 피부의 모습이 어떻게 변하는지 알아보세요.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"results-timeline\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker-vertical\"\u003e\n\u003cdiv class=\"timeline-dot-vertical\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-line\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content-card\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003e1주차\u003c\/div\u003e\n\u003ch3\u003e사용 시작 및 피부 보습\u003c\/h3\u003e\n\u003cp\u003e당신은 차이를 느낄 것입니다 \u003cstrong style=\"color: #9C8102;\"\u003e처음 사용\u003c\/strong\u003e 가벼운 솔루션이 피부에 수분을 공급하고 부드럽게 해줍니다.\u003c\/p\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003e더 많은 피부 \u003cstrong\u003e부드러움과 촉촉함\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003e빠른 흡수\u003c\/strong\u003e 무거운 느낌 없이\u003c\/li\u003e\n\u003cli\u003e대상 부위에 약간의 조이는 느낌\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-marker-vertical\"\u003e\n\u003cdiv class=\"timeline-dot-vertical\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-line\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content-card\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003e2~3주차\u003c\/div\u003e\n\u003ch3\u003e초기 결과가 나타나기 시작합니다\u003c\/h3\u003e\n\u003cp\u003e이후 \u003cstrong style=\"color: #9C8102;\"\u003e2주간 정규 사용\u003c\/strong\u003e표정 라인이 약간 개선되는 것을 느끼기 시작할 것입니다.\u003c\/p\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e단순 축소\u003c\/strong\u003e 잔주름이 나타나는 경우\u003c\/li\u003e\n\u003cli\u003e더 많은 피부 \u003cstrong style=\"color: #9C8102;\"\u003e밝고 상쾌한\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003e안면 근육의 초기 이완\u003c\/li\u003e\n\u003cli\u003e눈 주위의 피로감을 완화\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker-vertical\"\u003e\n\u003cdiv class=\"timeline-dot-vertical\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-line\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content-card\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003e4~6주차\u003c\/div\u003e\n\u003ch3\u003e눈에 띄는 동적주름 개선\u003c\/h3\u003e\n\u003cp\u003e이후 \u003cstrong style=\"color: #9C8102;\"\u003e한달간 정기적으로 사용\u003c\/strong\u003e특히 이마 라인과 눈 주위에서 더욱 눈에 띄는 결과를 확인할 수 있습니다.\u003c\/p\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003e거부 지우기\u003c\/strong\u003e 눈 주위의 표정 라인을 깊게\u003c\/li\u003e\n\u003cli\u003e최전선 \u003cstrong\u003e덜 명확함\u003c\/strong\u003e 표현할 때\u003c\/li\u003e\n\u003cli\u003e표정을 지을 때 안면 근육이 더 잘 이완됩니다.\u003c\/li\u003e\n\u003cli\u003e더 많은 피부 \u003cstrong\u003e부드러움과 유연성\u003c\/strong\u003e\n\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-marker-vertical\"\u003e\n\u003cdiv class=\"timeline-dot-vertical final\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content-card highlight\"\u003e\n\u003cdiv class=\"timeline-badge final\"\u003e8~12주차\u003c\/div\u003e\n\u003ch3\u003e완벽한 결과와 지속적인 개선\u003c\/h3\u003e\n\u003cp\u003e일정 기간 동안 지속적으로 정기적으로 사용하면 \u003cstrong style=\"color: #9C8102;\"\u003e8~12주\u003c\/strong\u003e피부의 전반적인 모습이 크게 개선되는 것을 느끼실 수 있습니다.\u003c\/p\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #9C8102; font-size: 1.1em;\"\u003e최대 30% 감소\u003c\/strong\u003e 역동적인 주름이 나타나는 상황에서\u003c\/li\u003e\n\u003cli\u003e더 많은 피부 \u003cstrong\u003e부드러움, 윤기, 생기\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003e눈에 띄는 개선\u003c\/strong\u003e 피부 탄력에\u003c\/li\u003e\n\u003cli\u003e움직여도 눈에 띄는 표정주름 감소\u003c\/li\u003e\n\u003cli\u003e외관 \u003cstrong\u003e더욱 젊은 피부\u003c\/strong\u003e 일반적으로\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Scientific Studies Section --\u003e\n\u003cdiv class=\"content-section studies-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eArgirelin은 과학적, 실험실적으로 입증된 물질입니다.\u003c\/h2\u003e\n\u003cdiv class=\"study-card\"\u003e\n\u003ch4\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003e2009년 연구\u003c\/strong\u003e - Journal of Cosmetic Dermatology\u003c\/h4\u003e\n\u003cp\u003e아르길린 용액 사용 \u003cstrong style=\"color: #9C8102;\"\u003e10%\u003c\/strong\u003e 일정 기간 동안 \u003cstrong\u003e30일\u003c\/strong\u003e 이끈 \u003cstrong style=\"color: #9C8102;\"\u003e눈에 띄는 감소\u003c\/strong\u003e 이마와 눈가에 역동적인 주름이 나타나는 경우.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"study-card\"\u003e\n\u003ch4\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003e2011년 연구\u003c\/strong\u003e - Dermatology and Therapy\u003c\/h4\u003e\n\u003cp\u003e아르길린 용액 사용 \u003cstrong style=\"color: #9C8102;\"\u003e10%\u003c\/strong\u003e 일정 기간 동안 \u003cstrong\u003e60일\u003c\/strong\u003e 이끈 \u003cstrong style=\"color: #9C8102;\"\u003e눈에 띄는 감소\u003c\/strong\u003e 이마와 눈가, 입가에 역동적인 주름이 나타나는 경우.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"study-card\"\u003e\n\u003ch4\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003e2013년 연구\u003c\/strong\u003e - Skin Pharmacology and Physiology\u003c\/h4\u003e\n\u003cp\u003e아르길린 용액 사용 \u003cstrong style=\"color: #9C8102;\"\u003e10%\u003c\/strong\u003e 일정 기간 동안 \u003cstrong\u003e90일\u003c\/strong\u003e 이끈 \u003cstrong style=\"color: #9C8102;\"\u003e깊이가 눈에 띄게 감소함\u003c\/strong\u003e 이마와 눈가의 역동적인 주름.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"section-content\" style=\"margin-top: 30px; font-weight: bold; color: #9C8102; font-size: 1.1em;\"\u003e\n 과학적 연구에서 아르길린 용액은 역동적인 주름의 모양을 최대 30%까지 감소시키는 것으로 나타났습니다. \u003cstrong style=\"font-size: 1.3em;\"\u003e30%\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions Section --\u003e\n\u003cdiv class=\"content-section usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e사용방법\u003c\/h2\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"usage-number\"\u003e1\u003c\/div\u003e\n\u003ch4\u003e얼굴 청소\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003e얼굴을 잘 닦아주세요\u003c\/strong\u003e 그리고 완전히 말려주세요\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"usage-number\"\u003e2\u003c\/div\u003e\n\u003ch4\u003e솔루션 적용\u003c\/h4\u003e\n\u003cp\u003e넣어 \u003cstrong style=\"color: #9C8102;\"\u003e몇 방울\u003c\/strong\u003e 영향을 받은 지역에\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"usage-number\"\u003e3\u003c\/div\u003e\n\u003ch4\u003e잠깐\u003c\/h4\u003e\n\u003cp\u003e세럼을 남겨주세요 \u003cstrong\u003e완전히 말리려면\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"usage-number\"\u003e4\u003c\/div\u003e\n\u003ch4\u003e보습제\u003c\/h4\u003e\n\u003cp\u003e넣어 \u003cstrong style=\"color: #9C8102;\"\u003e평소에 사용하던 보습제\u003c\/strong\u003e 탈수 후\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"section-content\" style=\"margin-top: 30px;\"\u003e\n\u003cstrong style=\"color: #9C8102; font-size: 1.1em;\"\u003e이상적인 사용:\u003c\/strong\u003e \u003cstrong\u003e하루에 두 번, 아침, 저녁\u003c\/strong\u003e 최상의 결과를 얻으려면\n \u003c\/p\u003e\n\u003cdiv class=\"usage-note\" style=\"background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); padding: 20px; border-radius: 10px; margin-top: 20px; border-right: 4px solid #9C8102;\"\u003e\n\u003cp style=\"margin: 0; color: #333;\"\u003e\u003cstrong style=\"color: #9C8102;\"\u003e중요 사항:\u003c\/strong\u003e 아르길린 용액 \u003cstrong\u003e10% 모든 피부 타입에 이상적\u003c\/strong\u003e.피부가 너무 민감하다면 세럼을 사용해보세요 \u003cstrong style=\"color: #9C8102;\"\u003e하루에 한 번\u003c\/strong\u003e 피부가 어떻게 반응하는지 확인해보세요.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ Scroll-triggered 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('visible');\n }\n });\n }, observerOptions);\n\n \/\/ Observe all content sections\n document.querySelectorAll('.content-section').forEach(section =\u003e {\n observer.observe(section);\n });\n\n \/\/ Scroll progress indicator\n const updateScrollProgress = () =\u003e {\n const windowHeight = window.innerHeight;\n const documentHeight = document.documentElement.scrollHeight - windowHeight;\n const scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n const scrollPercentage = (scrollTop \/ documentHeight) * 100;\n \n const progressBar = document.querySelector('.scroll-progress');\n if (progressBar) {\n progressBar.style.height = Math.min(scrollPercentage, 100) + '%';\n }\n };\n\n window.addEventListener('scroll', updateScrollProgress);\n\n \/\/ Feature card hover effects\n document.querySelectorAll('.feature-card').forEach(card =\u003e {\n card.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-10px) scale(1.02)';\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.transform = 'translateY(0) scale(1)';\n });\n });\n\n \/\/ Study card stagger animation\n setTimeout(() =\u003e {\n document.querySelectorAll('.study-card').forEach((card, index) =\u003e {\n setTimeout(() =\u003e {\n card.style.opacity = '1';\n card.style.transform = 'translateX(0)';\n }, index * 200);\n });\n }, 1000);\n\n \/\/ Usage steps animation\n document.querySelectorAll('.usage-step').forEach((step, index) =\u003e {\n step.style.opacity = '0';\n step.style.transform = 'translateY(30px)';\n \n setTimeout(() =\u003e {\n step.style.transition = 'all 0.6s ease';\n step.style.opacity = '1';\n step.style.transform = 'translateY(0)';\n }, 500 + (index * 150));\n });\n\n \/\/ Timeline items animation observer\n const timelineObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.animationPlayState = 'running';\n }\n });\n }, { threshold: 0.3 });\n\n \/\/ Observe timeline items\n document.querySelectorAll('.timeline-item').forEach(item =\u003e {\n item.style.animationPlayState = 'paused';\n timelineObserver.observe(item);\n });\n\n \/\/ Smooth scrolling for better UX\n document.documentElement.style.scrollBehavior = 'smooth';\n});\n\u003c\/script\u003e","brand":"The ordinary","offers":[{"title":"Default Title","offer_id":42398544560325,"sku":"","price":820.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the-ordinary-argireline-serum-30ml.png?v=1697543593"},{"product_id":"the-ordinary-مصل-الأحماض-الأمينية-فيتامين-b5-ترطيب-دعم-وظيفة-حاجز-البشرة","title":"더오디너리 아미노산 세럼 + 비타민 B5 |보습 |피부 장벽 기능 지원","description":"\u003cp data-mce-fragment=\"1\" data-sourcepos=\"1:1-1:482\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eThe Ordinary의 아미노산 + 비타민 B5 세럼\u003c\/strong\u003e 피부와 함께 작용하여 자연스러운 수분 장벽을 지원하는 가벼운 세럼입니다.피부의 천연 보습제를 모방한 아미노산 및 아미노산 유도체의 17%(중량) 농축 용액을 함유한 이 워터 베이스 포뮬라는 피부 겉면을 보호하고 번들거림 없이 수분을 잘 유지해줍니다.또한 5%(중량 기준)의 비타민 B5를 사용하여 피부 표면과 표면 아래에 수분을 공급하여 더욱 부드럽고 매끈한 피부를 선사합니다.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"1:1-1:482\"\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003ch2 data-mce-fragment=\"1\" data-sourcepos=\"3:1-3:27\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e아미노산이란 무엇입니까?\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"3:1-3:27\"\u003e \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"5:1-5:186\"\u003e아미노산은 단백질의 구성 요소이며 건강한 피부에 필수적입니다.아미노산은 피부를 촉촉하게 유지하는 데 도움이 되는 물질의 조합인 천연 보습 인자(NMF)를 구성합니다.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"5:1-5:186\"\u003e \u003c\/p\u003e\n\u003ch2 data-mce-fragment=\"1\" data-sourcepos=\"7:1-7:21\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e비타민 B5란 무엇입니까?\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"7:1-7:21\"\u003e \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"9:1-9:115\"\u003e판토텐산으로도 알려진 비타민 B5는 수용성 비타민으로 피부 보습과 개선에 도움을 줍니다.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"9:1-9:115\"\u003e \u003c\/p\u003e\n\u003ch2 data-mce-fragment=\"1\" data-sourcepos=\"11:1-11:62\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e디오디너리 아미노산 + 비타민 B5 세럼은 어떻게 작동하나요?\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"11:1-11:62\"\u003e \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"13:1-13:166\"\u003e디오디너리 아미노산 + 비타민 B5 세럼은 피부의 천연 수분 장벽을 강화하고 깊은 수분 공급을 제공합니다.이는 피부를 촉촉하고 부드럽고 빛나게 유지하는 데 도움이 됩니다.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"13:1-13:166\"\u003e \u003c\/p\u003e\n\u003ch2 data-mce-fragment=\"1\" data-sourcepos=\"15:1-15:73\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e디 오디너리 아미노산 + 비타민 B5 세럼을 사용하면 어떤 이점이 있나요?\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"15:1-15:73\"\u003e \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"17:1-17:67\"\u003e일반 아미노산 + 비타민 B5 세럼은 다음을 도울 수 있습니다.\u003c\/p\u003e\n\u003cul data-mce-fragment=\"1\" data-sourcepos=\"19:1-24:0\"\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"19:1-19:19\"\u003e피부 속까지 촉촉하게\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"20:1-20:35\"\u003e피부 본연의 수분 장벽 강화\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"21:1-21:19\"\u003e피부결 개선\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"22:1-22:37\"\u003e잔주름과 주름의 모양을 줄입니다.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"23:1-24:0\"\u003e피부에 건강한 윤기를 선사합니다\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"25:1-25:64\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eThe Ordinary의 아미노산 + 비타민 B5 세럼을 사용하는 방법은 무엇입니까?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"27:1-27:218\"\u003e최상의 결과를 얻으려면 디오디너리 아미노산 + 비타민 B5 세럼을 매일 아침, 저녁에 두 번 사용하세요.세안하고 얼굴을 말린 후 세럼을 몇 방울 덜어 얼굴과 목에 발라줍니다.일반적인 모이스처라이저를 바르기 전에 세럼을 완전히 건조시키세요.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"29:1-29:81\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e디오디너리 아미노산 + 비타민 B5 세럼은 모든 피부 타입에 이상적인가요?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"31:1-31:106\"\u003e네, 오디너리 아미노산 + 비타민 B5 세럼은 민감한 피부를 포함한 모든 피부 타입에 이상적입니다.\u003c\/p\u003e","brand":"The ordinary","offers":[{"title":"Default Title","offer_id":42398619107525,"sku":"","price":650.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/rdn-amino-acids-b5-30ml.webp?v=1696775588"},{"product_id":"nanotreat-حمض-الهياليرونيك-مع-فيتامين-b5-مرطب-للبشرة-حشو-التجاعيد-والخطوط-الدقيقة-30-مل","title":"비타민 B5가 함유된 나노트리트 히알루론산 |피부 보습제 |주름 및 잔주름 필러 30ml","description":"\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e\u003cstrong\u003e비타민 B5가 강화된 히알루론산은 피부 탄력과 보습 효과를 제공합니다.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e이 오일프리 트리트먼트는 피부층 깊숙이 침투하여 오래 지속되는 수분을 전달합니다.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e빠르게 부드러워지고 완벽하게 채워집니다.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e 이 가벼운 세럼은 피부를 부드럽고 탄탄하게 만들어줍니다.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e이 가벼운 세럼은 세 가지 유형의 히알루론산(저분자량, 중간분자량, 고분자량)을 함유하고 강력한 피부 스무딩을 제공합니다.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e피부에 침투하여 더 깊은 층에 도달합니다.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e히알루론산 2% + B5는 지속적인 수분 공급과 수분 보유력을 제공하여 피부를 더욱 매끄럽게 만들어줍니다.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e자기 무게의 5,000배에 달하는 물을 끌어당기는 히알루론산과 비타민B5의 환상적인 강화로 피부 장벽 기능을 안정시키고 강한 조직의 성장을 촉진해 건조하고 손상된 부위를 치유해주는 슈퍼 세럼입니다.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e\u003cstrong\u003e사용 방법:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e아침, 저녁 크림 사용 전 얼굴에 몇 방울을 발라줍니다.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e크기: 30ml\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Nanotreat","offers":[{"title":"Default Title","offer_id":43387686813893,"sku":null,"price":499.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/nanotreathyaluronicacidserum_2.jpg?v=1714331500"},{"product_id":"vacation-hyaluronic-serum","title":"베케이션 고농축 히알루론산 세럼 3% |보습 |노화 방지","description":"\u003ch2\u003e가장 강력한 히알루론산 포뮬러 \u003c\/h2\u003e\n\u003cp\u003e스킨 케어의 첫 번째이자 가장 가치 있는 성분인 히알루론산을 최고 농도로 경험해보세요!3% 고농축 함유로 적은 양으로도 가장 오랜 시간 동안 최고의 보습 효과를 보장합니다. \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e피부결의 순간적인 변화를 느껴보세요. \u003cbr\/\u003e\n\u003c\/h2\u003e\n\u003cp\u003e제품을 흡수한 후 몇 분 만에 피부결의 드라마틱한 변화와 탁월한 산뜻함을 느끼실 수 있습니다.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e가장 깊은 피부 문제를 치료합니다. \u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e가습: 자기 무게의 5,000배가 넘는 물을 끌어당깁니다.\u003c\/li\u003e\n\u003cli\u003e주름과 잔주름을 채워주고 피부의 젊음을 되찾아줍니다.\u003c\/li\u003e\n\u003cli\u003e피부결 개선 및 모공 감소\u003c\/li\u003e\n\u003cli\u003e계속 사용하면 여드름이 사라집니다 \u003c\/li\u003e\n\u003cli\u003e피부 조직의 염증과 발적을 감소시킵니다. \u003c\/li\u003e\n\u003cli\u003e피부 탄력을 향상시키고 표현 주름과 운동 주름을 감소시킵니다.\u003c\/li\u003e\n\u003cli\u003e피부 장벽 기능을 회복시켜 줍니다 \u003c\/li\u003e\n\u003cli\u003e조기 노화의 징후를 예방합니다\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e더 짧은 시간, 더 적은 비용으로 완벽한 피부를 만들어보세요.\u003c\/h2\u003e\n\u003cp\u003e고농축 히알루론산을 사용하면 놀라운 결과를 기대해 보세요. \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e두 방울의 세럼이 피부 전체를 감싸줍니다. \u003cbr\/\u003e\n\u003c\/h2\u003e\n\u003cp\u003e이 포뮬라는 이상적인 점도 비율로 설계되어 최소한의 세럼으로도 피부를 완전히 덮을 수 있습니다.패키지는 평균 사용 기준으로 수개월 동안 지속되므로 가격 대비 높은 가치를 보장합니다.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- --\u003e","brand":"Vacation","offers":[{"title":"Default Title","offer_id":43762879070405,"sku":null,"price":425.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/1-hya.png?v=1719250484"},{"product_id":"vacation-niacinamide-zn-pca-serum-10-30-ml","title":"VACATION NIACINAMIDE + ZN PCA SERUM 10% 30 ML","description":"\u003ch2\u003e나이아신아마이드와 아연 세럼으로 피부를 가장 순수하게 유지하세요\u003c\/h2\u003e\n\u003ch3\u003e보이지 않는 모공\u003c\/h3\u003e\n\u003cp\u003e나이아신아마이드는 모공을 최대로 수축시키는 이상적이고 최고의 화합물로 피부를 산뜻하고 탄력 있게 유지하며 블랙헤드와 화이트헤드가 없습니다.\u003c\/p\u003e\n\u003ch3\u003e가장 심한 여드름에 효과적\u003c\/h3\u003e\n\u003cp\u003e니아신아마이드와 아연 세럼은 발적과 여드름 효과를 줄여주며, 특히 염증이 있는 여드름에 긍정적인 결과를 보여줍니다.아연은 항균작용을 하여 깨끗한 피부를 유지하는데 도움을 줍니다.\u003c\/p\u003e\n\u003ch3\u003e당신의 젊음은 영원합니다\u003c\/h3\u003e\n\u003cp\u003e나이아신아마이드는 노화를 유발하는 활성 산소를 감소시키고 콜라겐 생성을 향상시키기 때문에 가장 강력한 노화 방지제 중 하나로 간주됩니다.또한 케라틴 생성을 강화하여 피부를 조여주고 두께를 늘려 잔주름과 주름을 줄여줍니다.\u003c\/p\u003e\n\u003ch3\u003e피부가 깨끗하고 색상이 균일합니다.\u003c\/h3\u003e\n\u003cp\u003e고농축 나이아신아마이드는 멜라닌을 중화시켜 어두운 부분을 밝게 해주고 피부톤을 균일하게 만들어줍니다.\u003c\/p\u003e\n\u003ch3\u003e끈적임 없이 깊은 수분 공급\u003c\/h3\u003e\n\u003cp\u003e나이아신아미드는 피부에서 수분 손실을 방지하는 \"수분 장벽\"을 생성하여 피부에 수분을 고정시킵니다.또한 지성 피부의 유분 생성을 중화시켜 끈적임이 남지 않습니다.\u003c\/p\u003e\n\u003ch3\u003e블랙헤드와 화이트헤드 제거\u003c\/h3\u003e\n\u003cp\u003e나이아신아마이드와 아연 세럼은 새로운 피부 세포의 형성을 자극하고 피부 깊숙이 수분을 공급하여 질감이 손상된 피부를 치료합니다.\u003c\/p\u003e\n\u003ch3\u003e모든 피부 타입에 적합\u003c\/h3\u003e\n\u003cp\u003e나이아신아마이드 앤 징크 세럼은 건성, 중성, 복합성, 지성 피부에 적합합니다.피부에 가볍고 빠르게 흡수됩니다.\u003c\/p\u003e\n\u003ch3\u003e사용방법\u003c\/h3\u003e\n\u003cp\u003e아침, 저녁으로 깨끗한 피부에 아주 소량을 얼굴에 바르고 다른 크림, 오일, 보습제를 피부에 바르십시오.순수 비타민C(아스코르브산)를 함유한 치료제와 동시에 사용해서는 안 된다.\u003c\/p\u003e\n\u003ch3\u003e기본 구성 요소\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003e나이아신아마이드\u003c\/strong\u003e: 전반적인 피부 건강 개선에 탁월하며, 피부 면역력을 높여주고, 피부 장벽을 강화하여 수분 보유력을 높여줍니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e아연\u003c\/strong\u003e: 손상된 피부를 치유하고 콜라겐과 엘라스틴의 생성을 촉진하여 피부구조를 지원합니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e패키지 크기\u003c\/h3\u003e\n\u003cp\u003e패키지 크기는 30ml입니다.\u003c\/p\u003e\n\u003c!-- --\u003e","brand":"Vacation","offers":[{"title":"Default Title","offer_id":43831590518981,"sku":null,"price":380.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/vacation-niacinamide-10zinc.png?v=1720714749"},{"product_id":"vacation-retinol-سيروم-الريتينول-و-الفيتامين-إي-30-مل-مضاد-للتجاعيد-مضاد-للحبوب-مضاد-للتصبغات","title":"휴가 레티놀 |레티놀 및 비타민 E 세럼 30 ml |주름개선 |항알약 |색소침착 방지","description":"\u003cdiv class=\"flex-shrink-0 flex flex-col relative items-end\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"w-[30px]\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"relative p-1 rounded-sm h-[30px] w-[30px] text-white flex items-center justify-center\" data-mce-fragment=\"1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-shrink-0 flex flex-col relative items-end\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"w-[30px]\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"relative p-1 rounded-sm h-[30px] w-[30px] text-white flex items-center justify-center\" data-mce-fragment=\"1\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2\u003e1% 레티놀 세럼으로 당신의 피부는 최고의 상태를 유지합니다.\u003c\/h2\u003e\n\u003ch3\u003e피부를 젊어지게 하고 밝게 해주세요\u003c\/h3\u003e\n\u003cp\u003e레티놀 1% 세럼을 사용하면 피부의 산뜻함과 광채가 눈에 띄게 달라지는 것을 느낄 수 있습니다.레티놀은 세포 재생을 촉진하여 피부 각질을 부드럽게 제거하고 죽은 세포를 제거하여 새롭고 빛나는 피부를 드러내는 데 도움을 줍니다.\u003c\/p\u003e\n\u003ch3\u003e노화의 징후와 싸우세요\u003c\/h3\u003e\n\u003cp\u003e주름을 막는 가장 강력한 무기\u003c\/p\u003e\n\u003cp\u003e레티놀은 콜라겐 생성을 촉진하여 주름과 잔주름을 줄여줍니다.정기적으로 사용하면 피부가 더 탄력 있고 젊어 보일 것입니다.\u003c\/p\u003e\n\u003ch3\u003e여드름에 효과적\u003c\/h3\u003e\n\u003cp\u003e가장 심한 여드름에도 즉각적인 솔루션 제공\u003c\/p\u003e\n\u003cp\u003e레티놀 1% 세럼은 여드름 퇴치와 모공 딥 클렌징에 효과적입니다.레티놀은 막힌 모공을 예방하고 여드름으로 인한 발적과 염증을 감소시켜 보다 깨끗한 피부를 선사합니다.\u003c\/p\u003e\n\u003ch3\u003e맑고 균일한 피부톤\u003c\/h3\u003e\n\u003cp\u003e레티놀 1% 세럼은 피부 세포 재생을 촉진하여 색소침착을 감소시키고 피부톤을 균일하게 해주는 데 도움을 줍니다.시간이 지날수록 피부가 더 밝고 균일해짐을 느낄 수 있을 것입니다.\u003c\/p\u003e\n\u003ch3\u003e깊은 수분 공급\u003c\/h3\u003e\n\u003cp\u003e끈적임 없이 완벽한 수분 공급\u003c\/p\u003e\n\u003cp\u003e강력한 피부 재생 효과에도 불구하고 1% 레티놀 세럼은 피부에 깊은 수분 공급을 보장합니다.가볍고 빠르게 흡수되는 포뮬러로 끈적임이 남지 않으며 피부에 부드러움과 촉촉함을 선사합니다.\u003c\/p\u003e\n\u003ch3\u003e모든 피부 타입에 이상적\u003c\/h3\u003e\n\u003cp\u003e건성 피부, 중성 피부, 복합성 피부, 지성 피부 등 모든 피부에 1% 레티놀 세럼이 적합합니다.최상의 결과를 위해 나이트 케어 루틴에 사용할 수 있습니다.\u003c\/p\u003e\n\u003ch3\u003e사용방법\u003c\/h3\u003e\n\u003cp\u003e저녁에 피부결을 정돈한 후 소량을 얼굴에 펴 발라줍니다.피부가 익숙해질 수 있도록 점차적으로 사용을 시작하는 것이 바람직합니다.강산성이 함유된 제품과의 사용을 피하시고, 낮에는 반드시 자외선 차단제를 발라주세요.\u003c\/p\u003e\n\u003ch3\u003e기본 구성 요소\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRetinol\u003c\/strong\u003e: 피부 세포 재생을 촉진하고, 주름과 잔주름을 감소시키며, 피부톤을 개선합니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e항산화제\u003c\/strong\u003e: 환경적 손상으로부터 피부를 보호하고 전반적인 피부 건강을 증진시킵니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e패키지 크기\u003c\/h3\u003e\n\u003cp\u003e패키지 크기는 30ml입니다.\u003c\/p\u003e","brand":"Vacation","offers":[{"title":"Default Title","offer_id":43831619256517,"sku":null,"price":430.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/ret-3.png?v=1720715791"},{"product_id":"vacation-vitamin-c-10-30-ml","title":"VACATION VITAMIN C 10% 30 ML","description":"\u003cdiv data-mce-style=\"text-align: start;\" dir=\"ltr\" style=\"text-align: start;\"\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003c\/h3\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\n\u003cspan\u003e\u003c\/span\u003e\u003cspan data-mce-style=\"color: rgb(109, 108, 106);\" style=\"color: rgb(109, 108, 106);\"\u003e \u003cspan data-mce-style=\"color: rgb(0, 0, 0);\" style=\"color: rgb(0, 0, 0);\"\u003e 비타민C 고농축 드셔보셨나요?! \u003c\/span\u003e\u003c\/span\u003e\u003cbr\/\u003e\n\u003c\/h2\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cspan\u003e라이트닝, 타이트닝, 보호, 회춘\u003c\/span\u003e\u003c\/h3\u003e\n\u003cul data-mce-style=\"text-align: left;\" dir=\"ltr\" style=\"text-align: left;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e열릴 것이다 \u003c\/strong\u003e피부 속 멜라닌 색소를 중화시켜 피부톤을 통일시켜줍니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e그는 조일 것이다\u003c\/strong\u003e 피부의 생성을 자극하여... \u003cstrong\u003e콜라겐과 엘라스틴\u003c\/strong\u003e 20대부터 나이가 들수록 생산량이 감소합니다. \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e그는 보호할 것이다\u003c\/strong\u003e 피부에는 아스타잔틴, 비타민 E, 로즈힙, 녹차와 같은 천연 항산화제가 함유되어 매우 효과적인 노화 방지 포뮬러가 생성되므로 조기 노화와 피부암의 징후를 유발하는 자유 라디칼 손상으로부터 피부가 보호됩니다.\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003e\u003cstrong\u003e그는 갱신할 것이다\u003c\/strong\u003e 질감과 외관을 개선하는 피부 세포\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan data-mce-style=\"color: #d2b147;\" style=\"color: #d2b147;\"\u003e\u003cspan data-mce-style=\"color: #000000;\" style=\"color: #000000;\"\u003e자외선 차단제의 SPF 효율성을 높입니다.\u003c\/span\u003e \u003c\/span\u003e이는 조기 노화를 유발하는 자외선으로부터 추가적인 보호를 제공합니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003cbr\/\u003e\u003c\/p\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cstrong\u003e즉각적인 결과\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cspan data-mce-style=\"font-weight: 400;\" style=\"font-weight: 400;\"\u003e\u003cbr\/\u003e\u003c\/span\u003e\u003cspan data-mce-style=\"font-weight: 400;\" style=\"font-weight: 400;\"\u003e세럼을 바르고 몇 분 만에 피부가 가장 맑고 순수한 상태로 변하는 모습을 실시간으로 시청하세요.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e적은 예산으로 최고의 미용실에서 가장 비싼 세션에 필적하는 케어 \u003c\/h2\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e피부 관리에는 수만 달러의 비용이 필요하지 않습니다! \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e하나의 제품에서는 얻을 수 없는 다양한 장점을 결합한 제품입니다! \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e최고의 보습제, 여드름 방지, 노화 방지, 미백 크림 및 산뜻한 제품의 혜택을 하나의 패키지로 만나보세요! \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003cbr\/\u003e\u003c\/p\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e영원히 젊은 피부를 위한 필수품 \u003c\/h2\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cstrong\u003e노화의 징후는 우리가 자외선에 지속적으로 노출되고 자유 라디칼로 인한 세포 산화로 인해 나타납니다. \u003c\/strong\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e젊은 피부를 유지하려면 항산화제를 정기적으로 사용해야 합니다. \u003c\/p\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\n\u003cbr\/\u003e이 세럼은 조기 노화를 예방하는 첫 번째 방어선 역할을 합니다.\u003c\/h3\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e나이에 관계없이 젊음을 유지하려면 항산화제를 사용해야 합니다. \u003cstrong\u003e주름이 생길 때까지 기다리지 말고 치료를 시작하세요!\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e 비타민 C는 혈청과 마찬가지로 가장 강력한 천연 항산화제 중 하나로 간주됩니다. \u003cspan data-mce-fragment=\"1\"\u003e아스타잔틴, 비타민 E, 로즈힙, 녹차와 같은 천연 항산화제가 함유되어 있어 노화를 유발하는 활성산소를 줄이는 데 도움이 됩니다. \u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e \u003c\/p\u003e\n\u003ch3\u003e번들거림 없이 깊은 수분 공급\u003c\/h3\u003e\n\u003cp\u003e비타민C 세럼은 끈적임 없이 피부 깊숙이 수분을 공급해줍니다.가볍고 빠르게 흡수되는 포뮬러로 하루 종일 피부를 부드럽고 편안하게 유지해줍니다.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" dir=\"ltr\" style=\"text-align: center;\"\u003e\u003cstrong\u003e모든 피부 타입에 이상적: 건성, 중성, 혼합성, 지성\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" dir=\"ltr\" style=\"text-align: center;\"\u003e\u003cstrong\u003e피부에 가볍게..빠른 흡수\u003c\/strong\u003e\u003cbr data-mce-fragment=\"1\"\/\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e \u003c\/p\u003e\n\u003c\/div\u003e","brand":"Vacation","offers":[{"title":"Default Title","offer_id":43831644586181,"sku":null,"price":380.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/vit-c-2-1.png?v=1720716153"},{"product_id":"the-ordinary-soothing-barrier-support-serum-30-ml","title":"The Ordinary Soothing \u0026 Barrier Support Serum 30 ml","description":"\u003cp\u003e당신은 좌절감과 자신감 상실을 유발하는 피부 발적과 자극으로 고통 받고 있습니까?급변하는 세상에서 피부는 환경적 요인에 가장 먼저 영향을 받고 고통을 받을 수 있습니다.피부 자극을 방치하면 문제가 더욱 악화되어 피부 밸런스를 회복하기가 더욱 어려워질 수 있습니다.\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\/the_ordinary_soothing_and_barrier_support_benefits.png?v=1741180015\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003ch3\u003e“피부를 짐이 아닌 방패로 삼으세요!”\u003c\/h3\u003e\n\u003cp\u003e세럼 함유 \u003cstrong\u003eSoothing \u0026amp; Barrier Support\u003c\/strong\u003e즉각적인 해결책이 있습니다!이 세럼은 단순한 트리트먼트가 아니라 피부 건강을 회복하는 데 도움이 되는 동반자입니다.비타민 B12, 갈산 유도체, 비사보롤이 포함된 풍부한 포뮬라는 홍조와 불편함을 줄여줍니다.단 2시간만에 피부 장벽을 강화하고 생기를 되찾아줍니다.\u003c\/p\u003e\n\u003ch3\u003e\"새로운 광채로 피부 밸런스를 되찾으세요!\"\u003c\/h3\u003e\n\u003cp\u003e수분 공급과 관련하여 세럼은 수분 공급을 최대 86%까지 즉각적으로 향상시켜 하루 종일 편안하고 촉촉한 느낌을 줍니다.또한 피부 결을 개선하여 더욱 매끄럽고 빛나는 모습을 선사합니다.\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Soothing-Barrier-Support-Serum.webp?v=1741180098\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003e세럼은 어떻게 작동하나요?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003e피부 장벽의 빠른 회복\u003c\/strong\u003e: 유효성분을 함유하여 피부 장벽을 최적으로 지지하여 수분 손실을 줄여주고, 붉어짐과 자극을 줄여주는 세럼입니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e즉각적인 수분 공급\u003c\/strong\u003e: 피부 수분량을 최대 86%*까지 즉각적으로 증가시켜, 피부가 순간적으로 더욱 부드럽고 상쾌해집니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e눈에 띄는 외관 개선\u003c\/strong\u003e: 멀티 테크놀로지로 고르지 못한 피부결을 개선하여 더욱 빛나는 피부로 가꾸어주는 세럼입니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cstrong\u003e피부를 지원하는 주요 활성 성분:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003e비타민 B12\u003c\/strong\u003e: 피부결을 개선하고, 건조함과 붉은기를 완화하며, 특유의 핑크빛 컬러를 세럼에 더해줍니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e갈산\u003c\/strong\u003e: 자극을 진정시키고, 환경적 요인으로 인한 붉은기를 완화시켜줍니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e비사보롤\u003c\/strong\u003e: 피부를 진정시키고 붉은기를 완화시켜주는 효능이 있는 것으로 알려진 성분입니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\n\u003cstrong\u003e\u003c\/strong\u003e\u003cbr\/\u003e\n\u003c\/h3\u003e\n\u003ch3\u003e\u003cstrong\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_soothing_and_barrier_support.png?v=1741180382\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch3\u003e\u003cstrong\u003e과학적으로 뒷받침되는 이점:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003e2시간만에 피부 장벽 개선\u003c\/strong\u003e연구에 따르면 세럼은 피부 장벽을 크게 회복시키는 데 도움이 되는 것으로 나타났습니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e하루종일 지속되는 보습\u003c\/strong\u003e: 세럼이 선사하는 수분감은 즉각적일 뿐만 아니라 하루종일 지속됩니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e눈에 띄는 피부 개선\u003c\/strong\u003e: 붉은기를 완화하고 피부결을 개선하여 눈에 띄는 결과를 선사합니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e혈청 \u003cstrong\u003eSoothing \u0026amp; Barrier Support\u003c\/strong\u003e 건강하고 빛나는 피부를 원하는 모든 사람에게 이상적인 선택입니다.특히 만성 피부 트러블이 있거나 잦은 자극에 노출되는 분들이라면 주저하지 말고 사용해보세요.\u003cbr\/\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003ch3\u003e\"당신의 피부는 최고의 관리를 받을 자격이 있으니까요!\"\u003c\/h3\u003e\n\u003cp\u003e이 세럼은 민감한 피부를 포함한 모든 피부 타입에 적합하도록 설계되었습니다.자극이 당신의 아름다움에 영향을 미치지 않도록 하고 피부에 합당한 관리를 제공하십시오. \u003cstrong\u003eSoothing \u0026amp; Barrier Support Serum\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003e오늘 그 차이를 경험하고 피부를 그 어느 때보다 밝고 건강하게 만들 준비를 하세요.\u003c\/p\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":44196281155781,"sku":"INSTA1558CHIQ","price":1060.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_soothing_and_barrier_support.jpg?v=1741179626"},{"product_id":"somebymi-retinol-intense-reactivating-serum","title":"SOME BY MI 레티놀 인텐스 리액티베이팅 세럼 - 주름 개선 \u0026 피부 탄력 강화","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\"\u003e썸바이미 리쥬버네이팅 레티놀 세럼\u003cbr\/\u003e\u003cspan class=\"sbm-text-gold\"\u003e주름은 단순한 선이 아닙니다. 도움이 필요합니다!\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"sbm-subtitle sbm-reveal delay-1\"\u003e\n 이 세럼은 일시적인 솔루션을 제공하는 것이 아니라, 오히려 세포 수준에서 근본적인 변화를 일으켜 시간이 지남에 따라 손상된 피부에 활력과 신선함을 되찾아줍니다.\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\u003e시간이 지나면 당신은... \u003cstrong class=\"sbm-text-gold\"\u003e잔주름과 주름\u003c\/strong\u003e 피부가 자연적인 재생 능력을 상실하고 있다는 경고 신호입니다.이러한 성가신 징후는 단순히 사라지는 것이 아니라 노화로 인해 얼굴 특징이 제어되는 것을 방지하기 위해 첨단 과학적 개입이 필요합니다.\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 젊고 생기 넘치는 피부를 되찾는 비결은 조기 개입입니다.\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\"\u003e모든 유형의 주름에 특화된 포뮬라\u003c\/h2\u003e\n\u003cp class=\"sbm-subtitle sbm-reveal\"\u003e이 세럼의 성분은 표면 처리에만 작용하는 것이 아니라 맞춤형 메커니즘으로 모든 유형의 주름을 타겟으로 합니다.\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\"\u003e역동적인 주름\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\"\u003e지속적인 미소나 찡그린 얼굴 등 반복적인 안면 움직임의 결과로 나타납니다.\u003c\/p\u003e\n\u003cdiv class=\"sbm-acc-ing\"\u003e\n\u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003e바쿠치올과 레티놀:\u003c\/span\u003e 내부에서 콜라겐 생성을 자극하여 주름의 모양과 깊이를 효과적으로 줄입니다.\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\"\u003e표정 주름\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\"\u003e반복적인 표정과 스트레스로 인해 형성되고 굳어집니다.\u003c\/p\u003e\n\u003cdiv class=\"sbm-acc-ing\"\u003e\n\u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003e나이아신아마이드:\u003c\/span\u003e 전반적인 피부 탄력을 향상시켜 주름의 심각성을 줄이고 안정성을 방지합니다.\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\"\u003e이마 주름\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\"\u003e이 부위의 콜라겐이 지속적으로 손실되기 때문에 때때로 명확하게 나타납니다.\u003c\/p\u003e\n\u003cdiv class=\"sbm-acc-ing\"\u003e\n\u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003e콜라겐과 컴프리:\u003c\/span\u003e 그들은 피부의 지지 구조를 강화하고 특정 부위의 주름을 채우는 데 기여합니다.\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\"\u003e가는 선\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\"\u003e잔주름은 초기에 나타나며 심한 건조함과 약한 보호막으로 인해 나타나는 경우가 많습니다.\u003c\/p\u003e\n\u003cdiv class=\"sbm-acc-ing\"\u003e\n\u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003e토코페롤과 판테놀:\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!-- 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\"\u003e레티놀은 노화 요인으로부터 피부를 보호하는 역할을 합니다.\u003c\/h2\u003e\n\u003cp class=\"sbm-subtitle sbm-reveal\"\u003e과학적으로 연구된 유효성분을 함유하여 시간이 지남에 따라 잃어버린 활력과 탄력을 회복시켜주는 세럼입니다.\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\u003e순수 레티놀\u003c\/h3\u003e\n\u003cul class=\"sbm-list gold-checks\" style=\"margin-top: 15px;\"\u003e\n\u003cli\u003e피부 세포를 재생하고 표면 외관을 개선합니다.\u003c\/li\u003e\n\u003cli\u003e내부에서 콜라겐과 엘라스틴의 생성을 자극합니다.\u003c\/li\u003e\n\u003cli\u003e색소침착을 감소시키고 피부톤을 통일해줍니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card delay-1\"\u003e\n\u003cdiv class=\"sbm-icon-badge\"\u003e02\u003c\/div\u003e\n\u003ch3\u003e바쿠치올\u003c\/h3\u003e\n\u003cul class=\"sbm-list gold-checks\" style=\"margin-top: 15px;\"\u003e\n\u003cli\u003e레티놀이 대체할 수 있는 자연스럽고 안전한 제품입니다.\u003c\/li\u003e\n\u003cli\u003e환경 손상으로부터 보호하는 강력한 항산화제입니다.\u003c\/li\u003e\n\u003cli\u003e주름과 잔주름을 부드럽게 줄여줍니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card delay-2\"\u003e\n\u003cdiv class=\"sbm-icon-badge\"\u003e03\u003c\/div\u003e\n\u003ch3\u003e탄성-리포솜 기술\u003c\/h3\u003e\n\u003cul class=\"sbm-list gold-checks\" style=\"margin-top: 15px;\"\u003e\n\u003cli\u003e지능형 포장은 재료를 더 깊은 층까지 전달합니다.\u003c\/li\u003e\n\u003cli\u003e낭비 없이 활성 성분의 흡수를 향상시킵니다.\u003c\/li\u003e\n\u003cli\u003e표면 자극을 방지하고 성분의 효능을 높입니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\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\"\u003e사용방법(안전하고 효과적인 루틴)\u003c\/h2\u003e\n\u003cp class=\"sbm-subtitle sbm-reveal\"\u003e레티놀을 귀하의 관리 루틴에 효과적이고 안전하게 도입하는 간단한 단계입니다.\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\u003e얼굴 청소\u003c\/h4\u003e\n\u003cp\u003e적합한 클렌저를 사용하여 피부를 부드럽게 클렌징하여 노폐물을 제거하고 모공을 정돈합니다.\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\u003e토너 적용\u003c\/h4\u003e\n\u003cp\u003e보습 토너를 사용하여 피부를 정돈하고 세럼의 흡수력을 높이는 것이 바람직합니다.\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\u003e적절한 금액\u003c\/h4\u003e\n\u003cp\u003e과잉을 방지하기 위해 아주 적은 양(완두콩 크기)을 손가락 끝에 바르십시오.\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\u003e부드럽게 배포\u003c\/h4\u003e\n\u003cp\u003e주름과 잔주름이 있는 부위를 중심으로 세럼을 얼굴 전체에 부드럽게 펴 발라줍니다.\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);\"\u003e점진적 사용(매우 중요)\u003c\/h4\u003e\n\u003cp style=\"max-width: 600px; margin: 0 auto;\"\u003e일주일에 1~2회(밤)에만 세럼을 사용하시기 바랍니다.이후 피부 내성에 따라 점차적으로 빈도를 늘려주세요. \u003cstrong style=\"color: var(--sbm-gold);\"\u003e낮에는 자외선 차단제를 사용해야 합니다.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', () =\u003e {\n \/\/ 1. Scroll Reveal Animation\n const reveals = document.querySelectorAll('.sbm-reveal');\n const observer = new IntersectionObserver((entries, obs) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('sbm-active');\n obs.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\n\n reveals.forEach(el =\u003e observer.observe(el));\n\n \/\/ 2. Premium 3D Tilt Effect\n if (window.matchMedia(\"(hover: hover)\").matches) {\n const tiltCards = document.querySelectorAll('.sbm-media-wrapper');\n tiltCards.forEach(card =\u003e {\n const media = card.querySelector('.sbm-product-media');\n card.addEventListener('mousemove', e =\u003e {\n const rect = card.getBoundingClientRect();\n const x = e.clientX - rect.left;\n const y = e.clientY - rect.top;\n const centerX = rect.width \/ 2;\n const centerY = rect.height \/ 2;\n \n const rotateX = ((y - centerY) \/ centerY) * -4;\n const rotateY = ((x - centerX) \/ centerX) * 4;\n \n media.style.transform = `scale(1.03) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;\n });\n\n card.addEventListener('mouseleave', () =\u003e {\n media.style.transform = `scale(1) rotateX(0deg) rotateY(0deg)`;\n });\n });\n }\n\n \/\/ 3. Accordion Logic\n const accItems = document.querySelectorAll('.sbm-acc-header');\n accItems.forEach(item =\u003e {\n item.addEventListener('click', function() {\n const parent = this.parentElement;\n const isActive = parent.classList.contains('active');\n \n \/\/ Close all\n document.querySelectorAll('.sbm-acc-item').forEach(child =\u003e {\n child.classList.remove('active');\n });\n \n \/\/ Open clicked if it wasn't active\n if (!isActive) {\n parent.classList.add('active');\n }\n });\n });\n\n \/\/ Open first accordion item by default\n if(accItems.length \u003e 0) {\n setTimeout(() =\u003e {\n accItems[0].parentElement.classList.add('active');\n }, 500);\n }\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":44230444875973,"sku":"","price":1050.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_reactivating_serum.jpg?v=1745760626"},{"product_id":"cosrx-advanced-snail-96-mucin","title":"코스알엑스 어드밴스드 스네일 96 뮤신 파워 에센스 - 100ml |달팽이 젤 장벽 수리","description":"\u003cdiv class=\"cs-ultimate-container\" dir=\"ltr\" id=\"cosrx-snail-dossier\"\u003e\n\u003cstyle\u003e\n \/* ==========================================================================\n COSRX ADVANCED SNAIL 96 MUCIN POWER ESSENCE - SIMPLIFIED BENEFIT-DRIVEN COPY\n System Fonts Only (Zero External Webfont Imports)\n ========================================================================== *\/\n\n .cs-ultimate-container {\n --cs-bg-base: #050403;\n --cs-bg-surface: #0c0906;\n --cs-bg-card: rgba(18, 14, 10, 0.92);\n --cs-bg-card-hover: rgba(28, 22, 14, 0.98);\n\n \/* Style Settings *\/\n --cs-neon-gold: #ffd24a;\n --cs-amber-accent: #f5c518;\n --cs-neon-mint: #00e5a3;\n --cs-glow-gold: rgba(255, 210, 74, 0.45);\n --cs-glow-mint: rgba(0, 229, 163, 0.4);\n\n --cs-text-pure: #ffffff;\n --cs-border: rgba(245, 197, 24, 0.25);\n --cs-border-hover: rgba(255, 210, 74, 0.85);\n\n background-color: var(--cs-bg-base);\n color: var(--cs-text-pure);\n font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, 'Cairo', 'Tajawal', sans-serif;\n line-height: 1.8;\n width: 100%;\n max-width: 100%;\n position: relative;\n padding: 40px 0;\n border-radius: 24px;\n box-shadow: inset 0 0 120px rgba(245, 197, 24, 0.08);\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n }\n\n .cs-ultimate-container * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .neon-gold {\n color: var(--cs-neon-gold) !important;\n text-shadow: 0 0 10px var(--cs-glow-gold), 0 0 20px var(--cs-glow-gold);\n font-weight: 900;\n }\n\n .neon-mint {\n color: var(--cs-neon-mint) !important;\n text-shadow: 0 0 10px var(--cs-glow-mint), 0 0 20px var(--cs-glow-mint);\n font-weight: 900;\n }\n\n .pure-white {\n color: #ffffff !important;\n font-weight: 600;\n }\n\n \/* Style Settings *\/\n .cs-ultimate-container img {\n width: 100%;\n max-width: 100% !important;\n height: auto !important;\n border-radius: 18px;\n display: block;\n margin-left: auto !important;\n margin-right: auto !important;\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9);\n border: 1px solid rgba(245, 197, 24, 0.25);\n box-sizing: border-box;\n object-fit: contain;\n }\n\n .cs-img-md {\n max-width: 650px !important;\n width: 100%;\n margin-left: auto !important;\n margin-right: auto !important;\n display: block;\n text-align: center;\n }\n\n .cs-container {\n max-width: 940px;\n width: 100%;\n margin: 0 auto;\n padding: 0 20px;\n position: relative;\n z-index: 2;\n box-sizing: border-box;\n }\n\n .cs-ambient-bg {\n position: absolute;\n top: 0; left: 0; width: 100%; height: 100%;\n z-index: 0; pointer-events: none; overflow: hidden;\n }\n\n .cs-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(110px);\n opacity: 0.32;\n animation: csOrbFloat 18s infinite alternate ease-in-out;\n pointer-events: none;\n }\n\n .cs-orb-1 {\n width: 500px; height: 500px;\n background: radial-gradient(circle, rgba(245, 197, 24, 0.22) 0%, transparent 70%);\n top: -100px; right: -120px;\n }\n\n .cs-orb-2 {\n width: 550px; height: 550px;\n background: radial-gradient(circle, rgba(0, 229, 163, 0.16) 0%, transparent 70%);\n bottom: 15%; left: -140px;\n animation-delay: -6s;\n }\n\n @keyframes csOrbFloat {\n 0% { transform: translate(0, 0) scale(1); }\n 100% { transform: translate(40px, 80px) scale(1.15); }\n }\n\n .cs-title-glow {\n display: block;\n width: 100%;\n font-size: clamp(28px, 5.2vw, 44px);\n font-weight: 900;\n text-align: center;\n margin-bottom: 25px;\n line-height: 1.4;\n color: #ffffff;\n text-shadow: 0 0 30px rgba(245, 197, 24, 0.45);\n word-wrap: break-word;\n }\n\n .cs-section-title {\n display: block;\n width: 100%;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: #ffffff;\n text-align: center;\n margin: 60px auto 30px;\n position: relative;\n line-height: 1.4;\n word-wrap: break-word;\n }\n\n .cs-section-title::after {\n content: '';\n display: block;\n width: clamp(80px, 30%, 150px);\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--cs-amber-accent), var(--cs-neon-gold), transparent);\n border-radius: 10px;\n margin: 14px auto 0;\n box-shadow: 0 0 15px var(--cs-glow-gold);\n }\n\n .cs-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: rgba(245, 197, 24, 0.15);\n border: 1.5px solid var(--cs-amber-accent);\n color: #ffffff;\n padding: 9px 28px;\n border-radius: 40px;\n font-size: 1.05rem;\n font-weight: 900;\n margin-bottom: 25px;\n box-shadow: 0 0 25px var(--cs-glow-gold);\n letter-spacing: 0.5px;\n }\n\n .cs-gold-dot {\n width: 8px; height: 8px;\n background: var(--cs-neon-gold);\n border-radius: 50%;\n box-shadow: 0 0 10px var(--cs-neon-gold);\n display: inline-block;\n }\n\n .cs-sub-text {\n font-size: 1.25rem;\n color: #ffffff;\n max-width: 840px;\n margin: 0 auto 35px;\n font-weight: 600;\n line-height: 1.85;\n border-right: 4px solid var(--cs-amber-accent);\n padding-right: 20px;\n background: linear-gradient(90deg, transparent, rgba(245, 197, 24, 0.08));\n border-radius: 12px 0 0 12px;\n text-align: left;\n }\n\n .cs-art-divider {\n width: 100%;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--cs-amber-accent), var(--cs-neon-gold), var(--cs-amber-accent), transparent);\n margin: 35px 0;\n position: relative;\n box-shadow: 0 0 15px var(--cs-glow-gold);\n }\n\n .cs-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 35px 0;\n width: 100%;\n }\n\n .cs-card {\n background: linear-gradient(145deg, rgba(20, 16, 12, 0.92), rgba(10, 8, 6, 0.98));\n border: 1px solid var(--cs-border);\n border-radius: 18px;\n padding: 26px 20px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n position: relative;\n text-align: left;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n min-width: 0;\n word-break: break-word;\n }\n\n .cs-card:hover {\n transform: translateY(-8px);\n border-color: var(--cs-neon-gold);\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--cs-glow-gold);\n background: var(--cs-bg-card-hover);\n }\n\n .cs-icon-wrap {\n width: 52px; height: 52px;\n background: rgba(8, 6, 4, 0.9);\n border: 1.5px solid rgba(245, 197, 24, 0.35);\n border-radius: 14px;\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 16px;\n color: var(--cs-neon-gold);\n transition: transform 0.3s ease, background 0.3s ease;\n box-shadow: 0 0 15px rgba(245, 197, 24, 0.15);\n flex-shrink: 0;\n }\n\n .cs-card:hover .cs-icon-wrap {\n transform: scale(1.1) rotate(-5deg);\n background: var(--cs-amber-accent);\n color: #050403;\n border-color: transparent;\n box-shadow: 0 0 25px var(--cs-neon-gold);\n }\n\n .cs-icon-wrap svg {\n width: 26px; height: 26px;\n }\n\n .cs-card h3 {\n font-size: 1.25rem;\n color: #ffffff;\n margin-bottom: 10px;\n font-weight: 800;\n line-height: 1.4;\n }\n\n .cs-card p {\n color: #ffffff;\n font-size: 1rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-ingredient-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: rgba(245, 197, 24, 0.14);\n border: 1px solid var(--cs-amber-accent);\n color: var(--cs-neon-gold);\n padding: 5px 14px;\n border-radius: 8px;\n font-size: 0.92rem;\n font-weight: 800;\n margin-bottom: 12px;\n box-shadow: 0 0 12px rgba(245, 197, 24, 0.2);\n width: fit-content;\n max-width: 100%;\n white-space: normal;\n word-break: break-word;\n }\n\n .cs-ingredient-tag.mint {\n background: rgba(0, 229, 163, 0.14);\n border-color: var(--cs-neon-mint);\n color: var(--cs-neon-mint);\n box-shadow: 0 0 12px rgba(0, 229, 163, 0.25);\n }\n\n .cs-glass-box {\n background: var(--cs-bg-card);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border: 1px solid var(--cs-border);\n border-radius: 20px;\n padding: 35px 25px;\n margin: 35px auto;\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);\n position: relative;\n max-width: 880px;\n width: 100%;\n }\n\n .cs-glass-box::before {\n content: '';\n position: absolute;\n top: 0; right: 0; width: 4px; height: 100%;\n background: linear-gradient(180deg, var(--cs-amber-accent), var(--cs-neon-gold), var(--cs-neon-mint), transparent);\n }\n\n .cs-glass-box p, \n .cs-glass-box li {\n color: #ffffff;\n font-size: 1.12rem;\n font-weight: 600;\n line-height: 1.85;\n }\n\n .cs-dilemma-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 18px;\n margin-top: 25px;\n width: 100%;\n text-align: left;\n }\n\n .cs-dilemma-card {\n background: rgba(255, 255, 255, 0.04);\n border: 1px solid var(--cs-border);\n border-radius: 16px;\n padding: 22px 18px;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-dilemma-card.conflict {\n border-right: 4.5px solid #ff4444;\n background: linear-gradient(145deg, rgba(35, 10, 12, 0.85), rgba(12, 4, 6, 0.95));\n }\n\n .cs-dilemma-card.harmony {\n border-right: 4.5px solid var(--cs-neon-gold);\n background: linear-gradient(145deg, rgba(28, 22, 12, 0.85), rgba(12, 10, 6, 0.95));\n }\n\n .cs-dilemma-card h4 {\n font-size: 1.15rem;\n font-weight: 800;\n margin-bottom: 10px;\n line-height: 1.4;\n }\n\n .cs-dilemma-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-spa-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 18px;\n margin-top: 25px;\n width: 100%;\n text-align: left;\n }\n\n .cs-spa-card {\n background: linear-gradient(145deg, rgba(24, 18, 12, 0.9), rgba(10, 8, 6, 0.98));\n border: 1px solid var(--cs-border);\n border-right: 4.5px solid var(--cs-amber-accent);\n border-radius: 16px;\n padding: 22px 18px;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-spa-card:hover {\n transform: translateY(-5px);\n border-right-color: var(--cs-neon-gold);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.8), 0 0 20px rgba(245, 197, 24, 0.2);\n }\n\n .cs-spa-card h4 {\n font-size: 1.15rem;\n font-weight: 800;\n margin-bottom: 8px;\n line-height: 1.4;\n }\n\n .cs-spa-card p {\n color: #ffffff;\n font-size: 0.96rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-science-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 22px;\n margin: 35px 0;\n width: 100%;\n }\n\n .cs-science-card {\n background: linear-gradient(145deg, rgba(20, 16, 12, 0.94), rgba(10, 8, 6, 0.98));\n border: 1px solid var(--cs-border);\n border-radius: 18px;\n padding: 26px 20px;\n text-align: left;\n transition: all 0.4s ease;\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n min-width: 0;\n }\n\n .cs-science-card:hover {\n transform: translateY(-8px);\n border-color: var(--cs-neon-gold);\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--cs-glow-gold);\n background: var(--cs-bg-card-hover);\n }\n\n .cs-science-card h4 {\n font-size: 1.3rem;\n color: #ffffff;\n font-weight: 900;\n margin-bottom: 6px;\n }\n\n .cs-science-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.7;\n font-weight: 500;\n margin-bottom: 14px;\n }\n\n .cs-science-card ul {\n list-style: none;\n padding: 0;\n }\n\n .cs-science-card li {\n position: relative;\n padding-right: 20px;\n margin-bottom: 8px;\n color: #ffffff;\n font-size: 0.95rem;\n line-height: 1.6;\n font-weight: 500;\n }\n\n .cs-science-card li::before {\n content: '✓';\n position: absolute;\n right: 0; top: 0;\n color: var(--cs-neon-gold);\n font-weight: 900;\n }\n\n .cs-stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));\n gap: 18px;\n margin: 35px 0;\n width: 100%;\n }\n\n .cs-stat-box {\n background: rgba(18, 14, 10, 0.9);\n border: 1.5px solid var(--cs-border);\n border-radius: 18px;\n padding: 24px 16px;\n text-align: center;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-stat-box:hover {\n border-color: var(--cs-neon-gold);\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);\n }\n\n .cs-stat-num {\n font-size: clamp(32px, 5vw, 48px);\n font-weight: 900;\n line-height: 1;\n margin-bottom: 8px;\n direction: ltr;\n }\n\n .cs-stat-title {\n color: #ffffff;\n font-size: 1.08rem;\n font-weight: 800;\n margin-bottom: 4px;\n }\n\n .cs-stat-desc {\n color: #ffffff;\n font-size: 0.85rem;\n opacity: 0.95;\n line-height: 1.5;\n }\n\n .cs-timeline-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 16px;\n margin: 30px 0;\n width: 100%;\n }\n\n .cs-timeline-card {\n background: rgba(18, 14, 10, 0.88);\n border: 1px solid var(--cs-border);\n border-top: 4px solid var(--cs-neon-gold);\n border-radius: 16px;\n padding: 22px 16px;\n text-align: left;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-timeline-card:hover {\n transform: translateY(-6px);\n border-top-color: var(--cs-neon-mint);\n background: rgba(28, 22, 14, 0.95);\n }\n\n .cs-timeline-badge {\n display: inline-block;\n background: rgba(245, 197, 24, 0.14);\n color: var(--cs-neon-gold);\n font-weight: 900;\n padding: 4px 14px;\n border-radius: 20px;\n margin-bottom: 12px;\n font-size: 0.9rem;\n border: 1px solid var(--cs-border);\n white-space: nowrap;\n }\n\n .cs-timeline-card p {\n color: #ffffff;\n font-size: 0.95rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-value-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 18px;\n margin: 30px 0;\n width: 100%;\n }\n\n .cs-value-card {\n background: linear-gradient(145deg, rgba(20, 16, 12, 0.9), rgba(10, 8, 6, 0.98));\n border: 1px solid var(--cs-border);\n border-radius: 18px;\n padding: 26px 18px;\n text-align: left;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-value-card:hover {\n border-color: var(--cs-neon-gold);\n transform: translateY(-5px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.7);\n }\n\n .cs-value-num {\n width: 44px; height: 44px;\n background: rgba(245, 197, 24, 0.15);\n border: 1.5px solid var(--cs-amber-accent);\n border-radius: 12px;\n display: flex; align-items: center; justify-content: center;\n font-size: 1.2rem; font-weight: 900;\n color: var(--cs-neon-gold);\n margin-bottom: 14px;\n }\n\n .cs-value-card h3 {\n font-size: 1.2rem;\n font-weight: 900;\n margin-bottom: 8px;\n color: #ffffff;\n }\n\n .cs-value-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-steps-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 18px;\n margin: 30px 0;\n width: 100%;\n }\n\n .cs-step-card {\n background: rgba(18, 14, 10, 0.85);\n border: 1.5px dashed var(--cs-border);\n padding: 24px 16px;\n border-radius: 16px;\n text-align: center;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-step-card:hover {\n border-color: var(--cs-neon-gold);\n transform: translateY(-5px);\n background: rgba(28, 22, 14, 0.95);\n }\n\n .cs-step-num {\n width: 44px; height: 44px;\n background: linear-gradient(135deg, #2b220e, #0c0a06);\n border: 2px solid var(--cs-amber-accent);\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-size: 1.3rem; font-weight: 900;\n color: var(--cs-neon-gold);\n margin: 0 auto 14px;\n box-shadow: 0 0 15px var(--cs-glow-gold);\n }\n\n .cs-step-card h4 {\n color: var(--cs-neon-gold);\n font-size: 1.2rem;\n font-weight: 800;\n margin-bottom: 8px;\n }\n\n .cs-step-card p {\n color: #ffffff;\n font-size: 0.95rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-gold-btn {\n display: inline-block;\n background: linear-gradient(135deg, var(--cs-amber-accent), #ffe680, var(--cs-amber-accent));\n color: #000000 !important;\n padding: 16px 48px;\n border-radius: 40px;\n text-decoration: none;\n font-weight: 900;\n font-size: 1.25rem;\n box-shadow: 0 8px 30px rgba(245, 197, 24, 0.35);\n transition: all 0.3s ease;\n border: none;\n cursor: pointer;\n margin-top: 25px;\n }\n\n .cs-gold-btn:hover {\n transform: scale(1.05);\n box-shadow: 0 12px 40px rgba(255, 210, 74, 0.6);\n background: linear-gradient(135deg, #ffffff, var(--cs-neon-gold));\n }\n\n .cs-reveal {\n opacity: 0;\n transform: translateY(35px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .cs-reveal.cs-active {\n opacity: 1;\n transform: translateY(0);\n }\n\n .cs-delay-1 { transition-delay: 0.12s; }\n .cs-delay-2 { transition-delay: 0.24s; }\n\n @media (max-width: 768px) {\n .cs-ultimate-container { padding: 25px 0; }\n .cs-container { padding: 0 14px !important; }\n .cs-glass-box { padding: 22px 14px !important; }\n .cs-img-md { max-width: 100% !important; }\n\n .cs-benefits-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n margin: 20px 0 !important;\n width: 100% !important;\n }\n\n .cs-benefits-grid .cs-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-benefits-grid .cs-icon-wrap {\n width: 38px !important;\n height: 38px !important;\n margin-bottom: 10px !important;\n border-radius: 10px !important;\n }\n\n .cs-benefits-grid .cs-icon-wrap svg {\n width: 20px !important;\n height: 20px !important;\n }\n\n .cs-benefits-grid .cs-card h3 {\n font-size: 0.92rem !important;\n margin-bottom: 6px !important;\n line-height: 1.3 !important;\n }\n\n .cs-benefits-grid .cs-ingredient-tag {\n font-size: 0.72rem !important;\n padding: 3px 6px !important;\n margin-bottom: 6px !important;\n line-height: 1.25 !important;\n border-radius: 6px !important;\n }\n\n .cs-benefits-grid .cs-card p {\n font-size: 0.8rem !important;\n line-height: 1.5 !important;\n }\n\n .cs-dilemma-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-spa-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-spa-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-spa-card h4 {\n font-size: 0.92rem !important;\n margin-bottom: 6px !important;\n line-height: 1.35 !important;\n }\n\n .cs-spa-card p {\n font-size: 0.78rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-dilemma-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-dilemma-card h4 {\n font-size: 0.95rem !important;\n margin-bottom: 6px !important;\n }\n\n .cs-dilemma-card p {\n font-size: 0.78rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-science-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-science-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-science-card h4 {\n font-size: 0.95rem !important;\n margin-bottom: 2px !important;\n }\n\n .cs-science-card p {\n font-size: 0.78rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-science-card li {\n font-size: 0.74rem !important;\n padding-right: 16px !important;\n }\n\n .cs-stats-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-stat-box:last-child {\n grid-column: span 2 !important;\n }\n\n .cs-stat-box {\n padding: 16px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-stat-num {\n font-size: 30px !important;\n }\n\n .cs-stat-title {\n font-size: 0.85rem !important;\n }\n\n .cs-timeline-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-timeline-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-timeline-badge {\n font-size: 0.75rem !important;\n padding: 3px 8px !important;\n margin-bottom: 8px !important;\n }\n\n .cs-timeline-card p {\n font-size: 0.8rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-value-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-value-card:last-child {\n grid-column: span 2 !important;\n }\n\n .cs-value-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-value-num {\n width: 36px !important;\n height: 36px !important;\n font-size: 1rem !important;\n margin-bottom: 8px !important;\n }\n\n .cs-value-card h3 {\n font-size: 0.95rem !important;\n margin-bottom: 4px !important;\n }\n\n .cs-value-card p {\n font-size: 0.8rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-steps-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-step-card:last-child {\n grid-column: span 2 !important;\n }\n\n .cs-step-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-step-num {\n width: 38px !important;\n height: 38px !important;\n font-size: 1.1rem !important;\n margin-bottom: 8px !important;\n }\n\n .cs-step-card h4 {\n font-size: 0.95rem !important;\n margin-bottom: 4px !important;\n }\n\n .cs-step-card p {\n font-size: 0.8rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-title-glow { font-size: 24px; }\n .cs-section-title { font-size: 20px; }\n }\n \u003c\/style\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"cs-ambient-bg\"\u003e\n\u003cdiv class=\"cs-orb cs-orb-1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cs-orb cs-orb-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cheader class=\"cs-reveal cs-active\" style=\"text-align: center; padding: 20px 0 35px;\"\u003e\n\u003cdiv class=\"cs-badge\"\u003e\n\u003cspan class=\"cs-gold-dot\"\u003e\u003c\/span\u003e 피부 재생을 위한 세계 No.1 기적의 세럼\n \u003c\/div\u003e\n\u003ch2 style=\"font-size: 1.25rem; color: var(--cs-amber-accent); margin-bottom: 12px; font-weight: 800;\"\u003e깨끗한 피부의 비결은 여드름과 같아서 세상에 미쳐버린 여드름의 효능을 치료하는 것\u003c\/h2\u003e\n\u003ch1 class=\"cs-title-glow\"\u003eCOSRX Advanced Snail 96 Mucin Power Essence\u003c\/h1\u003e\n\u003cp class=\"cs-sub-text pure-white\"\u003e\n 건조함을 케어하고, 여드름의 흔적을 지워주며, 처음 사용부터 상쾌함을 선사하는 제품을 상상해 보세요!집중력 덕분에 \u003cstrong class=\"neon-gold\"\u003e순수 달팽이 추출물 96.3%\u003c\/strong\u003e피부가 수분을 흡수하고 끈적임이나 끈적임 없이 피부 속부터 재생됩니다.\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;\"\u003e지금 빛나는 피부 여행을 시작해보세요\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 다들 모르는 화장품 정보\n \u003c\/div\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 10px;\"\u003e세계에서 가장 비싼 미용실에서는 왜 달팽이를 사용할까요?\u003c\/h2\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 1.25rem; font-weight: 800; margin-bottom: 20px;\"\u003e왜 부자들이 세션당 수백 달러를 지불하는지 알려드리겠습니다.\u003c\/p\u003e\n\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 전 세계에서 가장 유명한 럭셔리 뷰티 센터에서 달팽이 농장 노동자들의 손은 매우 부드럽고 주름이나 상처가 전혀 없으며 이상한 속도로 아프다는 것을 발견했습니다!그리하여 달팽이를 이용한 피부관리가 시작되었습니다.\n \u003c\/p\u003e\n\u003cdiv class=\"cs-spa-grid\"\u003e\n\u003cdiv class=\"cs-spa-card\"\u003e\n\u003ch4 class=\"neon-gold\"\u003e즉각적인 신선함의 비밀\u003c\/h4\u003e\n\u003cp\u003e달팽이 점액은 피부 손상을 매우 빠르게 치료하고, 연예인의 피부에서 볼 수 있는 탄력과 자연스러운 윤기를 회복시켜 줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-spa-card\" style=\"border-right-color: var(--cs-neon-mint);\"\u003e\n\u003ch4 class=\"neon-mint\"\u003e콜라겐의 천연 대안\u003c\/h4\u003e\n\u003cp\u003e이 분비물에는 마치 천연 필터를 만든 것처럼 얼굴을 탱탱하게 해주고 주름과 잔주름을 줄여주는 비타민과 성분이 가득 들어있습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-spa-card\" style=\"border-right-color: var(--cs-neon-gold);\"\u003e\n\u003ch4 class=\"neon-gold\"\u003e그는 자신을 대합니다\u003c\/h4\u003e\n\u003cp\u003e달팽이는 이 물질을 분비하여 몇 분 만에 상처를 치료합니다. 이제 이 물질이 곧 발생할 여드름과 흉터에 어떤 영향을 미칠지 상상해 보세요!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-spa-card\" style=\"border-right-color: var(--cs-neon-mint);\"\u003e\n\u003ch4 class=\"neon-mint\"\u003e코스알엑스(Cosrx)가 당신에게 스파를 선사했습니다\u003c\/h4\u003e\n\u003cp\u003e한 세션에 수천 달러를 지출하는 대신 Cosrx는 집에서 매일 사용할 수 있는 순수하고 살균된 추출물을 병에 담았습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 2. The Problem: The Barrier \u0026 Aging Dilemma Grid --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n\u003ch2 class=\"cs-section-title\"\u003e일반 보습제는 왜 효과가 없나요?\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 일반 보습제는 피부 바깥쪽에 자리잡고 있지만, 피부가 스트레스를 받아 여드름 자국이 생기면 \u003cstrong class=\"neon-gold\"\u003e피부 깊숙이 침투하는 강력한 영양\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;\"\u003e전통적인 보습제\u003c\/h4\u003e\n\u003cp\u003e겉에서만 보습을 해주어 모공을 막고 여드름을 유발할 수 있으며, 세안하자마자 아무것도 하지 않은 것처럼 건조함이 다시 찾아옵니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-dilemma-card harmony\"\u003e\n\u003ch4 class=\"neon-gold\"\u003e달팽이 에센스 96%\u003c\/h4\u003e\n\u003cp\u003e몇 초 만에 피부 층에 침투하여 뿌리부터 건조함을 케어하고, 라인을 채워주고, 손상된 피부를 복구하여 손에 실제적이고 오래 지속되는 산뜻함을 선사합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\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;\"\u003e제품의 직접적인 생물학적 이점\u003c\/h3\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003e에센스 드롭은 피부에 어떤 영향을 미칠까요?\u003c\/h2\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.15rem; max-width: 820px; margin: 0 auto;\"\u003e\n 거울에서 보는 모든 결과에는 강력하고 효과적인 천연 성분이 숨어 있습니다.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\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\"\u003e여드름과 흉터의 효과를 지워줍니다.\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag\"\u003e달팽이추출물 96.3%\u003c\/div\u003e\n\u003cp\u003e묵은 여드름의 흔적과 흔적을 빠르게 치료하여 잡티 없이 맑고 매끈한 질감으로 되돌려줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\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\"\u003e즉각적인 플럼핑과 얼굴 보습\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag\"\u003e순수 히알루론산\u003c\/div\u003e\n\u003cp\u003e피부 속으로 물을 끌어당겨 잔주름을 채워주고 하루 종일 손을 건강하고 촉촉하게 가꾸어 줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 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\"\u003e붉은기와 염증을 완화시켜줍니다.\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag mint\"\u003e진정 효과가 있는 판테놀\u003c\/div\u003e\n\u003cp\u003e피부가 민감하거나 햇빛이나 여드름으로 인해 염증이 생긴 경우 몇 분 안에 피부를 진정시키고 발적이나 가려움증을 제거합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\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\"\u003e피부를 탄탄하게 해주고 주름을 예방해줍니다\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag\"\u003e천연 콜라겐\u003c\/div\u003e\n\u003cp\u003e피부를 강화하고 탄력을 회복시켜 더욱 탄탄하고 젊어지게 하며 노화의 징후가 나타나는 것을 지연시킵니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 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\"\u003e얼굴색을 밝게하고 통일시켜줍니다.\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag mint\"\u003e자연적인 세포 재생\u003c\/div\u003e\n\u003cp\u003e칙칙함을 제거하고 죽은 세포의 각질을 매우 부드럽게 제거하여 밝아지고 자연스럽고 균일한 색상으로 되돌려줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\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\"\u003e모공 속 깊은 영양 공급\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag\"\u003e영양 비타민\u003c\/div\u003e\n\u003cp\u003e피부의 가장 깊은 층에 비타민을 전달하여 피부를 건강하게 만들고 새로운 문제와 여드름에 대한 저항력을 갖게 합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\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;\"\u003e제품 뒤에 숨은 비밀\u003c\/h3\u003e\n\u003ch2 class=\"cs-title-glow\" style=\"font-size: clamp(24px, 4.2vw, 36px);\"\u003e이 에센스는 피부를 어떻게 치료하나요?\u003c\/h2\u003e\n\u003c\/div\u003e\n\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. 손상된 세포의 재생\u003c\/h4\u003e\n\u003cp\u003e달팽이 포뮬러는 피부 세포에 새로운 콜라겐을 빠르게 생성한다는 신호를 보내며, 이것이 여드름이 치유되고 피부가 기록적인 시간 내에 부드럽고 탱탱해지게 만듭니다.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e오래되고 새로운 여드름의 치유 속도를 높입니다.\u003c\/li\u003e\n\u003cli\u003e피부가 본연의 탄력을 되찾게 해줍니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BIO 02 --\u003e\n\u003cdiv class=\"cs-science-card cs-delay-1\"\u003e\n\u003cdiv\u003e\n\u003ch4 class=\"neon-mint\"\u003e2. 수분이 증발하지 않는다\u003c\/h4\u003e\n\u003cp\u003e달팽이 추출물과 히알루론산을 결합하면 내부에 물을 가두는 보호막이 형성되어 날씨가 아무리 건조하든 에어컨을 켜든 관계없이 하루 종일 촉촉하고 윤기 있는 상태를 유지합니다.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e당신의 피부는 몇 초 만에 그것을 흡수하고 모공을 청소하지 않습니다.\u003c\/li\u003e\n\u003cli\u003e하루 종일 당신과 함께하는 빛과 신선함.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\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;\"\u003e숫자로 된 결과\u003c\/h3\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003e전 세계 소녀들의 경험에서 얻은 실수\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\"\u003e즉각적인 수분공급과 부드러움\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003e피부에 처음 닿는 순간부터\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\"\u003e알약의 효과 감소\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003e4주 사용 후\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\"\u003e피부 장벽 강화\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003e새로운 여드름에 대한 더욱 강력한 보호\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\"\u003e자연 순도 비율\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003e달팽이 추출물 함유율 세계 최고\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\"\u003e우수한 평가\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003e수백만 건의 실제 경험을 바탕으로\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\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;\"\u003e변화의 여정\u003c\/h3\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003e사용 후 피부에는 어떤 일이 일어날까요?\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\"\u003e처음 사용부터\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003e즉각적인 부드러움과 윤기\u003c\/h4\u003e\n\u003cp\u003e몇 초 만에 피부에 흡수되고 끈적임이 없으며 질감이 전체적으로 매우 부드럽고 윤기 있게 유지됩니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-timeline-card\" style=\"border-top-color: var(--cs-neon-mint);\"\u003e\n\u003cdiv class=\"cs-timeline-badge\" style=\"color: var(--cs-neon-mint); border-color: var(--cs-neon-mint);\"\u003e첫 번째 주\u003c\/div\u003e\n\u003ch4 class=\"neon-mint\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003e피부를 진정시키고 편안하게 해주세요\u003c\/h4\u003e\n\u003cp\u003e붉은기가 사라지고, 입과 콧구멍 주변의 딱지나 건조함이 완전히 사라집니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-timeline-card\" style=\"border-top-color: var(--cs-amber-accent);\"\u003e\n\u003cdiv class=\"cs-timeline-badge\" style=\"color: var(--cs-amber-accent); border-color: var(--cs-amber-accent);\"\u003e세 번째 주\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003e여드름의 효과를 완화\u003c\/h4\u003e\n\u003cp\u003e다크스팟이 옅어지기 시작하고 피부결이 더욱 균일해지며 잔주름이 크게 줄어듭니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-timeline-card\" style=\"border-top-color: var(--cs-neon-gold);\"\u003e\n\u003cdiv class=\"cs-timeline-badge\"\u003e두 번째 달과 계산\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003e아자즈처럼 맑은 피부\u003c\/h4\u003e\n\u003cp\u003e지속되는 산뜻함, 탄탄한 피부 장벽, 그리고 메이크업 없이도 자연스러운 아름다움을 즐길 수 있는 자신감!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\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;\"\u003e당신의 아름다움을 위한 가장 저렴하고 현명한 선택\u003c\/h3\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003e많은 상품을 절약할 수 있는 확실한 절약과 혜택\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\"\u003e몇 달 동안 사용할 수 있는 큰 사이즈\u003c\/h3\u003e\n\u003cp\u003e100ml 용량으로 3~5개월간 매일 사용하기에 충분합니다.단 2방울이면 얼굴과 목 전체에 사용 가능합니다.\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\"\u003e그것은 당신의 돈과 시간을 절약해 줍니다.\u003c\/h3\u003e\n\u003cp\u003e여드름을 치료하기 위해 보습 세럼과 또 다른 세럼을 구입할 필요가 없습니다. 두 가지 모두 매우 강력한 병에 담겨 있습니다.\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\"\u003e매우 자연스럽고 안전함\u003c\/h3\u003e\n\u003cp\u003e자극적인 냄새나 알코올이 없이 건조되어 쉽게 추출됩니다.달팽이에 해를 끼치지 않고 추출되어 민감한 피부에도 적합합니다.\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\"\u003e빠른 결과를 위한 사용 방법\u003c\/h2\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 1.2rem; font-weight: 800;\"\u003e한 방울씩 피부에 혜택을 주는 간단한 단계\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-steps-grid\"\u003e\n\u003cdiv class=\"cs-step-card\"\u003e\n\u003cdiv class=\"cs-step-num\"\u003e01\u003c\/div\u003e\n\u003ch4\u003e클렌저와 토너\u003c\/h4\u003e\n\u003cp\u003e세안을 하고 토너를 바르고 에센스가 더 빠르고 잘 흡수될 수 있도록 피부를 조금 산뜻하게 남겨두세요.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-step-card\"\u003e\n\u003cdiv class=\"cs-step-num\"\u003e02\u003c\/div\u003e\n\u003ch4\u003e딱 두 점\u003c\/h4\u003e\n\u003cp\u003e손에 한두 번 넉넉하게 압력을 가하고 목과 목에 부드럽게 분포시킵니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-step-card\"\u003e\n\u003cdiv class=\"cs-step-num\"\u003e03\u003c\/div\u003e\n\u003ch4\u003e가벼운 통통함\u003c\/h4\u003e\n\u003cp\u003e피부에 완전히 흡수될 때까지 편안하게 바르고, 일반 보습크림을 발라주세요.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-glass-box\" style=\"margin-top: 30px; text-align: center;\"\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.25rem; font-weight: 900; margin-bottom: 12px;\"\u003e마법같은 결과를 위한 전문가의 조언:\u003c\/h4\u003e\n\u003cp class=\"pure-white\" style=\"margin: 0; line-height: 1.85;\"\u003e\n\u003cstrong class=\"neon-mint\"\u003e그 비밀은 바로 물속에 있습니다!\u003c\/strong\u003e 항상 피부에 살짝 물기가 있을 때 바르고, 완전히 건조한 피부에는 절대 바르지 마세요.이를 통해 히알루론산과 달팽이 추출물이 세포 깊숙이 물을 끌어들이고 믿을 수 없는 방식으로 수분 공급과 신선도를 두 배로 높여줍니다!\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\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 성분 목록(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% 순수 포뮬러입니다.민감하고 여드름이 나는 모든 피부 유형에 이상적입니다.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 10. Final High-Converting CTA --\u003e\n\u003csection class=\"cs-reveal\" id=\"cs-buy\" style=\"text-align: center; margin-top: 55px; padding: 50px 20px; background: linear-gradient(180deg, rgba(20, 16, 12, 0.95) 0%, rgba(6, 4, 3, 0.98) 100%); border-radius: 24px; border: 2px solid var(--cs-amber-accent); box-shadow: 0 20px 60px rgba(245, 197, 24, 0.25);\"\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 1.25rem; font-weight: 900; margin-bottom: 12px; letter-spacing: 0.5px;\"\u003e지금 오리지널 에센스를 주문하세요\u003c\/p\u003e\n\u003ch2 class=\"cs-title-glow\" style=\"font-size: clamp(24px, 4.5vw, 36px); margin-bottom: 20px;\"\u003e\n 당신의 피부가 진지하게 재생되고 다시 깨달을 수 있는 기회를 주십시오.\n \u003c\/h2\u003e\n\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 흉터와 건조함을 그대로 남기는 표면적인 보습 크림에 돈을 낭비하지 말고, 전 세계 수백만 소녀들의 피부 모습을 바꿔놓은 순수 달팽이 추출물의 힘을 사용해 보세요.\n \u003c\/p\u003e\n\u003ca class=\"cs-gold-btn\" href=\"#\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'}); return false;\"\u003e지금 주문하고 루틴을 시작해 보세요\u003c\/a\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c!-- Section --\u003e\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const reveals = document.querySelectorAll('.cs-reveal');\n \n const observerOptions = {\n root: null,\n threshold: 0.08,\n rootMargin: \"0px 0px -40px 0px\"\n };\n\n const scrollObserver = new IntersectionObserver(function(entries, observer) {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('cs-active');\n observer.unobserve(entry.target); \n }\n });\n }, observerOptions);\n\n reveals.forEach(el =\u003e {\n scrollObserver.observe(el);\n });\n });\n \u003c\/script\u003e\n\u003c\/div\u003e\n```eof","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44252532965573,"sku":"","price":1240.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_mucin_egypt.jpg?v=1759353797"},{"product_id":"cosrx-hyaluronic3","title":"코스알엑스 히알루론산 3% |세라마이드 |천연보습인자 |피부 보습제 |주름필러","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n \/* Base styles *\/\n .product-description {\n max-width: 900px;\n margin: 0 auto;\n color: #333;\n line-height: 1.6;\n padding: 20px;\n position: relative;\n overflow: hidden;\n direction: 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\u003e탈수 문제는 여기에서 시작됩니다: 촉촉하고 탄탄하며 빛나는 피부\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e당신의 피부는 생기를 잃고 싶어 울부짖고 있으며, 치료를 받지 않은 채 하루하루가 지날수록 문제는 더욱 깊어지고 되돌리기가 더욱 어려워집니다.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e조기 주름은 단순한 자연스러운 변화가 아니라는 사실을 알고 계셨나요?오히려 피부의 필수 수분 장벽이 저하되었다는 증거입니다.이 선은 단순한 통과 표시가 아닙니다.이는 피부가 수분과 탄력을 유지하는 능력을 잃기 시작했다는 경고입니다.효과적인 보습 없이 하루가 지날수록 이러한 흔적은 더욱 깊어지고 치료가 더욱 어려워집니다.피부에 적절한 관리가 부족하면 주름이 나타나기 시작합니다.수분이 부족하면 쉽게 사라지지 않는 잔주름과 주름이 생길 수 있습니다.히알루론산으로 피부에 필요한 힘을 부여하고, 더 늦기 전에 활력을 되찾으세요.\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\u003e기존의 모이스처라이저를 뛰어넘는 혁신:\u003c\/h3\u003e\n\u003cp\u003e대부분의 제품은 보습만 제공하지만 이 세럼은 다음과 같은 역할을 합니다.\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\"\u003e타고난 개혁가\u003c\/div\u003e\n\u003cp\u003e피부의 보호 장벽을 복원하여 피부를 더 강하고 손상에 대한 저항력을 강화합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-title\"\u003e피부 결 개선제\u003c\/div\u003e\n\u003cp\u003e거친 피부결을 제거해 첫 사용 후 매끈매끈한 피부로 가꿔줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-title\"\u003e만성 탈수증 퇴치\u003c\/div\u003e\n\u003cp\u003e건조함을 뿌리부터 치료하는 동시에 몇 시간 동안 지속되는 오래 지속되는 보호 기능을 제공합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003e어떤 용도로든 고급스러운 느낌을 선사합니다.\u003c\/h3\u003e\n\u003cp\u003e독특한 질감은 이전에 사용해 본 어떤 제품과도 다릅니다.가볍고 쉽게 흡수되는 포뮬러로 하루 종일 지속되는 부드러움과 편안함으로 피부를 감싸줍니다.\u003c\/p\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Hyaluronic Acid Serum Close Up\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_hyaluronic_acid_serum_3_3_05420fce-d269-44ac-b8e0-116910c16bbc.webp?v=1745676300\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003e코스알엑스 히알루론산 인텐시브 크림의 특별한 점은 무엇인가요?\u003c\/h2\u003e\n\u003c!-- First Info Block --\u003e\n\u003cdiv class=\"info-block\"\u003e\n\u003ch3 class=\"info-title\"\u003e1. NMF(아미노산 복합체)의 강력한 혼합:\u003c\/h3\u003e\n\u003cp\u003e천연 보습 인자(NMF)에는 피부에서 발견되는 천연 성분을 모방하는 아미노산 그룹이 포함되어 있으며 다음과 같은 효과가 있습니다.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003e피부 깊숙이 수분을 공급하세요:\u003c\/strong\u003e 아미노산은 피부가 수분을 유지하도록 도와주어 자연스러운 신선함과 탄력을 선사합니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e피부 장벽 회복:\u003c\/strong\u003e 이 화합물은 환경적 요인과 건조함으로부터 피부를 보호하는 능력을 향상시킵니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e부드러움 증가:\u003c\/strong\u003e 정기적으로 사용하면 거친 피부 질감을 줄이고 자연스러운 수분 수준의 균형을 재조정합니다.\u003c\/li\u003e\n\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. 세라마이드: 피부와 노화 요인 사이의 마지막 보루\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e피부 장벽이 무너지면 피부는 건조함과 윤기 상실을 향한 돌이킬 수 없는 여정을 시작합니다.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e강력한 장벽이 없으면 피부의 모든 적들이 무자비하게 침입해올 것입니다. \u003c\/strong\u003e일반 피부에는 \u003cstrong\u003e세라마이드\u003c\/strong\u003e 수분을 유지하고 손실을 방지하는 보호 장벽의 필수 부분입니다.\u003c\/p\u003e\n\u003cp\u003e이러한 세라마이드가 손실되면 피부 장벽이 무너져 수분과 청량감이 상실되고 피부가 노화를 유발하는 환경적 요인에 노출됩니다.이러한 지원이 없으면 피부는 스트레스와 노화의 징후가 가속화되는 전쟁터로 변합니다.피부가 노출되어 손상되기 쉬울까요?\u003c\/p\u003e\n\u003cp\u003e세럼에는 피부 보호막을 회복하고 유해 물질이 피부 깊숙한 층으로 침투하는 것을 방지하는 고농축 세라마이드가 포함되어 있습니다.\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. 피부 표면 아래 2.5ml까지 보습\u003c\/h3\u003e\n\u003cp\u003e이 포뮬라는 강력한 농도의 히알루론산을 사용하여 피부의 모든 층에 깊숙이 수분을 공급하여 모든 모이스처라이저에서 비교할 수 없는 깊이에 도달합니다.이 포뮬라는 피부의 가장 깊은 세포에 침투하여 피부의 모든 부위에 효과적인 수분 공급을 제공합니다.\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\"\u003e외부 표피\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-layer dermis\"\u003e\n\u003cspan class=\"layer-label\"\u003e진피\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-layer hypodermis\"\u003e\n\u003cspan class=\"layer-label\"\u003e진피 아래\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"penetration-arrow\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"penetration-label\"\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\u003e한 방울 한 방울마다 피부 내부부터 재건됩니다.\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e작은 한 방울... 큰 임팩트: 적은 양으로도 피부 수분 공급 완성\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e코스알엑스의 히알루론산 세럼 포뮬러 덕분에 아주 적은 양만으로도 얼굴 전체를 커버할 수 있습니다.집중적이고 효과적인 포뮬라는 지능적으로 작용하여 피부의 모든 층에 수분을 깊숙이 분산시켜 제품 낭비 없이 눈에 띄는 결과를 선사합니다.\u003c\/p\u003e\n\u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n\u003ch3\u003e사용 방법:\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\"\u003e피부 타입에 맞는 클렌저를 사용하여 피부를 깨끗하게 클렌징하세요.\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\"\u003e깨끗하고 약간 물기가 있는 피부에 세럼 몇 방울을 바르십시오.\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\"\u003e손가락 끝을 사용하여 부드럽게 원을 그리듯 세럼을 부드럽게 펴 바릅니다.\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\"\u003e이어서 보습 크림을 발라 피부에 수분을 고정하세요(선택 사항).\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\"\u003e최상의 결과를 얻으려면 아침과 저녁에 세럼을 하루에 두 번 사용하십시오.\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\u003e깊은 수분 공급과 지속적인 상쾌함으로 목마른 피부를 위한 이상적인 솔루션\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e지금 바로 피부에 생기를 불어넣으세요!\u003c\/strong\u003e\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003e지금 구매\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Add subtle animations and interactions\n (function() {\n \/\/ Observe elements coming into view\n const observeElements = (elements, callback) =\u003e {\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n callback(entry.target);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n \n elements.forEach(el =\u003e observer.observe(el));\n };\n \n \/\/ Apply animations to feature cards when they come into view\n observeElements(document.querySelectorAll('.feature-card'), (element) =\u003e {\n element.style.animation = 'fadeInRight 0.6s ease forwards';\n });\n \n \/\/ Apply animations to info blocks when they come into view\n observeElements(document.querySelectorAll('.info-block'), (element) =\u003e {\n element.style.animation = 'fadeInUp 0.6s ease forwards';\n });\n \n \/\/ Apply animations to steps when they come into view\n observeElements(document.querySelectorAll('.step'), (element) =\u003e {\n element.style.animation = 'fadeInRight 0.6s ease forwards';\n });\n \n \/\/ Apply animations to highlight block when it comes into view\n observeElements(document.querySelectorAll('.highlight-block'), (element) =\u003e {\n element.style.animation = 'fadeIn 0.8s ease forwards';\n \n \/\/ Animate the penetration arrow after the block appears\n setTimeout(() =\u003e {\n const arrow = element.querySelector('.penetration-arrow');\n if (arrow) {\n arrow.style.height = '0%';\n arrow.style.transition = 'height 1.5s ease';\n \n setTimeout(() =\u003e {\n arrow.style.height = '80%';\n }, 300);\n }\n }, 300);\n });\n \n \/\/ Add keyframes for animations\n const style = document.createElement('style');\n style.textContent = `\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes fadeInRight {\n from {\n opacity: 0;\n transform: translateX(20px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n \n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n `;\n document.head.appendChild(style);\n })();\n\u003c\/script\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44297342386373,"sku":"INSTA055008CHIQ","price":1020.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_hyaluronic_acid_serum_3.webp?v=1734295431"},{"product_id":"cosrx-niacinamide-serum","title":"코스알엑스 나이아신아마이드 15% |모공 전문 |가볍게 |오일 조절","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n \/* Base styles *\/\n .product-description {\n max-width: 900px;\n margin: 0 auto;\n color: #333;\n line-height: 1.6;\n padding: 20px;\n position: relative;\n overflow: hidden;\n direction: 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\u003e스킨 케어를 바꾼 완벽한 화합물... 이제 최고 농도로 만나보세요\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;\"\u003e고농축으로 차이점을 찾아보세요\u003c\/h3\u003e\n\u003cp\u003e여러분은 아마도 이전에 나이아신아미드를 사용해 본 적이 있을 것입니다. 하지만 이 15% 농도에서는 한 번도 시도해 본 적이 없을 것입니다. 이는 스킨 케어에 대해 여러분이 알고 있는 모든 것에 도전하게 될 것입니다.노폐물에 대한 효과는 그 어느 때보다 강력하며, 전례 없는 효과로 모공을 수축시켜 줍니다.\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\u003e멜라닌 밸런싱 포뮬라는 가장 까다로운 색소 침착에도 도전합니다.\u003c\/h2\u003e\n\u003cdiv class=\"info-section\"\u003e\n\u003cp\u003e이 포뮬러는 멜라닌 생성의 균형을 맞추는 데 매우 특화되어 있습니다.환경 요인에 노출되면 피부는 멜라닌 생성을 고르지 않게 증가시켜 외모에 눈에 띄게 영향을 미치는 성가신 색소 침착이 나타나게 됩니다.\u003c\/p\u003e\n\u003cp\u003e이 포뮬러는 색소 생성의 균형을 맞춰 피부 톤을 균일하게 하고 색소침착 없는 맑고 깨끗한 피부를 선사합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"Pore Minimizing Effect\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/1.6.webp?v=1745677506\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003e넓은 모공으로 고민이신가요?이것이 궁극적인 해결책이다\u003c\/h2\u003e\n\u003cp\u003e나이보다 더 들어보이게 만드는 귀찮은 큰 모공을 제거하고, 먼지와 유해환경 요인을 흡착하여 피부 깊숙이 끌어들이세요.\u003c\/p\u003e\n\u003cp\u003e피부의 모공을 깨끗하게 정화시켜주고, 유분 분비를 줄여 눈에 보이지 않게 모공의 크기를 줄여주고, 피부결을 유리알처럼 만들어주는 세럼입니다... 말그대로!\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\"\u003e모공 축소\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e15% 농도의 나이아신아마이드가 오일의 분비를 조절하고 큰 모공을 매우 효과적으로 수축시킵니다.\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\"\u003e피부톤 통일\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e멜라닌 색소의 생성을 조절하여 색소침착을 치료하고 피부톤을 통일해줍니다.\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\"\u003e여드름 퇴치\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e피지분비를 조절하여 염증을 감소시키고 여드름을 예방합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"Texture Improvement\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_niacinamide_serum_15_2.webp?v=1745677561\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003e피부 질감을 재구성합니다.\u003c\/h2\u003e\n\u003cp\u003e나이아신아마이드 세럼은 여드름 퇴치에 도움이 될 뿐만 아니라 전반적인 피부결을 개선하고 피부를 더욱 부드럽고 탄력있게 만드는 데 도움을 줍니다.\u003c\/p\u003e\n\u003cp\u003e단순한 세럼 그 이상으로, 피부에 완전한 활력을 불어넣어 줍니다.\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\u003e화이트헤드와 블랙헤드는 이제 안녕\u003c\/h2\u003e\n\u003cp\u003e화이트헤드와 블랙헤드는 모공 내부에 유분과 피지가 쌓여 막히거나 공기와 상호작용하면서 생성됩니다.코스알엑스 나이아신아마이드 세럼은 모공 크기를 줄여주고 피지 분비를 조절해 피지와 노폐물이 쌓이는 것을 방지해줍니다.또한 피부 세포를 재생하고 부드럽게 각질을 제거하는 데 도움을 주어 막힌 모공을 예방하고 화이트 헤드와 블랙 헤드를 효과적으로 치료합니다.\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\u003e지성피부를 위한 꿈의 제품이에요\u003c\/h2\u003e\n\u003cdiv class=\"featured-section\"\u003e\n\u003cp\u003e지성 또는 복합성 피부를 갖고 계시다면 과도한 유분과 넓어진 모공을 관리하는 데 어려움을 겪고 계실 것입니다.하지만 코스알엑스 나이아신아마이드 세럼 15%를 사용하면 과도한 윤기나 피지분비로 인한 트러블 걱정 없이 맑고 탄탄한 피부를 연출할 수 있습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2\u003e시간의 요소로부터 포괄적인 보호...치료와 예방을 하나의 공식으로\u003c\/h2\u003e\n\u003cp\u003e시간은 당신의 피부에 자비를 베풀지 않습니다.매일 우리가 유해한 환경 요인에 노출되는 것은 조기 노화를 향한 더 큰 단계입니다.\u003cbr\/\u003e시간과의 전쟁에서 피부를 혼자 두지 마세요\u003c\/p\u003e\n\u003cp\u003e당신의 피부는 나이아신아마이드 보호막으로 무장해야 합니다!이 고농축 포뮬러의 나이아신아미드는 조기 노화를 유발하는 산화제로부터 피부를 보호합니다!\u003c\/p\u003e\n\u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n\u003c!-- Usage Section --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch3 class=\"usage-title\"\u003e어떻게 사용하나요?\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\"\u003e피부 클렌징\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\"\u003e토너를 바르세요\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\"\u003e혈청 도포\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\"\u003e보습크림\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-box\"\u003e\n\u003cp\u003e다른 크림이나 오일을 사용하기 전에 아침 저녁으로 나이아신아미드 세럼 15%를 깨끗한 피부에 바르십시오.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e참고\u003c\/strong\u003e: 순수 비타민C(아스코르브산)가 함유된 제품과 동시에 사용하는 것은 바람직하지 않습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-container\"\u003e\n\u003ch2\u003eCOSRX Niacinamide 15% Serum\u003c\/h2\u003e\n\u003cp\u003e넓은 모공과 고르지 못한 피부톤을 위한 완벽한 솔루션\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003e지금 구매\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Add subtle animations and interactions\n (function() {\n \/\/ Function to animate percentage circle\n const animatePercentageCircle = () =\u003e {\n const percentageCircle = document.querySelector('.percentage-circle');\n \n if (percentageCircle) {\n percentageCircle.style.background = 'conic-gradient(#9C8102 0% 0%, #f0f0f0 0% 100%)';\n \n setTimeout(() =\u003e {\n percentageCircle.style.transition = 'background 1.5s ease-out';\n percentageCircle.style.background = 'conic-gradient(#9C8102 0% 15%, #f0f0f0 15% 100%)';\n }, 300);\n }\n };\n \n \/\/ Observe elements coming into view\n const observeElements = (elements, callback) =\u003e {\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n callback(entry.target);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n \n elements.forEach(el =\u003e observer.observe(el));\n };\n \n \/\/ Animate percentage circle when it comes into view\n observeElements([document.querySelector('.percentage-container')], () =\u003e {\n animatePercentageCircle();\n });\n \n \/\/ Apply animations to benefit cards when they come into view\n observeElements(document.querySelectorAll('.benefit-card'), (element) =\u003e {\n element.style.animation = 'fadeInUp 0.6s ease forwards';\n });\n \n \/\/ Apply animations to info sections when they come into view\n observeElements(document.querySelectorAll('.info-section, .featured-section, .highlight-box'), (element) =\u003e {\n element.style.animation = 'fadeIn 0.8s ease forwards';\n });\n \n \/\/ Apply animations to step numbers when they come into view\n observeElements(document.querySelectorAll('.step-number'), (element) =\u003e {\n element.style.animation = 'pulseIn 0.5s ease forwards';\n });\n \n \/\/ Add keyframes for animations\n const style = document.createElement('style');\n style.textContent = `\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n \n @keyframes pulseIn {\n 0% {\n transform: scale(0.5);\n opacity: 0;\n }\n 70% {\n transform: scale(1.1);\n }\n 100% {\n transform: scale(1);\n opacity: 1;\n }\n }\n \n .benefit-card,\n .info-section,\n .featured-section,\n .highlight-box {\n opacity: 0;\n }\n \n .step-number {\n opacity: 0;\n }\n `;\n document.head.appendChild(style);\n })();\n\u003c\/script\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44299894751429,"sku":"INSTA05ت5008CHIQ","price":1350.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/66552D17-1B88-42CF-9BA7-0C4E7BE359B9.webp?v=1734367558"},{"product_id":"cosrx-retinol-serum","title":"코스알엑스 레티놀 세럼 0.5% + 스쿠알렌 |주름개선 |피부 탄력 개선","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n \/* Base styles *\/\n .product-description {\n max-width: 900px;\n margin: 0 auto;\n color: #333;\n line-height: 1.6;\n padding: 20px;\n position: relative;\n overflow: hidden;\n }\n\n \/* Typography *\/\n .product-description h2, \n .product-description h3, \n .product-description h4 {\n color: #9C8102;\n margin-top: 1.5em;\n margin-bottom: 0.8em;\n font-weight: 700;\n }\n\n .product-description h2 {\n font-size: 2.2rem;\n text-align: center;\n }\n\n .product-description h3 {\n font-size: 1.8rem;\n position: relative;\n }\n \n .product-description h3::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n margin-top: 10px;\n }\n\n .product-description h4 {\n font-size: 1.4rem;\n }\n\n .product-description p {\n font-size: 1.1rem;\n margin-bottom: 1.2em;\n }\n\n .product-description ul {\n list-style: none;\n padding: 0;\n margin: 1.5em 0;\n }\n\n .product-description li {\n margin-bottom: 1.5em;\n background: rgba(156, 129, 2, 0.03);\n padding: 20px;\n border-radius: 10px;\n border-right: 4px solid #9C8102;\n }\n\n \/* Hero section *\/\n .hero-container {\n position: relative;\n margin: 2em 0;\n text-align: center;\n }\n\n .hero-image {\n max-width: 100%;\n height: auto;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n border-radius: 15px;\n transition: transform 0.5s ease;\n }\n\n .hero-image:hover {\n transform: scale(1.02);\n }\n\n \/* Feature cards *\/\n .feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 2em 0;\n }\n\n .feature-card {\n padding: 25px;\n background: #fff;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .feature-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n \/* Results section *\/\n .results-container {\n background: linear-gradient(to right, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1), rgba(156, 129, 2, 0.05));\n padding: 30px;\n border-radius: 15px;\n margin: 2em 0;\n position: relative;\n overflow: hidden;\n text-align: center;\n }\n\n .percentage-bar {\n width: 100%;\n height: 10px;\n background-color: rgba(255, 255, 255, 0.7);\n border-radius: 5px;\n overflow: hidden;\n margin: 20px 0;\n }\n\n .percentage-fill {\n height: 100%;\n width: 0;\n background-color: #9C8102;\n transition: width 1.5s ease-in-out;\n }\n\n \/* Usage timeline *\/\n .timeline {\n position: relative;\n max-width: 1200px;\n margin: 0 auto;\n padding: 40px 0;\n }\n\n .timeline::after {\n content: '';\n position: absolute;\n width: 6px;\n background-color: rgba(156, 129, 2, 0.2);\n top: 0;\n bottom: 0;\n right: 50%;\n margin-right: -3px;\n }\n\n .timeline-item {\n padding: 10px 50px;\n position: relative;\n width: 50%;\n }\n\n .timeline-item::after {\n content: '';\n position: absolute;\n width: 25px;\n height: 25px;\n background-color: white;\n border: 4px solid #9C8102;\n border-radius: 50%;\n top: 15px;\n transition: transform 0.5s ease, background-color 0.5s ease;\n }\n\n .timeline-item:hover::after {\n transform: scale(1.2);\n background-color: #9C8102;\n }\n\n .right {\n right: 0;\n }\n\n .left::after {\n right: -12px;\n }\n\n .right::after {\n left: -12px;\n }\n\n \/* CTA section *\/\n .cta-container {\n background: linear-gradient(135deg, #9C8102, #c7aa30);\n color: white;\n padding: 40px;\n border-radius: 15px;\n text-align: center;\n margin: 2em 0;\n }\n\n .cta-container h3 {\n color: white;\n }\n\n .cta-button {\n display: inline-block;\n padding: 12px 35px;\n background-color: white;\n color: #9C8102;\n font-weight: bold;\n border-radius: 30px;\n text-decoration: none;\n margin-top: 20px;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n\n .cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n }\n\n \/* Separator *\/\n .separator {\n height: 2px;\n background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.5), transparent);\n margin: 2em 0;\n width: 100%;\n }\n\n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .feature-grid {\n grid-template-columns: 1fr;\n }\n\n .timeline::after {\n right: 30px;\n }\n \n .timeline-item {\n width: 100%;\n padding-right: 70px;\n padding-left: 25px;\n }\n \n .right {\n right: auto;\n }\n \n .right::after {\n left: auto;\n right: 18px;\n }\n \n .left::after {\n right: 18px;\n }\n }\n\n \/* Animation classes - Added for animated elements when JS loads *\/\n .animate-on-scroll {\n transition: transform 0.8s ease, opacity 0.8s ease;\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003ch2\u003e레티놀...노화 징후에 맞서 싸우는 무명의 군인\u003c\/h2\u003e\n\u003cp\u003e거울을 보면서 시간이 피부에 흔적을 남기기 시작했다고 느낀 적이 있습니까?잔주름이 서서히 생기고, 모공이 넓어지고, 피부결이 예전처럼 매끈하지 않게 느껴지시나요?\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e시간이 당신을 통제하도록 두지 마십시오\u003c\/strong\u003e\u003cbr\/\u003e노화는 이러한 변화를 받아들이는 핑계가 아니라 오히려 극복할 수 있는 도전입니다.\u003c\/p\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"코스알엑스 레티놀 세럼\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_retinol_0.5_in_squalene_serum.png?v=1745156607\"\/\u003e\n\u003c\/div\u003e\n\u003ch3\u003e해결책?코스알엑스 레티놀 세럼 0.5%\u003c\/h3\u003e\n\u003cp\u003e깊은 주름과 잔주름부터 거친 피부결과 탄력 저하까지 가장 미묘한 피부 고민까지 세심하게 설계한 세계 최고의 레티놀 제품입니다.\u003c\/p\u003e\n\u003c!-- Features Section --\u003e\n\u003ch3\u003e이 포뮬러가 최고의 레티놀 포뮬러 중 하나인 이유는 무엇입니까?\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\u003e탁월한 농도의 순수 레티놀\u003c\/h4\u003e\n\u003cp\u003e이 제품에는 \u003cstrong\u003e0.5% 농도의 순수 레티놀\u003c\/strong\u003e이는 시중에서 판매되는 최고 농도 중 하나입니다.레티놀은 이렇게 높은 농도로 제형화하기가 매우 어렵기로 악명이 높기 때문에 안정성을 유지하고 효과를 보장하기 위해서는 정밀한 기술이 필요합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✿\u003c\/div\u003e\n\u003ch4\u003e피부자극을 일으키지 않는 순한 포뮬러\u003c\/h4\u003e\n\u003cp\u003e피부에 자극과 붉은기를 유발할 수 있는 기존 레티놀 제형과 달리, 독특한 진정 성분을 블렌딩하여 민감한 피부에도 순하게 사용 가능한 제품입니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e💧\u003c\/div\u003e\n\u003ch4\u003e가벼운 질감과 빠른 흡수\u003c\/h4\u003e\n\u003cp\u003e가볍고 실키한 오일 텍스처로 피부에 쉽게 흡수되어 끈적한 잔여물을 남기지 않아 나이트 루틴의 필수 단계로 이상적입니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch4\u003e식물성 스쿠알렌으로 깊은 수분 공급\u003c\/h4\u003e\n\u003cp\u003e제품에는 다음이 포함되어 있습니다. \u003cstrong\u003e식물에서 추출한 스쿠알렌\u003c\/strong\u003e, 레티놀 사용으로 인한 건조함을 막아주는 강력한 보습 역할을 하여 밤새 촉촉하고 부드러운 피부를 유지해줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch4\u003e토코트리에놀(슈퍼 비타민E)\u003c\/h4\u003e\n\u003cp\u003e활성 산소 손상을 크게 줄이고 전반적인 피부 외관을 개선하여 레티놀의 효과를 강화하고 포괄적인 결과를 보장합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Section --\u003e\n\u003cdiv class=\"results-container\"\u003e\n\u003cimg alt=\"레티놀 세럼 사용 결과\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_retinol_serum_05_6.webp?v=1736009520\" style=\"max-width: 100%; height: auto; margin-bottom: 20px; border-radius: 10px;\"\/\u003e\n\u003ch3\u003e인상적인 임상 결과!\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e단 4주 만에 코, 입술 라인 18.4% 개선\u003c\/strong\u003e (실험실 실험을 통해 확인됨)\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=\"코스알엑스 레티놀\" 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\u003e점진적 사용, 탁월한 효과\u003c\/h3\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item left\"\u003e\n\u003ch4\u003e1~2주차\u003c\/h4\u003e\n\u003cp\u003e피부가 적응할 수 있도록 천천히 시작하세요.처음에는 주 1회 사용하시고, 둘째 주부터는 주 2회 사용하세요.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item right\"\u003e\n\u003ch4\u003e3~4주차\u003c\/h4\u003e\n\u003cp\u003e빈도를 주 3회로 늘립니다.피부 질감이 개선되고 초기 잔주름이 감소하는 것을 확인할 수 있습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item left\"\u003e\n\u003ch4\u003e5~8주차\u003c\/h4\u003e\n\u003cp\u003e매일 제품을 사용하거나 피부가 견딜 수 있는 만큼 사용하십시오.피부 탄력과 산뜻함이 확실히 개선되는 것을 느끼실 수 있습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item right\"\u003e\n\u003ch4\u003e8주차부터\u003c\/h4\u003e\n\u003cp\u003e주름과 노화의 흔적 없이 새롭게 태어난 신선한 피부를 즐겨보세요!\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\u003e코스알엑스 레티놀 오일 0.5%\u003c\/h3\u003e\n\u003cp\u003e단순한 스킨케어 제품이 아닌, 피부의 편안함을 손상시키지 않으면서 가시적인 결과를 제공하는 진보된 과학 혁신입니다.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e지금 시작하고 시간의 흔적에 맞서 싸우세요!\u003c\/strong\u003e\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003e지금 구매\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Animate percentage bar\n (function() {\n \/\/ Add animation to percentage bar without hiding content\n setTimeout(function() {\n var percentageFills = document.querySelectorAll('.percentage-fill');\n percentageFills.forEach(function(fill) {\n var percent = fill.getAttribute('data-percent');\n fill.style.width = percent + '%';\n });\n }, 500);\n \n \/\/ Optional: Enable scroll animations only if preferred\n var enableScrollAnimations = false;\n \n if (enableScrollAnimations) {\n \/\/ Add animation classes to elements\n var elementsToAnimate = document.querySelectorAll('.product-description h2, .product-description h3, .product-description h4, .product-description p, .feature-card, .results-container, .timeline-item, .cta-container');\n \n elementsToAnimate.forEach(function(el) {\n el.classList.add('animate-on-scroll');\n });\n \n \/\/ Intersection Observer for scroll animations\n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.style.opacity = 1;\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, { threshold: 0.1 });\n \n elementsToAnimate.forEach(function(el) {\n el.style.opacity = 0;\n el.style.transform = 'translateY(20px)';\n observer.observe(el);\n });\n }\n })();\n\u003c\/script\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44359242252485,"sku":null,"price":1170.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx-the-retinol-0-5-oil-20ml_1.webp?v=1736169264"},{"product_id":"cosrx-6-peptide","title":"코스알엑스 더 6 펩타이드 스킨 부스터 세럼 - 멀티 펩타이드 토탈 스킨 리셋 \u0026 베리어 리뉴얼","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\"\u003e코스알엑스 6 펩타이드 스킨 부스터 세럼\u003c\/h2\u003e\n\u003cp class=\"peptide-subtitle\"\u003e6가지 강력한 펩타이드가 함유되어 피부를 종합적으로 젊어지게 개선해주는 첨단 제품\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peptide-content\"\u003e\n\u003ch3 class=\"peptide-section-title fade-in\"\u003e왜 펩타이드가 표어인가요?\u003c\/h3\u003e\n\u003cp class=\"peptide-text fade-in\"\u003e펩타이드는 피부 회복과 재생에 핵심적인 아미노산 사슬입니다.그러나 펩타이드의 강점은 다양성에 있습니다.\u003cbr\/\u003e그렇기 때문에 팀은 \u003cspan class=\"highlight\"\u003eCOSRX\u003c\/span\u003e 다음을 포함하는 놀라운 공식을 만들어서 \u003cspan class=\"highlight\"\u003e6가지 펩타이드\u003c\/span\u003e발생할 수 있는 모든 문제를 해결하도록 설계되었습니다.\u003c\/p\u003e\n\u003cul class=\"peptide-list fade-in\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e피부 탄력 회복:\u003c\/strong\u003e 처짐은 이제 안녕.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e깊은 주름과 잔주름을 줄입니다.\u003c\/strong\u003e 얼굴을 몇 년 더 젊어 보이게 만들어 보세요.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e모공을 줄이고 매끄러운 피부를 만드세요:\u003c\/strong\u003e 작은 디테일이 차이를 만들기 때문이죠.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e무거운 느낌 없이 2배 수분 공급:\u003c\/strong\u003e 피부가 다시 숨을 쉬게 됩니다.\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\"\u003e단일 제품으로 복잡하고 비용이 많이 드는 루틴이 필요하지 않습니다.\u003c\/h3\u003e\n\u003cp class=\"peptide-text\"\u003e와 \u003cspan class=\"highlight\"\u003e코스알엑스 6 펩타이드 스킨 부스터 세럼\u003c\/span\u003e더 이상 부담스럽고 많은 비용이 드는 여러 제품을 모아둘 필요가 없습니다.6가지 유효 펩타이드가 함유되어 다양한 피부 고민을 단 한번의 스텝으로 해결해주는 첨단 제품입니다.\u003c\/p\u003e\n\u003cp class=\"peptide-text\"\u003e내가 조합 혈청 에이내가엠완료, Y엠엔 에이내가에이SGh엔에이 에이엔 토너, 혈청, and에이내가엠SHR에이 에이No크R, and다음 시간 절약 그리고에이내가엠에이내가. 에이내가엠에이내가 그리고고급 스킨케어 솔루션 내가엠 Y에이디 YH에이 내가 R그리고Y엔 와디. 혈청 COSRX 6 Peptide 그는 내가 엠에이 H에이전자 내가피부 피HY 그리고엠디디.\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가지 펩타이드가 조화롭게 작용하여 피부를 젊게 만들어줍니다.\u003c\/h3\u003e\n\u003cp class=\"peptide-text\"\u003e피부에 활력을 주고 피부 외관을 개선하는 강력한 6가지 펩타이드의 포괄적인 혼합물 덕분에 피부가 최고의 치료를 받는 것을 상상해 보세요.피부 탄력 강화, 주름 감소, 토닝 및 세포 재생에 이르기까지 이 펩타이드는 피부가 자연스럽게 회복되도록 자극합니다.\u003c\/p\u003e\n\u003cp class=\"peptide-text\"\u003e6가지 펩타이드는 각각 잔주름 감소, 피부결 개선, 색소침착 방지, 피부 젊어짐 등 특정 문제를 해결하는 데 도움이 됩니다.결과는?피부 재생이 눈에 띄게 진행되면서 더욱 탄탄하고 매끄러우며 빛나는 피부를 선사합니다.\u003c\/p\u003e\n\u003cdiv class=\"peptide-benefits\"\u003e\n\u003cdiv class=\"benefit-card slide-in-left\"\u003e\n\u003ch4 class=\"benefit-title\"\u003e노화의 징후와 싸우세요\u003c\/h4\u003e\n\u003cp\u003e펩타이드는 콜라겐과 엘라스틴의 생성을 자극하여 주름을 줄이고 피부의 젊음을 회복시키는 데 도움을 줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card slide-in-right\"\u003e\n\u003ch4 class=\"benefit-title\"\u003e피부 속 깊은 보습\u003c\/h4\u003e\n\u003cp\u003e펩타이드는 히알루론산과 함께 작용하여 피부에 강력한 수분 공급을 제공하여 피부를 더욱 부드럽고 탄력있게 만듭니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card slide-in-left\"\u003e\n\u003ch4 class=\"benefit-title\"\u003e피부톤 통일\u003c\/h4\u003e\n\u003cp\u003e나이아신아마이드와 펩타이드가 함유되어 색소침착을 완화하고 피부톤을 균일하게 만들어주는 세럼입니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card slide-in-right\"\u003e\n\u003ch4 class=\"benefit-title\"\u003e피부 보호 장벽 강화\u003c\/h4\u003e\n\u003cp\u003e피부 보호 장벽을 강화해 유해 환경 요인으로부터 피부를 보호하는 데 도움을 주는 세럼입니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\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\"\u003e가장 강력한 스킨 케어 성분과 펩타이드를 결합한 고급 포뮬러\u003c\/h3\u003e\n\u003cp class=\"peptide-text\"\u003e\u003cstrong\u003e나이아신아마이드, 히알루론산, 아데노신\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"peptide-text\"\u003e펩타이드만으로도 피부를 젊어지게 하고 콜라겐 생성을 자극하는 뛰어난 능력으로 알려져 있습니다. \u003cstrong\u003e하지만 나이아신아마이드, 히알루론산, 아데노신 등의 성분과 결합하면 다른 제품에서는 얻을 수 없는 놀라운 효과가 나타납니다.\u003c\/strong\u003e\u003cbr\/\u003e나이아신아마이드가 피부톤을 균일하게 해주고 모공축소에 도움을 주며, 히알루론산이 깊은 수분공급을 해주고, 아데노신이 주름을 줄여줍니다.이 우수한 포뮬러는 피부를 더욱 탄탄하고 매끄럽고 윤기나게 해줄 뿐만 아니라 시간이 지나도 피부가 저항하는 능력을 향상시킵니다.\u003c\/p\u003e\n\u003ch3 class=\"peptide-section-title\"\u003e가벼운 질감...무거운 결과\u003c\/h3\u003e\n\u003cdiv class=\"result-cards\"\u003e\n\u003cdiv class=\"result-card fade-in\"\u003e\n\u003cdiv class=\"result-percentage count-up\" data-value=\"37.9\"\u003e0\u003c\/div\u003e\n\u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003e피부 윤기 증가\u003c\/strong\u003e: 피부가 더욱 밝고 순수해지며, 본연의 윤기가 회복됩니다.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card fade-in\"\u003e\n\u003cdiv class=\"result-percentage count-up\" data-value=\"162.5\"\u003e0\u003c\/div\u003e\n\u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003e수분 증가\u003c\/strong\u003e: 피부에 깊은 수분을 공급하여 부드러움과 탄력을 높여줍니다.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card fade-in\"\u003e\n\u003cdiv class=\"result-percentage count-up\" data-value=\"24.58\"\u003e0\u003c\/div\u003e\n\u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003e신선도 증가\u003c\/strong\u003e: 피부가 본연의 에너지를 되찾은 듯 더욱 생기있고 젊어보입니다.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card fade-in\"\u003e\n\u003cdiv class=\"result-percentage count-up\" data-value=\"76.42\"\u003e0\u003c\/div\u003e\n\u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003e히알루론산 증가\u003c\/strong\u003e: 히알루론산의 비율을 높인다는 것은 피부의 수분 공급을 더욱 깊게 하여 건강과 탄력을 유지하는데 도움을 줍니다.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"peptide-section-title\"\u003e시간이 당신의 피부에 큰 타격을 주도록 놔두지 마세요\u003c\/h3\u003e\n\u003cp class=\"peptide-text\"\u003e와 \u003cspan class=\"highlight\"\u003e코스알엑스 6 펩타이드 스킨 부스터 세럼\u003c\/span\u003e시간은 더 이상 피부에 부정적인 영향을 미치지 않습니다.이 제품은 세포 재생, 주름 감소, 피부 탄력 개선에 효과적인 6가지 강력한 펩타이드를 함유한 고급 포뮬러 덕분에 노화 징후를 퇴치하는 완벽한 솔루션입니다.더욱 젊고 빛나는 피부를 즐기고, 자신감 있게 시간에 도전할 준비를 하세요.\u003c\/p\u003e\n\u003cdiv class=\"how-to-use\"\u003e\n\u003ch3\u003e사용방법\u003c\/h3\u003e\n\u003col\u003e\n\u003cli\u003e세안 후 세럼을 2~3회 펌핑하여 피부결을 정돈해줍니다. \u003cstrong\u003eCOSRX 6 Peptide Skin Booster\u003c\/strong\u003e 당신의 얼굴에.\u003c\/li\u003e\n\u003cli\u003e제품이 완전히 흡수될 때까지 손가락 끝으로 부드럽게 마사지해 주세요.\u003c\/li\u003e\n\u003cli\u003e다음으로, 추가 수분 공급을 위해 좋아하는 모이스처라이저를 사용하세요.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp style=\"margin-top: 15px;\"\u003e세럼을 다른 제품과 함께 사용할 수도 있습니다. \u003cstrong\u003eCOSRX\u003c\/strong\u003e 최상의 결과를 얻으려면 나이아신아미드나 비타민 C 세럼을 사용하세요.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44359311098053,"sku":null,"price":1380.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_6_peptide_skin_booster_6.jpg?v=1736165614"},{"product_id":"the-ordinary-multipeptide-eye-serum-سيروم-الببتيدات-المركز-لعلاج-تجاعيد-و-انتفاخات-و-هالات-العين","title":"더 데일리 멀티펩타이드 아이세럼 주름, 붓기, 눈가를 케어해주는 펩타이드 농축 세럼","description":"\u003cp data-end=\"350\" data-start=\"16\"\u003e \u003c\/p\u003e\n\u003cp data-end=\"350\" data-start=\"16\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/TheOrdinaryMulti-PeptideEyeSerum4_1000x_359fc6d2-9eb6-4b6a-b035-696ba69d0cf6.webp?v=1741178780\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003cp data-end=\"350\" data-start=\"16\"\u003eOrdinary Multi-Peptide Eye Serum은 눈 주위의 노화 징후를 해결하기 위해 특별히 고안된 고급 수성 포뮬러입니다.최신 펩타이드 기술과 과학적인 활성 성분을 결합하여 잔주름(비둘기 아이라인)을 개선하고 다크서클과 붓기를 개선하여 눈가에 생기와 윤기를 선사하는 세럼입니다.\u003c\/p\u003e\n\u003ch2 data-end=\"378\" data-start=\"357\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 data-end=\"378\" data-start=\"357\"\u003e주요 이점\u003c\/h2\u003e\n\u003cul data-end=\"1275\" data-start=\"379\"\u003e\n\u003cli data-end=\"559\" data-start=\"379\"\u003e\n\u003cp data-end=\"559\" data-start=\"381\"\u003e\u003cstrong data-end=\"405\" data-start=\"381\"\u003e주름 개선:\u003c\/strong\u003e\u003cbr data-end=\"408\" data-start=\"405\"\/\u003ePalmitoyl Tripeptide-38을 포함한 다중 펩타이드 기술은 눈가의 주름을 줄여 피부에 활력을 주고 피로의 징후를 줄입니다.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"726\" data-start=\"561\"\u003e\n\u003cp data-end=\"726\" data-start=\"563\"\u003e\u003cstrong data-end=\"599\" data-start=\"563\"\u003e붓기와 다크서클 감소:\u003c\/strong\u003e\u003cbr data-end=\"602\" data-start=\"599\"\/\u003e눈가의 컬러와 윤기 개선에 도움을 주며, 어두운 컬러와 붓기를 감소시켜 밝고 빛나는 눈매로 가꾸어 주는 세럼입니다.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"910\" data-start=\"728\"\u003e\n\u003cp data-end=\"910\" data-start=\"730\"\u003e\u003cstrong data-end=\"754\" data-start=\"730\"\u003e피부를 정화하고 부드럽게 합니다:\u003c\/strong\u003e\u003cbr data-end=\"757\" data-start=\"754\"\/\u003e나이아신아마이드와 프락시누스 엑셀시어 나무껍질 추출물의 조합으로 피부 결을 매끄럽게 하고 윤기를 향상시켜 눈가를 더욱 부드럽고 윤기나게 가꾸어 줍니다.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"1140\" data-start=\"912\"\u003e\n\u003cp data-end=\"1140\" data-start=\"914\"\u003e\u003cstrong data-end=\"930\" data-start=\"914\"\u003e탁월한 보호:\u003c\/strong\u003e\u003cbr data-end=\"933\" data-start=\"930\"\/\u003e이 세럼은 프로필 갈레이트 및 갈라틸 글루코사이드와 같은 항산화 성분과 환경 손상을 방지하고 장기적인 피부 건강을 지원하는 에피갈로카테킨 갈라틸 글루코사이드 덕분에 고급 보호 기능을 제공합니다.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"1275\" data-start=\"1142\"\u003e\n\u003cp data-end=\"1275\" data-start=\"1144\"\u003e\u003cstrong data-end=\"1161\" data-start=\"1144\"\u003e럭셔리 공식:\u003c\/strong\u003e\u003cbr data-end=\"1164\" data-start=\"1161\"\/\u003e이 포뮬러에는 고농도의 활성 성분이 포함되어 있어 높은 가격을 정당화합니다. 적은 양으로도 놀라운 결과를 얻을 수 있기 때문입니다.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-end=\"1304\" data-start=\"1282\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 data-end=\"1304\" data-start=\"1282\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/TheOrdinaryMulti-PeptideEyeSerum1_800x_37a12c9f-39ad-457c-b1cf-64cde5afe460.webp?v=1741178786\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/h2\u003e\n\u003ch2 data-end=\"1304\" data-start=\"1282\"\u003e세럼은 어떻게 작동하나요?\u003c\/h2\u003e\n\u003cp data-end=\"1380\" data-start=\"1305\"\u003e이 혈청은 다음을 포함하는 복합 작용 메커니즘을 통해 눈 부위의 세포 재생을 촉진하는 데 사용됩니다.\u003c\/p\u003e\n\u003cul data-end=\"2043\" data-start=\"1381\"\u003e\n\u003cli data-end=\"1675\" data-start=\"1381\"\u003e\n\u003cp data-end=\"1675\" data-start=\"1383\"\u003e\u003cstrong data-end=\"1407\" data-start=\"1383\"\u003e폴리펩티드:\u003c\/strong\u003e\u003cbr data-end=\"1410\" data-start=\"1407\"\/\u003ePalmitoyl Tripeptide-38, Matrixyl™ synthe'6™, RetinoPeptide 189, SYN™-AKE, CYTOBIOL™ LUMIN-EYE, UNISOOTH EG-28 및 Eyeseryl™과 같은;이들 펩타이드는 피부 재생에 필요한 단백질 생성을 자극하는 세포 신호인자 역할을 하여 피부 탄력을 향상시키고 주름을 감소시킵니다.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"1824\" data-start=\"1679\"\u003e\n\u003cp data-end=\"1824\" data-start=\"1681\"\u003e\u003cstrong data-end=\"1730\" data-start=\"1681\"\u003e나이아신아마이드와 프락시누스 엑셀시오르 껍질 추출물:\u003c\/strong\u003e\u003cbr data-end=\"1733\" data-start=\"1730\"\/\u003e피부톤을 통일하고 다크서클을 완화하며, 피부 결과 윤기를 개선하는 데 도움을 줍니다.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"2043\" data-start=\"1828\"\u003e\n\u003cp data-end=\"2043\" data-start=\"1830\"\u003e\u003cstrong data-end=\"1859\" data-start=\"1830\"\u003e항산화 성분:\u003c\/strong\u003e\u003cbr data-end=\"1862\" data-start=\"1859\"\/\u003e프로필갈레이트, 갈릴글루코사이드, 에피갈로카테킨갈라틸글루코사이드 등이 유해산소로부터 피부를 보호하고 환경 손상을 줄여 눈가를 오랫동안 건강하게 유지해줍니다.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-end=\"2172\" data-start=\"2045\"\u003e이 독특한 포뮬러 덕분에 세럼은 주름, 다크서클, 붓기, 윤기 저하 등 여러 가지 문제를 한 번에 치료합니다.\u003c\/p\u003e\n\u003ch2 data-end=\"2200\" data-start=\"2179\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 data-end=\"2200\" data-start=\"2179\"\u003e임상 결과\u003c\/h2\u003e\n\u003cp data-end=\"2292\" data-start=\"2201\"\u003e연구에 따르면 The Ordinary Multi-Peptide Eye Serum을 정기적으로 사용하면 다음과 같은 효과가 있는 것으로 나타났습니다.\u003c\/p\u003e\n\u003cul data-end=\"2549\" data-start=\"2293\"\u003e\n\u003cli data-end=\"2343\" data-start=\"2293\"\u003e눈가의 잔주름이 눈에 띄게 개선됩니다.\u003c\/li\u003e\n\u003cli data-end=\"2416\" data-start=\"2344\"\u003e다크서클과 붓기를 완화하고 눈가의 윤기를 높여줍니다.\u003c\/li\u003e\n\u003cli data-end=\"2492\" data-start=\"2417\"\u003e눈가의 윤기와 매끈한 질감을 증가시켜 피부의 질감과 산뜻함을 개선합니다.\u003c\/li\u003e\n\u003cli data-end=\"2549\" data-start=\"2493\"\u003e눈 부위의 어두운 색소침착 강도가 눈에 띄게 감소합니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-end=\"3468\" data-start=\"3350\"\u003e \u003c\/p\u003e\n\u003ch2 data-end=\"3520\" data-start=\"3475\"\u003e동일한 문제를 대상으로 하는 다른 제품에 비해 이 제품의 가격이 상대적으로 높은 이유는 무엇입니까? \u003c\/h2\u003e\n\u003cul data-end=\"4210\" data-start=\"3521\"\u003e\n\u003cli data-end=\"3690\" data-start=\"3521\"\u003e\n\u003cp data-end=\"3690\" data-start=\"3523\"\u003e\u003cstrong data-end=\"3548\" data-start=\"3523\"\u003e고농축 포뮬러:\u003c\/strong\u003e\u003cbr data-end=\"3551\" data-start=\"3548\"\/\u003e이 포뮬러에는 매우 높은 농도로 추출하기 어려운 희귀한 성분이 포함되어 있습니다. 이 제품에는 노화 징후와 싸우는 데 가장 좋다고 여겨지는 많은 펩타이드가 포함되어 있습니다.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"3853\" data-start=\"3692\"\u003e\n\u003cp data-end=\"3853\" data-start=\"3694\"\u003e\u003cstrong data-end=\"3710\" data-start=\"3694\"\u003e종합적인 결과:\u003c\/strong\u003e\u003cbr data-end=\"3713\" data-start=\"3710\"\/\u003e주름부터 다크서클, 붓기까지 눈가의 다양한 노화 문제를 하나의 럭셔리 제품으로 종합적으로 해결하는 세럼입니다.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"4011\" data-start=\"3855\"\u003e\n\u003cp data-end=\"4011\" data-start=\"3857\"\u003e\u003cstrong data-end=\"3874\" data-start=\"3857\"\u003e입증된 효과:\u003c\/strong\u003e\u003cbr data-end=\"3877\" data-start=\"3874\"\/\u003e임상 연구를 통해 눈가의 외관을 개선하고 젊어지게 하는 효과가 입증되었으므로 지속적인 결과를 원하는 사람들에게 현명한 투자가 될 것입니다.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"4210\" data-start=\"4013\"\u003e\n\u003cp data-end=\"4210\" data-start=\"4015\"\u003e\u003cstrong data-end=\"4031\" data-start=\"4015\"\u003e한 방울 한 방울이 큰 차이를 만듭니다.\u003c\/strong\u003e\u003cbr data-end=\"4034\" data-start=\"4031\"\/\u003e가격은 다른 제품에 비해 높을 수 있지만, 독특하고 농축된 포뮬라는 제품 한 방울 한 방울이 최대의 효율성을 발휘하도록 보장하므로 값비싼 제품을 여러 개 사용할 필요가 없습니다.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-end=\"4237\" data-start=\"4217\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 data-end=\"4237\" data-start=\"4217\"\u003e사용자 의견\u003c\/h2\u003e\n\u003cp data-end=\"4541\" data-start=\"4238\"\u003e\u003cstrong data-end=\"4270\" data-start=\"4238\"\u003e이용자의 의견은 어떻게 수집되나요?\u003c\/strong\u003e\u003cbr data-end=\"4273\" data-start=\"4270\"\/\u003e사용자 의견은 고객과의 지속적인 후속 조치와 제품에 대한 의견 기록을 통해 수집됩니다.또한, 인공지능을 기반으로 한 맞춤형 프로그램을 활용해 다양한 출처의 의견을 편견 없이 정확하게 수집함으로써 사용자의 실제 경험을 반영한 종합적이고 신뢰성 있는 평가를 보장합니다.\u003c\/p\u003e\n\u003cul data-end=\"4880\" data-start=\"4543\"\u003e\n\u003cli data-end=\"4722\" data-start=\"4543\"\u003e\n\u003cp data-end=\"4566\" data-start=\"4545\"\u003e\u003cstrong data-end=\"4564\" data-start=\"4545\"\u003e일반적인 장점:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-end=\"4722\" data-start=\"4569\"\u003e\n\u003cli data-end=\"4619\" data-start=\"4569\"\u003e눈가의 잔주름이 눈에 띄게 개선됩니다.\u003c\/li\u003e\n\u003cli data-end=\"4669\" data-start=\"4622\"\u003e피부 톤을 통일하고 눈가의 윤기를 높여줍니다.\u003c\/li\u003e\n\u003cli data-end=\"4722\" data-start=\"4672\"\u003e부드러운 질감과 사용 후 즉각적인 상쾌함을 느낄 수 있습니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"4880\" data-start=\"4724\"\u003e\n\u003cp data-end=\"4754\" data-start=\"4726\"\u003e\u003cstrong data-end=\"4752\" data-start=\"4726\"\u003e일부 부정적인 메모:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-end=\"4880\" data-start=\"4757\"\u003e\n\u003cli data-end=\"4820\" data-start=\"4757\"\u003e일부 사용자는 전체 결과를 확인하는 데 더 오랜 기간이 필요합니다.\u003c\/li\u003e\n\u003cli data-end=\"4880\" data-start=\"4823\"\u003e입증된 효과에도 불구하고 일부 제품의 가격은 높습니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-end=\"13\" data-start=\"0\"\u003e주요 성분\u003c\/h2\u003e\n\u003cp data-end=\"692\" data-is-last-node=\"\" data-is-only-node=\"\" data-start=\"14\"\u003eAqua (Water), Glycerin, Butylene Glycol, Propanediol, Dipropylene Glycol, Acetyl Glucosamine, Niacinamide, Palmitoyl Tripeptide-38, Acetyl Tetrapeptide-5, Myristoyl Nonapeptide-3, Dipeptide Diaminobutyroyl Benzylamide Diacetate, Caffeine, Epigallocatechin Gallatyl Glucoside, Gallyl Glucoside, Fraxinus Excelsior Bark Extract, Silanetriol, Arginine, Pentylene Glycol, Hydroxymethoxyphenyl Decanone, Propyl Gallate, Maltodextrin, Hydroxypropyl Cyclodextrin, Hydroxyethylcellulose, Xanthan Gum, Citric Acid, Glycolic Acid, Sodium Citrate, Polysorbate 20, Trisodium Ethylenediamine Disuccinate, Dehydroacetic Acid, Ethylhexylglycerin, Benzyl Alcohol, Phenoxyethanol, Chlorphenesin.\u003c\/p\u003e","brand":"The ordinary","offers":[{"title":"Default Title","offer_id":44526811283653,"sku":"","price":1700.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_multipeptide_eye_serum.jpg?v=1741177907"},{"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\"\u003e혈청 \u003cspan\u003e햇빛\u003c\/span\u003e 나이아신아마이드와 꿀벌 프로폴리스 함유\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e윤기있고 빛나는 피부를 위한 나이아신아마이드와 꿀벌 프로폴리스의 전례 없는 조합\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 한국의 오리지널 공식\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 유해한 화학물질 없이\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 모든 피부 타입에 이상적\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\"\u003e나이아신아마이드와 꿀벌 프로폴리스의 전례 없는 조합\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-box\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003e나이아신아마이드\u003c\/h3\u003e\n\u003cp class=\"ingredient-desc\"\u003e단순한 성분이 아닌, 피부의 균형을 맞추고, 색소침착을 줄여 균일하고 빛나는 컬러를 선사하는 기적입니다.피부 탄력을 개선하고 천연 수분 장벽을 강화해줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-box\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003e프로폴리스(벌 프로폴리스)\u003c\/h3\u003e\n\u003cp class=\"ingredient-desc\"\u003e벌집에서 추출한 성분으로 강력한 항염증 및 세포 재생 촉진제 역할을 하여 피부를 젊게 유지하고 자연적인 보호 효과를 제공합니다.여드름과 노화의 징후를 퇴치합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp\u003e이러한 성분들이 하나의 공식으로 함께 모이면 비교할 수 없는 천연 발전소로 변합니다.당신의 피부를 젊게 되돌리고 당신이 늘 꿈꿔왔던 광채를 되찾아주는 기적.\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 귀하의 브라우저는 비디오 재생을 지원하지 않습니다.\n \u003c\/video\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"instant-results\"\u003e\n\u003ch2 class=\"section-title\"\u003e즉각적인 결과!\u003c\/h2\u003e\n\u003ch3 style=\"color: #c9a97e; text-align: center; margin: 20px 0; font-size: 22px;\"\u003e모공이 작아지고, 피부가 맑아지고, 완벽한 피부\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e피부에 놀라운 이점\u003c\/h2\u003e\n\u003cp\u003e이 세럼은 칙칙하고 지친 피부를 위한 종합 솔루션으로 다음과 같은 놀라운 효과를 보여줍니다.\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\"\u003e피부 윤기 강화\u003c\/h3\u003e\n\u003cp\u003e색소침착과 어두운 자국을 효과적으로 감소시키면서 피부색을 밝게 하고 통일시켜 줍니다.\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\"\u003e피부결 개선\u003c\/h3\u003e\n\u003cp\u003e나이아신아마이드의 보습 및 광채 효과 덕분에 피부가 더욱 매끄러워집니다.\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\"\u003e피부 보호\u003c\/h3\u003e\n\u003cp\u003e프로폴리스의 힘으로 외부 감염과 활성산소로 인한 손상으로부터 보호합니다.\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\"\u003e피부 장벽 기능 지원\u003c\/h3\u003e\n\u003cp\u003e피부 수분을 유지하고 손실을 방지하여 잔주름을 줄이는 데 도움이 됩니다.\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\"\u003e놀라운 결과를 향한 여정\u003c\/h2\u003e\n\u003cp\u003e정기적으로 사용하면 몇 주 내에 점진적인 개선을 느낄 수 있으며 최적의 결과를 얻을 수 있습니다.\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\"\u003e처음 사용\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\"\u003e즉각적인 수분 공급\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003e즉각적인 피부 수분 공급과 더욱 부드러운 질감을 느낄 수 있습니다.첫 사용부터 피부가 눈에 띄게 산뜻하고 빛나게 보입니다.\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\"\u003e일주일 후\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\"\u003e향상된 질감과 광채\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003e피부가 더욱 빛나고 매끄러워집니다.프로폴리스의 항염증 성분으로 인해 붉은기와 자극이 감소됩니다.피부 유분이 눈에 띄게 감소합니다.\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\"\u003e2주 후\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\"\u003e색소침착 감소\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003e피부톤이 통일된 결과가 나타나기 시작합니다.다크스팟과 과다색소침착이 점차 감소합니다.피부는 더 밝고 산뜻해지며, 모공은 더 작고 눈에 덜 띄게 됩니다.\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\"\u003e한 달 후\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\"\u003e눈에 띄는 변화\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003e피부 결과 톤이 크게 개선됩니다.기미, 흉터 등 많은 피부 트러블이 눈에 띄게 사라집니다.잔주름과 노화 징후가 눈에 띄게 감소합니다.\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\"\u003e두 달 후\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\"\u003e완전히 새로워진 피부\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003e놀랍도록 빛나고 빛나는 피부.피부톤의 완벽한 통일과 색소침착의 현저한 감소.탄력이 향상되고 피부 건강이 향상되어 피부 모양과 질감이 지속적으로 개선됩니다.\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=\"과학적으로 진보된 공식\" 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\"\u003e과학적으로 진보된 공식\u003c\/h2\u003e\n\u003ch3 style=\"margin-bottom: 20px; font-size: 22px; color: #333;\"\u003e세럼은 어떻게 작동하나요?\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.8; margin-bottom: 20px;\"\u003e조합이 작동합니다 \u003cspan style=\"color: #c9a97e; font-weight: bold;\"\u003eBeauty Of Joseon Glow Serum Propolis + Niacinamide\u003c\/span\u003e 조화롭게 피부에 종합적인 효과를 만들어냅니다.벌집에서 추출한 프로폴리스는 피부를 정화하고 염증과 싸우며 세포 재생을 촉진하고 여드름과 노화의 징후를 퇴치합니다.\u003c\/p\u003e\n\u003cp style=\"line-height: 1.8;\"\u003e나이아신아미드는 피부톤을 균일하게 하고 색소침착을 감소시키는 동시에 피부 탄력을 개선하고 수분 장벽을 강화하는 작용을 합니다.이러한 활성 성분이 함께 사용되어 피부 결을 근본적으로 변화시켜 더욱 빛나고 생기 넘치는 피부를 선사합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e사용방법\u003c\/h2\u003e\n\u003cp\u003e피부를 깨끗이 세안한 후 눈가, 이마, 턱선 등 미백과 개선이 필요한 부위를 중심으로 얼굴 부위에 세럼을 발라줍니다.완전히 흡수될 때까지 부드럽게 마사지한 후 모이스처라이저를 발라 수분을 유지하고 효과를 강화하세요.최상의 결과를 얻으려면 아침과 저녁에 사용하세요.\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\"\u003e피부 클렌징\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\"\u003e혈청 도포\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\"\u003e부드럽게 마사지\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\"\u003e보습제 바르기\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cta-section pulse\"\u003e\n\u003cdiv class=\"cta-content\"\u003e\n\u003ch2 class=\"cta-title\"\u003e오늘부터 피부의 윤기를 되찾으세요\u003c\/h2\u003e\n\u003cp class=\"cta-subtitle\"\u003e가격 대비 훌륭한 가치 - 당사의 브라이트닝 세럼 포뮬러는 과학적으로 입증된 천연 성분을 결합하여 빛나고 건강한 피부를 선사합니다.\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003e지금 주문하세요\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"footer-note\"\u003e\n\u003cp\u003e뷰티 오브 조선 글로우 세럼 프로폴리스 + 나이아신아미드는 과학적으로 입증된 천연 성분을 결합하여 피부 윤기와 톤을 개선하고 환경을 보호합니다.다른 제품에 비해 가격은 조금 높을 수 있지만, 적은 양으로도 놀랍고 오래 지속되는 결과를 얻을 수 있으므로 피부의 건강과 아름다움을 위한 효과적인 투자입니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Init functions\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Fade-in animations\n initFadeEffects();\n \n \/\/ Video autoplay fix for some mobile browsers\n const video = document.querySelector('video');\n if (video) {\n video.play().catch(function(error) {\n console.log(\"Video autoplay prevented by browser\");\n });\n }\n });\n \n \/\/ Initialize fade effects\n function initFadeEffects() {\n const fadeElements = document.querySelectorAll('.fade-up');\n const observerOptions = {\n root: null,\n rootMargin: '0px',\n threshold: 0.1\n };\n \n const observer = new IntersectionObserver((entries, observer) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\n entry.target.style.opacity = 1;\n entry.target.style.transform = 'translateY(0)';\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n \n fadeElements.forEach(el =\u003e {\n observer.observe(el);\n });\n \n \/\/ Add staggered animations\n const staggerElements = document.querySelectorAll('.fade-up');\n staggerElements.forEach((el, index) =\u003e {\n el.style.transitionDelay = `${index * 0.05}s`;\n });\n }\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44589240746181,"sku":"","price":995.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty-of-joseon-glow-serum-propolis-niacinamide-30ml.jpg?v=1742651704"},{"product_id":"beauty-of-joseon-revive-eye-serum","title":"조선미인 리바이브 아이세럼 다크서클 전문 |아이백 나이의 흔적","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\"\u003e당신의 눈을 젊어지게 하는 여정이 지금 시작됩니다\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\u003e눈이 환해지는 비결을 만나보세요 \u003cspan class=\"highlight\"\u003eBeauty of Joseon Revive Eye Serum\u003c\/span\u003e최신 과학 기술과 순수 천연 성분을 결합하여 섬세한 눈가를 되살리는 혁신적인 포뮬러입니다.이 혁신적인 세럼은 피로와 노화의 징후를 동시에 방지하여 눈을 더욱 젊고 빛나는 모습으로 만들어줍니다.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/2_e8f8ea7b-01fc-4144-9da3-ecc29addcda7.webp?v=1742659829\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003csvg class=\"section-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M17.66,11.2C17.43,10.9 17.15,10.64 16.89,10.38C16.22,9.78 15.46,9.35 14.82,8.72C13.33,7.26 13,4.85 13.95,3C13,3.23 12.17,3.75 11.46,4.32C8.87,6.4 7.85,10.07 9.07,13.22C9.11,13.32 9.15,13.42 9.15,13.55C9.15,13.77 9,13.97 8.8,14.05C8.57,14.15 8.33,14.09 8.14,13.93C8.08,13.88 8.04,13.83 8,13.76C6.87,12.33 6.69,10.28 7.45,8.64C5.78,10 4.87,12.3 5,14.47C5.06,14.97 5.12,15.47 5.29,15.97C5.43,16.57 5.7,17.17 6,17.7C7.08,19.43 8.95,20.67 10.96,20.92C13.1,21.19 15.39,20.8 17.03,19.32C18.86,17.66 19.5,15 18.56,12.72L18.43,12.46C18.22,12 17.66,11.2 17.66,11.2M14.5,17.5C14.22,17.74 13.76,18 13.4,18.1C12.28,18.5 11.16,17.94 10.5,17.28C11.69,17 12.4,16.12 12.61,15.23C12.78,14.43 12.46,13.77 12.33,13C12.21,12.26 12.23,11.63 12.5,10.94C12.69,11.32 12.89,11.7 13.13,12C13.9,13 15.11,13.44 15.37,14.8C15.41,14.94 15.43,15.08 15.43,15.23C15.46,16.05 15.1,16.95 14.5,17.5Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003ch2 class=\"section-title\"\u003e세럼은 어떻게 작동하나요?\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\u003e레티날은 피부를 매끄럽게 하고 세포 재생을 촉진하며, 리포좀은 효과적으로 레티날을 안정시키고 흡수를 향상시키며, 인삼 뿌리 추출물은 오래 지속되는 수분 공급과 탁월한 보호 기능을 제공합니다.이 독특한 메커니즘으로 피부 장벽이 재건되고 잔주름, 다크서클, 붓기가 완화되어 눈가에 생기와 윤기를 되찾아줍니다.\u003c\/p\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003csvg class=\"feature-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M17,8C8,10 5.9,16.17 3.82,21.34L5.71,22L6.66,19.7C7.14,19.87 7.64,20 8,20C19,20 22,3 22,3C21,5 14,5.25 9,6.25C4,7.25 2,11.5 2,13.5C2,15.5 3.75,17.25 3.75,17.25C7,8 17,8 17,8Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3 class=\"feature-title\"\u003e구성의 특징은 무엇입니까?\u003c\/h3\u003e\n\u003cp\u003e이 포뮬러의 독특함은 레티날의 힘과 리포솜 및 인삼 추출물의 결합에 있습니다.각 성분 자체가 피부 건강을 개선하는 기적이라고 여겨집니다.결합되면 눈가에 활력을 불어넣고 콜라겐 생성을 자극하여 피부 탄력을 개선하고 피로와 노화의 징후를 줄이는 멈출 수 없는 자연의 힘이 됩니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003csvg class=\"feature-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3 class=\"feature-title\"\u003e이 공식이 다른 레티놀 유도체보다 더 나은 것으로 간주되는 이유는 무엇입니까?\u003c\/h3\u003e\n\u003cp\u003e레티놀은 비타민 A의 한 형태로 활성화되기 위해 피부 내에서 변형되어야 하므로 레티날에 비해 효과가 떨어집니다.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e 레티날의 경우\u003c\/strong\u003e, 전환 없이 세포 재생과 콜라겐 생성을 직접 자극하여 결과를 가속화하고 자극 위험을 줄입니다.이러한 차이로 인해 레티날은 눈 부위 집중 관리를 위한 이상적인 선택이 되었습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\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\"\u003e사용방법\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\u003e피부를 부드럽게 클렌징한 후, 세럼을 눈가에 소량을 덜어 발라줍니다.완전히 흡수될 때까지 제품을 부드럽게 마사지한 후, 적절한 모이스처라이저를 사용하여 수분을 유지하고 결과를 향상시키세요.최상의 결과를 얻으려면 아침과 저녁에 세럼을 사용하는 것이 좋습니다.\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\"\u003e피부를 부드럽게 클렌징하세요.\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\"\u003e세럼을 소량 바르고\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\"\u003e흡수될 때까지 부드럽게 마사지하세요.\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\"\u003e적절한 보습제를 사용하세요.\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\"\u003e임상 결과\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\u003e실험에 따르면 세럼을 정기적으로 사용하면 여러 영역에서 눈에 띄는 개선이 일어나는 것으로 나타났습니다.\u003c\/p\u003e\n\u003cdiv class=\"clinical-results\"\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003e잔주름 감소\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\"\u003e8주 정기적 사용 후 눈가 잔주름의 깊이가 감소합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003e수분 공급 증가\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\"\u003e사용 전 기준 측정치에 비해 눈가 수분 수준이 향상되었습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003e다크서클 감소\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\"\u003e단 4주만에 피부톤이 눈에 띄게 개선되고 눈가 색소 침착이 감소했습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003e피부결 개선\u003c\/h3\u003e\n\u003cdiv class=\"percentage-wrapper\"\u003e\n\u003cdiv class=\"circle-container\"\u003e\n\u003cdiv class=\"counter\"\u003e\n\u003cspan class=\"counter-value\"\u003e50\u003c\/span\u003e\u003cspan class=\"counter-suffix\"\u003e%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"result-description\"\u003e세포 재생과 피부 장벽 강화로 피부의 매끄러움이 증가하고 결이 개선됩니다.\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\u003e에서 \u003cstrong data-end=\"2016\" data-start=\"1979\"\u003eBeauty of Joseon Revive Eye Serum\u003c\/strong\u003e 단순한 케어 제품이 아닙니다.그것은 당신의 눈의 젊음과 아름다움에 대한 진정한 투자입니다.고급 포뮬라는 소량으로도 놀라운 결과를 제공하므로 오래 지속되는 광채와 젊어 보이는 모습을 원하는 사람들에게 이상적인 선택입니다.\u003c\/p\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44589813104837,"sku":"","price":999.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty-of-joseon-ginseng-retinal-revive-eye-serum-30ml.jpg?v=1742657450"},{"product_id":"some-by-mi-snail-truecica-miracle-repair-serum","title":"Some By Mi Snail Truecica Miracle Repair Serum 50Ml","description":"\u003ch2 class=\"\" data-end=\"35\" data-start=\"0\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_By_Mi_Snail_Truecica_Miracle_Repair_Serum_50Ml_2.png?v=1742739825\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/h2\u003e\n\u003ch2 class=\"\" data-end=\"35\" data-start=\"0\"\u003e\u003c\/h2\u003e\n\u003ch2 class=\"\" data-end=\"35\" data-start=\"0\"\u003e달팽이...시간의 흔적에 저항하는 마법의 비밀\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"285\" data-start=\"36\"\u003e시간의 영향에 직면하고 착용할 준비를 하십시오. \u003cstrong data-end=\"106\" data-start=\"72\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e – 검은달팽이 추출물 89%의 힘과 트루시카의 테라피 포뮬러가 피부 깊숙이 회복하고 수분을 공급하는 혁신적인 제품입니다.한 방울 한 방울은 더 젊고 빛나는 피부를 향한 대담한 발걸음입니다.\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\"\u003e검은달팽이 추출물의 전례없는 조합\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"366\" data-start=\"315\"\u003e 이 포뮬라는 두 가지 필수 천연 성분을 결합합니다.\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\"\u003e검은달팽이추출물\u003c\/strong\u003e 피부 깊숙이 영양을 공급하고 세포 재생을 촉진하며 주름, 흉터, 여드름 효과를 감소시킵니다.\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\"\u003e트루시카 치료 포뮬러\u003c\/strong\u003e 손상의 영향을 전문적으로 제거하고 흉터를 치료하여 피부를 자연스러운 균형과 영구적인 수분 공급 상태로 회복시킵니다.\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이 성분들은 나이아신아마이드 및 식물 추출물과 결합되어 피부의 탄력과 장벽을 강화하고 환경 유해 요소로부터 피부를 보호하며 눈부신 광채를 선사합니다.\u003cbr data-end=\"608\" data-start=\"605\"\/\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_By_Mi_Snail_Truecica_Miracle_Repair_Serum_50Ml.png?v=1742739038\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/h2\u003e\n\u003ch2\u003e왜 검은 달팽이인가요? \u003c\/h2\u003e\n\u003csection\u003e\n\u003cp\u003e달팽이 추출물은 많은 효능 덕분에 스킨 케어 제품에서 인기 있는 성분입니다.그러나 검은달팽이 추출물은 다른 추출물보다 뛰어난 독특한 특성을 가지고 있습니다.다음 표에서는 세럼에서 검은 달팽이 추출물을 선택하게 된 이유를 설명합니다. \u003cstrong\u003eSome By Mi Snail Truecica\u003c\/strong\u003e:\u003c\/p\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003e품목\u003c\/th\u003e\n\u003cth\u003e검은달팽이추출물\u003c\/th\u003e\n\u003cth\u003e기타 달팽이 추출물\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e활성 성분\u003c\/td\u003e\n\u003ctd\u003e단백질, 엘라스틴, 콜라겐, 필수지방산이 다량 함유되어 있어 피부 건강을 증진하고 탄력을 향상시켜 줍니다.\u003c\/td\u003e\n\u003ctd\u003e활성 성분을 함유하고 있지만 검은 달팽이에 비해 비율이 낮습니다.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e피부회복에 효과\u003c\/td\u003e\n\u003ctd\u003e피부 세포 재생을 자극하고 흉터와 여드름의 모양을 줄이며 전반적인 피부 질감을 개선합니다.\u003c\/td\u003e\n\u003ctd\u003e피부를 젊어지게 하는 데 도움이 되지만 깊은 흉터와 여드름 흉터를 치료하는 데는 덜 효과적일 수 있습니다.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e보습과 탄력\u003c\/td\u003e\n\u003ctd\u003e풍부한 콜라겐과 단백질 함유로 깊은 수분 공급과 피부 탄력을 강화해줍니다.\u003c\/td\u003e\n\u003ctd\u003e보습력은 좋으나 블랙헬릭스에 비해 탄력 증진 효과가 떨어질 수 있습니다.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e노화 방지\u003c\/td\u003e\n\u003ctd\u003e잔주름과 주름을 감소시켜 더욱 젊어 보이는 효과를 주는 강력한 항산화제가 함유되어 있습니다.\u003c\/td\u003e\n\u003ctd\u003e노화 방지에 기여하지만 그 효과는 검은 달팽이에 비해 덜 뚜렷할 수 있습니다.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e피부톤 통일\u003c\/td\u003e\n\u003ctd\u003e색소 침착을 완화하고 피부톤을 통일시켜 자연스러운 윤기를 선사합니다.\u003c\/td\u003e\n\u003ctd\u003e피부톤을 통일하는 데 도움이 될 수 있지만 효과는 떨어집니다.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003e검은달팽이 추출물을 선택하여 세럼을 공급 \u003cstrong\u003eSome By Mi Snail Truecica\u003c\/strong\u003e 다른 추출물보다 다양한 이점이 있어 건강하고 신선하며 결점 없는 피부를 찾는 모든 사람에게 이상적인 선택입니다.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 class=\"\" data-end=\"783\" data-start=\"758\"\u003e피부의 모든 문제에 대한 솔루션이 있습니다.\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"877\" data-start=\"784\"\u003e그것은 고려된다 \u003cstrong data-end=\"825\" data-start=\"791\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e 손상된 피부 문제에 대한 종합적인 솔루션;다음에서 작동합니다.\u003c\/p\u003e\n\u003cul data-end=\"1164\" data-start=\"878\"\u003e\n\u003cli class=\"\" data-end=\"958\" data-start=\"878\"\u003e\n\u003cp class=\"\" data-end=\"958\" data-start=\"880\"\u003e피부에 수분을 충분히 공급하고 세포 재생을 자극하여 전체적인 모습을 개선합니다.\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\"\u003e여드름과 환경적 요인으로 인해 나타나는 잔주름과 흉터를 줄여줍니다.\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\"\u003e피부의 자연적인 장벽을 지원하고 유분과 수분의 균형을 재조정합니다.\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\"\u003e피부결을 개선하고 하루 종일 지속되는 자연스러운 광채를 선사합니다.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 class=\"\" data-end=\"1188\" data-start=\"1166\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 class=\"\" data-end=\"1188\" data-start=\"1166\"\u003e세럼은 어떻게 작동하나요?\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\"\u003e검은 달팽이 추출물은 콜라겐 생성과 세포 재생을 자극하여 피부에 젊음과 탄력을 회복시킵니다.\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\"\u003e트루시카(Trusica) 포뮬라는 흉터와 손상 징후를 치료하는 데 도움이 되며, 나이아신아마이드는 피부톤을 균일하게 하고 염증을 줄여줍니다.\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\"\u003e그 결과, 시간과 손상의 영향으로부터 보호되고, 부드러운 질감과 눈부신 광채를 지닌 깔끔하고 활력 넘치는 피부가 탄생합니다.\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\"\u003e이상적인 사용 방법\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"1886\" data-start=\"1614\"\u003e피부를 부드럽게 클렌징한 후 세럼을 얼굴 전체에 펴 발라 주름, 흉터 등 고민되는 부위를 중심으로 발라줍니다.완전히 흡수될 때까지 제품을 부드럽게 마사지한 후, 적절한 모이스처라이저를 사용하여 수분을 유지하고 결과를 향상시키세요.최상의 결과를 얻으려면 아침과 저녁에 세럼을 사용하는 것이 좋습니다.\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\"\u003e피부 건강을 위한 최고의 투자\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"2177\" data-start=\"1920\"\u003e에서 \u003cstrong data-end=\"1957\" data-start=\"1923\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e 단순한 스킨 케어 제품이 아니라 피부의 젊음을 위한 진정한 투자입니다.집중적이고 효과적인 포뮬러는 적은 양으로도 눈에 띄는 결과를 보여주며, 피부의 산뜻함과 윤기를 되찾고 시간의 흔적으로부터 피부를 보호하려는 사람들에게 이상적인 선택입니다.\u003c\/p\u003e\n\u003cp class=\"\" data-end=\"2327\" data-start=\"2179\"\u003e과학과 자연이 만나 피부에 걸맞은 광채를 선사하고 항상 자신감과 아름다움을 가지고 시대의 도전에 맞설 준비가 되어 있는 종합적인 치료 경험을 즐겨보세요.\u003c\/p\u003e","brand":"some by mi","offers":[{"title":"Default Title","offer_id":44591502786757,"sku":"","price":999.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Heading_2.png?v=1742735468"},{"product_id":"yuja-niacin-30days-blemish-care-serum-50","title":"Some by Mi YUJA NIACIN 30DAYS BLEMISH CARE SERUM 50 ml","description":"\u003c!-- Section --\u003e\n\u003cstyle\u003e\n\/* Style Settings *\/\n.yuja-serum-container {\n max-width: 100%;\n margin: 0 auto;\n direction: ltr;\n color: #333;\n overflow-x: hidden;\n}\n\n.yuja-serum-header {\n text-align: center;\n margin-bottom: 30px;\n opacity: 0;\n animation: fadeInUp 0.8s ease forwards;\n}\n\n.yuja-serum-title {\n font-size: 26px;\n color: #333;\n margin-bottom: 15px;\n position: relative;\n padding-bottom: 15px;\n display: inline-block;\n}\n\n.yuja-serum-title:after {\n content: \"\";\n position: absolute;\n bottom: 0;\n right: 50%;\n transform: translateX(50%);\n width: 60px;\n height: 2px;\n background-color: #9C8102;\n animation: expandWidth 1.5s ease-in-out;\n}\n\n.yuja-serum-intro {\n text-align: center;\n font-size: 16px;\n margin-bottom: 20px;\n line-height: 1.6;\n}\n\n.yuja-serum-image {\n display: block;\n margin: 25px auto;\n max-width: 100%;\n border-radius: 8px;\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n opacity: 0;\n transform: scale(0.95);\n animation: fadeInAndScale 0.8s ease forwards;\n animation-delay: 0.2s;\n}\n\n.yuja-serum-image:hover {\n transform: translateY(-5px) scale(1.02);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\n}\n\n.yuja-serum-section {\n margin: 40px 0;\n opacity: 0;\n transform: translateY(30px);\n}\n\n.yuja-serum-section.visible {\n opacity: 1;\n transform: translateY(0);\n transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.yuja-serum-section-title {\n display: flex;\n align-items: center;\n margin-bottom: 20px;\n font-size: 22px;\n color: #333;\n font-weight: bold;\n}\n\n.yuja-serum-section-icon {\n margin-left: 10px;\n color: #9C8102;\n font-size: 24px;\n}\n\n.yuja-serum-content {\n background-color: #fff;\n border-radius: 8px;\n padding: 25px;\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n line-height: 1.7;\n}\n\n.yuja-serum-content:hover {\n transform: translateY(-5px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);\n}\n\n.yuja-serum-ingredients {\n margin-top: 30px;\n}\n\n.yuja-serum-ingredient-item {\n display: flex;\n margin-bottom: 20px;\n background-color: rgba(156, 129, 2, 0.03);\n border-radius: 8px;\n padding: 15px;\n transform: translateX(30px);\n opacity: 0;\n transition: all 0.5s ease;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item {\n transform: translateX(0);\n opacity: 1;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(1) {\n transition-delay: 0.1s;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(2) {\n transition-delay: 0.2s;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(3) {\n transition-delay: 0.3s;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(4) {\n transition-delay: 0.4s;\n}\n\n.yuja-serum-ingredient-icon {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background-color: #9C8102;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #fff;\n margin-left: 15px;\n}\n\n.yuja-serum-ingredient-content {\n flex: 1;\n}\n\n.yuja-serum-ingredient-title {\n font-weight: bold;\n margin-bottom: 5px;\n}\n\n.yuja-serum-ingredient-desc {\n color: #555;\n}\n\n.yuja-serum-highlight {\n color: #9C8102;\n font-weight: bold;\n}\n\n.yuja-serum-feature-section {\n margin: 40px 0;\n padding: 25px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n opacity: 0;\n transform: translateY(30px);\n}\n\n.yuja-serum-feature-section.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.yuja-serum-feature-section:hover {\n transform: translateY(-5px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);\n}\n\n.yuja-serum-conclusion {\n text-align: center;\n margin: 40px 0;\n padding: 30px;\n background-color: rgba(156, 129, 2, 0.05);\n border-radius: 8px;\n opacity: 0;\n transform: scale(0.95);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.yuja-serum-conclusion.visible {\n opacity: 1;\n transform: scale(1);\n}\n\n.yuja-serum-conclusion p {\n line-height: 1.7;\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes fadeInAndScale {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes expandWidth {\n from {\n width: 0;\n }\n to {\n width: 60px;\n }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"yuja-serum-container\"\u003e\n\u003cdiv class=\"yuja-serum-header\"\u003e\n\u003ch3 class=\"yuja-serum-title\"\u003e🌟 세럼계의 혁명: 썸 바이 미유자 나이아신 30일 블레미쉬 케어 세럼\u003c\/h3\u003e\n\u003cp class=\"yuja-serum-intro\"\u003e\n 수많은 스킨케어 제품의 바다 속에서 이 세럼은 자연과 현대 과학이 결합된 명작으로 피부 문제를 즉각적이고 효과적으로 해결해 줍니다.\n \u003c\/p\u003e\n\u003cimg alt=\"Some By Mi Yuja Niacin Serum\" class=\"yuja-serum-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_serum_blemish_care_2.jpg?v=1744753103\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"yuja-serum-section\" id=\"ingredients-section\"\u003e\n\u003cdiv class=\"yuja-serum-section-title\"\u003e\n\u003ci class=\"fas fa-lemon yuja-serum-section-icon\"\u003e\u003c\/i\u003e\n\u003ch3\u003e기대를 뛰어넘는 독특한 포뮬러\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-content\"\u003e\n\u003cp\u003e이 세럼이 다른 나이아신아마이드 제품과 구별되는 점은 성분의 뛰어난 조합입니다:\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\"\u003e유자열매추출물(국산 감귤) 82.3%\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n 고농축 비타민C로 알려진 레몬의 3배에 달하는 비타민C를 함유하고 있어 피부에 자연스러운 윤기를 부여하고 콜라겐 생성을 촉진합니다.\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% 나이아신아마이드\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n 이상적인 농도로 피부톤을 균일하게 해주고, 색소 침착을 감소시키며, 자극 없이 피부 보호 장벽을 강화해줍니다.\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\"\u003e글루타티온과 알부틴\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n 강력한 항산화제는 멜라닌 생성을 감소시켜 어두운 반점을 밝게 하고 피부를 더욱 균일하게 보이게 합니다.\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종의 비타민\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n 피부에 영양을 공급하고 활력을 높여주며, 유해 환경 요인으로 인한 스트레스를 진정시키는데 도움을 줍니다.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Some By Mi Yuja Niacin Serum Benefits\" class=\"yuja-serum-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_serum_blemish_care_3.jpg?v=1744753101\"\/\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"yuja-serum-feature-section\" id=\"results-section\"\u003e\n\u003cdiv class=\"yuja-serum-section-title\"\u003e\n\u003ci class=\"fas fa-clock yuja-serum-section-icon\"\u003e\u003c\/i\u003e\n\u003ch3\u003e기록적인 시간 안에 확실한 결과를 얻으세요\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp\u003e\n 효과가 나타나기까지 수개월이 걸리는 많은 세럼과 달리 이 세럼은 단 30일 만에 효과를 나타냅니다.사용자 경험을 통해 단기간 내에 피부톤이 균일해지고 색소침착이 감소하는 효과가 뚜렷하게 나타났습니다.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Some By Mi Yuja Niacin Serum Value\" class=\"yuja-serum-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_serum_blemish_care_2.webp?v=1744753103\"\/\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"yuja-serum-feature-section\" id=\"value-section\"\u003e\n\u003cdiv class=\"yuja-serum-section-title\"\u003e\n\u003ci class=\"fas fa-gem yuja-serum-section-icon\"\u003e\u003c\/i\u003e\n\u003ch3\u003e피부를 위한 현명한 투자\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp\u003e\n 50ml의 대용량과 고농축 유효성분으로 가격 대비 성능이 뛰어난 세럼입니다.적은 양으로도 원하는 결과를 얻을 수 있어 오래 지속되며 경제적이고 효과적인 스킨 케어 솔루션을 제공합니다.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"yuja-serum-conclusion\" id=\"conclusion-section\"\u003e\n\u003cp\u003e\n 즉, \u003cstrong class=\"yuja-serum-highlight\"\u003eSome By Mi Yuja Niacin 30 Days Blemish Care Serum\u003c\/strong\u003e 시중에서 판매되는 또 하나의 세럼이 아니라, 자연의 힘과 현대 기술을 결합하여 기록적인 시간 안에 건강하고 빛나는 피부를 완성하는 독특한 경험입니다.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Section --\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n const sections = document.querySelectorAll('.yuja-serum-section, .yuja-serum-feature-section, .yuja-serum-conclusion');\n \n \/\/ 엠R에이 그는R 에이내가에이엔에이피R 에이엔디 에이내가완료RYR\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.2 });\n \n \/\/ Action trigger\n sections.forEach(section =\u003e {\n observer.observe(section);\n });\n});\n\u003c\/script\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":44664200888517,"sku":null,"price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_serum_blemish_care.jpg?v=1744752710"},{"product_id":"anua-niacinamide-txa-dark-spot-correcting-serum","title":"ANUA 나이아신아마이드 10% + TXA 4% 다크 스팟 코렉팅 세럼 - 고급 브라이트닝 \u0026 모공 리파이닝","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\"\u003e국내 가장 강력한 미백 및 잡티 보정 포뮬러\u003c\/div\u003e\n\u003ch1 class=\"atxa-title-glow\"\u003e\n 아누아 나이아신아마이드 세럼 10% + TXA 4%\u003cbr\/\u003e\n\u003cspan class=\"neon-gold\"\u003e파운데이션을 지우고 30일만에 피부의 순수함을 되찾으세요\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"atxa-hero-subtitle\"\u003e\n 나는 그의 공손함에 지쳤다 \u003cspan class=\"neon-red\"\u003e컨실러를 바른 오래된 여드름의 흔적\u003c\/span\u003e?미백 세럼을 아무리 사용해도 기미와 기미가 사라지나요? \u003cspan class=\"neon-gold\"\u003e비결은 피부를 벗기지 않는 것\u003c\/span\u003e비결은 얼룩 자체가 피부 표면에 나타나기 전에 뿌리부터 막는 것입니다.\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 그냥 평범한 미백 세럼이 아닙니다. \u003cspan class=\"neon-red\"\u003e스마트 교정 3부작\u003c\/span\u003e 병합됩니다 \u003cspan class=\"neon-gold\"\u003e10% 나이아신아미드 + 4% 트라넥사믹 + 2% 알부틴\u003c\/span\u003e 가장 어두운 부분을 지우려면 한 점 벗겨짐이나 따끔거림 없이 색상을 통일하십시오!\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 에서 가장 잘 팔리는 제품 \u003cspan class=\"neon-gold\"\u003e30개국 이상\u003c\/span\u003e 잘 지워지지 않는 얼룩과의 싸움을 완전히 끝내고 민감한 피부에도 완전히 안전합니다.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 2. Core Targeted Benefits Grid --\u003e\n\u003cdiv class=\"atxa-reveal\" style=\"margin-top: 15px;\"\u003e\n\u003ch2 class=\"atxa-section-title\"\u003e당신의 피부에는 정확히 어떤 변화가 일어날까요?\u003c\/h2\u003e\n\u003cp class=\"pure-white\" style=\"text-align: center; margin-bottom: 30px; font-size: 1.15rem;\"\u003e\n 첫 주부터 매일 거울을 통해 보게 될 실제 변화는 다음과 같습니다.\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\"\u003e균일한 컬러와 촘촘해진 모공\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag\"\u003e나이아신아마이드 10% 순수\u003c\/div\u003e\n\u003cp\u003e과도한 피지를 조절하고, 넓어진 모공을 좁혀주며, 전체적으로 산뜻하게 분포되어 메이크업 파우더가 필요하지 않습니다.\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\"\u003e기미를 근원지에서 멈추세요\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag gold\"\u003e트라넥삼산 4%\u003c\/div\u003e\n\u003cp\u003e뿌리 깊은 곳에서 색소가 형성되는 것을 방지하여 기미와 여름철 기미가 피부에 자리잡기 전에 막아줍니다.\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\"\u003e순수 알부틴 2%\u003c\/div\u003e\n\u003cp\u003e묵은 여드름이 남긴 갈색, 붉은 자국을 고무줄처럼 잡아주어 필터처럼 깨끗한 피부를 되찾아줍니다.\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\"\u003e건조함 없이 촉촉한 수분감\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag\"\u003e히알루론산과 폴리글루타민산\u003c\/div\u003e\n\u003cp\u003e피부 세포에 깊은 수분을 공급하여 다른 미백 세럼으로 인해 흔히 발생하는 건조함이나 벗겨짐을 방지합니다.\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\"\u003e보호 쉴드는 얼룩이 다시 생기는 것을 방지합니다.\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag gold\"\u003e세라마이드NP\u003c\/div\u003e\n\u003cp\u003e피부의 수분을 가두는 견고한 보호 장벽을 구축하고 태양 민감성과 날씨 변화로 인해 피부가 다시 타는 것을 방지합니다.\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\"\u003e붉어짐 없이 즉각적인 진정 효과\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag rose\"\u003e시카와 천연녹차\u003c\/div\u003e\n\u003cp\u003e첫 방울부터 상쾌함과 편안함을 느껴보세요.피부가 매우 민감한 경우에도 즉시 화끈거림을 제거하고 자극을 진정시킵니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 3. Formula Secrets Grid --\u003e\n\u003cdiv class=\"atxa-reveal\"\u003e\n\u003ch2 class=\"atxa-section-title\"\u003e이 세럼이 피부에 화상을 입히거나 자극을 주지 않는 이유는 무엇입니까?\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 대부분의 미백 세럼은 독하고 화끈거림과 벗겨짐을 유발하지만 Anua는 다음과 같은 문제를 해결합니다.\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\"\u003e감도가 없는 최대 출력\u003c\/h4\u003e\n\u003cp\u003e컬러를 빠르게 옅어지고 균일하게 해주는 황금비율, 진정성분과 세라마이드가 뒷받침되어 편안함을 100% 유지해줍니다.\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\"\u003e내추럴 핑크 퓨어\u003c\/h4\u003e\n\u003cp\u003e크리스탈 핑크 컬러는 인공색소가 아닌 천연 비타민B12 컬러로 피부톤에 영양을 공급하고 화사하게 가꿔줍니다.\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일\u003c\/div\u003e\n\u003ch4 class=\"neon-rose\"\u003e눈에 띄는 신선함과 윤기\u003c\/h4\u003e\n\u003cp\u003e첫 주부터 피부결이 매끄러워지고 칙칙함이 사라지기 때문에 몇 달을 기다릴 필요도 없습니다.\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 모든 피부 타입에 이상적입니다. \u003cspan class=\"neon-gold\"\u003e여드름이 나고 민감한\u003c\/span\u003e향수와 알코올이 전혀 없습니다.\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\"\u003e임상시험으로 입증된 실수\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 실험실 기반 연구 후 문서화된 결과 \u003cspan class=\"neon-gold\"\u003e347 사용됨\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\"\u003e눈에 보이는 어두운 반점 및 과다색소침착\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\"\u003e얼굴과 목 컬러의 완벽한 통일\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\"\u003e눈에 띄는 매끄러움과 피부 거칠기의 사라짐\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 단순한 광고담이 아닌, 국내 공인 연구기관의 결과를 문서화!\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\"\u003eAnua 세럼이 일반 세럼보다 우수한 이유는 무엇입니까?\u003c\/h2\u003e\n\u003cdiv class=\"atxa-table-wrap\"\u003e\n\u003ctable class=\"atxa-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003e비교\u003c\/th\u003e\n\u003cth\u003e전통적인 세럼\u003c\/th\u003e\n\u003cth class=\"atxa-th-win\"\u003eANUA TXA 나이아신아마이드 세럼\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"비교\"\u003e활성 성분\u003c\/td\u003e\n\u003ctd class=\"atxa-td-old\" data-label=\"전통적인 세럼\"\u003e5%~10% 나이아신아미드 단독\u003c\/td\u003e\n\u003ctd class=\"atxa-td-win\" data-label=\"ANUA TXA 나이아신아마이드 세럼\"\u003e10% 나이아신아미드 + 4% 트라넥사믹 + 2% 알부틴\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"비교\"\u003e반점을 치료하는 방법\u003c\/td\u003e\n\u003ctd class=\"atxa-td-old\" data-label=\"전통적인 세럼\"\u003e첫 번째 태양에서 약한 표면 번개가 발생합니다.\u003c\/td\u003e\n\u003ctd class=\"atxa-td-win\" data-label=\"ANUA TXA 나이아신아마이드 세럼\"\u003e깊은 뿌리부터 얼룩의 색소 생성을 중지합니다.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"비교\"\u003e피부 편안함\u003c\/td\u003e\n\u003ctd class=\"atxa-td-old\" data-label=\"전통적인 세럼\"\u003e피부가 타는 듯한 느낌, 벗겨짐, 건조함을 유발합니다.\u003c\/td\u003e\n\u003ctd class=\"atxa-td-win\" data-label=\"ANUA TXA 나이아신아마이드 세럼\"\u003e세라마이드와 히알루론산 함유로 즉각적인 수분 공급\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"비교\"\u003e결과 속도\u003c\/td\u003e\n\u003ctd class=\"atxa-td-old\" data-label=\"전통적인 세럼\"\u003e두 달 정도 걸리고 별 차이를 못 느끼실 수도 있어요\u003c\/td\u003e\n\u003ctd class=\"atxa-td-win\" data-label=\"ANUA TXA 나이아신아마이드 세럼\"\u003e처음 7일 동안 눈에 보이는 신선함과 색바램 감소\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"비교\"\u003e민감한 피부에도 안전\u003c\/td\u003e\n\u003ctd class=\"atxa-td-old\" data-label=\"전통적인 세럼\"\u003e여드름을 자극하는 알코올과 향수가 가득 들어있습니다.\u003c\/td\u003e\n\u003ctd class=\"atxa-td-win\" data-label=\"ANUA TXA 나이아신아마이드 세럼\"\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\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\"\u003e여행은 단계별로 사용하는 것입니다.\u003c\/h2\u003e\n\u003cdiv class=\"atxa-timeline-grid\"\u003e\n\u003cdiv class=\"atxa-timeline-card\"\u003e\n\u003cdiv class=\"atxa-timeline-badge\"\u003e1주차\u003c\/div\u003e\n\u003ch4 class=\"neon-red\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003e즉각적인 광채와 신선함\u003c\/h4\u003e\n\u003cp\u003e끈적임 없이 단 몇 초만에 빠르게 흡수되고, 편안한 워터리 수분감과 페이딩이 사라지고 손이 건강해 보입니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\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);\"\u003e2주차와 3주차\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003e사라져가는 곡물의 흔적\u003c\/h4\u003e\n\u003cp\u003e표면에 있는 여드름의 효과가 눈에 띄게 가벼워지기 시작하고, 성가신 피지의 광택이 줄어들며, 모공이 더 깨끗하고 작아 보입니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\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);\"\u003e첫 번째 달\u003c\/div\u003e\n\u003ch4 class=\"neon-rose\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003e트루 컬러 균일성\u003c\/h4\u003e\n\u003cp\u003e기미와 색소 침착이 크게 감소합니다.마치 화장을 하지 않은 채 천연 필터를 바른 것처럼 피부가 탱탱해지고 통일되는 느낌을 받으실 수 있습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-timeline-card\" style=\"border-top-color: var(--atxa-neon-red);\"\u003e\n\u003cdiv class=\"atxa-timeline-badge\"\u003e두 번째 달\u003c\/div\u003e\n\u003ch4 class=\"neon-red\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003e영구적이고 보호된 선명도\u003c\/h4\u003e\n\u003cp\u003e햇빛에 다시 나타나는 잡티로부터 피부를 보호하는 강력한 장벽으로 오래된 완고한 잡티를 거의 완벽하게 제거합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 7. Value Proposition Grid --\u003e\n\u003cdiv class=\"atxa-reveal\"\u003e\n\u003ch2 class=\"atxa-section-title\"\u003e왜 이 세럼이 당신의 피부를 위한 최고의 투자일까요?\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\"\u003e2점이면 충분해요\u003c\/h3\u003e\n\u003cp\u003e고농축으로 2~3방울이 얼굴과 목 전체에 도포됩니다.30ml 용량으로 2개월 동안 매일 사용할 수 있습니다.\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\"\u003e4가지 제품이 필요하지 않습니다.\u003c\/h3\u003e\n\u003cp\u003e미백 세럼, 여드름 세럼, 히알루로닉 세럼, 세라마이드 크림을 구매하는 대신 이 모든 것을 한 단계에 결합하여 예산을 절약합니다.\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\"\u003e전 세계적으로 보장 및 테스트됨\u003c\/h3\u003e\n\u003cp\u003e한국 뷰티 트렌드의 1위이며 수백만 명의 소녀들이 값비싼 클리닉 세션에 대한 안전한 대안으로 일상 생활에서 이 제품을 채택했습니다.\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\"\u003e최대 결과를 위한 사용하기 쉬운 방법\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\u003e얼굴을 깨끗이 하세요\u003c\/h4\u003e\n\u003cp\u003e아침이나 저녁, 원하는 토너 단계 후 완전히 깨끗하고 건조한 피부에 사용하세요.\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\u003e부드럽게 퍼지다\u003c\/h4\u003e\n\u003cp\u003e2~3방울을 떨어뜨린 후, 잡티와 여드름을 중심으로 완전히 흡수될 때까지 부드럽게 마사지해 주세요.\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\u003e보습제로 마무리하세요\u003c\/h4\u003e\n\u003cp\u003e평소 사용하는 보습제를 발라 성분을 고정시키고, 새로운 피부를 보호하기 위해 낮에는 자외선 차단제를 사용하는 것이 매우 중요합니다.\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 피부관리는 따로 화장이 필요없어요.. \u003cspan class=\"neon-gold\"\u003e깨끗하게 지워주는 세럼이 필요해요\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cimg alt=\"ANUA Niacinamide Serum\" class=\"atxa-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/202608311326.jpg?v=1788172007\" style=\"margin: 30px auto;\"\/\u003e\n\u003cp style=\"font-size: 1.25rem; font-weight: bold; color: #ffffff; max-width: 800px; margin: 0 auto 25px; line-height: 1.85;\"\u003e\n\u003cstrong class=\"neon-red\" style=\"font-size: 1.35rem; display: block; margin-bottom: 10px;\"\u003e불필요한 경험으로 돈을 낭비하고 피부를 지치게 하는 대신!\u003c\/strong\u003e\n 오늘부터 국제적으로 승인된 Anua 트리플 포뮬러로 시작하세요. 잡티와 여드름을 지워 자신감을 갖고 자연스러운 광채를 되찾으세요.\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 지금 오리지널 아누아 나이아신아마이드 10% + TXA 4% 세럼을 주문하세요. 첫 달부터 빛나는 피부를 즐겨보세요!\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;\"\u003e승인된 성분의 전체 목록(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 합성향료, 독한 알코올, 파라벤을 전혀 사용하지 않은 순수 한국의 치료제입니다.민감하고 여드름성 피부에도 100% 안전합니다.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function () {\n var reveals = document.querySelectorAll('.atxa-reveal');\n var observer = new IntersectionObserver(function (entries, obs) {\n entries.forEach(function (entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('atxa-active');\n \n var counters = entry.target.querySelectorAll('.atxa-counter');\n if (counters.length \u003e 0) {\n runCounters(counters);\n }\n \n obs.unobserve(entry.target);\n }\n });\n }, { threshold: 0.08, rootMargin: \"0px 0px -40px 0px\" });\n\n reveals.forEach(function (el) { observer.observe(el); });\n\n function runCounters(counters) {\n counters.forEach(function (counter) {\n var target = parseFloat(counter.getAttribute('data-target'));\n if (isNaN(target)) return;\n var duration = 1800;\n var frames = 60;\n var increment = target \/ (duration \/ (1000 \/ frames));\n var current = 0;\n\n var updateCounter = function () {\n current += increment;\n if (current \u003c target) {\n counter.innerText = Math.ceil(current);\n requestAnimationFrame(updateCounter);\n } else {\n counter.innerText = target;\n }\n };\n updateCounter();\n });\n }\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Anua","offers":[{"title":"Default Title","offer_id":44672001540293,"sku":"","price":1150.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/316f0ef2-2c9d-4fee-83ef-8c7daa178681.avif?v=1788171326"},{"product_id":"beauty-of-joseon-light-on-serum-30ml","title":"BEAUTY OF JOSEON 라이트 온 화이트닝 세럼 병풀추출물과 비타C 함유, 사이즈 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\u003e조선뷰티 라이트 온 세럼 (센텔라+비타C) – 빛나는 한국 광채\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\u003e방해받지 않는 윤기: 색소침착 치료와 피부 재생의 중요성\u003c\/h2\u003e\n\u003cp\u003e색소침착과 기미는 피부의 아름다움을 감소시킬 뿐만 아니라, 실제 나이보다 칙칙하고 나이들어 보이게 만듭니다.색소 침착 치료는 피부의 자연스러운 균형을 회복시켜 피부를 더 깨끗하고, 더 가볍고, 더 빛나게 만듭니다.비타민C는 색소침착 감소와 색상 통일에 필수적인 역할을 하며, 콜라겐 생성을 촉진해 피부에 활력을 주고 탄력을 높여준다.당신의 피부가 균일하고 빛나게 유지될 때, 당신의 자신감은 온 세상 앞에서 빛납니다.\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\u003e한국 유산과 현대 혁신의 마법\u003c\/h2\u003e\n\u003cp\u003e라이트 온 세럼 이 제품은 한국 스킨케어 예술의 구현입니다.피부를 진정시키고 세포를 재생시키는 기적의 능력으로 유명한 전설적인 식물인 아시아산 유기농 센텔라 추출물이 68% 함유되어 있습니다.최신 비타민C 안정화 기술을 적용해 자극 없이 색소침착을 완화하고 미백 효과를 극대화한 세럼입니다.전통의 손길과 혁신의 손길... 그리고 그 결과: 당신의 피부에 진정한 마법이 찾아옵니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Beauty of Joseon Light On Serum Benefits\" class=\"hero-image fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_centella_vitamin_c_2_24ba1a6d-be84-4fd5-a1a6-06a5a41a6a23.webp?v=1745772244\"\/\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"info-box fade-in\"\u003e\n\u003ch2\u003e세럼 작동 원리: 브라이트닝과 보습의 독특한 듀오\u003c\/h2\u003e\n\u003cul class=\"custom-list\"\u003e\n\u003cli\u003e\n\u003cp\u003e세럼을 피부에 바르는 순간 병풀 추출물이 피부에 수분을 공급하고 붉어짐이나 염증을 진정시킵니다.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e안정화된 비타민C가 피부에 안전하게 침투하여 멜라닌 생성을 감소시키고, 완고한 색소침착을 점차적으로 옅어지게 합니다.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e정기적으로 사용하면 피부가 더 부드럽고 가벼워지며 잡티가 없어지고 깊은 수분 공급으로 탄력 있고 빛나는 피부를 유지하게 됩니다.\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\u003e주요성분 및 역할 : 피부에 도움을 주는 비타민C와 센텔라\u003c\/h2\u003e\n\u003cul class=\"custom-list\"\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003e비타민 C(3-O-에틸 아스코르빈산 10%)\u003c\/strong\u003e: 피부톤을 균일하게 해주고, 다크스팟을 밝게 해주고, 콜라겐 생성을 활성화시켜 잔주름과 주름을 개선시켜주는 강력한 항산화제입니다.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003e아시아 병풀추출물(68%)\u003c\/strong\u003e: 자극받은 피부를 진정시키고, 피부세포 재생을 촉진하며, 깊은 보습력을 강화시켜 피부 탄력과 건강을 유지시켜주는 치료식물입니다.\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\u003e우수성의 비결: 이 세럼은 왜 이전에 시도했던 모든 것과 다른가요?\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\"\u003e가벼운 포뮬러가 빠르게 흡수되어\u003c\/h3\u003e\n\u003cp\u003e끈적임이나 끈적임은 없지만 부드러움과 맑은 광채를 선사합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e고농축 활성 성분\u003c\/h3\u003e\n\u003cp\u003e비타민C와 센텔라의 양이 대부분의 경쟁 세럼보다 높기 때문에 더 빠르고 강한 결과를 얻을 수 있습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e민감한 피부에 이상적\u003c\/h3\u003e\n\u003cp\u003e향료와 알코올이 첨가되지 않아 피부를 자극하지 않고 진정시켜줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e이중 결과\u003c\/h3\u003e\n\u003cp\u003e한 가지 쉬운 단계로 피부를 밝게 하고 노화의 징후를 퇴치하세요.\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\"\u003e사용자 리뷰: 실제 성공 사례\u003c\/h2\u003e\n\u003cdiv class=\"testimonials-grid\"\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003e첫 주부터 눈에 띄는 결과\u003c\/h3\u003e\n\u003cp\u003e대부분의 사용자는 몇 주 내에 피부 톤을 통일하고 광채를 높이는 데 있어 뚜렷한 차이를 느꼈습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003e가볍고 편안한 질감\u003c\/h3\u003e\n\u003cp\u003e텍스쳐가 가볍고 흡수력이 좋아서 더운 여름에도 쓰기 좋다고 다들 칭찬했어요.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003e민감한 피부에 적합\u003c\/h3\u003e\n\u003cp\u003e민감성 피부를 가진 많은 분들이 자극 없이 피부를 진정시키는 데 도움이 되었다고 확인하셨습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003e완벽한 만족과 폭넓은 추천\u003c\/h3\u003e\n\u003cp\u003e사용해 본 사람들 중 상당수가 너무 좋아해서 두 번 이상 재구매했습니다.\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\"\u003e오늘 한국의 빛의 비밀을 알아보세요\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e단 한 번의 간단한 단계로 더욱 밝고 빛나는 피부를 만나보세요.다크스팟과 과다색소침착은 이제 안녕, 빛나는 피부는 안녕!\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003e지금 구매\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Add subtle animations and interactions\n (function() {\n \/\/ Function to handle fade-in animations\n const observeElements = (elements, callback) =\u003e {\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n callback(entry.target);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n \n elements.forEach(el =\u003e observer.observe(el));\n };\n \n \/\/ Apply animations to fade-in elements when they come into view\n observeElements(document.querySelectorAll('.fade-in'), (element) =\u003e {\n setTimeout(() =\u003e {\n element.classList.add('visible');\n }, 100);\n });\n })();\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44691708903621,"sku":"","price":1300.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty-of-joseon-light-on-serum-centella-vita-c-30ml.jpg?v=1745770414"},{"product_id":"anua-peach-70-niacinamide-serum","title":"복숭아와 나이아신아마이드가 70% 함유되어 피부를 밝게 하고 색상을 통일하며 색소 침착을 방지하는 아누아 세럼, 30 ml","description":"\u003cdiv class=\"anua-txa-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n \/* Style Settings *\/\n .anua-txa-wrapper {\n --atxa-bg-dark: #0f0508; \/* Style Settings *\/\n --atxa-bg-card: rgba(25, 10, 15, 0.6); \/* Style Settings *\/\n --atxa-rose-gold: #e29587; \/* Style Settings *\/\n --atxa-peach-glow: #fca38d; \/* Style Settings *\/\n --atxa-pink-light: #fad6d0; \/* Style Settings *\/\n --atxa-glow: rgba(226, 149, 135, 0.25);\n --atxa-text-main: #fdfaf9;\n --atxa-text-muted: #d4b5b0;\n --atxa-border: rgba(226, 149, 135, 0.2);\n --atxa-border-hover: rgba(252, 163, 141, 0.5);\n \n background-color: var(--atxa-bg-dark);\n color: var(--atxa-text-main);\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.7;\n overflow: hidden;\n position: relative;\n padding: 30px 0;\n border-radius: 16px;\n box-shadow: 0 0 60px rgba(226, 149, 135, 0.05) inset;\n }\n\n .anua-txa-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .anua-txa-wrapper img {\n max-width: 100%;\n height: auto;\n border-radius: 16px;\n display: block;\n margin-left: auto;\n margin-right: auto;\n box-shadow: 0 15px 40px rgba(0,0,0,0.6);\n }\n\n .atxa-container {\n max-width: 850px;\n margin: 0 auto;\n padding: 0 20px;\n position: relative;\n z-index: 2;\n }\n\n \/* Style Settings *\/\n .atxa-ambient-particles {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n pointer-events: none;\n overflow: hidden;\n }\n\n .atxa-particle {\n position: absolute;\n background: radial-gradient(circle, var(--atxa-glow) 0%, transparent 70%);\n border-radius: 50%;\n bottom: -100px;\n animation: floatUpPeach 14s infinite ease-in-out;\n filter: blur(6px);\n }\n\n @keyframes floatUpPeach {\n 0% { transform: translateY(0) scale(0.8) translateX(0); opacity: 0; }\n 20% { opacity: 0.6; }\n 80% { opacity: 0.3; }\n 100% { transform: translateY(-1600px) scale(1.5) translateX(40px); opacity: 0; }\n }\n\n \/* Style Settings *\/\n .atxa-title-glow {\n display: block;\n width: 100%;\n font-size: clamp(24px, 4.5vw, 36px);\n font-weight: 900;\n text-align: center;\n margin-bottom: 25px;\n line-height: 1.5;\n background: linear-gradient(135deg, #ffffff 0%, var(--atxa-peach-glow) 60%, var(--atxa-rose-gold) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n text-shadow: 0 0 30px var(--atxa-glow);\n }\n\n .atxa-section-title {\n display: block;\n width: 100%;\n font-size: clamp(22px, 4vw, 28px);\n font-weight: 800;\n color: var(--atxa-peach-glow);\n text-align: center;\n margin: 60px auto 30px;\n position: relative;\n line-height: 1.5;\n }\n\n .atxa-section-title::after {\n content: '';\n position: absolute;\n bottom: -12px;\n left: 50%;\n transform: translateX(-50%);\n width: clamp(80px, 30%, 150px);\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--atxa-rose-gold), transparent);\n border-radius: 10px;\n }\n\n \/* Style Settings *\/\n .atxa-hero {\n text-align: center;\n padding: 20px 0 40px;\n position: relative;\n }\n\n .atxa-badge {\n display: inline-block;\n background: rgba(226, 149, 135, 0.15);\n border: 1px solid var(--atxa-rose-gold);\n color: var(--atxa-peach-glow);\n padding: 8px 25px;\n border-radius: 30px;\n font-size: 0.95rem;\n font-weight: bold;\n margin-bottom: 25px;\n box-shadow: 0 0 20px var(--atxa-glow);\n }\n \n .atxa-hero-subtitle {\n font-size: 1.15rem;\n color: var(--atxa-text-muted);\n max-width: 750px;\n margin: 0 auto 30px;\n font-weight: 500;\n line-height: 1.8;\n }\n\n \/* Style Settings *\/\n .atxa-glass-box {\n background: var(--atxa-bg-card);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n border: 1px solid var(--atxa-border);\n border-radius: 20px;\n padding: 30px;\n margin: 40px auto;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6);\n position: relative;\n overflow: hidden;\n max-width: 800px;\n }\n\n .atxa-glass-box::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 4px;\n height: 100%;\n background: linear-gradient(180deg, var(--atxa-peach-glow), transparent);\n }\n\n \/* Style Settings *\/\n .atxa-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 30px 0;\n }\n\n .atxa-card {\n background: linear-gradient(145deg, rgba(25, 10, 15, 0.7), rgba(15, 5, 8, 0.9));\n border: 1px solid var(--atxa-border);\n border-radius: 16px;\n padding: 25px;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n\n .atxa-card:hover {\n transform: translateY(-8px);\n border-color: var(--atxa-peach-glow);\n box-shadow: 0 10px 30px var(--atxa-glow);\n background: rgba(35, 15, 20, 0.8);\n }\n\n .atxa-icon {\n width: 55px;\n height: 55px;\n background: rgba(226, 149, 135, 0.1);\n border: 1px solid rgba(252, 163, 141, 0.3);\n border-radius: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 20px;\n color: var(--atxa-peach-glow);\n transition: transform 0.3s ease;\n }\n \n .atxa-card:hover .atxa-icon {\n transform: scale(1.1) rotate(-5deg);\n background: linear-gradient(135deg, var(--atxa-rose-gold), var(--atxa-peach-glow));\n color: #111;\n border-color: transparent;\n }\n\n .atxa-card h3 {\n font-size: 1.15rem;\n color: #fff;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n\n .atxa-card p {\n color: var(--atxa-text-muted);\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* === Custom Lists with Checkmarks === *\/\n .atxa-list {\n list-style: none;\n padding: 0;\n margin-top: 15px;\n }\n\n .atxa-list li {\n position: relative;\n padding-right: 25px;\n margin-bottom: 10px;\n color: var(--atxa-text-muted);\n font-size: 0.95rem;\n }\n\n .atxa-list li::before {\n content: '✓';\n position: absolute;\n right: 0;\n top: 0;\n color: var(--atxa-peach-glow);\n font-weight: bold;\n }\n\n .atxa-highlight-num {\n color: var(--atxa-peach-glow);\n font-weight: bold;\n font-size: 1.1em;\n }\n\n \/* Style Settings *\/\n .atxa-table-container {\n overflow-x: auto;\n margin: 30px 0;\n border-radius: 16px;\n border: 1px solid var(--atxa-border);\n box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n background: rgba(15, 5, 8, 0.6);\n }\n\n .atxa-table {\n width: 100%;\n border-collapse: collapse;\n text-align: left;\n min-width: 600px;\n }\n\n .atxa-table th, .atxa-table td {\n padding: 15px 20px;\n border-bottom: 1px solid rgba(255,255,255,0.05);\n }\n\n .atxa-table th {\n background: rgba(226, 149, 135, 0.1);\n color: var(--atxa-pink-light);\n font-weight: 800;\n font-size: 1.1rem;\n }\n\n .atxa-table td strong {\n color: var(--atxa-text-main);\n }\n\n .atxa-table tr:hover {\n background: rgba(226, 149, 135, 0.05);\n }\n \n .atxa-table tr:last-child td {\n border-bottom: none;\n }\n\n \/* Style Settings *\/\n .atxa-timeline-list {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 15px;\n }\n\n .atxa-timeline-item {\n display: flex;\n align-items: center;\n gap: 20px;\n background: rgba(255,255,255,0.02);\n border: 1px dashed var(--atxa-border);\n padding: 20px;\n border-radius: 12px;\n border-right: 4px solid var(--atxa-rose-gold);\n transition: all 0.3s ease;\n }\n\n .atxa-timeline-item:hover {\n background: rgba(226, 149, 135, 0.05);\n border-color: var(--atxa-peach-glow);\n }\n\n .atxa-phase-badge {\n background: var(--atxa-bg-card);\n border: 1px solid var(--atxa-rose-gold);\n color: var(--atxa-peach-glow);\n padding: 8px 15px;\n border-radius: 8px;\n font-weight: bold;\n min-width: 120px;\n text-align: center;\n }\n\n \/* Style Settings *\/\n .atxa-reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .atxa-reveal.atxa-active {\n opacity: 1;\n transform: translateY(0);\n }\n\n .atxa-delay-1 { transition-delay: 0.1s; }\n .atxa-delay-2 { transition-delay: 0.2s; }\n\n @media (max-width: 768px) {\n .atxa-hero { padding: 10px 0 20px; }\n .atxa-timeline-item { flex-direction: column; text-align: center; }\n .atxa-phase-badge { margin-bottom: 10px; width: 100%; }\n }\n \u003c\/style\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"atxa-ambient-particles\" id=\"atxa-particles\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"atxa-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"atxa-hero atxa-reveal atxa-active\"\u003e\n\u003cdiv class=\"atxa-badge\"\u003e유리 피부의 한국 방정식\u003c\/div\u003e\n\u003ch1 class=\"atxa-title-glow\"\u003e\"그들은 당신을 속이고 모든 나이아신아마이드가 동일하다고 말했습니다!\"\u003c\/h1\u003e\n\u003cp class=\"atxa-hero-subtitle\"\u003e\n 약속은 같지만 결과는 근본적으로 다릅니다.오늘 당신은 운명적인 선택에 직면해 있습니다. 피상적인 결과를 제공하는 일반 제품을 계속 사용하거나, 아니면 피부의 운명을 영원히 바꿀 결정을 내리는 것입니다.\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\"\u003e피부가 칙칙해지고...사람들이 알아채죠!\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 해가 갈수록 피부가 신선함을 잃는다는 사실을 알고 계셨나요?시간이 지남에 따라 잡티가 늘어나고 모공이 확장되며 피부가 거칠어지고 보송보송해집니다. \u003cstrong\u003e하지만 가장 중요한 질문은: 이에 대해 무엇을 하기로 결정하셨나요?\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 메이저 뷰티 기업들이 숨기고 있는 비밀\n \u003c\/p\u003e\n\u003cp style=\"color: var(--atxa-text-muted);\"\u003e\n 대부분의 세럼은 환상적인 결과를 약속하지만 비용을 낮추기 위해 활성 성분의 농도가 낮습니다. \u003cstrong\u003e그러나 Anua는 모든 규칙을 어겼습니다.\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\"\u003e아누아 피치 세럼 70%: 윤기 있고 빛나는 피부를 위한 과학적인 공식\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 과학자들은 칙칙하고 피곤한 피부를 빛나고 빛나는 피부로 바꿔줄 이 완벽한 포뮬러를 개발하는 데 3년을 보냈습니다. \u003cstrong\u003e빛으로 조각한 듯\u003c\/strong\u003e.\n \u003c\/p\u003e\n\u003cimg alt=\"Anua Peach Formula\" class=\"atxa-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_4.webp?v=1747140899\" style=\"margin: 0 auto 40px;\"\/\u003e\n\u003c!-- 4. How it works (Ingredients Grid) --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003e어떻게 작동하나요?(신선함에 숨겨진 과학)\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);\"\u003e복숭아 강도 70% 농도\u003c\/h3\u003e\n\u003cp\u003e그것은 단순한 과일이 아니라...비타민과 산이 가득한 식물입니다.복숭아 추출물 \u003cstrong\u003e피부 7층 세포에 침투\u003c\/strong\u003e 깊은 층에 도달하여 안쪽부터 바깥쪽으로 치료합니다.\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);\"\u003e나이아신아마이드 5% (기적)\u003c\/h3\u003e\n\u003cp\u003e나이아신아마이드는 스킨 케어 분야의 판도를 바꾸는 성분입니다. \u003cstrong\u003e5%의 이상적인 농도에서\u003c\/strong\u003e, 다음을 수행할 수 있습니다.\u003c\/p\u003e\n\u003cul class=\"atxa-list\"\u003e\n\u003cli\u003e모공의 모양을 감소시킵니다. \u003cspan class=\"atxa-highlight-num\"\u003e68%\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e어두운 부분을 밝게 해줍니다. \u003cspan class=\"atxa-highlight-num\"\u003e14\u003c\/span\u003e 어느 날\u003c\/li\u003e\n\u003cli\u003e피지분비를 조절하고 윤기를 방지해줍니다.\u003c\/li\u003e\n\u003cli\u003e피부의 자연적인 장벽을 구축하고 강화합니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"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);\"\u003e트리플 히알루로닉\u003c\/h3\u003e\n\u003cp\u003e한 종류는 아니지만... \u003cstrong\u003e3가지 종류\u003c\/strong\u003e 다양한 분자량으로 피부의 모든 층에 도달 가능:\u003c\/p\u003e\n\u003cul class=\"atxa-list\"\u003e\n\u003cli\u003e표면: 즉각적으로 수분을 공급합니다.\u003c\/li\u003e\n\u003cli\u003e중간: 내부에 물을 가두어 둡니다.\u003c\/li\u003e\n\u003cli\u003e딥: 뿌리부터 수분 공급 수준을 높입니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"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);\"\u003e바이오 복숭아와 요구르트 복합체\u003c\/h3\u003e\n\u003cp\u003e세계 최초로 복숭아 추출물을 독특한 생명공학 기술로 유익한 요구르트 박테리아와 결합시켰습니다.결과는? \u003cstrong\u003e죽은 세포를 제거하는 화합물\u003c\/strong\u003e 자극 없이 부드럽게.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. Scientific Miracle --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003e그들이 당신에게 숨기고 있는 과학적 기적\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 모두가 당신에게 질문할 것입니다: \u003cstrong\u003e“당신 피부에 무슨 짓을 하고 있나요?”\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp style=\"color: var(--atxa-text-muted); line-height: 1.8;\"\u003e\n 그 비결은 이 세럼을 차별화하는 '스마트 돌파' 기술에 있다.성분을 마이크로 입자(나노 기술)로 캡슐화해 일반 제품처럼 표면에만 머물지 않고, 필요한 부위 깊숙이 유효성분을 전달해줍니다.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Timeline Results --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003e아누아 세럼과 함께하는 피부 변화 여정\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\"\u003e첫 사용 후\u003c\/div\u003e\n\u003cdiv\u003e마치 미용실에서 고가의 마스크 세션을 받은 것처럼 즉각적인 윤기와 눈에 띄는 부드러움을 선사합니다.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"atxa-timeline-item\"\u003e\n\u003cdiv class=\"atxa-phase-badge\"\u003e3일 후\u003c\/div\u003e\n\u003cdiv\u003e모공 크기가 확연히 줄어들고 피부 톤이 균일해지고 붉은기가 눈에 띄게 줄어들기 시작합니다.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"atxa-timeline-item\"\u003e\n\u003cdiv class=\"atxa-phase-badge\"\u003e일주일 후\u003c\/div\u003e\n\u003cdiv\u003e거칠기와 피곤한 질감이 사라지고 피부가 40% 더 매끄러워지며 완벽한 메이크업을 위한 준비가 완료됩니다.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"atxa-timeline-item\"\u003e\n\u003cdiv class=\"atxa-phase-badge\"\u003e2주 후\u003c\/div\u003e\n\u003cdiv\u003e다크스팟이 눈에 띄게 밝아지고, 피부가 5년 전으로 돌아간 듯 새롭게 빛나는 광채를 선사합니다.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"atxa-timeline-item\"\u003e\n\u003cdiv class=\"atxa-phase-badge\"\u003e한 달 후\u003c\/div\u003e\n\u003cdiv\u003eCOMPLETE Transformation - 메이크업 한 방울 없이도 유리알처럼 맑고 투명하게 빛나는 피부.\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\"\u003e제품이 가득한 세상에서... 왜 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;\"\u003e과학적으로 입증된 공식\u003c\/h3\u003e\n\u003cp\u003e전 세계 수백 명의 자원봉사자를 대상으로 엄격한 임상 테스트를 통해 놀라운 결과가 입증되었습니다.\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;\"\u003e고농축력\u003c\/h3\u003e\n\u003cp\u003e기존 경쟁사보다 3배 더 높은 농도의 활성 성분을 제공합니다.\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;\"\u003e모든 피부 타입에 안전함\u003c\/h3\u003e\n\u003cp\u003e민감성, 복합성, 지성 피부에도 자극을 주지 않고 부드럽게 작용하도록 설계되었습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8. Skin Type Table --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003e당신의 피부 타입에 맞나요?\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\u003e피부타입\u003c\/th\u003e\n\u003cth\u003e기본적인 문제\u003c\/th\u003e\n\u003cth style=\"background: rgba(252, 163, 141, 0.15); color: #fff;\"\u003eAnua는 그녀에게 무엇을 제안할까요?\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003e항상 지친다\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e칙칙하고 광채가 부족함\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003e세포를 깨워 즉각적인 윤기와 광채를 선사합니다.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003e매우 민감함\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e어떤 제품을 사용하더라도 자극과 붉은기가\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003e염증을 즉각적으로 진정시키고 보호장벽을 강화시켜줍니다.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003e윤기나는 기름진\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e모공이 넓어지고 짜증나는 윤기가 난다\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003e피지를 조절하고 모공 크기를 효과적으로 68% 감소시킵니다.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003e노령\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e잔주름과 색소침착\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003e다크스팟을 밝게 해주고 피부탄력을 향상시켜줍니다\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003e혼합 (혼란)\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e어떤 부위는 건조하고 어떤 부위는 기름지다\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003e피부의 균형을 지능적으로 맞춰주고 끈적임 없이 깊은 보습을 선사합니다.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\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“모든 투자에는 수익이 있습니다. 피부에 투자하는 것이 가장 높은 수익을 얻습니다.”\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 당신의 피부를 최우선 순위로 다루지 마십시오. 사람들이 당신에게서 가장 먼저 보는 것은 피부입니다.\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 아누아 피치 \u0026amp; 나이아신아마이드 세럼 70% - 당신의 피부는 최고의 보호를 받을 자격이 있기 때문입니다.지금 주문하세요!\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener(\"DOMContentLoaded\", function() {\n var reveals = document.querySelectorAll('.atxa-reveal');\n var revealObserver = new IntersectionObserver(function(entries, observer) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('atxa-active');\n observer.unobserve(entry.target); \n }\n });\n }, {\n root: null,\n threshold: 0.1,\n rootMargin: \"0px 0px -50px 0px\"\n });\n\n reveals.forEach(function(reveal) {\n reveal.classList.remove('atxa-active');\n revealObserver.observe(reveal);\n });\n\n \/\/ Ambient Particles Generator\n var ambientContainer = document.getElementById('atxa-particles');\n var particleCount = 20; \n \n for (var i = 0; i \u003c particleCount; i++) {\n var particle = document.createElement('div');\n particle.classList.add('atxa-particle');\n \n var size = Math.random() * 50 + 20; \n var left = Math.random() * 100; \n var duration = Math.random() * 15 + 12; \n var delay = Math.random() * 8; \n \n particle.style.width = size + 'px';\n particle.style.height = size + 'px';\n particle.style.left = left + '%';\n particle.style.animationDuration = duration + 's';\n particle.style.animationDelay = delay + 's';\n \n ambientContainer.appendChild(particle);\n }\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Anua","offers":[{"title":"Default Title","offer_id":44719323545797,"sku":"","price":1100.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Peach70NiacinSerum_30ml_AMZ_2000x2000_thumb_fa77cea2-3e78-4653-a242-b5ef3c8f4cb3.webp?v=1747141686"},{"product_id":"beauty-of-joseon-glow-deep-serum","title":"쌀과 알파알부틴이 피부를 환하게 밝혀주는 조선미인 딥 글로우 세럼.","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\"\u003e조선미인 딥세럼: 선조의 유산과 미래과학이 만나다\u003c\/h1\u003e\n\u003cp class=\"hero-description\"\u003e한국 황후의 뷰티 시크릿을 담은 기적의 세럼 (\u003cstrong\u003e쌀겨수 68%\u003c\/strong\u003e(가장 강력한 현대과학 성분으로 피부를 밝게 만들어줍니다)\u003cstrong\u003e2% 알파 알부틴\u003c\/strong\u003e).\u003c\/p\u003e\n\u003cp class=\"hero-conclusion\"\u003e\u003cstrong\u003e결과는?진정한 혁명\u003c\/strong\u003e 안전하고 효과적이며 빠른 방법으로 피부를 미백하고 피부색을 통일하는 세계입니다.\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\"\u003e현대기술이 접목된 한국의 고대 보물\u003c\/h2\u003e\n\u003cp\u003e우리는 고대 조선시대부터 윤기 있고 결점 없는 피부를 위해 쌀겨수를 '미인수'로 활용했던 황후들의 미용 비법을 알게 되었습니다.\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\"\u003e뷰티 오브 고션의 글로우 딥 세럼: 가장 순수한 형태의 피부 미백 과학\u003c\/h2\u003e\n\u003cp\u003e이 세럼은 수백 년의 한국 전통의 힘과 피부 관리 과학의 최신 발견을 다음과 같은 독특한 포뮬러로 결합합니다:\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\"\u003e매우 강력하고 효과적인 성분:\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\"\u003e농축된 쌀겨수 \u003cspan class=\"counter\" data-target=\"68\"\u003e0\u003c\/span\u003e%\u003c\/h3\u003e\n\u003cp\u003e단순한 보습 성분이 아닌 피부를 위한 영양 보물:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003e새로운 세포를 만드는 데 필요한 필수 아미노산이 풍부합니다.\u003c\/li\u003e\n\u003cli\u003e미네랄이 가득 함유되어 혈액순환을 촉진하고 자연스러운 광채를 선사합니다.\u003c\/li\u003e\n\u003cli\u003e피부 각질을 부드럽게 제거하고 세포를 재생시키는 천연 효소가 함유되어 있습니다.\u003c\/li\u003e\n\u003cli\u003e역사적으로 안전한 방법으로 피부톤을 밝게 하고 통일시키는 능력으로 알려져 있습니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\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\"\u003e알파-알부틴 농도 \u003cspan class=\"counter\" data-target=\"2\"\u003e0\u003c\/span\u003e%(과학적으로 이상적인 비율)\u003c\/h3\u003e\n\u003cp\u003e기존의 모든 피부 미백제보다 뛰어난 성능을 발휘하는 고급 일본 성분:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003e더 강한 \u003cspan class=\"counter\" data-target=\"10\"\u003e0\u003c\/span\u003e 대부분의 제품에 사용되는 베타-알부틴의 배\u003c\/li\u003e\n\u003cli\u003e멜라닌 생성을 담당하는 티로시나제 효소를 안전하게 억제합니다.\u003c\/li\u003e\n\u003cli\u003e피부에 자극 없이 뿌리 부분의 다크 스팟을 타겟으로 합니다.\u003c\/li\u003e\n\u003cli\u003e정기적인 사용으로 새로운 색소 침착을 예방합니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\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\"\u003e독특한 기능으로 피부 미백 분야에서 1위를 차지합니다.\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\"\u003e가볍고 빠르게 흡수되는 포뮬라\u003c\/h3\u003e\n\u003cp\u003e번들거리고 무거운 라이트닝 제품과 달리 글로우 딥 세럼은\u003c\/p\u003e\n\u003cul class=\"check-list\"\u003e\n\u003cli\u003e피부 깊은 층까지 즉각적으로 침투합니다.\u003c\/li\u003e\n\u003cli\u003e기름기나 윤기의 흔적이 남지 않습니다.\u003c\/li\u003e\n\u003cli\u003e모든 피부 타입에 이상적입니다(지성 및 복합성 포함).\u003c\/li\u003e\n\u003cli\u003e메이크업 전 바로 사용해도 문제 없이 사용 가능해요\u003c\/li\u003e\n\u003c\/ul\u003e\n\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\"\u003e과학적으로 입증된 결과\u003c\/h3\u003e\n\u003cul class=\"check-list\"\u003e\n\u003cli\u003e어두운 부분을 최대로 밝게 \u003cspan class=\"counter\" data-target=\"43\"\u003e0\u003c\/span\u003e4주 이내 %\u003c\/li\u003e\n\u003cli\u003e피부톤을 통일하고 색상 차이를 줄입니다.\u003c\/li\u003e\n\u003cli\u003e피부 윤기와 신선함을 증가\u003c\/li\u003e\n\u003cli\u003e전반적인 피부 건강 개선 및 보호 장벽 강화\u003c\/li\u003e\n\u003c\/ul\u003e\n\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\"\u003e글로우 딥 세럼을 통한 변화의 여정:\u003c\/h2\u003e\n\u003cdiv class=\"timeline-table-container\"\u003e\n\u003ctable class=\"timeline-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003e무대\u003c\/th\u003e\n\u003cth\u003e예상되는 결과\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\u003e첫 번째 주\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003e깊은 수분감, 눈에 띄는 부드러움, 초기 광채\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"timeline-row\"\u003e\n\u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003e두 번째 주\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003e기미가 밝아지는 시작, 점진적인 색의 통일\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"timeline-row\"\u003e\n\u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003e넷째 주\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003e기미와 톤이 눈에 띄게 개선되고, 피부가 더욱 건강해집니다.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"timeline-row\"\u003e\n\u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003e두 번째 달\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\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!-- 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\"\u003e이상적인 사용 방법:\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\"\u003e깨끗하고 촉촉한 피부에 2~3방울을 발라주세요\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\"\u003e중앙에서 바깥쪽으로 원을 그리듯 부드럽게 마사지해 주세요\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e최상의 결과를 얻으려면 아침과 저녁에 사용하세요.\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\"\u003e효과를 유지하려면 낮에도 자외선 차단제를 사용하세요.\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\"당신의 진정한 피부 광채는 거기에 있습니다. 하지만 올바른 열쇠가 필요합니다.\"\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e한국의 고대 역사 + 일본의 앞선 과학 = 완벽하고 균일한 피부.\u003c\/p\u003e\n\u003cp class=\"cta-conclusion\"\u003e뷰티오브고션 글로우 딥 세럼 - \u003cstrong\u003e당신의 피부는 자연스럽고 균일한 색상으로 빛날 자격이 있기 때문입니다.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003e지금 주문하세요\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 = '완료 에이내가Add 내가 에이내가S내가!';\n setTimeout(() =\u003e {\n this.textContent = '지금 주문하세요';\n }, 2000);\n });\n }\n}\n\u003c\/script\u003e\n\u003c\/div\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44730295582917,"sku":"","price":990.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/BeautyofjoseonGlowDeepSerumRice_Alpha-ArbutinBrighteningSerum_1.jpg?v=1747572137"},{"product_id":"see-lit-see-lit-hyaluronic-acid-vitamin-b-plumping-face-serum-30ml","title":"SEE-LIT See Lit Hyaluronic Acid \u0026 Vitamin B Plumping Face Serum 30ml","description":"\u003cstyle\u003e#sl2{--bg:#05090b;--bg2:#0b161a;--m:#4fd0e8;--m2:#aeeaf5;--bd:rgba(79,208,232,.3);--tint:rgba(79,208,232,.12);border-radius:28px;background:var(--bg);color:#fff;font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;line-height:1.85;overflow:hidden;direction: ltr;text-align:start;font-size:17px}#sl2 *{box-sizing:border-box}#sl2 .sec{padding:52px 0}#sl2 .a{background:var(--bg)}#sl2 .b{background:linear-gradient(180deg,var(--bg2),var(--bg));border-block:1px solid var(--bd)}#sl2 .wrap{max-width:900px;margin:auto;padding:0 20px}#sl2 .c{text-align:center}#sl2 .badge{display:inline-block;padding:7px 22px;border-radius:30px;border:1px solid var(--m2);color:var(--m2);font-weight:700;font-size:14px;margin-bottom:20px;background:var(--tint)}#sl2 h1{font-size:clamp(27px,5vw,40px);line-height:1.4;font-weight:900;margin:0 0 18px}#sl2 .hl{color:var(--m)}#sl2 h2{font-size:clamp(22px,4vw,30px);line-height:1.5;font-weight:900;margin:0 0 14px;border-inline-start:6px solid var(--m);padding-inline-start:14px}#sl2 h2.cc{border:0;padding:0;text-align:center}#sl2 h3{font-size:19px;margin:0 0 6px;font-weight:900;color:var(--m)}#sl2 p{margin:0 0 12px;color:#dde8ea}#sl2 .lead{max-width:760px;margin:0 auto 26px;font-size:18px}#sl2 .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 26px}#sl2 .chips span{border:1px solid var(--bd);background:var(--tint);padding:6px 16px;border-radius:30px;font-size:14px}#sl2 img.ph{display:block;width:100%;max-width:560px;height:auto;aspect-ratio:1\/1;object-fit:cover;border-radius:20px;margin:0 auto;border:1px solid var(--bd);box-shadow:0 20px 50px rgba(0,0,0,.8)}#sl2 .hero{background:radial-gradient(circle at 50% 0,var(--tint),transparent 60%),var(--bg);text-align:center;padding-top:58px}#sl2 .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:24px 0}#sl2 .card{background:linear-gradient(145deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:22px 18px}#sl2 .card p{margin:0;font-size:16px;color:#fff}#sl2 .glass{background:rgba(255,255,255,.045);border:1px solid var(--bd);border-radius:22px;padding:30px 22px}#sl2 .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:22px}#sl2 .steps div{background:rgba(255,255,255,.045);border:1.5px dashed var(--bd);border-radius:18px;padding:20px 14px;text-align:center}#sl2 .steps b{display:flex;margin:0 auto 8px;width:44px;height:44px;border-radius:50%;border:2px solid var(--m);align-items:center;justify-content:center;font-size:20px}#sl2 .steps h4{margin:0 0 4px;color:var(--m);font-size:18px}#sl2 .steps p{margin:0;font-size:15px;color:#fff}#sl2 .tl{border-inline-start:2px solid var(--m);padding-inline-start:20px;margin:16px 0 0}#sl2 .tl div{margin-bottom:14px;color:#dde8ea}#sl2 .tl b{display:block;color:#fff;font-size:18px}#sl2 ul.ck{list-style:none;padding:0;margin:10px 0}#sl2 ul.ck li{padding:6px 0;padding-inline-start:30px;position:relative;color:#fff}#sl2 ul.ck li:before{content:\"\";position:absolute;inset-inline-start:0;top:17px;width:14px;height:3px;border-radius:2px;background:var(--m)}#sl2 .warn{border:1px solid var(--m);border-radius:20px;padding:26px;background:var(--tint)}#sl2 details{background:rgba(255,255,255,.045);border:1px solid var(--bd);border-radius:12px;padding:15px 20px;margin-bottom:10px}#sl2 summary{cursor:pointer;font-weight:800}#sl2 details p{margin:10px 0 0}#sl2 .k{color:var(--m2);font-weight:800;background:linear-gradient(transparent 62%,var(--tint) 62%);padding:0 3px}#sl2 .pcap{max-width:600px;margin:28px auto 14px;text-align:center;font-size:17.5px;font-weight:800;color:#fff}#sl2 .cta2{border:2px solid var(--m);border-radius:26px;padding:42px 20px;text-align:center;background:radial-gradient(circle at 50% 0,var(--tint),transparent 70%),var(--bg)}#sl2 .cta2 h2{border:0;padding:0;justify-content:center}#sl2 .why{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:24px 0 8px}#sl2 .why div{padding:14px 12px;border:1px solid var(--bd);border-radius:14px;background:rgba(255,255,255,.045);font-weight:700}#sl2 .big{display:inline-block;margin-top:20px;padding:14px 36px;border-radius:40px;background:var(--m);color:#000;font-weight:900;font-size:20px}#sl2 .trust2{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}#sl2 .trust2 span{border:1.5px solid var(--m);background:var(--tint);padding:10px 22px;border-radius:40px;font-weight:900}#sl2 .inci{direction:ltr;text-align:left;font-size:13px;color:#ddd;background:rgba(0,0,0,.6);border:1px dashed var(--bd);border-radius:14px;padding:18px;margin-top:26px}@media(max-width:768px){#sl2 .sec{padding:36px 0}#sl2 .wrap{padding:0 14px}#sl2 .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#sl2 .card{padding:14px 10px}#sl2 .card p{font-size:13.5px;line-height:1.5}#sl2 .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#sl2 .glass{padding:22px 14px}}\u003c\/style\u003e\u003cdiv id=\"sl2\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"badge\"\u003e하이드레이팅 앤 플럼핑 세럼 |30ml\u003c\/div\u003e\n\u003ch1\u003e피부에 더 깊은 수분 공급이 필요합니까? \u003cbdi\u003eSee-Lit Hyaluronic + Vitamin B\u003c\/bdi\u003e \u003cspan class=\"hl\"\u003e캐비어와 마린콜라겐이 함유된 3가지 분자량의 히알루로닉\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003e병 \u003cspan class=\"k\"\u003e30ml\u003c\/span\u003e 브랜드에 따르면 다양한 분자량의 히알루론산과 캐비어 추출물, 마린 콜라겐, 비타민 A, D, B를 결합하여 피부를 더욱 풍성하고 윤기나게 만들어준다고 합니다.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003e30ml\u003c\/span\u003e\u003cspan\u003e3개의 히알루론산 무게추\u003c\/span\u003e\u003cspan\u003e캐비어\u003c\/span\u003e\u003cspan\u003e마린 콜라겐\u003c\/span\u003e\u003cspan\u003e아침과 저녁\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"pcap\"\u003e이것이 오리지널 세럼이고, 그 안에는 \u003cspan class=\"k\"\u003e히알루로닉 + 캐비어 + 마린콜라겐\u003c\/span\u003e\u003c\/p\u003e\n\u003cimg alt=\"씨릿 히알루로닉 앤 비타민 B 세럼 30 ml\" class=\"ph\" height=\"2000\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/seelithyaluronicacidserum_2.png\" width=\"2000\"\/\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003e이 세럼이 목표로 하는 4가지\u003c\/h2\u003e\n\u003cp\u003e빈 약속이 없으면 브랜드에 따라 공식이 만들어집니다.\u003c\/p\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e다양한 수준의 보습\u003c\/h3\u003e\n\u003cp\u003e3가지 무게의 히알루론산이 지원을 제공합니다. \u003cspan class=\"k\"\u003e표면과 깊은 보습\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e충만한 느낌\u003c\/h3\u003e\n\u003cp\u003e피부의 외관을 지원합니다. \u003cspan class=\"k\"\u003e최대한\u003c\/span\u003e 그리고 부드러움.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e피부탄력\u003c\/h3\u003e\n\u003cp\u003e해양 콜라겐 지원 \u003cspan class=\"k\"\u003e유연성과 응집력\u003c\/span\u003e 피부 모습.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e신선함과 윤기\u003c\/h3\u003e\n\u003cp\u003e비타민 및 캐비어 추출물 지원 \u003cspan class=\"k\"\u003e더욱 깔끔한 외관\u003c\/span\u003e 피부를 위해.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"glass\"\u003e\n\u003ch2 class=\"cc\"\u003e병 안에는 무엇이 들어있나요?\u003c\/h2\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e3가지 무게의 히알루론산\u003c\/h3\u003e\n\u003cp\u003e지지력을 위한 저중량, 중중량, 고중량 \u003cspan class=\"k\"\u003e보습\u003c\/span\u003e 두 개 이상의 레이어에 있습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e캐비어 추출물\u003c\/h3\u003e\n\u003cp\u003e아미노산이 풍부한 성분으로, \u003cspan class=\"k\"\u003e영양\u003c\/span\u003e 피부.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e마린 콜라겐\u003c\/h3\u003e\n\u003cp\u003e그는 지지한다 \u003cspan class=\"k\"\u003e유연성\u003c\/span\u003e 피부와 탄탄한 외관.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e비타민 A, D, B\u003c\/h3\u003e\n\u003cp\u003e지원하는 그룹 \u003cspan class=\"k\"\u003e햇빛\u003c\/span\u003e 피부.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003e무엇을, 언제 볼 것인가?솔직히\u003c\/h2\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e처음 사용부터\u003c\/b\u003e피부에 수분감과 부드러움이 느껴집니다.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e몇 주 후에요?\u003c\/b\u003e피부가 눈에 띌 수도 있어요 \u003cspan class=\"k\"\u003e더 충만함\u003c\/span\u003e 그리고 눈에 덜 띄는 선이 있고, 사람마다 다릅니다.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e그리고 계속 가세요\u003c\/b\u003e보습은 일반적으로 다음과 관련이 있습니다.\u003cspan class=\"k\"\u003e규칙성\u003c\/span\u003e 그리고 당신의 피부 타입과 루틴에 따라.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"margin-top:22px\"\u003e이 세럼이 당신에게 어울릴 것 같아요\u003c\/h3\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003e당신의 피부 \u003cspan class=\"k\"\u003e건조하거나 철회됨\u003c\/span\u003e 보습.\u003c\/li\u003e\n\u003cli\u003e마자르를 응원하고 싶어요 \u003cspan class=\"k\"\u003e충만함\u003c\/span\u003e 그리고 신선함.\u003c\/li\u003e\n\u003cli\u003e켜는 중 \u003cspan class=\"k\"\u003e히알루론산\u003c\/span\u003e 다중 중량 공식을 사용합니다.\u003c\/li\u003e\n\u003cli\u003e당신은 사랑 \u003cspan class=\"k\"\u003e간단한 루틴\u003c\/span\u003e 아침과 저녁.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003e사용방법..간단\u003c\/h2\u003e\n\u003cp class=\"c\"\u003e상자 지침을 따르고 일반적인 단계는 다음과 같습니다.\u003c\/p\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003ch4\u003e세탁물을 깨끗하게\u003c\/h4\u003e\n\u003cp\u003e세수하고 피부를 남겨주세요 \u003cspan class=\"k\"\u003e약간 젖음\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003ch4\u003e점을 몇개 찍으세요\u003c\/h4\u003e\n\u003cp\u003e얼굴과 목에 몇 개의 점이 있습니까?\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003ch4\u003e가볍게 펴발라\u003c\/h4\u003e\n\u003cp\u003e흡수될 때까지 손가락 끝으로 배포합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003ch4\u003e보습제 보충\u003c\/h4\u003e\n\u003cp\u003e낮에는 보습제로 마무리 \u003cspan class=\"k\"\u003e자외선 차단제\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"warn\"\u003e\n\u003ch2\u003e처음 사용하기 전에 읽어보세요\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003e외부용으로만 사용하세요.\u003c\/li\u003e\n\u003cli\u003e피부의 첫 번째 부분에 소량을 바르고 자극이 없는지 확인하십시오.\u003c\/li\u003e\n\u003cli\u003e눈에 들어가지 않도록 주의하시고, 들어갔을 경우에는 다량의 물로 씻어내세요.\u003c\/li\u003e\n\u003cli\u003e상자에 적힌 성분에 알레르기가 있는 경우에는 사용하지 마십시오.\u003c\/li\u003e\n\u003cli\u003e심하게 화끈거리거나 붉어지는 현상이 나타나면 사용을 중지하세요.\u003c\/li\u003e\n\u003cli\u003e본 제품은 스킨케어 제품이지 의료용 제품이 아닙니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003e주문 전 질문\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e한병에 몇ml인가요?\u003c\/summary\u003e\u003cp\u003e\u003cspan class=\"k\"\u003e30ml\u003c\/span\u003e.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003e아침에 사용하나요, 아니면 밤에 사용하나요?\u003c\/summary\u003e\u003cp\u003e적당한 \u003cspan class=\"k\"\u003e아침과 저녁\u003c\/span\u003e 상자 지침에 따르면 낮에는 자외선 차단제가 필요합니다.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003e민감한 피부에도 좋은가요?\u003c\/summary\u003e\u003cp\u003e먼저 소량을 사용해보시고, 피부가 매우 민감한 경우에는 피부과 전문의와 상담하세요.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003e제품이 정품인가요?\u003c\/summary\u003e\u003cp\u003e네, \u003cspan class=\"k\"\u003e오리지널 제품\u003c\/span\u003e 수령 시 지급을 받게 됩니다.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\" style=\"padding-top:10px\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"cta2\"\u003e\n\u003ch2\u003e당신의 피부에 합당한 수분을 공급하세요\u003c\/h2\u003e\n\u003cp style=\"max-width:700px;margin:10px auto 0;font-size:18px;color:#fff\"\u003e언론 \u003cspan class=\"k\"\u003e장바구니에 추가\u003c\/span\u003e 그리고 결제 \u003cspan class=\"k\"\u003e수령 시\u003c\/span\u003e.\u003c\/p\u003e\n\u003cdiv class=\"why\"\u003e\n\u003cdiv\u003e3개의 히알루론산 무게추\u003c\/div\u003e\n\u003cdiv\u003e캐비어와 마린 콜라겐\u003c\/div\u003e\n\u003cdiv\u003e30ml\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"big\"\u003e지금 세럼을 주문하세요\u003c\/div\u003e\n\u003cdiv class=\"trust2\"\u003e\n\u003cspan\u003e어디든 배송 가능\u003c\/span\u003e\u003cspan\u003e오리지널 제품\u003c\/span\u003e\u003cspan\u003e수령 후 결제\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inci\"\u003e\n\u003cb\u003eKey actives:\u003c\/b\u003e Multi-molecular-weight Hyaluronic Acid (low, medium, high), Caviar Extract, Marine Collagen, Vitamins A, D and B. 30 ml. Full ingredient list is printed on the pack.\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"See-lit","offers":[{"title":"Default Title","offer_id":44741709234373,"sku":"","price":290.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/seelithyaluronicacidserum_2.png?v=1747841075"},{"product_id":"seelit-retinol-b3-niacinamide-anti-ageing-serum","title":"Seelit Retinol + B3 (niacinamide) anti ageing serum","description":"\u003cstyle\u003e#sl1{--bg:#0a0805;--bg2:#17110a;--m:#ff9f43;--m2:#ffd0a0;--bd:rgba(255,159,67,.3);--tint:rgba(255,159,67,.12);border-radius:28px;background:var(--bg);color:#fff;font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;line-height:1.85;overflow:hidden;direction: ltr;text-align:start;font-size:17px}#sl1 *{box-sizing:border-box}#sl1 .sec{padding:52px 0}#sl1 .a{background:var(--bg)}#sl1 .b{background:linear-gradient(180deg,var(--bg2),var(--bg));border-block:1px solid var(--bd)}#sl1 .wrap{max-width:900px;margin:auto;padding:0 20px}#sl1 .c{text-align:center}#sl1 .badge{display:inline-block;padding:7px 22px;border-radius:30px;border:1px solid var(--m2);color:var(--m2);font-weight:700;font-size:14px;margin-bottom:20px;background:var(--tint)}#sl1 h1{font-size:clamp(27px,5vw,40px);line-height:1.4;font-weight:900;margin:0 0 18px}#sl1 .hl{color:var(--m)}#sl1 h2{font-size:clamp(22px,4vw,30px);line-height:1.5;font-weight:900;margin:0 0 14px;border-inline-start:6px solid var(--m);padding-inline-start:14px}#sl1 h2.cc{border:0;padding:0;text-align:center}#sl1 h3{font-size:19px;margin:0 0 6px;font-weight:900;color:var(--m)}#sl1 p{margin:0 0 12px;color:#e6e0d6}#sl1 .lead{max-width:760px;margin:0 auto 26px;font-size:18px}#sl1 .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 26px}#sl1 .chips span{border:1px solid var(--bd);background:var(--tint);padding:6px 16px;border-radius:30px;font-size:14px}#sl1 img.ph{display:block;width:100%;max-width:560px;height:auto;aspect-ratio:1\/1;object-fit:cover;border-radius:20px;margin:0 auto;border:1px solid var(--bd);box-shadow:0 20px 50px rgba(0,0,0,.8)}#sl1 .hero{background:radial-gradient(circle at 50% 0,var(--tint),transparent 60%),var(--bg);text-align:center;padding-top:58px}#sl1 .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:24px 0}#sl1 .card{background:linear-gradient(145deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:22px 18px}#sl1 .card p{margin:0;font-size:16px;color:#fff}#sl1 .glass{background:rgba(255,255,255,.045);border:1px solid var(--bd);border-radius:22px;padding:30px 22px}#sl1 .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:22px}#sl1 .steps div{background:rgba(255,255,255,.045);border:1.5px dashed var(--bd);border-radius:18px;padding:20px 14px;text-align:center}#sl1 .steps b{display:flex;margin:0 auto 8px;width:44px;height:44px;border-radius:50%;border:2px solid var(--m);align-items:center;justify-content:center;font-size:20px}#sl1 .steps h4{margin:0 0 4px;color:var(--m);font-size:18px}#sl1 .steps p{margin:0;font-size:15px;color:#fff}#sl1 .tl{border-inline-start:2px solid var(--m);padding-inline-start:20px;margin:16px 0 0}#sl1 .tl div{margin-bottom:14px;color:#e6e0d6}#sl1 .tl b{display:block;color:#fff;font-size:18px}#sl1 ul.ck{list-style:none;padding:0;margin:10px 0}#sl1 ul.ck li{padding:6px 0;padding-inline-start:30px;position:relative;color:#fff}#sl1 ul.ck li:before{content:\"\";position:absolute;inset-inline-start:0;top:17px;width:14px;height:3px;border-radius:2px;background:var(--m)}#sl1 .warn{border:1px solid var(--m);border-radius:20px;padding:26px;background:var(--tint)}#sl1 details{background:rgba(255,255,255,.045);border:1px solid var(--bd);border-radius:12px;padding:15px 20px;margin-bottom:10px}#sl1 summary{cursor:pointer;font-weight:800}#sl1 details p{margin:10px 0 0}#sl1 .k{color:var(--m2);font-weight:800;background:linear-gradient(transparent 62%,var(--tint) 62%);padding:0 3px}#sl1 .pcap{max-width:600px;margin:28px auto 14px;text-align:center;font-size:17.5px;font-weight:800;color:#fff}#sl1 .cta2{border:2px solid var(--m);border-radius:26px;padding:42px 20px;text-align:center;background:radial-gradient(circle at 50% 0,var(--tint),transparent 70%),var(--bg)}#sl1 .cta2 h2{border:0;padding:0;justify-content:center}#sl1 .why{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:24px 0 8px}#sl1 .why div{padding:14px 12px;border:1px solid var(--bd);border-radius:14px;background:rgba(255,255,255,.045);font-weight:700}#sl1 .big{display:inline-block;margin-top:20px;padding:14px 36px;border-radius:40px;background:var(--m);color:#000;font-weight:900;font-size:20px}#sl1 .trust2{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}#sl1 .trust2 span{border:1.5px solid var(--m);background:var(--tint);padding:10px 22px;border-radius:40px;font-weight:900}#sl1 .inci{direction:ltr;text-align:left;font-size:13px;color:#ddd;background:rgba(0,0,0,.6);border:1px dashed var(--bd);border-radius:14px;padding:18px;margin-top:26px}@media(max-width:768px){#sl1 .sec{padding:36px 0}#sl1 .wrap{padding:0 14px}#sl1 .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#sl1 .card{padding:14px 10px}#sl1 .card p{font-size:13.5px;line-height:1.5}#sl1 .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#sl1 .glass{padding:22px 14px}}\u003c\/style\u003e\u003cdiv id=\"sl1\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"badge\"\u003e안티에이징 세럼\u003c\/div\u003e\n\u003ch1\u003e자극 없는 레티놀을 원하시나요? \u003cbdi\u003eSee-Lit Retinol + B3\u003c\/bdi\u003e \u003cspan class=\"hl\"\u003e나이아신아마이드와 콜라겐이 함유된 레티놀\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003e혈청 수집 \u003cspan class=\"k\"\u003eCylasphere Retinol 1%\u003c\/span\u003e 와 \u003cspan class=\"k\"\u003e비타민 B3\u003c\/span\u003e 브랜드에 따르면, 가수분해 콜라겐과 비타민 E가 저녁 루틴을 더욱 매끄럽고 빛나는 피부로 가꾸어 줍니다.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eRetinol 1%\u003c\/span\u003e\u003cspan\u003eNiacinamide B3\u003c\/span\u003e\u003cspan\u003e가수분해 콜라겐\u003c\/span\u003e\u003cspan\u003e비타민 E\u003c\/span\u003e\u003cspan\u003e저녁 루틴\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"pcap\"\u003e이것이 오리지널 세럼과 그 포뮬러입니다. \u003cspan class=\"k\"\u003eRetinol + B3\u003c\/span\u003e 한 병에\u003c\/p\u003e\n\u003cimg alt=\"씨릿 레티놀 앤 비타민 B3 세럼\" class=\"ph\" height=\"700\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/see-litretinolb3serum.webp\" width=\"700\"\/\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003e이 세럼이 목표로 하는 4가지\u003c\/h2\u003e\n\u003cp\u003e빈 약속이 없으면 브랜드에 따라 공식이 만들어집니다.\u003c\/p\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e에이징 라인\u003c\/h3\u003e\n\u003cp\u003e레티놀은 일상생활에서 가장 인기 있는 성분 중 하나입니다. \u003cspan class=\"k\"\u003e주름 방지\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e피부 질감과 색상\u003c\/h3\u003e\n\u003cp\u003e나이아신아마이드 함유로 \u003cspan class=\"k\"\u003e색상 균일성\u003c\/span\u003e 더 부드러운 질감.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e피부탄력\u003c\/h3\u003e\n\u003cp\u003e가수분해 콜라겐 지원 \u003cspan class=\"k\"\u003e충만한 느낌\u003c\/span\u003e 그리고 유연성.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e사용의 편안함\u003c\/h3\u003e\n\u003cp\u003e기술 \u003cspan class=\"k\"\u003eCylasphere\u003c\/span\u003e 브랜드에 따라 레티놀을 점진적으로 방출하도록 처방되었습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"glass\"\u003e\n\u003ch2 class=\"cc\"\u003e병 안에는 무엇이 들어있나요?\u003c\/h2\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eRetinol (Cylasphere) 1%\u003c\/h3\u003e\n\u003cp\u003e점진적 방출 기술이 적용된 레티놀 성분\u003cspan class=\"k\"\u003e피부의 모습을 젊어지게\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eNiacinamide (B3)\u003c\/h3\u003e\n\u003cp\u003e도움이 된다 \u003cspan class=\"k\"\u003e피부를 진정시키세요\u003c\/span\u003e 그리고 그 모습을 통일하세요.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e가수분해 콜라겐\u003c\/h3\u003e\n\u003cp\u003e그는 지지한다 \u003cspan class=\"k\"\u003e보습과 탄력\u003c\/span\u003e 피부.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e글리콜산\u003c\/h3\u003e\n\u003cp\u003e지원하는 것으로 알려진 산 중 \u003cspan class=\"k\"\u003e표면을 부드럽게 하기\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e비타민 E\u003c\/h3\u003e\n\u003cp\u003e항산화 지원 \u003cspan class=\"k\"\u003e피부 보호\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e판토텐산\u003c\/h3\u003e\n\u003cp\u003e그는 지지한다 \u003cspan class=\"k\"\u003e보습\u003c\/span\u003e 피부.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003e무엇을, 언제 볼 것인가?솔직히\u003c\/h2\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e처음에는\u003c\/b\u003e더욱 부드러운 질감과 보습감이 느껴지며, 레티놀에 익숙해지는 데 시간이 걸리기 때문에 첫 주에는 약간 건조하거나 각질이 일어날 수 있습니다.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e몇 주 후에요?\u003c\/b\u003e당신은 알아차릴 수도 있습니다 \u003cspan class=\"k\"\u003e덜 명확한 선\u003c\/span\u003e 색상은 더 균일하며 사람마다 다릅니다.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e그리고 계속 가세요\u003c\/b\u003e레티놀이 필요하다 \u003cspan class=\"k\"\u003e규칙성과 인내심\u003c\/span\u003e 그리고 결과를 유지하기 위해 매일 자외선 차단제를 바르세요.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"margin-top:22px\"\u003e이 세럼이 당신에게 어울릴 것 같아요\u003c\/h3\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003e켜는 중 \u003cspan class=\"k\"\u003eRetinol\u003c\/span\u003e 저녁 루틴에서.\u003c\/li\u003e\n\u003cli\u003e마자르를 응원하고 싶어요 \u003cspan class=\"k\"\u003e잔주름\u003c\/span\u003e.\u003c\/li\u003e\n\u003cli\u003e나는 그것의 조합을 선호한다 \u003cspan class=\"k\"\u003e나이아신아마이드\u003c\/span\u003e 레티놀.\u003c\/li\u003e\n\u003cli\u003e사용 준비 완료 \u003cspan class=\"k\"\u003e자외선 차단제\u003c\/span\u003e 낮에는.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003e사용방법..간단\u003c\/h2\u003e\n\u003cp class=\"c\"\u003e상자 지침을 따르고 일반적인 단계는 다음과 같습니다.\u003c\/p\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003ch4\u003e깨끗하고 건조함\u003c\/h4\u003e\n\u003cp\u003e순한 클렌저로 얼굴을 씻고 말리세요.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003ch4\u003e소량을 넣어보세요\u003c\/h4\u003e\n\u003cp\u003e수량 \u003cspan class=\"k\"\u003e작은\u003c\/span\u003e 얼굴에 바르고, 눈을 피하세요.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003ch4\u003e밤에\u003c\/h4\u003e\n\u003cp\u003e레티놀은 떨어지고 있다 \u003cspan class=\"k\"\u003e저녁\u003c\/span\u003e 보통.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003ch4\u003e점진적으로 시작하세요\u003c\/h4\u003e\n\u003cp\u003e시작 \u003cspan class=\"k\"\u003e이틀마다\u003c\/span\u003e 피부가 견딜 수 있는 만큼 늘리세요.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"warn\"\u003e\n\u003ch2\u003e처음 사용하기 전에 읽어보세요\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003e외부용으로만 사용하세요.\u003c\/li\u003e\n\u003cli\u003e피부의 첫 번째 부분에 소량을 바르고 자극이 없는지 확인하십시오.\u003c\/li\u003e\n\u003cli\u003e레티놀을 사용하는 동안 낮에는 자외선 차단제를 사용하십시오.\u003c\/li\u003e\n\u003cli\u003e임신 중이거나 수유 중인 경우에는 사용 전 의사와 상담하세요.\u003c\/li\u003e\n\u003cli\u003e심하게 화끈거리거나 붉어지는 현상이 나타나면 사용을 중지하세요.\u003c\/li\u003e\n\u003cli\u003e눈과 입술에 닿지 않는 곳에 보관하세요.\u003c\/li\u003e\n\u003cli\u003e본 제품은 스킨케어 제품이지 의료용 제품이 아닙니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003e주문 전 질문\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e아침에 사용하나요, 아니면 밤에 사용하나요?\u003c\/summary\u003e\u003cp\u003e레티놀은 떨어지고 있다 \u003cspan class=\"k\"\u003e밤에\u003c\/span\u003e 일반적으로 낮에는 자외선 차단제가 필수입니다.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003e벗겨짐이 발생할 수 있나요?\u003c\/summary\u003e\u003cp\u003e처음에는 조금 건조하거나 아플 수 있으니 시작해보세요 \u003cspan class=\"k\"\u003e점차적으로\u003c\/span\u003e 그리고 피부에 맞게 공급해주세요.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003e나중에 어떤 결과를 보게 될까요?\u003c\/summary\u003e\u003cp\u003e그는 필요 \u003cspan class=\"k\"\u003e규칙성과 인내심\u003c\/span\u003e 사람마다 다릅니다.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003e제품이 정품인가요?\u003c\/summary\u003e\u003cp\u003e네, \u003cspan class=\"k\"\u003e오리지널 제품\u003c\/span\u003e 수령 시 지급을 받게 됩니다.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\" style=\"padding-top:10px\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"cta2\"\u003e\n\u003ch2\u003e레티놀 루틴을 부드럽게 시작하세요\u003c\/h2\u003e\n\u003cp style=\"max-width:700px;margin:10px auto 0;font-size:18px;color:#fff\"\u003e언론 \u003cspan class=\"k\"\u003e장바구니에 추가\u003c\/span\u003e 그리고 결제 \u003cspan class=\"k\"\u003e수령 시\u003c\/span\u003e.\u003c\/p\u003e\n\u003cdiv class=\"why\"\u003e\n\u003cdiv\u003eRetinol 1%\u003c\/div\u003e\n\u003cdiv\u003eNiacinamide B3\u003c\/div\u003e\n\u003cdiv\u003e가수분해 콜라겐\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"big\"\u003e지금 세럼을 주문하세요\u003c\/div\u003e\n\u003cdiv class=\"trust2\"\u003e\n\u003cspan\u003e어디든 배송 가능\u003c\/span\u003e\u003cspan\u003e오리지널 제품\u003c\/span\u003e\u003cspan\u003e수령 후 결제\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inci\"\u003e\n\u003cb\u003eKey actives:\u003c\/b\u003e Cylasphere Retinol 1%, Niacinamide (Vitamin B3), Hydrolyzed Collagen, Glycolic Acid, Tocopherol (Vitamin E), Pantothenic Acid. Full ingredient list is printed on the pack.\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"See-lit","offers":[{"title":"Default Title","offer_id":44742073057477,"sku":null,"price":290.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/see-litretinolb3serum.webp?v=1747853163"},{"product_id":"beauty-of-joseon-revive-serum","title":"인삼과 달팽이 분비물이 피부에 활력과 탄력을 선사하는 조선미인 피부재생 세럼.","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\"\u003e과학이 증명함: 인삼 + 달팽이 점액 = 완벽한 젊음 방정식\u003c\/h1\u003e\n\u003cp class=\"subtitle slide-up\"\u003e조선미인 리바이브 세럼: 피부 세포를 재프로그래밍하는 첨단 과학 포뮬러\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Key Benefits Grid --\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e주요 용도\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\u003e페이딩 처리\u003c\/h3\u003e\n\u003cp\u003e인삼 63%가 혈액순환을 촉진해 2주 안에 지친 피부의 자연스러운 윤기를 되찾아줍니다.\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\u003e항산화제\u003c\/h3\u003e\n\u003cp\u003e15가지 진세노사이드가 유해산소, 오염물질, 유해광선으로부터 피부를 보호해줍니다.\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\u003e주름개선\u003c\/h3\u003e\n\u003cp\u003e달팽이 점액 3%는 콜라겐 생성을 촉진하고 잔주름과 주름을 줄여줍니다.\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\u003e깊은 보습제\u003c\/h3\u003e\n\u003cp\u003e천연 히알루론산이 12시간 동안 피부에 수분을 가두어 줍니다.\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\u003e피부결 개선\u003c\/h3\u003e\n\u003cp\u003e천연 단백질이 피부결을 매끄럽게 하고 모공과 거칠기를 줄여줍니다.\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\u003e붉은기를 진정시켜줍니다\u003c\/h3\u003e\n\u003cp\u003e달팽이 점액에 함유된 알란토인이 염증과 자극을 줄여주고 민감한 피부를 진정시켜줍니다.\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\u003e인삼 63% - 세포재생 엔진\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\u003e활성 사포닌: 미세 순환을 40% 자극합니다.\u003c\/li\u003e\n\u003cli\u003e진세노사이드: 천연 콜라겐 생성을 자극합니다.\u003c\/li\u003e\n\u003cli\u003e강력한 항산화제: 활성산소 퇴치\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\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\u003e정화된 달팽이 점액 3% - 회복과 재생의 기적\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\u003e피부 깊은 층까지 침투\u003c\/li\u003e\n\u003cli\u003e새로운 콜라겐 생성을 촉진합니다.\u003c\/li\u003e\n\u003cli\u003e손상된 DNA를 복구합니다\u003c\/li\u003e\n\u003cli\u003e세포 회전율을 촉진합니다\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\"\u003e보조 구성 요소: 통합 과학 팀\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🌿 센텔라아시아티카추출물\u003c\/h3\u003e\n\u003cdiv class=\"compound-list\"\u003e\n\u003cdiv class=\"compound-item\" data-aos=\"fade-left\" data-delay=\"100\"\u003e\n\u003cdiv class=\"compound-icon\"\u003e🧬\u003c\/div\u003e\n\u003cdiv class=\"compound-details\"\u003e\n\u003ch4\u003e아시아산\u003c\/h4\u003e\n\u003cp\u003e콜라겐 타입 1과 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\u003e마덴카소사이드\u003c\/h4\u003e\n\u003cp\u003e붉은기를 즉각적으로 진정시키는 천연 항염증제\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\u003e아시아티코사이드\u003c\/h4\u003e\n\u003cp\u003e작은 상처와 자극의 치유를 가속화합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Clinical Results --\u003e\n\u003cdiv class=\"results-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e실험실 테스트를 거친 과학적 결과\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\u003e일주일 후\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\"\u003e즉각적인 부드러움\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\"\u003e향상된 광채\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\"\u003e붉은기를 감소시키다\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\u003e4주 후\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\"\u003e유연성 향상\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\"\u003e주름 감소\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\"\u003e깊은 수분 공급\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 기술적으로 진보된 포뮬러\u003c\/h2\u003e\n\u003cdiv class=\"technology-grid\"\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3\u003e질감의 혁신\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\u003e나노입자\u003c\/h4\u003e\n\u003cp\u003e피부에 쉽게 침투\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\u003e그라데이션 릴리스 기술\u003c\/h4\u003e\n\u003cp\u003e유효 성분의 경우\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\u003e임시보호필름\u003c\/h4\u003e\n\u003cp\u003e피부 표면 아래의 수분을 잠급니다.\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\u003e빠른 흡수\u003c\/h4\u003e\n\u003cp\u003e기름진 잔여물을 남기지 않고\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-timeline\"\u003e\n\u003ch3\u003e당신이 느끼는 차이\u003c\/h3\u003e\n\u003cdiv class=\"experience-steps\"\u003e\n\u003cdiv class=\"experience-step\" data-time=\"instant\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ 즉시 신청\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003e즉각적인 실키 스프레드\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-step\" data-time=\"1min\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ 1분 안에\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003e완벽한 흡수력과 편안한 느낌\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-step\" data-time=\"5min\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ 5분 후\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003e벨벳 같은 부드러움과 자연스러운 광채\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-step\" data-time=\"allday\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ 하루 종일\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003e지속적인 수분공급과 효과적인 보호\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Why Choose Section --\u003e\n\u003cdiv class=\"why-choose-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e리바이브 세럼을 선택하는 이유는 무엇입니까?과학적 증거는 거짓말을 하지 않는다\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\u003e과학적으로 계산된 최적 농도\u003c\/h3\u003e\n\u003cul class=\"proof-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e인삼 63%\u003c\/strong\u003e: 자극 없이 최적의 효능 집중\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e달팽이 점액 3%\u003c\/strong\u003e: 최상의 결과를 위한 검증된 비율\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e완벽한 균형\u003c\/strong\u003e: 데일리로 사용하기 좋은 강도와 안전성 사이\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"proof-card testing-card\"\u003e\n\u003cdiv class=\"proof-icon\"\u003e🧪\u003c\/div\u003e\n\u003ch3\u003e테스트 및 인증됨\u003c\/h3\u003e\n\u003cul class=\"proof-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e알레르기 테스트\u003c\/strong\u003e: 민감한 피부에도 안심\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e효능 테스트\u003c\/strong\u003e28일 만에 입증된 결과\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e품질 테스트\u003c\/strong\u003e: 엄격한 국제 표준\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"proof-card unique-card\"\u003e\n\u003cdiv class=\"proof-icon\"\u003e⚗️\u003c\/div\u003e\n\u003ch3\u003e독특한 기술\u003c\/h3\u003e\n\u003cul class=\"proof-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e모공이 막히지 않습니다.\u003c\/strong\u003e: 피부과 테스트 완료\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e모든 피부 타입에 적합\u003c\/strong\u003e: 건성부터 지성까지\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e다른 제품과 함께 작동\u003c\/strong\u003e: 일상적인 관리에 지장을 주지 않습니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Investment Section --\u003e\n\u003cdiv class=\"investment-section\"\u003e\n\u003cdiv class=\"investment-content\"\u003e\n\u003ch2 class=\"investment-title\"\u003e과학에 투자하세요... 피부에 투자하세요\u003c\/h2\u003e\n\u003cp class=\"investment-tagline\"\u003e천연 인삼의 힘과 정제된 달팽이 점액의 기적을 이토록 완벽한 균형으로 결합한 다른 공식은 찾을 수 없습니다.\u003c\/p\u003e\n\u003cdiv class=\"final-results\"\u003e\n\u003ch3\u003e최종 결과: 과학적으로 건강한 피부\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\u003e재생된 세포\u003c\/strong\u003e 매우 효율적으로 작동합니다.\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\u003e강한 자연 장벽\u003c\/strong\u003e 외부 요인으로부터 보호합니다.\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\u003e깊은 수분 공급\u003c\/strong\u003e 72시간 지속\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\u003e유연성 향상\u003c\/strong\u003e 최대 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\u003e자연스러운 광채\u003c\/strong\u003e 화장하지 않고\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\"\u003e사용방법\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\u003e얼굴을 잘 닦아주세요\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\u003e3~4방울을 발라주세요\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\u003e부드럽게 마사지\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\" data-step=\"4\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cp\u003e아침저녁으로 사용하세요\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\"\u003e모든 구성요소\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-container\"\u003e\n\u003cp class=\"ingredients-text\"\u003ePanax Ginseng Root Water, Water, Butylene Glycol, Dipropylene Glycol, 1,2-Hexanediol, Glycerin, Niacinamide, Propanediol, Trehalose, Snail Secretion Filtrate, Carbomer, Tromethamine, Xanthan Gum, Malt Extract, Sodium Polyacrylate, Adenosine, Glyceryl Acrylate\/Acrylic Acid Copolymer, Disodium Edta, Panax Ginseng Root Extract, Ganoderma Lucidum (Mushroom) Extract, Phellinus Linteus Extract, Centella Asiatica Extract, Sodium Hyaluronate, Hydrolyzed Hyaluronic Acid, Forsythia Suspensa Fruit Extract, Lonicera Japonica (Honeysuckle) Flower Extract, Scutellaria Baicalensis Root Extract, Sodium Acetylated Hyaluronate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-description {\n max-width: 1200px;\n margin: 0 auto;\n \n color: #333;\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* Video Section *\/\n .video-section {\n width: 100%;\n margin-bottom: 2rem;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n }\n\n .video-container {\n position: relative;\n width: 100%;\n height: 60vh;\n min-height: 400px;\n }\n\n .video-container video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n\n \/* Hero Text Section *\/\n .hero-text-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin-bottom: 4rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n }\n\n .main-title {\n font-size: 2.5rem;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 1.5rem;\n text-align: center;\n direction: ltr;\n }\n\n .subtitle {\n font-size: 1.2rem;\n color: #666;\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n line-height: 1.8;\n }\n\n \/* Animations *\/\n .fade-in {\n opacity: 0;\n animation: fadeIn 2s ease-out forwards;\n }\n\n .slide-up {\n opacity: 0;\n transform: translateY(30px);\n animation: slideUp 2s ease-out 0.5s forwards;\n }\n\n @keyframes fadeIn {\n to { opacity: 1; }\n }\n\n @keyframes slideUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Section Titles *\/\n .section-title {\n font-size: 2rem;\n font-weight: 700;\n color: #9C8102;\n text-align: center;\n margin-bottom: 3rem;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #9C8102, transparent);\n }\n\n \/* Benefits Grid *\/\n .benefits-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n margin-bottom: 4rem;\n border-radius: 20px;\n }\n\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .benefit-card {\n background: white;\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n text-align: center;\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateY(50px);\n }\n\n .benefit-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(156,129,2,0.2);\n }\n\n .benefit-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n animation: float 3s ease-in-out infinite;\n }\n\n .benefit-card h3 {\n color: #9C8102;\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n\n .benefit-card p {\n color: #666;\n text-align: left;\n direction: ltr;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n }\n\n \/* Science Section *\/\n .science-section {\n padding: 4rem 2rem;\n margin-bottom: 4rem;\n }\n\n .ingredient-showcase {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));\n gap: 3rem;\n max-width: 1100px;\n margin: 0 auto;\n }\n\n .ingredient-card {\n background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n }\n\n .ingredient-card:hover {\n transform: scale(1.02);\n box-shadow: 0 20px 40px rgba(156,129,2,0.15);\n }\n\n .ingredient-card img {\n width: 100%;\n height: 250px;\n object-fit: cover;\n }\n\n .ingredient-info {\n padding: 2rem;\n }\n\n .ingredient-info h3 {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: left;\n direction: ltr;\n }\n\n .molecular-animation {\n display: flex;\n justify-content: center;\n margin: 2rem 0;\n gap: 1rem;\n }\n\n .molecule {\n width: 20px;\n height: 20px;\n background: #9C8102;\n border-radius: 50%;\n animation: pulse 2s ease-in-out infinite;\n }\n\n .molecule:nth-child(2) { animation-delay: 0.5s; }\n .molecule:nth-child(3) { animation-delay: 1s; }\n\n @keyframes pulse {\n 0%, 100% { \n transform: scale(1); \n opacity: 1; \n }\n 50% { \n transform: scale(1.5); \n opacity: 0.7; \n }\n }\n\n .repair-animation {\n display: flex;\n justify-content: center;\n margin: 2rem 0;\n gap: 1rem;\n }\n\n .cell {\n width: 25px;\n height: 25px;\n background: linear-gradient(45deg, #9C8102, #d4c140);\n border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\n animation: regenerate 3s ease-in-out infinite;\n }\n\n .cell:nth-child(2) { animation-delay: 1s; }\n .cell:nth-child(3) { animation-delay: 2s; }\n\n @keyframes regenerate {\n 0%, 100% { \n border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\n transform: rotate(0deg);\n }\n 50% { \n border-radius: 70% 30% 30% 70% \/ 70% 70% 30% 30%;\n transform: rotate(180deg);\n }\n }\n\n .ingredient-benefits, .ingredient-process {\n text-align: left;\n direction: ltr;\n color: #555;\n }\n\n .ingredient-benefits li, .ingredient-process li {\n margin-bottom: 0.8rem;\n position: relative;\n padding-right: 1.5rem;\n }\n\n \/* Centella Section *\/\n .centella-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n margin-bottom: 4rem;\n border-radius: 20px;\n }\n\n .centella-container {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n max-width: 1000px;\n margin: 0 auto;\n align-items: center;\n }\n\n .centella-image {\n position: relative;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n }\n\n .centella-image img {\n width: 100%;\n height: 300px;\n object-fit: cover;\n }\n\n .healing-animation {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100px;\n height: 100px;\n }\n\n .healing-wave {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 20px;\n height: 20px;\n border: 2px solid rgba(156,129,2,0.6);\n border-radius: 50%;\n transform: translate(-50%, -50%);\n animation: healingPulse 3s ease-out infinite;\n }\n\n .healing-wave:nth-child(2) { animation-delay: 1s; }\n .healing-wave:nth-child(3) { animation-delay: 2s; }\n\n @keyframes healingPulse {\n 0% {\n width: 20px;\n height: 20px;\n opacity: 1;\n }\n 100% {\n width: 100px;\n height: 100px;\n opacity: 0;\n }\n }\n\n .centella-info h3 {\n color: #9C8102;\n font-size: 1.5rem;\n font-weight: 600;\n margin-bottom: 2rem;\n text-align: left;\n direction: ltr;\n }\n\n .compound-list {\n direction: ltr;\n text-align: left;\n }\n\n .compound-item {\n display: flex;\n align-items: center;\n margin-bottom: 1.5rem;\n padding: 1rem;\n background: white;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateX(50px);\n }\n\n .compound-item:hover {\n transform: translateX(0) translateY(-5px);\n box-shadow: 0 10px 25px rgba(156,129,2,0.15);\n }\n\n .compound-icon {\n font-size: 2rem;\n margin-left: 1rem;\n animation: rotate 4s linear infinite;\n }\n\n @keyframes rotate {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n .compound-details h4 {\n color: #9C8102;\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: 0.5rem;\n }\n\n .compound-details p {\n color: #666;\n font-size: 0.95rem;\n }\n\n \/* Technology Section *\/\n .technology-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);\n color: white;\n margin-bottom: 4rem;\n border-radius: 20px;\n }\n\n .technology-section .section-title {\n color: white;\n }\n\n .technology-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n max-width: 1100px;\n margin: 0 auto;\n }\n\n .tech-card, .experience-timeline {\n background: rgba(255,255,255,0.1);\n padding: 2rem;\n border-radius: 15px;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.2);\n }\n\n .tech-card h3, .experience-timeline h3 {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 2rem;\n text-align: center;\n }\n\n .tech-features {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.5rem;\n }\n\n .tech-feature {\n text-align: center;\n padding: 1rem;\n background: rgba(255,255,255,0.05);\n border-radius: 10px;\n transition: all 0.3s ease;\n opacity: 0;\n transform: scale(0.8);\n }\n\n .tech-feature:hover {\n transform: scale(1.05);\n background: rgba(156,129,2,0.2);\n }\n\n .tech-icon {\n font-size: 2rem;\n margin-bottom: 0.5rem;\n animation: float 3s ease-in-out infinite;\n }\n\n .tech-feature h4 {\n color: #9C8102;\n font-size: 1rem;\n font-weight: 600;\n margin-bottom: 0.5rem;\n }\n\n .tech-feature p {\n font-size: 0.85rem;\n opacity: 0.9;\n }\n\n .experience-steps {\n direction: ltr;\n text-align: left;\n }\n\n .experience-step {\n display: flex;\n align-items: center;\n margin-bottom: 1.5rem;\n padding: 1rem;\n background: rgba(255,255,255,0.05);\n border-radius: 10px;\n border-left: 4px solid #9C8102;\n transition: all 0.3s ease;\n }\n\n .experience-step:hover {\n background: rgba(156,129,2,0.1);\n transform: translateX(-10px);\n }\n\n .step-time {\n font-weight: bold;\n color: #9C8102;\n margin-left: 1rem;\n min-width: 120px;\n }\n\n .step-desc {\n opacity: 0.9;\n }\n\n \/* Why Choose Section *\/\n .why-choose-section {\n padding: 4rem 2rem;\n margin-bottom: 4rem;\n }\n\n .scientific-proof {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 2rem;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .proof-card {\n background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n text-align: center;\n transition: all 0.3s ease;\n border-top: 4px solid #9C8102;\n }\n\n .proof-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(156,129,2,0.2);\n }\n\n .proof-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n animation: pulse 3s ease-in-out infinite;\n }\n\n .proof-card h3 {\n color: #9C8102;\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n }\n\n .proof-list {\n text-align: left;\n direction: ltr;\n list-style: none;\n padding: 0;\n }\n\n .proof-list li {\n margin-bottom: 1rem;\n padding: 0.8rem;\n background: rgba(156,129,2,0.05);\n border-radius: 8px;\n border-right: 3px solid #9C8102;\n }\n\n .proof-list li strong {\n color: #9C8102;\n }\n\n \/* Investment Section *\/\n .investment-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);\n color: white;\n border-radius: 20px;\n margin-bottom: 2rem;\n position: relative;\n overflow: hidden;\n }\n\n .investment-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"grain\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"25\" cy=\"25\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.05\"\/\u003e\u003ccircle cx=\"75\" cy=\"75\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.05\"\/\u003e\u003ccircle cx=\"50\" cy=\"50\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.05\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23grain)\"\/\u003e\u003c\/svg\u003e');\n opacity: 0.3;\n }\n\n .investment-content {\n position: relative;\n z-index: 2;\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n\n .investment-title {\n font-size: 2.5rem;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 1.5rem;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n }\n\n .investment-tagline {\n font-size: 1.2rem;\n line-height: 1.8;\n margin-bottom: 3rem;\n opacity: 0.9;\n text-align: left;\n direction: ltr;\n }\n\n .final-results h3 {\n color: #9C8102;\n font-size: 1.8rem;\n font-weight: 600;\n margin-bottom: 2rem;\n }\n\n .final-benefits {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1rem;\n text-align: left;\n direction: ltr;\n }\n\n .final-benefit {\n display: flex;\n align-items: center;\n padding: 1rem;\n background: rgba(255,255,255,0.1);\n border-radius: 10px;\n backdrop-filter: blur(10px);\n border-right: 4px solid #9C8102;\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateY(30px);\n }\n\n .final-benefit:hover {\n background: rgba(156,129,2,0.2);\n transform: translateY(0) translateX(-10px);\n }\n\n .final-benefit .benefit-icon {\n font-size: 1.5rem;\n margin-left: 1rem;\n animation: bounce 2s ease-in-out infinite;\n }\n\n .final-benefit:nth-child(2) .benefit-icon { animation-delay: 0.2s; }\n .final-benefit:nth-child(3) .benefit-icon { animation-delay: 0.4s; }\n .final-benefit:nth-child(4) .benefit-icon { animation-delay: 0.6s; }\n .final-benefit:nth-child(5) .benefit-icon { animation-delay: 0.8s; }\n\n @keyframes bounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-5px); }\n }\n\n .final-benefit .benefit-text {\n font-size: 1rem;\n line-height: 1.5;\n }\n\n .final-benefit strong {\n color: #9C8102;\n }\n\n \/* Results Section *\/\n .results-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);\n color: white;\n margin-bottom: 4rem;\n border-radius: 20px;\n }\n\n .results-section .section-title {\n color: white;\n }\n\n .timeline {\n max-width: 900px;\n margin: 0 auto;\n position: relative;\n }\n\n .timeline::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n width: 2px;\n height: 100%;\n background: #9C8102;\n transform: translateX(-50%);\n }\n\n .timeline-item {\n display: flex;\n align-items: center;\n margin-bottom: 3rem;\n position: relative;\n }\n\n .timeline-item:nth-child(odd) .timeline-content {\n margin-right: 50%;\n padding-right: 3rem;\n text-align: left;\n }\n\n .timeline-item:nth-child(even) .timeline-content {\n margin-left: 50%;\n padding-left: 3rem;\n }\n\n .timeline-marker {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 60px;\n background: #9C8102;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n font-weight: bold;\n color: white;\n z-index: 2;\n animation: glow 2s ease-in-out infinite alternate;\n }\n\n @keyframes glow {\n from { box-shadow: 0 0 20px rgba(156,129,2,0.5); }\n to { box-shadow: 0 0 30px rgba(156,129,2,0.8); }\n }\n\n .timeline-content h3 {\n color: #9C8102;\n font-size: 1.4rem;\n margin-bottom: 1.5rem;\n }\n\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 1.5rem;\n }\n\n .stat {\n text-align: center;\n padding: 1rem;\n background: rgba(255,255,255,0.1);\n border-radius: 10px;\n backdrop-filter: blur(10px);\n }\n\n .stat-number {\n display: block;\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 0.5rem;\n }\n\n .stat-label {\n font-size: 0.9rem;\n opacity: 0.9;\n }\n\n \/* Usage Section *\/\n .usage-section {\n padding: 4rem 2rem;\n margin-bottom: 4rem;\n }\n\n .usage-container {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n max-width: 1000px;\n margin: 0 auto;\n align-items: center;\n }\n\n .usage-video {\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n background: linear-gradient(135deg, #9C8102 0%, #d4c140 100%);\n position: relative;\n }\n\n .usage-video video {\n width: 100%;\n height: auto;\n display: block;\n position: relative;\n z-index: 2;\n }\n\n .usage-steps {\n direction: ltr;\n text-align: left;\n }\n\n .step {\n display: flex;\n align-items: center;\n margin-bottom: 2rem;\n opacity: 0;\n transform: translateX(50px);\n animation: slideInRight 0.8s ease-out forwards;\n }\n\n .step:nth-child(1) { animation-delay: 0.2s; }\n .step:nth-child(2) { animation-delay: 0.4s; }\n .step:nth-child(3) { animation-delay: 0.6s; }\n .step:nth-child(4) { animation-delay: 0.8s; }\n\n @keyframes slideInRight {\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n .step-number {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #9C8102, #d4c140);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.3rem;\n font-weight: bold;\n color: white;\n margin-left: 1.5rem;\n box-shadow: 0 5px 15px rgba(156,129,2,0.3);\n }\n\n .step p {\n font-size: 1.1rem;\n color: #333;\n font-weight: 500;\n }\n\n \/* Ingredients Section *\/\n .ingredients-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n border-radius: 20px;\n margin-bottom: 2rem;\n }\n\n .ingredients-container {\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n }\n\n .ingredients-text {\n font-size: 0.95rem;\n line-height: 1.8;\n color: #555;\n padding: 2rem;\n background: white;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n border-left: 4px solid #9C8102;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .main-title {\n font-size: 1.8rem;\n }\n\n .subtitle {\n font-size: 1rem;\n }\n\n .video-container {\n height: 50vh;\n min-height: 300px;\n }\n\n .hero-text-section {\n padding: 2rem 1rem;\n }\n\n .benefits-grid {\n grid-template-columns: 1fr;\n }\n\n .ingredient-showcase {\n grid-template-columns: 1fr;\n }\n\n .centella-container {\n grid-template-columns: 1fr;\n }\n\n .technology-grid {\n grid-template-columns: 1fr;\n }\n\n .tech-features {\n grid-template-columns: 1fr;\n }\n\n .scientific-proof {\n grid-template-columns: 1fr;\n }\n\n .usage-container {\n grid-template-columns: 1fr;\n }\n\n .timeline::before {\n left: 30px;\n }\n\n .timeline-item:nth-child(odd) .timeline-content,\n .timeline-item:nth-child(even) .timeline-content {\n margin-left: 80px;\n margin-right: 0;\n padding-left: 2rem;\n padding-right: 0;\n text-align: left;\n }\n\n .timeline-marker {\n left: 30px;\n width: 40px;\n height: 40px;\n font-size: 1.2rem;\n }\n\n .stats-grid {\n grid-template-columns: 1fr;\n }\n\n .investment-title {\n font-size: 2rem;\n }\n\n .compound-item {\n flex-direction: column;\n text-align: center;\n }\n\n .compound-icon {\n margin: 0 0 1rem 0;\n }\n }\n\n \/* Advanced Animation Triggers *\/\n .benefit-card.animate {\n opacity: 1;\n transform: translateY(0);\n transition: all 0.8s ease;\n }\n\n .benefit-card:nth-child(1).animate { transition-delay: 0.1s; }\n .benefit-card:nth-child(2).animate { transition-delay: 0.2s; }\n .benefit-card:nth-child(3).animate { transition-delay: 0.3s; }\n .benefit-card:nth-child(4).animate { transition-delay: 0.4s; }\n .benefit-card:nth-child(5).animate { transition-delay: 0.5s; }\n .benefit-card:nth-child(6).animate { transition-delay: 0.6s; }\n\u003c\/style\u003e\n\u003cscript\u003e\n \/\/ Intersection Observer for animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n if (entry.target.classList.contains('benefit-card')) {\n entry.target.classList.add('animate');\n }\n \n if (entry.target.classList.contains('stat-number')) {\n animateNumber(entry.target);\n }\n\n if (entry.target.classList.contains('compound-item')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateX(0)';\n }\n\n if (entry.target.classList.contains('tech-feature')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'scale(1)';\n }\n\n if (entry.target.classList.contains('final-benefit')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n }\n });\n }, observerOptions);\n\n \/\/ Observe benefit cards\n document.querySelectorAll('.benefit-card').forEach(card =\u003e {\n observer.observe(card);\n });\n\n \/\/ Observe stat numbers\n document.querySelectorAll('.stat-number').forEach(stat =\u003e {\n observer.observe(stat);\n });\n\n \/\/ Observe compound items for centella section\n document.querySelectorAll('.compound-item').forEach(item =\u003e {\n observer.observe(item);\n });\n\n \/\/ Observe tech features\n document.querySelectorAll('.tech-feature').forEach(feature =\u003e {\n observer.observe(feature);\n });\n\n \/\/ Observe final benefits\n document.querySelectorAll('.final-benefit').forEach(benefit =\u003e {\n observer.observe(benefit);\n });\n\n \/\/ Animate numbers\n function animateNumber(element) {\n const target = parseInt(element.dataset.target);\n const duration = 2000;\n const start = Date.now();\n \n function updateNumber() {\n const elapsed = Date.now() - start;\n const progress = Math.min(elapsed \/ duration, 1);\n \n \/\/ Easing function\n const easeOutCubic = 1 - Math.pow(1 - progress, 3);\n const current = Math.floor(easeOutCubic * target);\n \n element.textContent = current;\n \n if (progress \u003c 1) {\n requestAnimationFrame(updateNumber);\n } else {\n element.textContent = target;\n }\n }\n \n updateNumber();\n }\n\n \/\/ Add scroll-triggered animations for ingredient cards\n const ingredientCards = document.querySelectorAll('.ingredient-card');\n \n const ingredientObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transform = 'translateY(0) scale(1)';\n entry.target.style.opacity = '1';\n }\n });\n }, { threshold: 0.2 });\n\n ingredientCards.forEach(card =\u003e {\n card.style.transform = 'translateY(50px) scale(0.9)';\n card.style.opacity = '0';\n card.style.transition = 'all 0.8s ease';\n ingredientObserver.observe(card);\n });\n\n \/\/ Add animations for proof cards\n const proofCards = document.querySelectorAll('.proof-card');\n \n const proofObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach((entry, index) =\u003e {\n if (entry.isIntersecting) {\n setTimeout(() =\u003e {\n entry.target.style.transform = 'translateY(0) scale(1)';\n entry.target.style.opacity = '1';\n }, index * 200);\n }\n });\n }, { threshold: 0.2 });\n\n proofCards.forEach(card =\u003e {\n card.style.transform = 'translateY(50px) scale(0.9)';\n card.style.opacity = '0';\n card.style.transition = 'all 0.8s ease';\n proofObserver.observe(card);\n });\n\n \/\/ Add animations for experience steps\n const experienceSteps = document.querySelectorAll('.experience-step');\n \n const experienceObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach((entry, index) =\u003e {\n if (entry.isIntersecting) {\n setTimeout(() =\u003e {\n entry.target.style.transform = 'translateX(0)';\n entry.target.style.opacity = '1';\n }, index * 300);\n }\n });\n }, { threshold: 0.3 });\n\n experienceSteps.forEach(step =\u003e {\n step.style.transform = 'translateX(100px)';\n step.style.opacity = '0';\n step.style.transition = 'all 0.8s ease';\n experienceObserver.observe(step);\n });\n\n \/\/ Timeline animation\n const timelineItems = document.querySelectorAll('.timeline-item');\n \n const timelineObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transform = 'translateX(0)';\n entry.target.style.opacity = '1';\n }\n });\n }, { threshold: 0.3 });\n\n timelineItems.forEach((item, index) =\u003e {\n item.style.transform = index % 2 === 0 ? 'translateX(-100px)' : 'translateX(100px)';\n item.style.opacity = '0';\n item.style.transition = 'all 0.8s ease';\n timelineObserver.observe(item);\n });\n\n \/\/ Handle video loading and mobile compatibility\n function handleVideoLoading() {\n const videos = document.querySelectorAll('video');\n \n videos.forEach(video =\u003e {\n \/\/ Ensure video is muted for autoplay\n video.muted = true;\n video.setAttribute('muted', 'true');\n video.setAttribute('webkit-playsinline', 'true');\n video.setAttribute('playsinline', 'true');\n \n \/\/ Try to play the video\n const playPromise = video.play();\n \n if (playPromise !== undefined) {\n playPromise.then(() =\u003e {\n console.log('Video is playing');\n }).catch(error =\u003e {\n console.log('Video autoplay prevented:', error);\n });\n }\n\n \/\/ Ensure video stays muted\n video.addEventListener('loadstart', function() {\n this.muted = true;\n });\n });\n }\n\n \/\/ Initialize video handling when DOM is loaded\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', handleVideoLoading);\n } else {\n handleVideoLoading();\n }\n\n \/\/ Smooth scroll behavior for better user experience\n document.documentElement.style.scrollBehavior = 'smooth';\n\n \/\/ Add hover effects to step numbers\n document.querySelectorAll('.step-number').forEach(step =\u003e {\n step.addEventListener('mouseenter', () =\u003e {\n step.style.transform = 'scale(1.1) rotate(10deg)';\n step.style.transition = 'all 0.3s ease';\n });\n \n step.addEventListener('mouseleave', () =\u003e {\n step.style.transform = 'scale(1) rotate(0deg)';\n });\n });\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44748493226181,"sku":"","price":1100.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/revive-serum-ginseng-snail-mucin-serums-ampoules-406964.webp?v=1748097935"},{"product_id":"beauty-of-joseon-calming-serum-green-tea-and-panthenol-clear-30ml","title":"피부진정 및 붉은기 완화에 특화된 조선미인 진정세럼 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\"\u003e염증성 피부를 완벽한 피부로 만들어주는 한국의 포뮬러\u003c\/h1\u003e\n\u003cp class=\"subtitle slide-up\"\u003e조선미인 진정 세럼: 민감한 피부를 위한 마법의 포뮬라\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\u003e민감하고 염증이 있는 피부 - 첫 번째 적\u003c\/h2\u003e\n\u003cp class=\"problem-intro\"\u003e당신은 고통을 받고 있습니까? \u003cstrong\u003e피부는 모든 것에 반응한다?\u003c\/strong\u003e 태양으로 인해 지속적으로 붉어지는 현상, 가장 단순한 제품으로 인한 자극, 멈추지 않는 건조함과 가려움증이 있습니까?\u003c\/p\u003e\n\u003ch3\u003e기본 문제:\u003c\/h3\u003e\n\u003cul class=\"problem-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e🔥\u003c\/span\u003e\u003cstrong\u003e만성 염증\u003c\/strong\u003e 피부의 천연 장벽을 파괴하는 성분\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e☀️\u003c\/span\u003e\u003cstrong\u003e자외선 손상\u003c\/strong\u003e 발적과 조기 노화를 유발하는 물질\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e💧\u003c\/span\u003e\u003cstrong\u003e급속한 수분 손실\u003c\/strong\u003e 피부를 건조하고 갈라지게 만듭니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e😰\u003c\/span\u003e\u003cstrong\u003e과도한 민감성\u003c\/strong\u003e 새로운 제품은 두려움과 불안의 원인이 됩니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"painful-result\"\u003e\n\u003ch3\u003e고통스러운 결과:\u003c\/h3\u003e\n\u003cp\u003e분노하고 반항적인 피부, 자신감 상실, 이 고통에 대한 해결책이 없다는 끊임없는 느낌.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Solution Benefits --\u003e\n\u003cdiv class=\"solution-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e민감한 피부의 고통을 60초만에 멈추는 궁극의 솔루션\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\u003e항염증제\u003c\/h3\u003e\n\u003cp\u003e알레르기나 햇빛 노출로 인한 발적과 자극을 즉각적으로 완화합니다.\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\u003e피부 장벽 강화\u003c\/h3\u003e\n\u003cp\u003e천연 보호막을 보수하고 강화하여 외부 자극물질의 침투를 막아줍니다.\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\u003e깊은 수분 공급 촉진\u003c\/h3\u003e\n\u003cp\u003e다층 수분공급이 피부 깊숙이 도달하여 장시간 수분을 유지해줍니다.\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\u003e민감해진 피부를 진정시켜주세요\u003c\/h3\u003e\n\u003cp\u003e환경적 요인과 화장품에 반응하는 피부를 즉각적으로 완화시켜줍니다.\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\u003e유해한 광선으로부터 보호\u003c\/h3\u003e\n\u003cp\u003e자외선 및 환경 오염의 부정적인 영향에 대한 저항.\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\"\u003e개발된 공식 뒤에 숨은 과학\u003c\/h2\u003e\n\u003ch1 class=\"science-subtitle\"\u003e첫 손길부터: 이 국산 세럼은 어떻게 15년의 피부 손상을 지울까요?\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\u003e녹차 50% |녹차 강국\u003c\/h3\u003e\n\u003cdiv class=\"ancient-wisdom\"\u003e\n\u003cp\u003e고대 의학서인 동의보감에는 “녹차는 원기를 회복시키고 마음을 맑게 하며 햇볕에 손상된 피부를 진정시킨다”고 되어 있습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch4\u003e한국 녹차는 가장 어려운 유형의 염증을 어떻게 치료합니까?\u003c\/h4\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003e자외선으로 인한 염증을 진정시킵니다.\u003c\/li\u003e\n\u003cli\u003e천연 항산화제의 힘으로 자유라디칼을 퇴치하세요\u003c\/li\u003e\n\u003cli\u003e손상된 피부 세포를 재생하고 향후 손상으로부터 보호합니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\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\u003e쑥추출물 30% |쑥추출물\u003c\/h3\u003e\n\u003cdiv class=\"sacred-herb\"\u003e\n\u003cp\u003e독특한 치유력으로 '허브의 어머니'라 불리는 동양의학의 신성한 약초입니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch4\u003e자연 구호는 다음을 제공합니다:\u003c\/h4\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003e자극받고 염증이 생긴 피부를 즉각적으로 진정시켜줍니다.\u003c\/li\u003e\n\u003cli\u003e민감한 피부를 위한 깊고 부드러운 수분 공급\u003c\/li\u003e\n\u003cli\u003e외부 자극에 대한 피부의 자연 면역력 강화\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\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\u003e판테놀 5% |프로 비타민 B5\u003c\/h3\u003e\n\u003cdiv class=\"revolutionary-development\"\u003e\n\u003cp\u003e혁신적인 개발: 이중 보호를 위해 농도를 2%에서 5%로 높였습니다!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch4\u003e고급 판테놀은 다음을 달성합니다:\u003c\/h4\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003e24시간 보호 수분 장벽을 만들어줍니다.\u003c\/li\u003e\n\u003cli\u003e피부 세포 내에서 즉시 비타민 B5로 전환\u003c\/li\u003e\n\u003cli\u003e수분 손실을 방지하고 잦은 자극으로부터 피부를 보호하세요.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Supporting Ingredients --\u003e\n\u003cdiv class=\"supporting-ingredients\"\u003e\n\u003ch2 class=\"section-title\"\u003e고급 보충 성분\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\u003e알란토인 |알란토인\u003c\/h3\u003e\n\u003cp\u003e손상된 피부의 치유를 촉진하고 자극을 줄여주는 천연 진정제입니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"supporting-item\" data-aos=\"fade-up\" data-delay=\"200\"\u003e\n\u003cdiv class=\"supporting-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003e히알루론산 |히알루론산나트륨\u003c\/h3\u003e\n\u003cp\u003e물 분자가 수분을 가두어 피부결을 매끈하게 만들어줍니다.\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\u003e감초추출물 |디칼륨글리시리제이트\u003c\/h3\u003e\n\u003cp\u003e피부톤을 균일하게 하고 색소침착을 감소시키는 천연 항염증제입니다.\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\u003e콥티스 뿌리 추출물 |콥티스 자포니카 뿌리 추출물\u003c\/h3\u003e\n\u003cp\u003e항균 및 피부 진정 효과가 있는 중국 전통 약초입니다.\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\"\u003e세럼과 함께하는 변화의 여정\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\u003e처음 1시간 동안\u003c\/h3\u003e\n\u003cdiv class=\"results-list\"\u003e\n\u003cdiv class=\"result-item\"\u003e✅ 붉은기와 가려움증이 즉각적으로 완화됩니다.\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ 상쾌함과 편안함\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ 끈적임 없이 빠르게 흡수\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\u003e일주일 이내\u003c\/h3\u003e\n\u003cdiv class=\"results-list\"\u003e\n\u003cdiv class=\"result-item\"\u003e✅ 눈에 띄는 피부 민감도 개선\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ 더 깊고 오래 지속되는 수분 공급\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ 피부 본연의 장벽을 투명하게 강화\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\u003e한 달 이내\u003c\/h3\u003e\n\u003cdiv class=\"results-list\"\u003e\n\u003cdiv class=\"result-item\"\u003e✅ 외부자극에 강한 피부\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ 피부 톤을 통일하고 만성 홍조를 완화합니다.\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ 더욱 부드럽고 건강하며 산뜻한 질감\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- What Makes It Unique --\u003e\n\u003cdiv class=\"unique-section\"\u003e\n\u003cdiv class=\"unique-image\"\u003e\n\u003cimg alt=\"Green Tea and Mugwort\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_calming_serum_green_tea_mugwort.webp?v=1748105239\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"unique-content\"\u003e\n\u003ch2\u003e이 세럼이 다른 진정 세럼과 다른 점은 무엇인가요?\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\u003e진정 효과를 두 배로 강화\u003c\/h3\u003e\n\u003cp\u003e쑥 농도를 20%에서 30%로 높여 더욱 강력하고 오래 지속되는 진정 효과를 선사합니다.\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\u003e이중 수분 보호\u003c\/h3\u003e\n\u003cp\u003e판테놀 함량을 2%에서 5%로 높여 수분 장벽을 강화하고 보호 기능을 강화했습니다.\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\u003e완벽하게 균형 잡힌 포뮬러\u003c\/h3\u003e\n\u003cp\u003e자극 가능성을 최소화하면서 최대 효과를 보장하기 위해 과학적으로 계산된 비율입니다.\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\u003e고급 실키한 질감\u003c\/h3\u003e\n\u003cp\u003e가벼운 질감이 빠르게 흡수되어 피부를 부드럽고 산뜻하게 가꾸어 줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"usage-instructions\"\u003e\n\u003ch2 class=\"section-title\"\u003e올바른 사용법\u003c\/h2\u003e\n\u003cdiv class=\"usage-grid\"\u003e\n\u003cdiv class=\"usage-time morning\"\u003e\n\u003ch3\u003e아침\u003c\/h3\u003e\n\u003col class=\"usage-steps\"\u003e\n\u003cli\u003e세안 후 얼굴과 목에 소량을 발라줍니다.\u003c\/li\u003e\n\u003cli\u003e완전히 흡수될 때까지 위쪽으로 부드럽게 마사지하세요.\u003c\/li\u003e\n\u003cli\u003e보습제와 자외선 차단제를 바르십시오.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-time evening\"\u003e\n\u003ch3\u003e저녁\u003c\/h3\u003e\n\u003col class=\"usage-steps\"\u003e\n\u003cli\u003e깨끗하고 건조한 피부에 세럼을 발라주세요\u003c\/li\u003e\n\u003cli\u003e다른 제품을 바르기 전에 2분 동안 흡수되도록 놔두세요.\u003c\/li\u003e\n\u003cli\u003e최상의 결과를 얻으려면 매일 사용하세요\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-time sensitive\"\u003e\n\u003ch3\u003e매우 민감한 피부의 경우\u003c\/h3\u003e\n\u003cul class=\"usage-steps\"\u003e\n\u003cli\u003e이틀에 한 번씩 사용 시작\u003c\/li\u003e\n\u003cli\u003e피부 반응에 따라 점차 빈도를 늘려보세요.\u003c\/li\u003e\n\u003cli\u003e10분간 진정 마스크로 사용 후 가볍게 닦아내면 됩니다.\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\"\u003e모든 구성요소\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-container\"\u003e\n\u003cp class=\"ingredients-text\"\u003eCamellia Sinensis Leaf Water, Water, Panthenol, Glycerin, Butylene Glycol, 1,2-Hexanediol, Methylpropanediol, Acrylates\/C10-30 Alkyl Acrylate Crosspolymer, Tromethamine, Betaine, Ethylhexylglycerin, Allantoin, Dipotassium Glycyrrhizate, Artemisia Capillaris Extract, Glyceryl Acrylate\/Acrylic Acid Copolymer, Melia Azadirachta Leaf Extract, Polyquaternium-51, Malt Extract, Melia Azadirachta Flower Extract, Coptis Japonica Root Extract, Sodium Hyaluronate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-description {\n max-width: 1200px;\n margin: 0 auto;\n \n color: #333;\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* Video Section *\/\n .video-section {\n width: 100%;\n margin-bottom: 2rem;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n }\n\n .video-container {\n position: relative;\n width: 100%;\n height: 60vh;\n min-height: 400px;\n }\n\n .video-container video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n\n \/* Hero Text Section *\/\n .hero-text-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin-bottom: 4rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n }\n\n .main-title {\n font-size: 2.5rem;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 1.5rem;\n text-align: center;\n direction: ltr;\n }\n\n .subtitle {\n font-size: 1.2rem;\n color: #666;\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n line-height: 1.8;\n }\n\n \/* Problem Section *\/\n .problem-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #2c2c2c 0%, #1a1a1a 100%);\n color: white;\n border-radius: 20px;\n margin-bottom: 4rem;\n border-left: 5px solid #9C8102;\n }\n\n .problem-container {\n display: grid;\n grid-template-columns: 1fr 2fr;\n gap: 3rem;\n max-width: 1000px;\n margin: 0 auto;\n align-items: center;\n }\n\n .problem-container img {\n width: 100%;\n border-radius: 15px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.3);\n }\n\n .problem-content {\n direction: ltr;\n text-align: left;\n }\n\n .problem-content h2 {\n color: #9C8102;\n font-size: 1.8rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n }\n\n .problem-intro {\n font-size: 1.1rem;\n line-height: 1.8;\n margin-bottom: 2rem;\n color: #f0f0f0;\n }\n\n .problem-content h3 {\n color: #9C8102;\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n\n .problem-list {\n list-style: none;\n padding: 0;\n margin-bottom: 2rem;\n }\n\n .problem-list li {\n display: flex;\n align-items: center;\n margin-bottom: 1rem;\n padding: 1rem;\n background: rgba(255,255,255,0.1);\n border-radius: 10px;\n border-right: 3px solid #9C8102;\n backdrop-filter: blur(10px);\n }\n\n .problem-icon {\n font-size: 1.5rem;\n margin-left: 1rem;\n animation: pulse 2s ease-in-out infinite;\n }\n\n .painful-result {\n background: linear-gradient(135deg, #1a1a1a 0%, #000000 100%);\n color: white;\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n border: 2px solid #9C8102;\n }\n\n .painful-result h3 {\n color: #9C8102;\n margin-bottom: 1rem;\n }\n\n \/* Section Titles *\/\n .section-title {\n font-size: 2rem;\n font-weight: 700;\n color: #9C8102;\n text-align: center;\n margin-bottom: 3rem;\n position: relative;\n direction: ltr;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #9C8102, transparent);\n }\n\n .science-header {\n text-align: center;\n padding: 4rem 2rem;\n margin-bottom: 4rem;\n }\n\n .science-subtitle {\n font-size: 1.8rem;\n font-weight: 600;\n color: #2c3e50;\n margin-top: 1rem;\n direction: ltr;\n }\n\n \/* Solution Benefits *\/\n .solution-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n margin-bottom: 4rem;\n border-radius: 20px;\n border-left: 5px solid #9C8102;\n }\n\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .benefit-card {\n background: white;\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n text-align: center;\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateY(50px);\n border-top: 4px solid #9C8102;\n }\n\n .benefit-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(156,129,2,0.2);\n }\n\n .benefit-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n animation: float 3s ease-in-out infinite;\n }\n\n .benefit-card h3 {\n color: #9C8102;\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n\n .benefit-card p {\n color: #666;\n text-align: left;\n direction: ltr;\n }\n\n \/* Ingredients Section *\/\n .ingredients-section {\n padding: 4rem 2rem;\n margin-bottom: 4rem;\n }\n\n .ingredient-showcase {\n display: grid;\n grid-template-columns: 1fr;\n gap: 4rem;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .ingredient-card {\n background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 2rem;\n align-items: center;\n }\n\n .ingredient-card:hover {\n transform: scale(1.02);\n box-shadow: 0 20px 40px rgba(156,129,2,0.15);\n }\n\n .ingredient-card img {\n width: 100%;\n height: 300px;\n object-fit: cover;\n }\n\n .ingredient-info {\n padding: 2rem;\n direction: ltr;\n text-align: left;\n }\n\n .ingredient-info h3 {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n }\n\n .ancient-wisdom, .sacred-herb, .revolutionary-development {\n background: rgba(156,129,2,0.1);\n padding: 1rem;\n border-radius: 10px;\n margin-bottom: 1.5rem;\n border-right: 4px solid #9C8102;\n font-style: italic;\n color: #666;\n }\n\n .ingredient-info h4 {\n color: #2c3e50;\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n\n .ingredient-benefits {\n list-style: none;\n padding: 0;\n }\n\n .ingredient-benefits li {\n margin-bottom: 0.8rem;\n position: relative;\n padding-right: 1.5rem;\n }\n\n .ingredient-benefits li::before {\n content: '✓';\n position: absolute;\n right: 0;\n color: #9C8102;\n font-weight: bold;\n }\n\n \/* Supporting Ingredients *\/\n .supporting-ingredients {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n border-radius: 20px;\n margin-bottom: 4rem;\n }\n\n .supporting-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .supporting-item {\n background: white;\n padding: 1.5rem;\n border-radius: 15px;\n text-align: center;\n box-shadow: 0 5px 20px rgba(0,0,0,0.05);\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateY(30px);\n }\n\n .supporting-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(156,129,2,0.15);\n }\n\n .supporting-icon {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n animation: rotate 4s linear infinite;\n }\n\n .supporting-item h3 {\n color: #9C8102;\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: 0.8rem;\n }\n\n .supporting-item p {\n color: #666;\n font-size: 0.9rem;\n text-align: left;\n direction: ltr;\n }\n\n \/* Transformation Timeline *\/\n .transformation-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);\n color: white;\n margin-bottom: 4rem;\n border-radius: 20px;\n }\n\n .transformation-section .section-title {\n color: white;\n }\n\n .timeline {\n max-width: 900px;\n margin: 0 auto;\n position: relative;\n }\n\n .timeline::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n width: 2px;\n height: 100%;\n background: #9C8102;\n transform: translateX(-50%);\n }\n\n .timeline-item {\n display: flex;\n align-items: center;\n margin-bottom: 3rem;\n position: relative;\n }\n\n .timeline-item:nth-child(odd) .timeline-content {\n margin-right: 50%;\n padding-right: 3rem;\n text-align: left;\n }\n\n .timeline-item:nth-child(even) .timeline-content {\n margin-left: 50%;\n padding-left: 3rem;\n }\n\n .timeline-marker {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 60px;\n background: #9C8102;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1rem;\n font-weight: bold;\n color: white;\n z-index: 2;\n animation: glow 2s ease-in-out infinite alternate;\n }\n\n .timeline-content h3 {\n color: #9C8102;\n font-size: 1.4rem;\n margin-bottom: 1.5rem;\n }\n\n .results-list {\n direction: ltr;\n text-align: left;\n }\n\n .result-item {\n margin-bottom: 0.8rem;\n padding: 0.5rem;\n background: rgba(255,255,255,0.1);\n border-radius: 5px;\n font-size: 0.95rem;\n }\n\n \/* Unique Features *\/\n .unique-section {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n padding: 4rem 2rem;\n margin-bottom: 4rem;\n align-items: center;\n }\n\n .unique-image img {\n width: 100%;\n border-radius: 15px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n }\n\n .unique-content {\n direction: ltr;\n text-align: left;\n }\n\n .unique-content h2 {\n color: #9C8102;\n font-size: 1.8rem;\n font-weight: 600;\n margin-bottom: 2rem;\n }\n\n .unique-feature {\n display: flex;\n align-items: flex-start;\n margin-bottom: 2rem;\n opacity: 0;\n transform: translateX(50px);\n transition: all 0.8s ease;\n }\n\n .feature-icon {\n font-size: 2rem;\n margin-left: 1rem;\n animation: bounce 2s ease-in-out infinite;\n }\n\n .feature-content h3 {\n color: #9C8102;\n font-size: 1.2rem;\n font-weight: 600;\n margin-bottom: 0.5rem;\n }\n\n .feature-content p {\n color: #666;\n line-height: 1.6;\n }\n\n \/* Usage Instructions *\/\n .usage-instructions {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);\n border-radius: 20px;\n margin-bottom: 4rem;\n }\n\n .usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .usage-time {\n background: white;\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n direction: ltr;\n text-align: left;\n }\n\n .morning {\n border-top: 4px solid #ffc107;\n }\n\n .evening {\n border-top: 4px solid #6f42c1;\n }\n\n .sensitive {\n border-top: 4px solid #dc3545;\n }\n\n .usage-time h3 {\n color: #9C8102;\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: center;\n }\n\n .usage-steps {\n padding-right: 1rem;\n }\n\n .usage-steps li {\n margin-bottom: 1rem;\n line-height: 1.6;\n color: #555;\n }\n\n \/* Ingredients List *\/\n .ingredients-list-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n border-radius: 20px;\n margin-bottom: 2rem;\n }\n\n .ingredients-container {\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n }\n\n .ingredients-text {\n font-size: 0.95rem;\n line-height: 1.8;\n color: #555;\n padding: 2rem;\n background: white;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n border-left: 4px solid #9C8102;\n }\n\n \/* Animations *\/\n .fade-in {\n opacity: 0;\n animation: fadeIn 2s ease-out forwards;\n }\n\n .slide-up {\n opacity: 0;\n transform: translateY(30px);\n animation: slideUp 2s ease-out 0.5s forwards;\n }\n\n @keyframes fadeIn {\n to { opacity: 1; }\n }\n\n @keyframes slideUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n }\n\n @keyframes pulse {\n 0%, 100% { \n transform: scale(1); \n opacity: 1; \n }\n 50% { \n transform: scale(1.1); \n opacity: 0.8; \n }\n }\n\n @keyframes rotate {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n @keyframes glow {\n from { box-shadow: 0 0 20px rgba(156,129,2,0.5); }\n to { box-shadow: 0 0 30px rgba(156,129,2,0.8); }\n }\n\n @keyframes bounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-5px); }\n }\n\n \/* Advanced Animation Triggers *\/\n .benefit-card.animate {\n opacity: 1;\n transform: translateY(0);\n transition: all 0.8s ease;\n }\n\n .benefit-card:nth-child(1).animate { transition-delay: 0.1s; }\n .benefit-card:nth-child(2).animate { transition-delay: 0.2s; }\n .benefit-card:nth-child(3).animate { transition-delay: 0.3s; }\n .benefit-card:nth-child(4).animate { transition-delay: 0.4s; }\n .benefit-card:nth-child(5).animate { transition-delay: 0.5s; }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .main-title {\n font-size: 1.8rem;\n }\n\n .subtitle {\n font-size: 1rem;\n }\n\n .video-container {\n height: 50vh;\n min-height: 300px;\n }\n\n .hero-text-section {\n padding: 2rem 1rem;\n }\n\n .problem-container {\n grid-template-columns: 1fr;\n }\n\n .benefits-grid {\n grid-template-columns: 1fr;\n }\n\n .ingredient-card {\n grid-template-columns: 1fr;\n }\n\n .supporting-grid {\n grid-template-columns: 1fr;\n }\n\n .unique-section {\n grid-template-columns: 1fr;\n }\n\n .usage-grid {\n grid-template-columns: 1fr;\n }\n\n .timeline::before {\n left: 30px;\n }\n\n .timeline-item:nth-child(odd) .timeline-content,\n .timeline-item:nth-child(even) .timeline-content {\n margin-left: 80px;\n margin-right: 0;\n padding-left: 2rem;\n padding-right: 0;\n text-align: left;\n }\n\n .timeline-marker {\n left: 30px;\n width: 40px;\n height: 40px;\n font-size: 0.9rem;\n }\n\n .science-subtitle {\n font-size: 1.4rem;\n }\n }\n\u003c\/style\u003e\n\u003cscript\u003e\n \/\/ Intersection Observer for animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n if (entry.target.classList.contains('benefit-card')) {\n entry.target.classList.add('animate');\n }\n \n if (entry.target.classList.contains('supporting-item')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n\n if (entry.target.classList.contains('unique-feature')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateX(0)';\n }\n }\n });\n }, observerOptions);\n\n \/\/ Observe benefit cards\n document.querySelectorAll('.benefit-card').forEach(card =\u003e {\n observer.observe(card);\n });\n\n \/\/ Observe supporting items\n document.querySelectorAll('.supporting-item').forEach(item =\u003e {\n observer.observe(item);\n });\n\n \/\/ Observe unique features\n document.querySelectorAll('.unique-feature').forEach(feature =\u003e {\n observer.observe(feature);\n });\n\n \/\/ Add scroll-triggered animations for ingredient cards\n const ingredientCards = document.querySelectorAll('.ingredient-card');\n \n const ingredientObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transform = 'translateY(0) scale(1)';\n entry.target.style.opacity = '1';\n }\n });\n }, { threshold: 0.2 });\n\n ingredientCards.forEach(card =\u003e {\n card.style.transform = 'translateY(50px) scale(0.9)';\n card.style.opacity = '0';\n card.style.transition = 'all 0.8s ease';\n ingredientObserver.observe(card);\n });\n\n \/\/ Timeline animation\n const timelineItems = document.querySelectorAll('.timeline-item');\n \n const timelineObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transform = 'translateX(0)';\n entry.target.style.opacity = '1';\n }\n });\n }, { threshold: 0.3 });\n\n timelineItems.forEach((item, index) =\u003e {\n item.style.transform = index % 2 === 0 ? 'translateX(-100px)' : 'translateX(100px)';\n item.style.opacity = '0';\n item.style.transition = 'all 0.8s ease';\n timelineObserver.observe(item);\n });\n\n \/\/ Handle video loading and mobile compatibility\n function handleVideoLoading() {\n const videos = document.querySelectorAll('video');\n \n videos.forEach(video =\u003e {\n \/\/ Ensure video is muted for autoplay\n video.muted = true;\n video.setAttribute('muted', 'true');\n video.setAttribute('webkit-playsinline', 'true');\n video.setAttribute('playsinline', 'true');\n \n \/\/ Try to play the video\n const playPromise = video.play();\n \n if (playPromise !== undefined) {\n playPromise.then(() =\u003e {\n console.log('Video is playing');\n }).catch(error =\u003e {\n console.log('Video autoplay prevented:', error);\n });\n }\n\n \/\/ Ensure video stays muted\n video.addEventListener('loadstart', function() {\n this.muted = true;\n });\n });\n }\n\n \/\/ Initialize video handling when DOM is loaded\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', handleVideoLoading);\n } else {\n handleVideoLoading();\n }\n\n \/\/ Smooth scroll behavior for better user experience\n document.documentElement.style.scrollBehavior = 'smooth';\n\n \/\/ Add stagger animation for problem list items\n const problemItems = document.querySelectorAll('.problem-list li');\n problemItems.forEach((item, index) =\u003e {\n item.style.opacity = '0';\n item.style.transform = 'translateX(50px)';\n item.style.transition = 'all 0.8s ease';\n \n setTimeout(() =\u003e {\n item.style.opacity = '1';\n item.style.transform = 'translateX(0)';\n }, 500 + (index * 200));\n });\n\n \/\/ Add hover effects to usage time cards\n document.querySelectorAll('.usage-time').forEach(card =\u003e {\n card.addEventListener('mouseenter', () =\u003e {\n card.style.transform = 'translateY(-5px) scale(1.02)';\n card.style.transition = 'all 0.3s ease';\n });\n \n card.addEventListener('mouseleave', () =\u003e {\n card.style.transform = 'translateY(0) scale(1)';\n });\n });\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44748510331077,"sku":null,"price":995.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_calming_serum_a6c32d2e-456b-45c9-bd2d-dd33566ec2f3.jpg?v=1748104597"},{"product_id":"see-lit-elixir-argerline-q10-مضاد-للتجاعيد-باسط-لعضلات-الوجه","title":"SEE-LIT ELIXIR Argerline, Q10 주름 방지 - 안면 근육 이완제","description":"\u003cstyle\u003e#sl3{--bg:#08070a;--bg2:#15121a;--m:#d4af37;--m2:#f0dc9a;--bd:rgba(212,175,55,.3);--tint:rgba(212,175,55,.12);border-radius:28px;background:var(--bg);color:#fff;font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;line-height:1.85;overflow:hidden;direction: ltr;text-align:start;font-size:17px}#sl3 *{box-sizing:border-box}#sl3 .sec{padding:52px 0}#sl3 .a{background:var(--bg)}#sl3 .b{background:linear-gradient(180deg,var(--bg2),var(--bg));border-block:1px solid var(--bd)}#sl3 .wrap{max-width:900px;margin:auto;padding:0 20px}#sl3 .c{text-align:center}#sl3 .badge{display:inline-block;padding:7px 22px;border-radius:30px;border:1px solid var(--m2);color:var(--m2);font-weight:700;font-size:14px;margin-bottom:20px;background:var(--tint)}#sl3 h1{font-size:clamp(27px,5vw,40px);line-height:1.4;font-weight:900;margin:0 0 18px}#sl3 .hl{color:var(--m)}#sl3 h2{font-size:clamp(22px,4vw,30px);line-height:1.5;font-weight:900;margin:0 0 14px;border-inline-start:6px solid var(--m);padding-inline-start:14px}#sl3 h2.cc{border:0;padding:0;text-align:center}#sl3 h3{font-size:19px;margin:0 0 6px;font-weight:900;color:var(--m)}#sl3 p{margin:0 0 12px;color:#e6e0d6}#sl3 .lead{max-width:760px;margin:0 auto 26px;font-size:18px}#sl3 .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 26px}#sl3 .chips span{border:1px solid var(--bd);background:var(--tint);padding:6px 16px;border-radius:30px;font-size:14px}#sl3 img.ph{display:block;width:100%;max-width:560px;height:auto;aspect-ratio:1\/1;object-fit:cover;border-radius:20px;margin:0 auto;border:1px solid var(--bd);box-shadow:0 20px 50px rgba(0,0,0,.8)}#sl3 .hero{background:radial-gradient(circle at 50% 0,var(--tint),transparent 60%),var(--bg);text-align:center;padding-top:58px}#sl3 .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:24px 0}#sl3 .card{background:linear-gradient(145deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:22px 18px}#sl3 .card p{margin:0;font-size:16px;color:#fff}#sl3 .glass{background:rgba(255,255,255,.045);border:1px solid var(--bd);border-radius:22px;padding:30px 22px}#sl3 .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:22px}#sl3 .steps div{background:rgba(255,255,255,.045);border:1.5px dashed var(--bd);border-radius:18px;padding:20px 14px;text-align:center}#sl3 .steps b{display:flex;margin:0 auto 8px;width:44px;height:44px;border-radius:50%;border:2px solid var(--m);align-items:center;justify-content:center;font-size:20px}#sl3 .steps h4{margin:0 0 4px;color:var(--m);font-size:18px}#sl3 .steps p{margin:0;font-size:15px;color:#fff}#sl3 .tl{border-inline-start:2px solid var(--m);padding-inline-start:20px;margin:16px 0 0}#sl3 .tl div{margin-bottom:14px;color:#e6e0d6}#sl3 .tl b{display:block;color:#fff;font-size:18px}#sl3 ul.ck{list-style:none;padding:0;margin:10px 0}#sl3 ul.ck li{padding:6px 0;padding-inline-start:30px;position:relative;color:#fff}#sl3 ul.ck li:before{content:\"\";position:absolute;inset-inline-start:0;top:17px;width:14px;height:3px;border-radius:2px;background:var(--m)}#sl3 .warn{border:1px solid var(--m);border-radius:20px;padding:26px;background:var(--tint)}#sl3 details{background:rgba(255,255,255,.045);border:1px solid var(--bd);border-radius:12px;padding:15px 20px;margin-bottom:10px}#sl3 summary{cursor:pointer;font-weight:800}#sl3 details p{margin:10px 0 0}#sl3 .k{color:var(--m2);font-weight:800;background:linear-gradient(transparent 62%,var(--tint) 62%);padding:0 3px}#sl3 .pcap{max-width:600px;margin:28px auto 14px;text-align:center;font-size:17.5px;font-weight:800;color:#fff}#sl3 .cta2{border:2px solid var(--m);border-radius:26px;padding:42px 20px;text-align:center;background:radial-gradient(circle at 50% 0,var(--tint),transparent 70%),var(--bg)}#sl3 .cta2 h2{border:0;padding:0;justify-content:center}#sl3 .why{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:24px 0 8px}#sl3 .why div{padding:14px 12px;border:1px solid var(--bd);border-radius:14px;background:rgba(255,255,255,.045);font-weight:700}#sl3 .big{display:inline-block;margin-top:20px;padding:14px 36px;border-radius:40px;background:var(--m);color:#000;font-weight:900;font-size:20px}#sl3 .trust2{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}#sl3 .trust2 span{border:1.5px solid var(--m);background:var(--tint);padding:10px 22px;border-radius:40px;font-weight:900}#sl3 .inci{direction:ltr;text-align:left;font-size:13px;color:#ddd;background:rgba(0,0,0,.6);border:1px dashed var(--bd);border-radius:14px;padding:18px;margin-top:26px}@media(max-width:768px){#sl3 .sec{padding:36px 0}#sl3 .wrap{padding:0 14px}#sl3 .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#sl3 .card{padding:14px 10px}#sl3 .card p{font-size:13.5px;line-height:1.5}#sl3 .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#sl3 .glass{padding:22px 14px}}\u003c\/style\u003e\u003cdiv id=\"sl3\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"badge\"\u003e라인 앤 링클 세럼\u003c\/div\u003e\n\u003ch1\u003e시간이 지날수록 얼굴라인이 더 뚜렷해지나요? \u003cbdi\u003eSee-Lit Elixir\u003c\/bdi\u003e \u003cspan class=\"hl\"\u003e코엔자임 Q10이 함유된 아르기렐린 펩타이드\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003e혈청 수집 \u003cspan class=\"k\"\u003eArgireline (Acetyl Hexapeptide-8)\u003c\/span\u003e 와 \u003cspan class=\"k\"\u003eCoenzyme Q10\u003c\/span\u003e 브랜드에 따르면 잔주름이 있는 피부를 더욱 부드럽고 탄탄하게 만들어주는 루틴입니다.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eArgireline\u003c\/span\u003e\u003cspan\u003eCoenzyme Q10\u003c\/span\u003e\u003cspan\u003e얼굴과 목용\u003c\/span\u003e\u003cspan\u003e일상\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"pcap\"\u003e이것은 오리지널 엘릭서 세럼과 그 공식입니다. \u003cspan class=\"k\"\u003e펩타이드 + Q10\u003c\/span\u003e\u003c\/p\u003e\n\u003cimg alt=\"씨릿 엘릭서 아르지렐린 앤 Q10 세럼\" class=\"ph\" height=\"700\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/seelitelexirargerlineq10serum.webp\" width=\"700\"\/\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003e이 세럼이 작용하는 부위\u003c\/h2\u003e\n\u003cp\u003e빈 약속이 없으면 브랜드에 따라 공식이 목표로 삼는 영역은 다음과 같습니다.\u003c\/p\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e전면\u003c\/h3\u003e\n\u003cp\u003e모양 지원 \u003cspan class=\"k\"\u003e최전선\u003c\/span\u003e 가장 부드럽습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e눈 주위\u003c\/h3\u003e\n\u003cp\u003e모양 지원 \u003cspan class=\"k\"\u003e잔주름\u003c\/span\u003e 눈 주위.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e코와 입\u003c\/h3\u003e\n\u003cp\u003e모양 지원 \u003cspan class=\"k\"\u003e입 주변의 라인\u003c\/span\u003e 그리고 코.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e목과 턱\u003c\/h3\u003e\n\u003cp\u003e모양 지원 \u003cspan class=\"k\"\u003e유연성\u003c\/span\u003e 이 부위의 피부.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"glass\"\u003e\n\u003ch2 class=\"cc\"\u003e병 안에는 무엇이 들어있나요?\u003c\/h2\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eArgireline (Acetyl Hexapeptide-8)\u003c\/h3\u003e\n\u003cp\u003e제품에 잘 알려진 펩타이드 \u003cspan class=\"k\"\u003e표현력이 풍부한 글꼴\u003c\/span\u003e더욱 매끄러운 피부 표현을 지원합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eCoenzyme Q10\u003c\/h3\u003e\n\u003cp\u003e항산화 지원 \u003cspan class=\"k\"\u003e활력\u003c\/span\u003e 피부와 그 모습.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003e무엇을, 언제 볼 것인가?솔직히\u003c\/h2\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e처음에는\u003c\/b\u003e더욱 부드러운 질감과 영양이 풍부한 피부 느낌을 선사합니다.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e몇 주 후에요?\u003c\/b\u003e당신은 알아차릴 수도 있습니다 \u003cspan class=\"k\"\u003e덜 명확한 선\u003c\/span\u003e 정기적으로 사용하면 사람마다 다릅니다.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e그리고 계속 가세요\u003c\/b\u003e결과는 다음에 연결됩니다.\u003cspan class=\"k\"\u003e규칙성\u003c\/span\u003e 그리고 우선 선의 깊이.이는 어떠한 의료 시술도 대체할 수 없습니다.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"margin-top:22px\"\u003e이 세럼이 당신에게 어울릴 것 같아요\u003c\/h3\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003e나는 본다 \u003cspan class=\"k\"\u003e이마나 눈가에 라인이 생긴다\u003c\/span\u003e Btban.\u003c\/li\u003e\n\u003cli\u003e나는 루틴을 원한다 \u003cspan class=\"k\"\u003e단순\u003c\/span\u003e 많은 단계 대신.\u003c\/li\u003e\n\u003cli\u003e켜는 중 \u003cspan class=\"k\"\u003e펩티드\u003c\/span\u003e 귀하의 진료 루틴에서.\u003c\/li\u003e\n\u003cli\u003e사용할 준비가 되셨나요? \u003cspan class=\"k\"\u003e끊임없이\u003c\/span\u003e 몇 주입니까?\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003e사용방법..간단\u003c\/h2\u003e\n\u003cp class=\"c\"\u003e상자 지침을 따르고 일반적인 단계는 다음과 같습니다.\u003c\/p\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003ch4\u003e깨끗하고 건조함\u003c\/h4\u003e\n\u003cp\u003e머리를 씻고 말리십시오.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003ch4\u003e포인트는 몇 점인가요?\u003c\/h4\u003e\n\u003cp\u003e내려놔 \u003cspan class=\"k\"\u003e포인트는 몇 점인가요?\u003c\/span\u003e 필요한 영역에.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003ch4\u003e가볍게 펴발라\u003c\/h4\u003e\n\u003cp\u003e흡수될 때까지 손가락 끝으로 배포합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003ch4\u003e보습제 보충\u003c\/h4\u003e\n\u003cp\u003e낮에는 보습제로 마무리 \u003cspan class=\"k\"\u003e자외선 차단제\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"warn\"\u003e\n\u003ch2\u003e처음 사용하기 전에 읽어보세요\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003e외부용으로만 사용하세요.\u003c\/li\u003e\n\u003cli\u003e피부의 첫 번째 부분에 소량을 바르고 자극이 없는지 확인하십시오.\u003c\/li\u003e\n\u003cli\u003e눈에 들어가지 않도록 주의하시고, 들어갔을 경우에는 다량의 물로 씻어내세요.\u003c\/li\u003e\n\u003cli\u003e임신 중이거나 수유 중인 경우에는 사용 전 의사와 상담하세요.\u003c\/li\u003e\n\u003cli\u003e심하게 화끈거리거나 붉어지는 현상이 나타나면 사용을 중지하세요.\u003c\/li\u003e\n\u003cli\u003e본 제품은 의학적 치료가 아닌 스킨케어 제품으로 보톡스나 기타 의료시술을 대체할 수 없습니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003e주문 전 질문\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e눈 주위에 유용합니까?\u003c\/summary\u003e\u003cp\u003e브랜드에 따라 포뮬라는 눈 주위 부위를 대상으로 합니다. \u003cspan class=\"k\"\u003e눈에서 멀리 유지\u003c\/span\u003e 그리고 패키지 지침을 따르십시오.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003e보톡스의 대안인가요?\u003c\/summary\u003e\u003cp\u003e아니.이 \u003cspan class=\"k\"\u003e스킨케어 제품\u003c\/span\u003e 그 결과는 의료 절차와 완전히 다릅니다.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003e나중에 어떤 결과를 보게 될까요?\u003c\/summary\u003e\u003cp\u003e그는 필요 \u003cspan class=\"k\"\u003e규칙성과 인내심\u003c\/span\u003e 사람마다 다릅니다.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003e제품이 정품인가요?\u003c\/summary\u003e\u003cp\u003e네, \u003cspan class=\"k\"\u003e오리지널 제품\u003c\/span\u003e 수령 시 지급을 받게 됩니다.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\" style=\"padding-top:10px\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"cta2\"\u003e\n\u003ch2\u003e알려진 공식으로 줄무늬 루틴을 시작하세요\u003c\/h2\u003e\n\u003cp style=\"max-width:700px;margin:10px auto 0;font-size:18px;color:#fff\"\u003e언론 \u003cspan class=\"k\"\u003e장바구니에 추가\u003c\/span\u003e 그리고 결제 \u003cspan class=\"k\"\u003e수령 시\u003c\/span\u003e.\u003c\/p\u003e\n\u003cdiv class=\"why\"\u003e\n\u003cdiv\u003eArgireline\u003c\/div\u003e\n\u003cdiv\u003eCoenzyme Q10\u003c\/div\u003e\n\u003cdiv\u003e얼굴과 목용\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"big\"\u003e지금 세럼을 주문하세요\u003c\/div\u003e\n\u003cdiv class=\"trust2\"\u003e\n\u003cspan\u003e어디든 배송 가능\u003c\/span\u003e\u003cspan\u003e오리지널 제품\u003c\/span\u003e\u003cspan\u003e수령 후 결제\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inci\"\u003e\n\u003cb\u003eKey actives:\u003c\/b\u003e Argireline (Acetyl Hexapeptide-8), Coenzyme Q10 (Ubiquinone). Full ingredient list is printed on the pack.\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"See-lit","offers":[{"title":"Default Title","offer_id":44749176438981,"sku":"","price":399.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/seelitelexirargerlineq10serum.webp?v=1748130941"},{"product_id":"see-lit-niacinamide-zinc-gluconate-serum","title":"See-lit Niacinamide + Zinc gluconate Serum","description":"\u003cstyle\u003e#sl4{--bg:#05090700;--bg:#060a07;--bg2:#0d1810;--m:#6fe3a5;--m2:#bff5d9;--bd:rgba(111,227,165,.3);--tint:rgba(111,227,165,.12);border-radius:28px;background:var(--bg);color:#fff;font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;line-height:1.85;overflow:hidden;direction: ltr;text-align:start;font-size:17px}#sl4 *{box-sizing:border-box}#sl4 .sec{padding:52px 0}#sl4 .a{background:var(--bg)}#sl4 .b{background:linear-gradient(180deg,var(--bg2),var(--bg));border-block:1px solid var(--bd)}#sl4 .wrap{max-width:900px;margin:auto;padding:0 20px}#sl4 .c{text-align:center}#sl4 .badge{display:inline-block;padding:7px 22px;border-radius:30px;border:1px solid var(--m2);color:var(--m2);font-weight:700;font-size:14px;margin-bottom:20px;background:var(--tint)}#sl4 h1{font-size:clamp(27px,5vw,40px);line-height:1.4;font-weight:900;margin:0 0 18px}#sl4 .hl{color:var(--m)}#sl4 h2{font-size:clamp(22px,4vw,30px);line-height:1.5;font-weight:900;margin:0 0 14px;border-inline-start:6px solid var(--m);padding-inline-start:14px}#sl4 h2.cc{border:0;padding:0;text-align:center}#sl4 h3{font-size:19px;margin:0 0 6px;font-weight:900;color:var(--m)}#sl4 p{margin:0 0 12px;color:#dfeae3}#sl4 .lead{max-width:760px;margin:0 auto 26px;font-size:18px}#sl4 .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 26px}#sl4 .chips span{border:1px solid var(--bd);background:var(--tint);padding:6px 16px;border-radius:30px;font-size:14px}#sl4 img.ph{display:block;width:100%;max-width:560px;height:auto;aspect-ratio:1\/1;object-fit:cover;border-radius:20px;margin:0 auto;border:1px solid var(--bd);box-shadow:0 20px 50px rgba(0,0,0,.8)}#sl4 .hero{background:radial-gradient(circle at 50% 0,var(--tint),transparent 60%),var(--bg);text-align:center;padding-top:58px}#sl4 .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:24px 0}#sl4 .card{background:linear-gradient(145deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:22px 18px}#sl4 .card p{margin:0;font-size:16px;color:#fff}#sl4 .glass{background:rgba(255,255,255,.045);border:1px solid var(--bd);border-radius:22px;padding:30px 22px}#sl4 .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:22px}#sl4 .steps div{background:rgba(255,255,255,.045);border:1.5px dashed var(--bd);border-radius:18px;padding:20px 14px;text-align:center}#sl4 .steps b{display:flex;margin:0 auto 8px;width:44px;height:44px;border-radius:50%;border:2px solid var(--m);align-items:center;justify-content:center;font-size:20px}#sl4 .steps h4{margin:0 0 4px;color:var(--m);font-size:18px}#sl4 .steps p{margin:0;font-size:15px;color:#fff}#sl4 .tl{border-inline-start:2px solid var(--m);padding-inline-start:20px;margin:16px 0 0}#sl4 .tl div{margin-bottom:14px;color:#dfeae3}#sl4 .tl b{display:block;color:#fff;font-size:18px}#sl4 ul.ck{list-style:none;padding:0;margin:10px 0}#sl4 ul.ck li{padding:6px 0;padding-inline-start:30px;position:relative;color:#fff}#sl4 ul.ck li:before{content:\"\";position:absolute;inset-inline-start:0;top:17px;width:14px;height:3px;border-radius:2px;background:var(--m)}#sl4 .warn{border:1px solid var(--m);border-radius:20px;padding:26px;background:var(--tint)}#sl4 details{background:rgba(255,255,255,.045);border:1px solid var(--bd);border-radius:12px;padding:15px 20px;margin-bottom:10px}#sl4 summary{cursor:pointer;font-weight:800}#sl4 details p{margin:10px 0 0}#sl4 .k{color:var(--m2);font-weight:800;background:linear-gradient(transparent 62%,var(--tint) 62%);padding:0 3px}#sl4 .pcap{max-width:600px;margin:28px auto 14px;text-align:center;font-size:17.5px;font-weight:800;color:#fff}#sl4 .cta2{border:2px solid var(--m);border-radius:26px;padding:42px 20px;text-align:center;background:radial-gradient(circle at 50% 0,var(--tint),transparent 70%),var(--bg)}#sl4 .cta2 h2{border:0;padding:0;justify-content:center}#sl4 .why{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:24px 0 8px}#sl4 .why div{padding:14px 12px;border:1px solid var(--bd);border-radius:14px;background:rgba(255,255,255,.045);font-weight:700}#sl4 .big{display:inline-block;margin-top:20px;padding:14px 36px;border-radius:40px;background:var(--m);color:#000;font-weight:900;font-size:20px}#sl4 .trust2{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}#sl4 .trust2 span{border:1.5px solid var(--m);background:var(--tint);padding:10px 22px;border-radius:40px;font-weight:900}#sl4 .inci{direction:ltr;text-align:left;font-size:13px;color:#ddd;background:rgba(0,0,0,.6);border:1px dashed var(--bd);border-radius:14px;padding:18px;margin-top:26px}@media(max-width:768px){#sl4 .sec{padding:36px 0}#sl4 .wrap{padding:0 14px}#sl4 .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#sl4 .card{padding:14px 10px}#sl4 .card p{font-size:13.5px;line-height:1.5}#sl4 .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#sl4 .glass{padding:22px 14px}}\u003c\/style\u003e\u003cdiv id=\"sl4\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"badge\"\u003e지성 및 복합성 피부용 세럼 30 ml\u003c\/div\u003e\n\u003ch1\u003e윤기, 모공, 여드름? \u003cbdi\u003eSee-Lit Niacinamide + Zinc\u003c\/bdi\u003e \u003cspan class=\"hl\"\u003e지성 피부의 밸런스를 맞춰주는 세럼\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003e병 \u003cspan class=\"k\"\u003e30ml\u003c\/span\u003e 당신은 수집 \u003cspan class=\"k\"\u003e나이아신아마이드\u003c\/span\u003e 와 \u003cspan class=\"k\"\u003e아연 글루콘산염\u003c\/span\u003e 브랜드에 따르면 피지 분비의 균형과 모공 및 여드름 피부의 모양을 지원하는 루틴입니다.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003e30ml\u003c\/span\u003e\u003cspan\u003eNiacinamide\u003c\/span\u003e\u003cspan\u003eZinc Gluconate\u003c\/span\u003e\u003cspan\u003e지성 및 복합성 피부용\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"pcap\"\u003e이것이 오리지널 세럼과 그 포뮬러입니다. \u003cspan class=\"k\"\u003e나이아신아미드 + 아연\u003c\/span\u003e\u003c\/p\u003e\n\u003cimg alt=\"씨릿 나이아신아마이드 징크 글루코네이트 세럼 30ml\" class=\"ph\" height=\"700\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/seelit-advancedniacinamidezincgluconateserum.webp\" width=\"700\"\/\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003e이 세럼의 목표가 되는 5가지\u003c\/h2\u003e\n\u003cp\u003e빈 약속이 없으면 브랜드에 따라 공식이 만들어집니다.\u003c\/p\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e광택 증가\u003c\/h3\u003e\n\u003cp\u003e그는 지지한다 \u003cspan class=\"k\"\u003e지방 균형\u003c\/span\u003e 지성 및 혼합 피부.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e모공\u003c\/h3\u003e\n\u003cp\u003e모양 지원 \u003cspan class=\"k\"\u003e모공이 부드러워짐\u003c\/span\u003e 그리고 좀 더 깔끔한 질감.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e시리얼\u003c\/h3\u003e\n\u003cp\u003e피부 루틴에 도움이 됩니다 \u003cspan class=\"k\"\u003e여드름에 노출됨\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e발적\u003c\/h3\u003e\n\u003cp\u003e그는 지지한다 \u003cspan class=\"k\"\u003e진정해\u003c\/span\u003e 자극에 취약한 피부.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e피부색\u003c\/h3\u003e\n\u003cp\u003e그는 지지한다 \u003cspan class=\"k\"\u003e통일\u003c\/span\u003e 여드름 자국의 출현.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"glass\"\u003e\n\u003ch2 class=\"cc\"\u003e병 안에는 무엇이 들어있나요?\u003c\/h2\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e나이아신아마이드(비타민 B3)\u003c\/h3\u003e\n\u003cp\u003e지원되는 것으로 알려진 구성 요소 \u003cspan class=\"k\"\u003e피부 밸런스\u003c\/span\u003e 그리고 모공의 모양을 진정시킵니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eZinc Gluconate\u003c\/h3\u003e\n\u003cp\u003e아연 지지체 형태 \u003cspan class=\"k\"\u003e지방 조절\u003c\/span\u003e 그리고 시리얼 루틴.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"c\" style=\"margin-top:14px\"\u003e브랜드, 구성에 따라 \u003cspan class=\"k\"\u003e무향료\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003e무엇을, 언제 볼 것인가?솔직히\u003c\/h2\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e처음에는\u003c\/b\u003e눈에 띄는 가벼운 질감 \u003cspan class=\"k\"\u003e광택이 덜함\u003c\/span\u003e 첫 주 동안.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e몇 주 후에요?\u003c\/b\u003e좋아질 수도 있겠네요 \u003cspan class=\"k\"\u003e모공의 모습\u003c\/span\u003e 피부 질감은 사람마다 다릅니다.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e그리고 계속 가세요\u003c\/b\u003e균형이 필요하다 \u003cspan class=\"k\"\u003e규칙성과 인내심\u003c\/span\u003e여드름은 원인이 다양하므로 피부과 전문의의 진료가 필요할 수 있습니다.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"margin-top:22px\"\u003e이 세럼이 당신에게 어울릴 것 같아요\u003c\/h3\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003e당신의 피부 \u003cspan class=\"k\"\u003e지성 또는 복합성\u003c\/span\u003e.\u003c\/li\u003e\n\u003cli\u003e모공 \u003cspan class=\"k\"\u003e현상\u003c\/span\u003e 그리고 그것은 당신을 괴롭힌다.\u003c\/li\u003e\n\u003cli\u003e켜는 중 \u003cspan class=\"k\"\u003e나이아신아마이드와 아연\u003c\/span\u003e 하나의 루틴에서.\u003c\/li\u003e\n\u003cli\u003e조합을 선호하세요 \u003cspan class=\"k\"\u003e무향료\u003c\/span\u003e.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003e사용방법..간단\u003c\/h2\u003e\n\u003cp class=\"c\"\u003e상자 지침을 따르고 일반적인 단계는 다음과 같습니다.\u003c\/p\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003ch4\u003e깨끗하고 건조함\u003c\/h4\u003e\n\u003cp\u003e순한 클렌저로 얼굴을 씻고 말리세요.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003ch4\u003e3점에 2점\u003c\/h4\u003e\n\u003cp\u003e내려놔 \u003cspan class=\"k\"\u003e3점에 2점\u003c\/span\u003e 얼굴에.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003ch4\u003e부드럽게 마사지\u003c\/h4\u003e\n\u003cp\u003e가벼운 원을 그리며 배포하십시오.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003ch4\u003e점진적으로 시작하세요\u003c\/h4\u003e\n\u003cp\u003e시작 \u003cspan class=\"k\"\u003e밤에 한 번\u003c\/span\u003e2주 후에는 2회 공급이 가능합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"warn\"\u003e\n\u003ch2\u003e처음 사용하기 전에 읽어보세요\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003e외부용으로만 사용하세요.\u003c\/li\u003e\n\u003cli\u003e피부의 첫 번째 부분에 소량을 바르고 자극이 없는지 확인하십시오.\u003c\/li\u003e\n\u003cli\u003e첫째, 강력한 각질제거제나 레티노이드와 동시에 사용하지 마세요.\u003c\/li\u003e\n\u003cli\u003e낮에는 자외선 차단제를 사용하십시오.\u003c\/li\u003e\n\u003cli\u003e눈에 들어가지 않도록 주의하시고, 들어갔을 경우에는 다량의 물로 씻어내세요.\u003c\/li\u003e\n\u003cli\u003e심하게 화끈거리거나 붉어지는 현상이 나타나면 사용을 중지하세요.\u003c\/li\u003e\n\u003cli\u003e본 제품은 여드름 치료제가 아닌 스킨케어 제품입니다.여드름이 심할 경우에는 피부과 전문의와 상담하세요.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003e주문 전 질문\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e한병에 몇ml인가요?\u003c\/summary\u003e\u003cp\u003e\u003cspan class=\"k\"\u003e30ml\u003c\/span\u003e.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003e민감한 피부에도 좋은가요?\u003c\/summary\u003e\u003cp\u003e먼저 소량을 시도해보고 시작해 보세요. \u003cspan class=\"k\"\u003e점차적으로\u003c\/span\u003e.피부가 매우 민감한 경우에는 피부과 전문의와 상담하세요.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003e몇 번이나 사용하나요?\u003c\/summary\u003e\u003cp\u003e시작 \u003cspan class=\"k\"\u003e밤에 한 번\u003c\/span\u003e2주 후에는 피부가 견딜 수 있으면 하루에 2번씩 늘려도 됩니다.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003e제품이 정품인가요?\u003c\/summary\u003e\u003cp\u003e네, \u003cspan class=\"k\"\u003e오리지널 제품\u003c\/span\u003e 수령 시 지급을 받게 됩니다.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\" style=\"padding-top:10px\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"cta2\"\u003e\n\u003ch2\u003e지성 피부 루틴을 더 간단하게 시작해보세요\u003c\/h2\u003e\n\u003cp style=\"max-width:700px;margin:10px auto 0;font-size:18px;color:#fff\"\u003e언론 \u003cspan class=\"k\"\u003e장바구니에 추가\u003c\/span\u003e 그리고 결제 \u003cspan class=\"k\"\u003e수령 시\u003c\/span\u003e.\u003c\/p\u003e\n\u003cdiv class=\"why\"\u003e\n\u003cdiv\u003eNiacinamide\u003c\/div\u003e\n\u003cdiv\u003eZinc Gluconate\u003c\/div\u003e\n\u003cdiv\u003e30ml\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"big\"\u003e지금 세럼을 주문하세요\u003c\/div\u003e\n\u003cdiv class=\"trust2\"\u003e\n\u003cspan\u003e어디든 배송 가능\u003c\/span\u003e\u003cspan\u003e오리지널 제품\u003c\/span\u003e\u003cspan\u003e수령 후 결제\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inci\"\u003e\n\u003cb\u003eKey actives:\u003c\/b\u003e Niacinamide (Vitamin B3), Zinc Gluconate. 30 ml. Full ingredient list is printed on the pack.\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"See-lit","offers":[{"title":"Default Title","offer_id":44757913895109,"sku":"","price":230.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/seelit-advancedniacinamidezincgluconateserum.webp?v=1748445559"},{"product_id":"madagascar-centella-probio-cica-intensive-ampoule","title":"스킨1004 센텔라 마다가스카르 프로바이오틱 시카 인텐스 프로바이오틱 앰플\/세럼 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\"\u003e마다가스카르 매직 양조 골든 드롭스 - 95ml\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Magic Introduction --\u003e\n\u003cdiv class=\"magic-intro\"\u003e\n\u003ch2\u003e자연의 기적이 과학의 천재성을 만났을 때\u003c\/h2\u003e\n\u003cp\u003e청정한 마다가스카르 섬에서 생산된 세계에서 가장 순수한 센텔라가 마법의 발효 과정을 거쳐 프로바이오틱스와 함께 남아있다고 상상해 보세요... \u003cstrong class=\"highlight\"\u003e10배 더 강해졌습니다\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\"\u003e주요 용도\u003c\/h2\u003e\n\u003cdiv class=\"benefits-intro animate-on-scroll\"\u003e\n\u003ch3 style=\"color: #666; font-size: 1.3em;\"\u003e\u003cstrong\u003e피부의 모든 문제를 해결하는 다재다능한 포뮬라\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\"\u003e즉각적이고 깊은 진정 효과\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e프로바이오틱스가 함유된 발효 센텔라가 염증이나 홍조를 단 몇 초 만에 진정시켜 피부를 편안하고 안심시켜 줍니다.\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\"\u003e모공을 확실히 수축시켜\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e고급 포뮬러가 모공을 조여주고, 모공을 더 작고 매끄럽게 만들어, 여러분이 꿈꾸는 부드러운 질감을 피부에 선사합니다.\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\"\u003e하루 종일 지속되는 깊은 수분 공급\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e세라마이드와 천연산이 피부에 수분을 가두어 날씨가 좋지 않거나 피부가 민감한 경우에도 건조함을 방지해줍니다.\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\"\u003e피부의 자연 장벽 강화\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e프로바이오틱스는 피부의 방어력을 강화하고 오염이나 태양과 같은 외부 요인에 대한 민감도를 낮추고 저항력을 높여줍니다.\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\"\u003e자연스러운 광채\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e그 결과, 메이크업을 하지 않아도 자신감이 생길 만큼 빛나고 산뜻한 피부가 완성됩니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\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\"\u003e고급 발효 기술: 스킨 케어 과학의 혁명\u003c\/h2\u003e\n\u003cdiv class=\"tech-content\"\u003e\n\u003cimg alt=\"Advanced Fermentation Technology\" class=\"tech-image animate-on-scroll\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Madagascar_Centella_Probio_Cica_Intensive_Ampoule_95ml_2.webp?v=1749656297\"\/\u003e\n\u003cdiv class=\"tech-info animate-on-scroll\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.6em; margin-bottom: 20px;\"\u003e이 앰플이 완전히 다른 이유는 무엇입니까?\u003c\/h3\u003e\n\u003cdiv class=\"tech-feature\"\u003e\n\u003ch4\u003e프로바이오틱스를 함유한 발효 센텔라\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e더 작은 분자가 더 깊은 피부층에 침투합니다.\u003c\/li\u003e\n\u003cli\u003e진정과 회복의 이중효과\u003c\/li\u003e\n\u003cli\u003e피부 본연의 장벽을 강화하는 탁월한 능력\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\"\u003e\n\u003ch4\u003e독점적인 TECA 포뮬러\u003c\/h4\u003e\n\u003cp style=\"margin-bottom: 15px;\"\u003e4가지 천연 활성산의 조합:\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e마데카식산\u003c\/strong\u003e: 깊은 손상을 복구하기 위해\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e아시아티코사이드\u003c\/strong\u003e: 세포를 갱신하려면\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e아시아산\u003c\/strong\u003e: 염증을 진정시키는데\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e마데카소사이드\u003c\/strong\u003e: 항산화 보호용\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\"\u003e\n\u003ch4\u003e고품질 세라마이드 NP\u003c\/h4\u003e\n\u003cp\u003e황금 비율은 3:1:1(세라마이드:피토스테롤:지방산)로 수분 공급을 유지합니다.\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\"\u003e첫 사용부터 변혁의 여정\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\"\u003e첫 순간부터:\u003c\/h3\u003e\n\u003cdiv class=\"phase-benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003e즉각적인 깊은 수분 공급\u003c\/strong\u003e 피부 깊숙이 닿는다\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e실키한 자연스러운 광채\u003c\/strong\u003e 끈적임이나 무거움 없이\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e즉각적인 진정\u003c\/strong\u003e 발적과 자극에 대한\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\"\u003e일주일 사용 후:\u003c\/h3\u003e\n\u003cdiv class=\"phase-benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003e눈에 띄는 모공 감소\u003c\/strong\u003e 확장된\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e강력한 장벽\u003c\/strong\u003e 외부 요인으로부터 보호합니다.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e더 저항력이 강한 피부\u003c\/strong\u003e 덜 민감하고\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\"\u003e최종 결과:\u003c\/h3\u003e\n\u003cdiv class=\"phase-benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003e실크 같은 피부\u003c\/strong\u003e - 부드럽고 밝고 건강함\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e새롭게 단장된 젊은 모습\u003c\/strong\u003e 완벽한\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e자신감 넘치는 표정\u003c\/strong\u003e 그것은 그 자체로 말한다\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Skin Types Section --\u003e\n\u003cdiv class=\"skin-types-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003e누구에게 적합합니까?\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\"\u003e건성 피부\u003c\/h3\u003e\n\u003cp\u003e깊은 수분공급으로 목마른 세포를 되살려줍니다\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\"\u003e일반 피부\u003c\/h3\u003e\n\u003cp\u003e완벽한 균형을 유지하기 위해 보호하고 영양을 공급하십시오\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\"\u003e복합성 피부\u003c\/h3\u003e\n\u003cp\u003e최적의 수분 공급으로 천연 오일 조절\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\"\u003e민감한 피부\u003c\/h3\u003e\n\u003cp\u003e자극 없이 부드럽게 진정시켜주는\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;\"\u003e꿈의 질감\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;\"\u003e고급스러운 밀키 텍스처\u003c\/h3\u003e\n\u003cp\u003e실크처럼 피부에 미끄러지듯 미끄러지듯\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;\"\u003e빠른 흡수\u003c\/h3\u003e\n\u003cp\u003e잔여물이나 끈적임 없이\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;\"\u003e벨벳 마감\u003c\/h3\u003e\n\u003cp\u003e피부 속부터 빛나게 해주세요\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\"\u003e마법 뒤에 숨은 과학\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;\"\u003e고급 발효 기술:\u003c\/h3\u003e\n\u003cp style=\"margin-bottom: 20px;\"\u003e프로바이오틱스는 큰 센텔라 분자를 작고 투과성이 높은 분자로 변환하여 다음과 같은 능력을 두 배로 늘립니다.\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e세포 수준에서 손상 복구\u003c\/li\u003e\n\u003cli\u003e천연 콜라겐 생성 촉진\u003c\/li\u003e\n\u003cli\u003e피부의 건강한 마이크로바이옴 강화\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 style=\"color: #9C8102; margin: 25px 0 15px;\"\u003e과학적 증거:\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\"\u003e즉각적인 피부매끄러움 개선\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\"\u003e수분 레벨 개선\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\"\u003e기공 크기 감소\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\"\u003e최상의 결과를 얻기 위해 사용하는 방법\u003c\/h2\u003e\n\u003cdiv class=\"usage-grid\"\u003e\n\u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n\u003ch3 class=\"usage-time\"\u003e아침에☀️\u003c\/h3\u003e\n\u003cul class=\"usage-steps\"\u003e\n\u003cli data-step=\"1\"\u003e토너 사용 후, 깨끗한 얼굴에 2~3방울 떨어뜨려주세요\u003c\/li\u003e\n\u003cli data-step=\"2\"\u003e완전히 흡수될 때까지 부드럽게 원을 그리며 마사지하세요.\u003c\/li\u003e\n\u003cli data-step=\"3\"\u003e보습제와 자외선 차단제를 바르십시오.\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\"\u003e밤에 🌙\u003c\/h3\u003e\n\u003cul class=\"usage-steps\"\u003e\n\u003cli data-step=\"1\"\u003e세안 후 같은 방법으로 피부결을 정돈 후 사용해주세요\u003c\/li\u003e\n\u003cli data-step=\"2\"\u003e수분 공급을 위해 이중 레이어로 사용할 수 있습니다.\u003c\/li\u003e\n\u003cli data-step=\"3\"\u003e밤의 회복력으로 피부에 혜택을 주세요\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\"\u003eSkin 1004가 완벽한 선택인 이유는 무엇입니까?\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% 천연성분\u003c\/h3\u003e\n\u003cp\u003e버진 마다가스카르 출신\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\"\u003e한국의 앞선 기술\u003c\/h3\u003e\n\u003cp\u003e과학적 연구를 바탕으로\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\"\u003e나는 동물실험을 하지 않는다.\u003c\/h3\u003e\n\u003cp\u003e윤리적이고 안전한 제품\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\"\u003e유해물질이 없음\u003c\/h3\u003e\n\u003cp\u003e파라벤이나 황산염이 함유되지 않은\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\"\u003e환경 친화적\u003c\/h3\u003e\n\u003cp\u003e재활용 가능한 포장\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\"\u003e당신의 아름다움과 자신감에 대한 투자\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;\"\u003e단순한 케어 제품이 아닌...이것 \u003cstrong style=\"color: #9C8102;\"\u003e변화의 약속\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\u003e퓨어 매직 95ml\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"font-size: 1.2em; color: #d4af37;\"\u003e\u003cstrong\u003e강렬한 마다가스카르 아름다움\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"font-size: 1.2em; color: #d4af37;\"\u003e\u003cstrong\u003e꿈의 피부를 향한 길\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"cta-button animate-on-scroll\"\u003e지금 주문하고 변화를 즐겨보세요\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Intersection Observer for scroll animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('animated');\n }\n });\n }, observerOptions);\n\n \/\/ Observe all animate-on-scroll elements\n document.querySelectorAll('.animate-on-scroll').forEach(el =\u003e {\n observer.observe(el);\n });\n\n \/\/ Animate benefits cards\n const benefitsObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const cards = entry.target.querySelectorAll('.benefit-card');\n cards.forEach((card, index) =\u003e {\n setTimeout(() =\u003e {\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n }, index * 200);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.main-benefits-section').forEach(section =\u003e {\n benefitsObserver.observe(section);\n });\n\n \/\/ Animate transformation phases\n const transformationObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const phases = entry.target.querySelectorAll('.transformation-phase');\n phases.forEach((phase, index) =\u003e {\n setTimeout(() =\u003e {\n phase.style.opacity = '1';\n phase.style.transform = 'translateY(0)';\n }, index * 300);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.transformation-section').forEach(section =\u003e {\n transformationObserver.observe(section);\n });\n\n \/\/ Animate skin type cards\n const skinTypesObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const cards = entry.target.querySelectorAll('.skin-type-card');\n cards.forEach((card, index) =\u003e {\n setTimeout(() =\u003e {\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n }, index * 150);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.skin-types-section').forEach(section =\u003e {\n skinTypesObserver.observe(section);\n });\n\n \/\/ Animate texture features\n const textureObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const features = entry.target.querySelectorAll('.texture-feature');\n features.forEach((feature, index) =\u003e {\n setTimeout(() =\u003e {\n feature.style.opacity = '1';\n feature.style.transform = 'translateY(0)';\n }, index * 200);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.texture-section').forEach(section =\u003e {\n textureObserver.observe(section);\n });\n\n \/\/ Animate why features\n const whyObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.why-feature').forEach(feature =\u003e {\n whyObserver.observe(feature);\n });\n\n \/\/ CTA button interaction\n document.querySelector('.cta-button')?.addEventListener('click', () =\u003e {\n const button = document.querySelector('.cta-button');\n button.style.animation = 'none';\n setTimeout(() =\u003e {\n button.style.animation = 'glow 2s infinite alternate';\n }, 100);\n });\n\u003c\/script\u003e","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":44812513378501,"sku":null,"price":1250.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin1004MadagascarCentellaProbioCicaIntensiveAmpoule95ml_1.jpg?v=1749655636"},{"product_id":"derma-ten-caffeine-eye-contour-serum","title":"더마텐 카페인+레티놀+HA 아이컨투어 세럼 카페인이 함유된 다크서클 세럼","description":"\u003cdiv class=\"product-description-container\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n .product-description-container {\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 overflow-x: hidden;\n }\n\n .hero-section {\n background: linear-gradient(135deg, #000 0%, #9C8102 100%);\n padding: 40px 30px;\n border-radius: 12px;\n margin-bottom: 30px;\n position: relative;\n overflow: hidden;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s ease forwards;\n }\n\n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 200px;\n height: 200px;\n background: rgba(156, 129, 2, 0.1);\n border-radius: 50%;\n transform: translate(50%, -50%);\n }\n\n .hero-title {\n color: #9C8102;\n font-size: 2.5em;\n font-weight: bold;\n margin-bottom: 15px;\n position: relative;\n z-index: 2;\n }\n\n .hero-subtitle {\n color: white;\n font-size: 1.2em;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .one-drop-highlight {\n background: #333;\n color: #9C8102;\n padding: 15px 25px;\n border-radius: 25px;\n display: inline-block;\n font-weight: bold;\n margin: 15px 0;\n border: 2px solid #9C8102;\n position: relative;\n z-index: 2;\n }\n\n .question-section {\n background: #f5f5f5;\n padding: 30px;\n border-radius: 10px;\n margin: 30px 0;\n border-right: 5px solid #9C8102;\n opacity: 0;\n animation: fadeIn 1s ease 0.2s forwards;\n }\n\n .question-text {\n font-size: 1.4em;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n .answer-text {\n font-size: 1.1em;\n color: #333;\n line-height: 1.6;\n }\n\n .technology-section {\n background: white;\n border: 2px solid #9C8102;\n border-radius: 12px;\n padding: 35px;\n margin: 40px 0;\n opacity: 0;\n animation: fadeIn 1s ease 0.4s forwards;\n }\n\n .section-title {\n color: #9C8102;\n font-size: 2em;\n font-weight: bold;\n margin-bottom: 20px;\n text-align: center;\n }\n\n .ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 25px;\n margin: 40px 0;\n opacity: 0;\n animation: fadeIn 1s ease 0.6s forwards;\n }\n\n .ingredient-card {\n background: white;\n border: 2px solid #e0e0e0;\n border-radius: 15px;\n padding: 25px;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n .ingredient-card:hover {\n border-color: #9C8102;\n transform: translateY(-5px);\n box-shadow: 0 15px 30px rgba(156, 129, 2, 0.15);\n }\n\n .ingredient-card::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 4px;\n background: #9C8102;\n transform: scaleX(0);\n transform-origin: right;\n transition: transform 0.3s ease;\n }\n\n .ingredient-card:hover::before {\n transform: scaleX(1);\n }\n\n .ingredient-title {\n color: #9C8102;\n font-size: 1.6em;\n font-weight: bold;\n margin-bottom: 10px;\n }\n\n .ingredient-subtitle {\n color: #666;\n font-size: 1.1em;\n margin-bottom: 15px;\n font-weight: bold;\n }\n\n .benefits-list {\n list-style: none;\n padding: 0;\n margin: 15px 0;\n color: #333;\n }\n\n .benefits-list li {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 10px;\n padding: 8px 0;\n color: inherit;\n }\n\n .benefits-list li::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #9C8102;\n border-radius: 50%;\n flex-shrink: 0;\n }\n\n .concentration-highlight {\n background: #9C8102;\n color: white;\n padding: 15px;\n border-radius: 5px;\n margin-top: 15px;\n font-weight: bold;\n text-align: center;\n }\n\n .warning-badge {\n background: #ff6b6b;\n color: white;\n padding: 8px 15px;\n border-radius: 20px;\n font-size: 0.9em;\n font-weight: bold;\n margin-top: 10px;\n display: inline-block;\n }\n\n .timeline-section {\n background: #f5f5f5;\n padding: 40px;\n border-radius: 15px;\n margin: 40px 0;\n opacity: 0;\n animation: fadeIn 1s ease 0.8s forwards;\n color: #333;\n }\n\n .timeline-item {\n margin: 25px 0;\n padding: 20px;\n background: white;\n border-radius: 10px;\n border-right: 5px solid #9C8102;\n transition: all 0.3s ease;\n }\n\n .timeline-item:hover {\n transform: translateX(-5px);\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n }\n\n .timeline-period {\n color: #9C8102;\n font-weight: bold;\n font-size: 1.3em;\n margin-bottom: 10px;\n }\n\n .trust-section {\n background: #333;\n color: white;\n padding: 35px;\n border-radius: 12px;\n margin: 40px 0;\n opacity: 0;\n animation: fadeIn 1s ease 1s forwards;\n }\n\n .trust-section .section-title {\n color: #9C8102;\n }\n\n .trust-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin: 25px 0;\n }\n\n .trust-item {\n background: rgba(156, 129, 2, 0.1);\n border: 2px solid #9C8102;\n padding: 20px;\n border-radius: 10px;\n transition: all 0.3s ease;\n color: white;\n }\n\n .trust-item:hover {\n transform: translateY(-3px);\n box-shadow: 0 5px 15px rgba(156, 129, 2, 0.2);\n }\n\n .usage-section {\n background: #000;\n color: white;\n padding: 40px;\n border-radius: 15px;\n margin: 40px 0;\n opacity: 0;\n animation: fadeIn 1s ease 1.2s forwards;\n }\n\n .usage-section .section-title {\n color: #9C8102;\n }\n\n .one-drop-explanation {\n background: rgba(156, 129, 2, 0.1);\n border: 2px solid #9C8102;\n border-radius: 10px;\n padding: 20px;\n margin: 20px 0;\n text-align: center;\n }\n\n .usage-steps {\n background: #333;\n border-radius: 10px;\n padding: 25px;\n margin: 25px 0;\n }\n\n .step-list {\n list-style: none;\n padding: 0;\n counter-reset: step-counter;\n }\n\n .step-list li {\n counter-increment: step-counter;\n margin: 15px 0;\n padding: 15px;\n background: rgba(255, 255, 255, 0.1);\n border-radius: 8px;\n position: relative;\n padding-right: 50px;\n }\n\n .step-list li::before {\n content: counter(step-counter);\n background: #9C8102;\n color: white;\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 position: absolute;\n right: 10px;\n top: 50%;\n transform: translateY(-50%);\n }\n\n .safety-tips {\n background: rgba(255, 107, 107, 0.1);\n border: 2px solid #ff6b6b;\n border-radius: 8px;\n padding: 20px;\n margin: 20px 0;\n }\n\n .safety-tips h4 {\n color: #ff6b6b;\n margin-bottom: 15px;\n }\n\n .safety-list {\n list-style: none;\n padding: 0;\n color: white;\n }\n\n .safety-list li {\n margin: 12px 0;\n padding: 10px 0;\n padding-right: 35px;\n position: relative;\n }\n\n .safety-list li::before {\n content: '⚠️';\n position: absolute;\n right: 0;\n top: 10px;\n font-size: 1.2em;\n }\n\n .warning-section {\n background: #333;\n color: white;\n padding: 35px;\n border-radius: 15px;\n margin: 40px 0;\n opacity: 0;\n animation: fadeIn 1s ease 1.4s forwards;\n }\n\n .warning-title {\n color: #9C8102;\n font-size: 1.8em;\n font-weight: bold;\n margin-bottom: 20px;\n text-align: center;\n }\n\n .prohibited-section {\n background: rgba(255, 107, 107, 0.1);\n border: 2px solid #ff6b6b;\n border-radius: 10px;\n padding: 20px;\n margin: 20px 0;\n }\n\n .prohibited-section h3 {\n color: #ff6b6b;\n margin-bottom: 15px;\n }\n\n .prohibited-list {\n list-style: none;\n padding: 0;\n color: white;\n }\n\n .prohibited-list li {\n margin: 10px 0;\n padding: 8px 0;\n font-weight: bold;\n }\n\n .prohibited-list li::before {\n content: '🚫';\n margin-left: 10px;\n }\n\n .expectations-section {\n margin: 25px 0;\n }\n\n .expectations-section h3 {\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n .expectation-item {\n background: rgba(156, 129, 2, 0.1);\n border: 1px solid #9C8102;\n border-radius: 8px;\n padding: 15px;\n margin: 10px 0;\n color: white;\n }\n\n .investment-section {\n background: #f5f5f5;\n padding: 35px;\n border-radius: 15px;\n margin: 40px 0;\n opacity: 0;\n animation: fadeIn 1s ease 1.6s forwards;\n color: #333;\n }\n\n .investment-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 25px;\n margin: 25px 0;\n }\n\n .investment-card {\n background: white;\n border: 2px solid #9C8102;\n border-radius: 12px;\n padding: 25px;\n transition: all 0.3s ease;\n }\n\n .investment-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(156, 129, 2, 0.2);\n }\n\n .investment-card h4 {\n color: #9C8102;\n font-size: 1.3em;\n font-weight: bold;\n margin-bottom: 15px;\n text-align: center;\n }\n\n .investment-reasons,\n .value-section {\n margin: 20px 0;\n }\n\n .investment-reasons h3,\n .value-section h3 {\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n .faq-section {\n background: white;\n border: 2px solid #9C8102;\n padding: 35px;\n border-radius: 15px;\n margin: 40px 0;\n opacity: 0;\n animation: fadeIn 1s ease 1.8s forwards;\n }\n\n .faq-item {\n margin: 20px 0;\n padding: 15px;\n background: #f8f8f8;\n border-radius: 8px;\n border-right: 4px solid #9C8102;\n }\n\n .faq-question {\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 8px;\n }\n\n .faq-answer {\n color: #333;\n }\n\n .ingredients-section {\n background: #f5f5f5;\n padding: 35px;\n border-radius: 15px;\n margin: 40px 0;\n opacity: 0;\n animation: fadeIn 1s ease 2s forwards;\n color: #333;\n }\n\n .active-ingredients,\n .soothing-ingredients {\n margin: 20px 0;\n }\n\n .active-ingredients h3,\n .soothing-ingredients h3 {\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n .ingredient-formula {\n background: white;\n padding: 20px;\n border-radius: 8px;\n margin: 15px 0;\n border: 1px solid #e0e0e0;\n font-family: monospace;\n font-size: 0.9em;\n line-height: 1.4;\n }\n\n .cta-section {\n background: linear-gradient(135deg, #000 0%, #9C8102 100%);\n color: white;\n padding: 50px 40px;\n border-radius: 15px;\n margin: 40px 0;\n text-align: center;\n opacity: 0;\n animation: fadeIn 1s ease 2.2s forwards;\n }\n\n .cta-title {\n font-size: 2.2em;\n font-weight: bold;\n margin-bottom: 20px;\n color: #9C8102;\n }\n\n .cta-text {\n font-size: 1.2em;\n margin-bottom: 30px;\n line-height: 1.5;\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 @media (max-width: 768px) {\n .hero-title {\n font-size: 2em;\n }\n \n .section-title {\n font-size: 1.6em;\n }\n \n .ingredients-grid,\n .trust-stats {\n grid-template-columns: 1fr;\n }\n }\n \u003c\/style\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003e카페인이 함유된 더마 틴 아이 세럼\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eDerma Ten Caffeine Eye Contour Serum\u003c\/p\u003e\n\u003cdiv class=\"one-drop-highlight\"\u003e한 방울만 떨어뜨리고...직접 차이점을 확인해보세요\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Question Section --\u003e\n\u003cdiv class=\"question-section\"\u003e\n\u003cdiv class=\"question-text\"\u003e거울을 보고 피곤한 눈을 보는 것이 지겹나요?\u003c\/div\u003e\n\u003cdiv class=\"answer-text\"\u003e\n\u003cstrong\u003e다크서클... 아침의 붓기... 생기기 시작하는 잔주름... 눈가는 나이를 더 들어 보이게 만들고 10살을 더해 줍니다.\u003c\/strong\u003e\n\u003cbr\/\u003e\u003cbr\/\u003e\n\u003cstrong\u003e문제는 수면 부족만이 아니다.눈가 피부는 얼굴 피부보다 10배나 얇기 때문에 전문적인 관리와 강하면서도 안전한 성분이 필요합니다.\u003c\/strong\u003e\n\u003cbr\/\u003e\u003cbr\/\u003e\n\u003cstrong\u003e더마 틴 아이 세럼\u003c\/strong\u003e 눈에 바르는 일반 세럼이 아닙니다.이 \u003cstrong\u003e집중적이고 세심한 진료\u003c\/strong\u003e 눈 부위의 모든 문제를 정확하게 목표로 삼는 고급 의료 처방을 사용합니다.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Technology Section --\u003e\n\u003cdiv class=\"technology-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e첨단 메디컬 포뮬러...성분 하나하나 엄선\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Grid --\u003e\n\u003cdiv class=\"ingredients-grid\"\u003e\n\u003c!-- Caffeine Card --\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-title\"\u003e카페인 5%\u003c\/div\u003e\n\u003cdiv class=\"ingredient-subtitle\"\u003e천연 혈액 순환 자극제\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003e왜 카페인이 눈에 들어가나요?\u003c\/strong\u003e 과학은 다음과 같은 탁월한 능력을 입증했기 때문입니다.\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003e즉각적으로 눈 주위의 혈액 순환을 자극\u003c\/li\u003e\n\u003cli\u003e사용 후 몇 분 안에 붓기와 붓기가 감소됩니다.\u003c\/li\u003e\n\u003cli\u003e혈액순환 개선으로 다크서클 완화\u003c\/li\u003e\n\u003cli\u003e처진 피부를 조이고 탄력을 향상시켜보세요\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"concentration-highlight\"\u003e\n 5% 농도가 최적입니다 - 효과가 있을 만큼 강하고, 민감한 부위에는 충분히 부드럽습니다.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hyaluronic Acid Card --\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-title\"\u003e히알루론산\u003c\/div\u003e\n\u003cdiv class=\"ingredient-subtitle\"\u003e천연 수분 저장고\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003e자기 무게의 1000배에 달하는 물을 담는다.\u003c\/li\u003e\n\u003cli\u003e안쪽부터 잔주름을 채워줍니다\u003c\/li\u003e\n\u003cli\u003e연약한 눈가 피부를 깊숙이 보습해줍니다.\u003c\/li\u003e\n\u003cli\u003e민감한 부위의 건조함과 갈라짐을 방지합니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Retinol Card --\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-title\"\u003e레티놀\u003c\/div\u003e\n\u003cdiv class=\"ingredient-subtitle\"\u003e세포재생촉진제\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003e안티에이징의 왕\u003c\/strong\u003e 그러나 눈에 안전한 초점에서는 다음과 같습니다.\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003e세포 재생을 촉진하고 피부 치유를 촉진합니다.\u003c\/li\u003e\n\u003cli\u003e주름과 잔주름이 줄어듭니다.\u003c\/li\u003e\n\u003cli\u003e피부 질감과 부드러움을 향상시킵니다.\u003c\/li\u003e\n\u003cli\u003e피부톤을 통일하고 색소 침착을 감소시킵니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"warning-badge\"\u003e\n 중요: 이러한 이유로 임신 및 모유 수유 중에는 사용되지 않습니다.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Argireline Card --\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-title\"\u003e아르기렐린\u003c\/div\u003e\n\u003cdiv class=\"ingredient-subtitle\"\u003e천연 보톡스\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003e\"천연 보툴리눔 독소\"의 학명:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003e자연스럽고 안전한 방법으로 안면 근육을 이완시킵니다.\u003c\/li\u003e\n\u003cli\u003e주름을 유발하는 근육 수축을 감소시킵니다.\u003c\/li\u003e\n\u003cli\u003e눈 주위에 새로운 라인이 생기는 것을 방지합니다.\u003c\/li\u003e\n\u003cli\u003e바늘이나 위험이 없는 보톡스 주사의 자연스러운 대안\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Ferulic Acid Card --\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-title\"\u003e페룰산\u003c\/div\u003e\n\u003cdiv class=\"ingredient-subtitle\"\u003e항산화 가드\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003e자유 라디칼 손상 및 오염으로부터 보호합니다.\u003c\/li\u003e\n\u003cli\u003e레티놀의 효과를 높이고 자극을 줄입니다.\u003c\/li\u003e\n\u003cli\u003e피부의 자연스러운 노화 과정을 지연시킵니다.\u003c\/li\u003e\n\u003cli\u003e나머지 성분의 안정성을 유지해줍니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Natural Ingredients Card --\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-title\"\u003e보조 천연 성분\u003c\/div\u003e\n\u003cdiv class=\"ingredient-subtitle\"\u003e종합적인 영양 및 보호\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e비타민 E(토코페롤):\u003c\/strong\u003e 항산화제 및 보습제\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e판테놀(비타민 B5):\u003c\/strong\u003e 민감한 피부를 위한 진정 및 보습\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e녹차 추출물:\u003c\/strong\u003e 항염증 및 진정\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e알로에베라:\u003c\/strong\u003e 보습 및 천연 진정 자극\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e가시적 결과 타임라인\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003e첫 주: 적응 및 진정\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003e피부가 레티놀에 적응합니다(가벼운 벗겨짐이 발생할 수 있음 - 정상)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e팽만감의 즉각적인 감소\u003c\/strong\u003e 카페인 덕분에\u003c\/li\u003e\n\u003cli\u003e촉촉하고 부드러운 느낌\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003e두 번째 주: 개선의 시작\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003e\u003cstrong\u003e아침 복부 팽만감이 눈에 띄게 개선됨\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e피부가 더욱 매끄러워지고 덜 건조해집니다\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e다크서클이 옅어지기 시작했어요\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003e첫 달: 가시적인 결과\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003e\u003cstrong\u003e다크서클이 눈에 띄게 개선되었습니다\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e잔주름이 눈에 띄지 않게 되기 시작합니다.\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e피부가 더욱 부드럽고 탄력있는 느낌이에요\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003e두 번째 달: 지속적인 개선\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003e\u003cstrong\u003e눈에 띄는 주름 깊이 감소\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e눈 주위 피부 톤을 통일\u003c\/li\u003e\n\u003cli\u003e전체적으로 더 젊고 빛나는 모습\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003e세 번째 달: 안정적인 결과\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003e눈가의 전체적인 외관 개선\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e미용 시술과 유사한 결과\u003c\/strong\u003e 하지만 자연스럽게\u003c\/li\u003e\n\u003cli\u003e외모에 대한 자신감 회복\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Trust Section --\u003e\n\u003cdiv class=\"trust-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e국내에서는 믿을 수 있는 제품..해외 베스트셀러\u003c\/h2\u003e\n\u003cdiv class=\"trust-stats\"\u003e\n\u003cdiv class=\"trust-item\"\u003e\n\u003cstrong\u003e가장 많이 요청되는 제품\u003c\/strong\u003e 전문 뷰티센터에서\n \u003c\/div\u003e\n\u003cdiv class=\"trust-item\"\u003e\n\u003cstrong\u003e피부관리 전문가가 추천하는\u003c\/strong\u003e 눈 문제 치료에 효과가 있기 때문에\n \u003c\/div\u003e\n\u003cdiv class=\"trust-item\"\u003e\n\u003cstrong\u003e높은 고객 만족도\u003c\/strong\u003e 여성 사용자의 90% 이상이\n \u003c\/div\u003e\n\u003cdiv class=\"trust-item\"\u003e\n\u003cstrong\u003e지속적인 긍정적인 리뷰\u003c\/strong\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\"\u003e올바른 사용... 단순함이 차이를 만듭니다\u003c\/h2\u003e\n\u003cdiv class=\"one-drop-explanation\"\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 10px;\"\u003e왜 한 방울만?\u003c\/h3\u003e\n\u003cp style=\"color: white; font-weight: bold;\"\u003e\u003cstrong\u003e제형이 굉장히 농축되어 있어요\u003c\/strong\u003e 한 방울이면 눈가 전체를 덮을 수 있습니다.과도한 양은 자극을 유발할 수 있습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 20px; text-align: center;\"\u003e최적의 사용방법\u003c\/h3\u003e\n\u003col class=\"step-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e얼굴을 잘 씻으세요\u003c\/strong\u003e 잠들기 전\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e한방울씩 바르고\u003c\/strong\u003e 약지(약한 압력)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e가볍게 두드려주세요\u003c\/strong\u003e 눈 밑 안쪽에서 바깥쪽으로\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e움직이는 눈꺼풀 부위를 피하십시오\u003c\/strong\u003e (알 아인과 매우 가깝습니다)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e5분 정도 기다리세요\u003c\/strong\u003e 다른 제품을 바르기 전\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e밤에만 사용하세요\u003c\/strong\u003e 레티놀은 피부를 태양에 민감하게 만듭니다.\u003c\/li\u003e\n\u003cdiv class=\"safety-tips\"\u003e\n\u003ch4\u003e중요한 안전 팁:\u003c\/h4\u003e\n\u003cul class=\"safety-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e일주일에 3번 시작하세요\u003c\/strong\u003e 그럼 점차적으로 늘려가세요\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e낮에는 자외선 차단제를 사용하세요\u003c\/strong\u003e 항상\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e눈에 직접적인 접촉을 피하십시오\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e즉시 중지\u003c\/strong\u003e 자극이 심한 경우\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c!-- Warning Section --\u003e\n\u003cdiv class=\"warning-section\"\u003e\n\u003cdiv class=\"warning-title\"\u003e중요한 예방 조치 및 현실적인 기대\u003c\/div\u003e\n\u003cdiv class=\"prohibited-section\"\u003e\n\u003ch3\u003e다음 분야에서는 사용이 금지되어 있습니다:\u003c\/h3\u003e\n\u003cul class=\"prohibited-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e임신 중\u003c\/strong\u003e - 레티놀은 태아에게 해를 끼칠 수 있습니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e모유수유 중\u003c\/strong\u003e - 우유를 통해 아이에게 전염될 수 있습니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"expectations-section\"\u003e\n\u003ch3\u003e내용:\u003c\/h3\u003e\n\u003cdiv class=\"expectation-item\"\u003e\n\u003cstrong\u003e결과에는 인내심이 필요합니다\u003c\/strong\u003e - 뚜렷한 개선에는 4~6주 소요\n \u003c\/div\u003e\n\u003cdiv class=\"expectation-item\"\u003e\n\u003cstrong\u003e가벼운 벗겨짐이 발생할 수 있습니다.\u003c\/strong\u003e 처음에는 (레티놀 함유 천연)\n \u003c\/div\u003e\n\u003cdiv class=\"expectation-item\"\u003e\n\u003cstrong\u003e계속이 필요하다\u003c\/strong\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\"\u003e완전한 구성과 성분\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-formula\"\u003e\n\u003cstrong\u003eAQUA - CAFFEINE - RETINOL - ARGIRELINE - FERULIC ACID - TOCOPHEROL - PANTHENOL - GREEN TEA EXTRACT - CELLULOSE GUM - LACTIC ACID - ALOE BARBADENSIS LEAF EXTRACT - PROPYLENE GLYCOL - PHENOXYETHANOL\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"active-ingredients\"\u003e\n\u003ch3\u003e주요 활성 성분:\u003c\/h3\u003e\n\u003cul class=\"benefits-list\" style=\"color: #333;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eCAFFEINE (5%):\u003c\/strong\u003e 혈액순환을 촉진하고 부종을 감소시킵니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRETINOL:\u003c\/strong\u003e 세포재생촉진제 및 주름개선\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eARGIRELINE:\u003c\/strong\u003e \"천연 보톡스\"로 알려진 펩타이드\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFERULIC ACID:\u003c\/strong\u003e 강력한 항산화제이자 레티놀의 효능을 강화합니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTOCOPHEROL (Vitamin E):\u003c\/strong\u003e 천연 항산화제 및 보습제\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soothing-ingredients\"\u003e\n\u003ch3\u003e진정 및 보습 성분:\u003c\/h3\u003e\n\u003cul class=\"benefits-list\" style=\"color: #333;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePANTHENOL (Pro-Vitamin B5):\u003c\/strong\u003e 민감한 피부를 위한 진정 및 보습\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGREEN TEA EXTRACT:\u003c\/strong\u003e 항염증 및 천연 진정 효과\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eALOE BARBADENSIS LEAF EXTRACT:\u003c\/strong\u003e 보습 및 진정 자극\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLACTIC ACID:\u003c\/strong\u003e 순한 각질 제거제 및 피부 결 강화제\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003e눈 젊어짐 여행을 시작해보세요\u003c\/h2\u003e\n\u003cdiv class=\"cta-text\"\u003e\n\u003cp\u003e\u003cstrong\u003e첨단의료기술입니다\u003c\/strong\u003e 가장 까다로운 눈가 문제를 대상으로 합니다.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e매일 밤 한 방울만 떨어뜨리면 몇 주 안에 결과가 드러날 것입니다.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"font-size: 1.4em; color: #9C8102;\"\u003e\u003cstrong\u003e지금 주문하세요...그리고 당신의 눈으로 새로워진 젊음의 이야기를 말해보세요.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Smooth scroll animations\n function observeElements() {\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach((entry) =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n });\n\n \/\/ Observe elements for scroll animations\n document.querySelectorAll('.ingredient-card, .timeline-item, .trust-item, .expectation-item, .investment-card').forEach((el) =\u003e {\n el.style.opacity = '0';\n el.style.transform = 'translateY(20px)';\n el.style.transition = 'all 0.6s ease';\n observer.observe(el);\n });\n }\n\n \/\/ Enhanced hover effects\n function addHoverEffects() {\n const cards = document.querySelectorAll('.ingredient-card, .trust-item, .timeline-item, .investment-card');\n \n cards.forEach(card =\u003e {\n card.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-8px) translateX(-5px)';\n this.style.boxShadow = '0 15px 35px rgba(156, 129, 2, 0.2)';\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.transform = '';\n this.style.boxShadow = '';\n });\n });\n }\n\n \/\/ One drop highlight pulse effect\n function addPulseEffect() {\n const oneDropHighlight = document.querySelector('.one-drop-highlight');\n if (oneDropHighlight) {\n setInterval(() =\u003e {\n oneDropHighlight.style.transform = 'scale(1.05)';\n setTimeout(() =\u003e {\n oneDropHighlight.style.transform = 'scale(1)';\n }, 200);\n }, 3000);\n }\n }\n\n \/\/ Warning badge glow effect\n function addWarningGlow() {\n const warningBadges = document.querySelectorAll('.warning-badge');\n \n warningBadges.forEach(badge =\u003e {\n setInterval(() =\u003e {\n badge.style.boxShadow = '0 0 15px rgba(255, 107, 107, 0.6)';\n setTimeout(() =\u003e {\n badge.style.boxShadow = 'none';\n }, 500);\n }, 4000);\n });\n }\n\n \/\/ Concentration highlight animation\n function addConcentrationEffect() {\n const concentrationHighlight = document.querySelector('.concentration-highlight');\n if (concentrationHighlight) {\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.background = 'linear-gradient(45deg, #9C8102, #b8940d, #9C8102)';\n entry.target.style.backgroundSize = '200% 200%';\n entry.target.style.animation = 'gradientShift 3s ease infinite';\n observer.unobserve(entry.target);\n }\n });\n });\n observer.observe(concentrationHighlight);\n }\n }\n\n \/\/ Add gradient animation keyframes\n const style = document.createElement('style');\n style.textContent = `\n @keyframes gradientShift {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n `;\n document.head.appendChild(style);\n \u003c\/script\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Derma ten","offers":[{"title":"Default Title","offer_id":44945667719365,"sku":null,"price":250.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Derma_Ten_Caffeine_retinol_hyaluronic_eye_contour_serum.avif?v=1753537635"},{"product_id":"some-by-mi-30-days-miracle-ac-sos-kit-1","title":"SOME by MI AHA BHA PHA 30 Days Miracle AC SOS Kit","description":"\u003cdiv class=\"some-by-mi-container\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n .some-by-mi-container {\n direction: ltr;\n text-align: left;\n max-width: 100%;\n margin: 0 auto;\n font-family: inherit;\n line-height: 1.6;\n color: #333;\n background: linear-gradient(135deg, #fafafa 0%, #f0f0f0 100%);\n min-height: 100vh;\n }\n\n .some-by-mi-container * {\n box-sizing: border-box;\n }\n\n \/* Premium floating particles background *\/\n .some-by-mi-container::before {\n content: '';\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: \n radial-gradient(circle at 15% 25%, rgba(156, 129, 2, 0.03) 2px, transparent 2px),\n radial-gradient(circle at 85% 75%, rgba(212, 175, 55, 0.04) 1px, transparent 1px),\n radial-gradient(circle at 45% 60%, rgba(156, 129, 2, 0.02) 1px, transparent 1px),\n linear-gradient(135deg, rgba(250, 250, 250, 0.8) 0%, rgba(240, 240, 240, 0.9) 100%);\n animation: premiumFloat 25s ease-in-out infinite;\n pointer-events: none;\n z-index: -1;\n }\n\n .main-title {\n color: #9C8102;\n font-size: 3.2em;\n font-weight: 900;\n margin-bottom: 40px;\n text-shadow: 0 4px 12px rgba(156, 129, 2, 0.3);\n text-align: center;\n opacity: 0;\n transform: translateY(50px);\n animation: premiumFadeInUp 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n position: relative;\n letter-spacing: -0.02em;\n background: linear-gradient(135deg, #9C8102 0%, #d4af37 50%, #9C8102 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .main-title::after {\n content: '';\n position: absolute;\n bottom: -15px;\n right: 50%;\n transform: translateX(50%);\n width: 0;\n height: 4px;\n background: linear-gradient(90deg, transparent 0%, #9C8102 20%, #d4af37 50%, #9C8102 80%, transparent 100%);\n box-shadow: 0 2px 10px rgba(156, 129, 2, 0.4);\n animation: premiumUnderline 2.5s cubic-bezier(0.23, 1, 0.32, 1) 1.2s forwards;\n }\n\n .hero-image {\n width: 100%;\n max-width: 650px;\n height: auto;\n margin: 50px auto;\n display: block;\n border-radius: 25px;\n box-shadow: \n 0 25px 60px rgba(0,0,0,0.15),\n 0 10px 30px rgba(156, 129, 2, 0.1),\n inset 0 1px 0 rgba(255,255,255,0.6);\n opacity: 0;\n transform: scale(0.85) rotateY(8deg) translateZ(0);\n animation: premiumImageReveal 2s cubic-bezier(0.23, 1, 0.32, 1) 0.8s forwards;\n transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n position: relative;\n }\n\n .hero-image::before {\n content: '';\n position: absolute;\n top: -3px;\n left: -3px;\n right: -3px;\n bottom: -3px;\n background: linear-gradient(135deg, #9C8102, #d4af37, #9C8102);\n border-radius: 28px;\n z-index: -1;\n opacity: 0;\n transition: opacity 0.6s ease;\n }\n\n .hero-image:hover {\n transform: scale(1.05) rotateY(0deg) translateZ(20px);\n box-shadow: \n 0 35px 80px rgba(0,0,0,0.2),\n 0 15px 40px rgba(156, 129, 2, 0.2),\n inset 0 1px 0 rgba(255,255,255,0.8);\n }\n\n .hero-image:hover::before {\n opacity: 0.7;\n }\n\n .challenge-section {\n background: linear-gradient(135deg, #1a1a1a 0%, #000 50%, #1a1a1a 100%);\n color: white;\n padding: 60px;\n border-radius: 25px;\n margin: 60px 0;\n text-align: center;\n opacity: 0;\n transform: scale(0.9) translateZ(0);\n animation: premiumScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n border: 1px solid rgba(156, 129, 2, 0.3);\n position: relative;\n overflow: hidden;\n box-shadow: \n 0 30px 60px rgba(0,0,0,0.3),\n 0 10px 30px rgba(156, 129, 2, 0.1),\n inset 0 1px 0 rgba(255,255,255,0.1);\n }\n\n .challenge-section::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: \n radial-gradient(circle at 30% 40%, rgba(156, 129, 2, 0.15) 0%, transparent 50%),\n radial-gradient(circle at 70% 70%, rgba(212, 175, 55, 0.1) 0%, transparent 50%);\n animation: premiumGlow 6s ease-in-out infinite;\n z-index: 1;\n }\n\n .challenge-section::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(45deg, transparent 30%, rgba(156, 129, 2, 0.1) 50%, transparent 70%);\n animation: premiumShimmer 4s ease-in-out infinite;\n z-index: 2;\n }\n\n .challenge-title {\n color: #d4af37;\n font-size: 2.8em;\n font-weight: 800;\n margin-bottom: 30px;\n position: relative;\n z-index: 3;\n text-shadow: 0 2px 10px rgba(212, 175, 55, 0.5);\n letter-spacing: -0.01em;\n }\n\n .challenge-text {\n font-size: 1.2em;\n line-height: 1.9;\n opacity: 0.95;\n position: relative;\n z-index: 3;\n font-weight: 400;\n }\n\n .section-header {\n background: linear-gradient(135deg, #1a1a1a 0%, #000 50%, #1a1a1a 100%);\n color: white;\n padding: 40px;\n margin: 60px 0 40px 0;\n border-radius: 20px;\n text-align: center;\n opacity: 0;\n transform: scale(0.9);\n animation: premiumScaleIn 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n border: 1px solid rgba(156, 129, 2, 0.2);\n box-shadow: \n 0 20px 40px rgba(0,0,0,0.2),\n inset 0 1px 0 rgba(255,255,255,0.1);\n }\n\n .section-title {\n color: #d4af37;\n font-size: 2.4em;\n font-weight: 800;\n margin-bottom: 15px;\n text-shadow: 0 2px 8px rgba(212, 175, 55, 0.4);\n letter-spacing: -0.01em;\n }\n\n .products-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 40px;\n margin: 60px 0;\n padding: 0 20px;\n }\n\n .product-card {\n background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);\n padding: 40px;\n border-radius: 25px;\n box-shadow: \n 0 20px 50px rgba(0,0,0,0.08),\n 0 8px 25px rgba(156, 129, 2, 0.06),\n inset 0 1px 0 rgba(255,255,255,0.9);\n border: 1px solid rgba(156, 129, 2, 0.1);\n opacity: 0;\n transform: translateY(50px) translateZ(0);\n transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n position: relative;\n overflow: hidden;\n }\n\n .product-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n transition: left 0.8s cubic-bezier(0.23, 1, 0.32, 1);\n }\n\n .product-card::after {\n content: '';\n position: absolute;\n top: -2px;\n left: -2px;\n right: -2px;\n bottom: -2px;\n background: linear-gradient(135deg, #9C8102, #d4af37, #9C8102);\n border-radius: 27px;\n z-index: -1;\n opacity: 0;\n transition: opacity 0.6s ease;\n }\n\n .product-card:hover {\n transform: translateY(-15px) translateZ(30px);\n box-shadow: \n 0 35px 70px rgba(0,0,0,0.15),\n 0 15px 35px rgba(156, 129, 2, 0.12),\n inset 0 1px 0 rgba(255,255,255,1);\n }\n\n .product-card:hover::before {\n left: 100%;\n }\n\n .product-card:hover::after {\n opacity: 0.3;\n }\n\n .product-image {\n width: 100%;\n max-width: 220px;\n height: auto;\n margin: 0 auto 30px auto;\n display: block;\n border-radius: 15px;\n transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n }\n\n .product-card:hover .product-image {\n transform: scale(1.08) translateZ(10px);\n box-shadow: 0 12px 30px rgba(0,0,0,0.15);\n }\n\n .product-title {\n color: #9C8102;\n font-size: 1.5em;\n font-weight: 700;\n margin-bottom: 20px;\n text-align: center;\n text-shadow: 0 1px 3px rgba(156, 129, 2, 0.2);\n }\n\n .product-description {\n text-align: center;\n margin-bottom: 25px;\n font-weight: 600;\n color: #666;\n font-size: 1.05em;\n }\n\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 25px 0;\n }\n\n .feature-item {\n background: linear-gradient(135deg, #f8f9fa 0%, #f1f3f4 100%);\n margin-bottom: 12px;\n padding: 16px 20px;\n border-radius: 12px;\n border-right: 4px solid #9C8102;\n display: flex;\n align-items: flex-start;\n gap: 15px;\n transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n color: #333;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, #e8f4f8 0%, #e1f0f5 100%);\n transform: translateX(-8px);\n box-shadow: 0 4px 15px rgba(156, 129, 2, 0.1);\n border-right-color: #d4af37;\n }\n\n .feature-bullet {\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #9C8102, #d4af37);\n border-radius: 50%;\n margin-top: 10px;\n flex-shrink: 0;\n box-shadow: 0 2px 4px rgba(156, 129, 2, 0.3);\n }\n\n .science-section {\n background: linear-gradient(135deg, #1a1a1a 0%, #000 25%, #1a1a1a 50%, #000 75%, #1a1a1a 100%);\n color: white;\n padding: 70px;\n border-radius: 30px;\n margin: 80px 0;\n opacity: 0;\n transform: rotateX(15deg) translateZ(0);\n animation: premiumRotateIn 1.8s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n border: 1px solid rgba(156, 129, 2, 0.3);\n box-shadow: \n 0 40px 80px rgba(0,0,0,0.3),\n 0 15px 40px rgba(156, 129, 2, 0.1),\n inset 0 1px 0 rgba(255,255,255,0.1);\n position: relative;\n overflow: hidden;\n }\n\n .science-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n radial-gradient(circle at 20% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(212, 175, 55, 0.08) 0%, transparent 50%);\n animation: premiumScienceGlow 8s ease-in-out infinite;\n }\n\n .acid-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 35px;\n margin: 50px 0;\n position: relative;\n z-index: 2;\n }\n\n .acid-card {\n background: linear-gradient(135deg, #333 0%, #2a2a2a 100%);\n padding: 35px;\n border-radius: 20px;\n border-top: 5px solid #9C8102;\n opacity: 0;\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n box-shadow: \n 0 15px 35px rgba(0,0,0,0.3),\n inset 0 1px 0 rgba(255,255,255,0.1);\n position: relative;\n overflow: hidden;\n }\n\n .acid-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(135deg, rgba(156, 129, 2, 0.05) 0%, transparent 50%);\n opacity: 0;\n transition: opacity 0.6s ease;\n }\n\n .acid-card:hover {\n background: linear-gradient(135deg, #404040 0%, #353535 100%);\n transform: translateY(-10px);\n box-shadow: \n 0 25px 50px rgba(0,0,0,0.4),\n 0 10px 25px rgba(156, 129, 2, 0.2),\n inset 0 1px 0 rgba(255,255,255,0.15);\n border-top-color: #d4af37;\n }\n\n .acid-card:hover::before {\n opacity: 1;\n }\n\n .acid-title {\n color: #d4af37;\n font-size: 1.4em;\n font-weight: 700;\n margin-bottom: 20px;\n text-shadow: 0 1px 3px rgba(212, 175, 55, 0.5);\n }\n\n .timeline-section {\n background: linear-gradient(135deg, #fafafa 0%, #f0f0f0 100%);\n padding: 60px;\n border-radius: 25px;\n margin: 60px 0;\n border: 1px solid rgba(156, 129, 2, 0.1);\n box-shadow: \n 0 20px 40px rgba(0,0,0,0.08),\n inset 0 1px 0 rgba(255,255,255,0.9);\n }\n\n .timeline-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 35px;\n margin: 50px 0;\n }\n\n .timeline-week {\n background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);\n padding: 35px;\n border-radius: 20px;\n border-right: 5px solid #9C8102;\n position: relative;\n opacity: 0;\n transform: translateX(50px);\n transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n box-shadow: \n 0 12px 30px rgba(0,0,0,0.08),\n inset 0 1px 0 rgba(255,255,255,0.9);\n }\n\n .timeline-week:hover {\n transform: translateX(-10px);\n box-shadow: \n 0 20px 45px rgba(0,0,0,0.12),\n 0 8px 25px rgba(156, 129, 2, 0.1),\n inset 0 1px 0 rgba(255,255,255,1);\n border-right-color: #d4af37;\n }\n\n .week-number {\n position: absolute;\n top: -20px;\n right: 30px;\n background: linear-gradient(135deg, #9C8102, #d4af37);\n color: white;\n width: 50px;\n height: 50px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 1.3em;\n box-shadow: \n 0 8px 20px rgba(156, 129, 2, 0.3),\n inset 0 1px 0 rgba(255,255,255,0.3);\n text-shadow: 0 1px 2px rgba(0,0,0,0.3);\n }\n\n .week-title {\n color: #9C8102;\n font-size: 1.4em;\n font-weight: 700;\n margin: 25px 0 20px 0;\n text-shadow: 0 1px 3px rgba(156, 129, 2, 0.2);\n }\n\n .value-section {\n background: linear-gradient(135deg, #1a1a1a 0%, #000 50%, #1a1a1a 100%);\n color: white;\n padding: 70px;\n border-radius: 25px;\n margin: 80px 0;\n opacity: 0;\n transform: scale(0.85);\n animation: premiumScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n border: 1px solid rgba(156, 129, 2, 0.3);\n box-shadow: \n 0 30px 60px rgba(0,0,0,0.3),\n inset 0 1px 0 rgba(255,255,255,0.1);\n }\n\n .value-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 35px;\n margin: 50px 0;\n }\n\n .value-item {\n background: linear-gradient(135deg, #333 0%, #2a2a2a 100%);\n padding: 35px;\n border-radius: 20px;\n border-top: 5px solid #9C8102;\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n box-shadow: \n 0 15px 35px rgba(0,0,0,0.3),\n inset 0 1px 0 rgba(255,255,255,0.1);\n }\n\n .value-item:hover {\n transform: translateY(-10px);\n box-shadow: \n 0 25px 50px rgba(0,0,0,0.4),\n 0 10px 25px rgba(156, 129, 2, 0.2);\n border-top-color: #d4af37;\n }\n\n .value-item h3 {\n color: #d4af37;\n margin-bottom: 20px;\n font-weight: 700;\n font-size: 1.3em;\n text-shadow: 0 1px 3px rgba(212, 175, 55, 0.4);\n }\n\n .cta-final {\n background: linear-gradient(135deg, #1a1a1a 0%, #000 25%, #1a1a1a 50%, #000 75%, #1a1a1a 100%);\n color: white;\n padding: 80px;\n border-radius: 30px;\n text-align: center;\n margin: 80px 0;\n opacity: 0;\n transform: scale(0.8) translateZ(0);\n animation: premiumScaleIn 2s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n border: 1px solid rgba(156, 129, 2, 0.4);\n position: relative;\n overflow: hidden;\n box-shadow: \n 0 40px 80px rgba(0,0,0,0.4),\n 0 15px 40px rgba(156, 129, 2, 0.15),\n inset 0 1px 0 rgba(255,255,255,0.1);\n }\n\n .cta-final::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 400px;\n height: 400px;\n background: radial-gradient(circle, rgba(156, 129, 2, 0.15) 0%, transparent 70%);\n transform: translate(-50%, -50%);\n animation: premiumPulse 4s ease-in-out infinite;\n }\n\n .cta-title {\n color: #d4af37;\n font-size: 3em;\n font-weight: 900;\n margin-bottom: 30px;\n position: relative;\n z-index: 1;\n text-shadow: 0 3px 12px rgba(212, 175, 55, 0.6);\n letter-spacing: -0.02em;\n }\n\n .cta-text {\n font-size: 1.3em;\n margin: 30px 0;\n opacity: 0.95;\n position: relative;\n z-index: 1;\n font-weight: 400;\n line-height: 1.7;\n }\n\n .highlight-text {\n font-size: 1.6em;\n font-weight: 800;\n color: #d4af37;\n margin: 35px 0;\n animation: premiumTextGlow 3s ease-in-out infinite;\n position: relative;\n z-index: 1;\n text-shadow: 0 2px 8px rgba(212, 175, 55, 0.5);\n }\n\n @keyframes premiumFadeInUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes premiumScaleIn {\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n @keyframes premiumImageReveal {\n to {\n opacity: 1;\n transform: scale(1) rotateY(0deg) translateZ(0);\n }\n }\n\n @keyframes premiumRotateIn {\n to {\n opacity: 1;\n transform: rotateX(0deg) translateZ(0);\n }\n }\n\n @keyframes premiumUnderline {\n to { width: 120px; }\n }\n\n @keyframes premiumFloat {\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\n 50% { transform: translateY(-15px) rotate(180deg); }\n }\n\n @keyframes premiumGlow {\n 0%, 100% { opacity: 0.8; transform: scale(1) rotate(0deg); }\n 50% { opacity: 1; transform: scale(1.05) rotate(180deg); }\n }\n\n @keyframes premiumShimmer {\n 0% { transform: translateX(-100%) skewX(-15deg); }\n 100% { transform: translateX(200%) skewX(-15deg); }\n }\n\n @keyframes premiumScienceGlow {\n 0%, 100% { opacity: 0.6; transform: scale(1); }\n 50% { opacity: 0.9; transform: scale(1.02); }\n }\n\n @keyframes premiumPulse {\n 0%, 100% { \n transform: translate(-50%, -50%) scale(1); \n opacity: 0.4; \n }\n 50% { \n transform: translate(-50%, -50%) scale(1.3); \n opacity: 0.1; \n }\n }\n\n @keyframes premiumTextGlow {\n 0%, 100% { \n text-shadow: 0 2px 8px rgba(212, 175, 55, 0.5); \n transform: scale(1);\n }\n 50% { \n text-shadow: 0 4px 20px rgba(212, 175, 55, 0.8); \n transform: scale(1.02);\n }\n }\n\n @media (max-width: 768px) {\n .main-title {\n font-size: 2.2em;\n }\n\n .hero-image {\n max-width: 90%;\n border-radius: 15px;\n }\n \n .products-grid,\n .acid-grid,\n .timeline-grid,\n .value-grid {\n grid-template-columns: 1fr;\n }\n \n .challenge-section,\n .science-section,\n .value-section,\n .cta-final {\n padding: 30px 20px;\n }\n\n .challenge-title {\n font-size: 1.8em;\n }\n\n .cta-title {\n font-size: 2em;\n }\n }\n \u003c\/style\u003e\n\u003c!-- Main Title --\u003e\n\u003ch1 class=\"main-title\"\u003e퍼펙트 스킨 챌린지 세트 - 썸바이미 AHA\/BHA\/PHA 30일 미라클 스타터 키트\u003c\/h1\u003e\n\u003c!-- Hero Image --\u003e\n\u003cimg alt=\"썸바이미의 퍼펙트 스킨 챌린지 세트\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_sos_kit.avif?v=1753592497\"\/\u003e\n\u003c!-- Challenge Section --\u003e\n\u003cdiv class=\"challenge-section\"\u003e\n\u003ch2 class=\"challenge-title\"\u003e30일 챌린지 - 피부를 영구적으로 바꿀 용기가 있나요?\u003c\/h2\u003e\n\u003cdiv class=\"challenge-text\"\u003e\n\u003cp\u003e\u003cstrong\u003e어려운 질문입니다. 몇 년 동안 같은 피부 문제로 고생하셨나요?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e여드름...넓은 모공...염증...검은점...매일 똑같은 고통.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e문제는 피부를 관리하지 않는 것이 아니라... 문제는 각 제품이 다른 제품과의 조화 없이 단독으로 작용한다는 것입니다.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSome By Mi AC SOS Kit\u003c\/strong\u003e 그냥 제품군이 아니라.. 바로 이겁니다 \u003cstrong\u003e통합처리시스템\u003c\/strong\u003e 각 제품에는 하나의 결과를 위해 다른 제품을 보완하는 디자이너가 있습니다. \u003cstrong\u003e30일 만에 완벽한 피부\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Why 4 Products Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003e왜 하나의 제품보다 4개의 제품이 더 나은가요?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.1em; opacity: 0.9;\"\u003e피부 문제는 복잡하기 때문에... 솔루션은 포괄적이어야 합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003cdiv class=\"timeline-grid\"\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003e딥클렌징(잿물)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e단순한 클렌징이 아닌...피부를 트리트먼트 준비까지 해주는 스마트 클렌징입니다.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003e밸런스 및 준비(토너)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e피부의 균형을 재조정하고 트리트먼트가 더 잘 흡수될 수 있도록 준비합니다.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003e집중치료(세럼)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e딥 트리트먼트를 위한 고농축 활성 성분\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003e프로텍트\u0026amp;리페어(크림)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e결과를 보호하고 밤새 피부를 복구합니다.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 30px; padding: 20px; background: white; border-radius: 10px; border: 2px solid #9C8102;\"\u003e\n\u003cp style=\"font-size: 1.2em; font-weight: bold; color: #9C8102;\"\u003e결과: 하나의 제품만으로는 얻을 수 없는 이중 효과\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Products Details Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003e제품별 세부사항 - 통합업무팀\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"products-grid\"\u003e\n\u003c!-- Cleanser --\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cimg alt=\"썸바이미 로션\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_acne_clear_foam.png?v=1753593938\"\/\u003e\n\u003ch3 class=\"product-title\"\u003e미라클 워시 (30ml)\u003c\/h3\u003e\n\u003ch4 class=\"product-description\"\u003eAHA\/BHA\/PHA 30 Days Miracle Cleansing Foam\u003c\/h4\u003e\n\u003cp style=\"text-align: center; font-weight: bold; margin-bottom: 20px; color: #9C8102;\"\u003e단순한 청소가 아닌, 스마트한 진료 준비입니다\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e낮은 pH\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\u003e딥 클리닝\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\u003e부드러운 각질 제거\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\u003eTruecica™\u003c\/strong\u003e 피부를 진정시키고 분비물의 균형을 맞춰줍니다.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Toner --\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cimg alt=\"썸바이미 토너\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_9706a063-9b15-4a89-8f3a-0b4e1bb41936.webp?v=1753593603\"\/\u003e\n\u003ch3 class=\"product-title\"\u003e밸런싱 토너 (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: #9C8102;\"\u003e청소와 치료 사이의 다리\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003epH 5.5\u003c\/strong\u003e 세안 후 피부 밸런스를 맞춰주는\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\u003e위치하젤 추출물\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\u003e천연 파파야\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\u003e연꽃 추출물\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\u003e콩 종자\u003c\/strong\u003e 피부에 영양을 공급하고 면역력을 강화해줍니다.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Serum --\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cimg alt=\"썸바이미 세럼\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_2_08531341-6157-4a31-9d06-bb318b163a4d.webp?v=1753593603\"\/\u003e\n\u003ch3 class=\"product-title\"\u003e미라클 세럼 (10ml)\u003c\/h3\u003e\n\u003ch4 class=\"product-description\"\u003eAHA\/BHA\/PHA 30 Days Miracle Serum\u003c\/h4\u003e\n\u003cp style=\"text-align: center; font-weight: bold; margin-bottom: 20px; color: #9C8102;\"\u003e두근거리는 진료의 심장\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e센텔라아시아티카추출물 14.5%\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\u003eNiacinamide\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\u003e고농도의 산\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\u003e세포 재생 주기를 활성화합니다.\u003c\/strong\u003e 피부 치유를 촉진합니다.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Cream --\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cimg alt=\"썸바이미 크림\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_3_9816bace-b39f-48c7-978f-acce31383091.webp?v=1753593603\"\/\u003e\n\u003ch3 class=\"product-title\"\u003e보호크림 (20g)\u003c\/h3\u003e\n\u003ch4 class=\"product-description\"\u003eAHA\/BHA\/PHA 30 Days Miracle Cream\u003c\/h4\u003e\n\u003cp style=\"text-align: center; font-weight: bold; margin-bottom: 20px; color: #9C8102;\"\u003e결과의 마지막 수호자\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e4종의 CICA 추출물\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\u003e강력한 보호 장벽을 구축합니다.\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\u003e콜라겐 생성을 자극합니다.\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\u003e깊은 수분 공급\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\u003e가볍고 빠르게 흡수됨\u003c\/strong\u003e 모든 피부 타입에 이상적\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Science Section --\u003e\n\u003cdiv class=\"science-section\"\u003e\n\u003ch2 style=\"color: #9C8102; font-size: 2.2em; text-align: center; margin-bottom: 20px;\"\u003e트리플 AHA\/BHA\/PHA 기술 - 여드름에 대한 대량 살상 무기\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin-bottom: 30px; opacity: 0.9;\"\u003e각 산은 피부 문제를 해결하는 특정 임무를 가지고 있습니다.\u003c\/p\u003e\n\u003cdiv class=\"acid-grid\"\u003e\n\u003cdiv class=\"acid-card\"\u003e\n\u003ch4 class=\"acid-title\"\u003eAHA(알파하이드록시애씨드) - 표면 각질 제거제\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\u003e죽은 피부 세포를 녹여줍니다\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\u003e세포 재생을 자극합니다.\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\u003e어두운 부분을 밝게 합니다.\u003c\/strong\u003e 그리고 고대 곡물의 흔적\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acid-card\"\u003e\n\u003ch4 class=\"acid-title\"\u003eBHA(베타하이드록시산) - 심해 잠수부\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\u003e모공에 침투\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\u003e속부터 깨끗하게 해준다\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\u003e모공을 수축시킵니다\u003c\/strong\u003e 피부결을 개선해줍니다\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acid-card\"\u003e\n\u003ch4 class=\"acid-title\"\u003ePHA(폴리하이드록시애씨드) - 스마트 노리개\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\u003e부드러운 각질 제거\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\u003e수분을 유지합니다\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\u003e염증을 진정시킵니다\u003c\/strong\u003e 붉은기를 줄여준다\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 40px; padding: 25px; background: #404040; border-radius: 15px; border: 2px solid #9C8102;\"\u003e\n\u003cp style=\"font-size: 1.3em; font-weight: bold; color: #9C8102;\"\u003e결과: 자극 없는 종합 각질 제거 + 모공 딥 트리트먼트 + 균형 잡힌 수분 공급\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 40px; text-align: center;\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.8em; margin-bottom: 20px;\"\u003e티트리추출물 100ppm - 천연 슈퍼 살균제\u003c\/h3\u003e\n\u003cp style=\"font-size: 1.1em; margin-bottom: 20px; font-weight: bold; opacity: 0.9;\"\u003e특히 차나무가 필요한 이유는 무엇입니까?트러블성 피부의 천연닥터이기 때문에\u003c\/p\u003e\n\u003cdiv style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin-top: 25px;\"\u003e\n\u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #9C8102;\"\u003e\n\u003cstrong\u003e강력한 항균\u003c\/strong\u003e\u003cbr\/\u003e여드름의 원인을 제거합니다\n \u003c\/div\u003e\n\u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #9C8102;\"\u003e\n\u003cstrong\u003e천연 항염증제\u003c\/strong\u003e\u003cbr\/\u003e붉은기와 자극을 진정시켜줍니다\n \u003c\/div\u003e\n\u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #9C8102;\"\u003e\n\u003cstrong\u003e지방분비를 조절한다\u003c\/strong\u003e\u003cbr\/\u003e피부의 과도한 윤기를 방지해줍니다\n \u003c\/div\u003e\n\u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #9C8102;\"\u003e\n\u003cstrong\u003e모공을 깨끗하게 해준다\u003c\/strong\u003e\u003cbr\/\u003e내부에서 막힘을 방지합니다.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 30px; font-size: 1.2em; font-weight: bold; color: #9C8102;\"\u003e각 제품당 100ppm = 최적의 치료 용량 효과적일 만큼 강력하고 안전할 만큼 부드럽습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Journey Timeline --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003e도전의 여정 - 새로운 피부를 향한 30일\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003cdiv class=\"timeline-grid\"\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003e첫 주: 첫 번째 충격\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\u003e더 깊은 청소\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\u003e즉각적인 윤기 감소\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\u003e염증을 진정시키다\u003c\/strong\u003e 기존 및 발적 감소\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003e두 번째 주: 개선의 시작\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\u003e새로운 곡물의 눈에 띄는 감소\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\u003e피부결 개선\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\u003e블랙헤드 소멸의 시작\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003e3주 차: 확실한 변화\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\u003e기공 크기 감소\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\u003e대부분의 여드름이 사라집니다\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\u003e피부색 개선\u003c\/strong\u003e 그리고 그 광채\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003e넷째 주: 완전한 기적\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\u003e여드름 없이 깨끗한 피부\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\u003e모공이 작아지고 깨끗해짐\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\u003e균일한 컬러와 자연스러운 광채\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\u003e실키하고 부드러운 질감\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 40px; padding: 30px; background: white; border-radius: 15px; border: 3px solid #9C8102;\"\u003e\n\u003cp style=\"font-size: 1.4em; font-weight: bold; color: #9C8102;\"\u003e최종 결과: 어떤 도전에도 가치 있는 완벽한 피부\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Section --\u003e\n\u003cdiv class=\"value-section\"\u003e\n\u003ch2 style=\"color: #9C8102; font-size: 2.2em; text-align: center; margin-bottom: 20px;\"\u003e가격대비 탁월한 가치\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin-bottom: 30px; opacity: 0.9;\"\u003e피부 건강을 위한 진정한 투자\u003c\/p\u003e\n\u003cdiv class=\"value-grid\"\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e한 세트에 담긴 완전한 루틴\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e별도의 제품을 구매하거나 적합한 콤보를 찾을 필요가 없습니다.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e결과:\u003c\/strong\u003e 단일 통합 단위로 작동하는 세심하게 고안된 과학적 루틴\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e매일 사용시 30일\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e한 달 동안 피부에 필요한 모든 것을 커버해 드립니다.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e세계 최고의 재료\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e최고의 스킨 케어 성분으로 구성된 세계적 수준의 포뮬러:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul style=\"margin-top: 15px;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAHA\/BHA\/PHA 기술:\u003c\/strong\u003e 과학의 최신 발견\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e순수 티트리 추출물:\u003c\/strong\u003e 호주산 최고급 품종\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e센텔라 아시아티카 센터:\u003c\/strong\u003e 피부를 진정시켜주는 그린 골드\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e고품질 나이아신아마이드:\u003c\/strong\u003e 가장 순수한 형태의 비타민 B3\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e4-CICA Complex:\u003c\/strong\u003e 독자적인 피부 장벽 리페어 기술\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"cta-final\"\u003e\n\u003ch2 class=\"cta-title\"\u003e가혹한 진실\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003e피부 문제는 저절로 해결되지 않습니다\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n 매일의 지연 = 새로운 여드름, 더 깊은 흉터 및 더 넓은 모공.\n \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eSome By Mi AC SOS Kit\u003c\/strong\u003e 그냥 제품군이 아니라.. 바로 이겁니다 \u003cstrong\u003e피부를 영구적으로 바꾸는 진짜 도전\u003c\/strong\u003e.\n \u003c\/p\u003e\n\u003cdiv class=\"highlight-text\"\u003e\n 단 30일...큰 변화를 가져올 것입니다. 그렇지 않으면 시도하지 않은 것을 후회하게 될 것입니다.\n \u003c\/div\u003e\n\u003cp class=\"cta-text\" style=\"font-size: 1.3em; font-weight: bold;\"\u003e\n 도전할 준비가 되셨나요?\n \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003e지금 세트를 주문하고 꿈의 피부를 향한 30일 여정을 시작해 보세요.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cdiv class=\"highlight-text\" style=\"font-size: 1.5em;\"\u003e\n 기억하세요: 완벽한 피부는 꿈이 아닙니다...그것은 결정입니다\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Enhanced Intersection Observer for premium animations\n const premiumObserverOptions = {\n threshold: 0.15,\n rootMargin: '0px 0px -80px 0px'\n };\n\n const premiumObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const element = entry.target;\n \n if (element.classList.contains('product-card')) {\n element.style.animation = 'premiumFadeInUp 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('section-header')) {\n element.style.animation = 'premiumScaleIn 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('science-section')) {\n element.style.animation = 'premiumRotateIn 1.8s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('acid-card')) {\n element.style.animation = 'premiumFadeInUp 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('timeline-week')) {\n element.style.animation = 'slideInRight 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('value-item')) {\n element.style.animation = 'premiumFadeInUp 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('challenge-section')) {\n element.style.animation = 'premiumScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('value-section')) {\n element.style.animation = 'premiumScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('cta-final')) {\n element.style.animation = 'premiumScaleIn 2s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n }\n }\n });\n }, premiumObserverOptions);\n\n \/\/ Premium initialization\n document.addEventListener('DOMContentLoaded', () =\u003e {\n const animatedElements = document.querySelectorAll('.product-card, .section-header, .science-section, .acid-card, .timeline-week, .value-item, .challenge-section, .value-section, .cta-final');\n \n animatedElements.forEach(el =\u003e {\n premiumObserver.observe(el);\n });\n\n \/\/ Premium staggered delays with more sophisticated timing\n const productCards = document.querySelectorAll('.product-card');\n productCards.forEach((card, index) =\u003e {\n card.style.animationDelay = `${index * 0.25 + 0.1}s`;\n });\n\n const acidCards = document.querySelectorAll('.acid-card');\n acidCards.forEach((card, index) =\u003e {\n card.style.animationDelay = `${index * 0.2 + 0.3}s`;\n });\n\n const timelineWeeks = document.querySelectorAll('.timeline-week');\n timelineWeeks.forEach((week, index) =\u003e {\n week.style.animationDelay = `${index * 0.15 + 0.2}s`;\n });\n\n const valueItems = document.querySelectorAll('.value-item');\n valueItems.forEach((item, index) =\u003e {\n item.style.animationDelay = `${index * 0.2 + 0.4}s`;\n });\n\n \/\/ Premium particle effects with enhanced visuals\n const productCards2 = document.querySelectorAll('.product-card');\n productCards2.forEach(card =\u003e {\n card.addEventListener('mouseenter', () =\u003e {\n createPremiumParticles(card);\n });\n });\n\n \/\/ Enhanced particle creation with luxury effects\n function createPremiumParticles(element) {\n for (let i = 0; i \u003c 8; i++) {\n const particle = document.createElement('div');\n particle.style.cssText = `\n position: absolute;\n width: ${Math.random() * 4 + 3}px;\n height: ${Math.random() * 4 + 3}px;\n background: linear-gradient(135deg, #9C8102, #d4af37);\n border-radius: 50%;\n pointer-events: none;\n z-index: 100;\n box-shadow: 0 0 6px rgba(156, 129, 2, 0.6);\n `;\n \n const rect = element.getBoundingClientRect();\n particle.style.left = Math.random() * rect.width + 'px';\n particle.style.top = Math.random() * rect.height + 'px';\n \n element.appendChild(particle);\n \n \/\/ Premium particle animation with rotation and scaling\n particle.animate([\n { \n transform: 'translateY(0px) scale(1) rotate(0deg)', \n opacity: 1,\n filter: 'blur(0px)'\n },\n { \n transform: `translateY(-60px) scale(0) rotate(${Math.random() * 360}deg)`, \n opacity: 0,\n filter: 'blur(2px)'\n }\n ], {\n duration: 2000,\n easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n }).onfinish = () =\u003e particle.remove();\n }\n }\n\n \/\/ Premium magnetic hover effects for cards\n const allCards = document.querySelectorAll('.product-card, .acid-card, .timeline-week, .value-item');\n allCards.forEach(card =\u003e {\n card.addEventListener('mousemove', (e) =\u003e {\n const rect = card.getBoundingClientRect();\n const x = e.clientX - rect.left;\n const y = e.clientY - rect.top;\n const centerX = rect.width \/ 2;\n const centerY = rect.height \/ 2;\n const deltaX = (x - centerX) \/ centerX;\n const deltaY = (y - centerY) \/ centerY;\n \n card.style.transform = `\n perspective(1000px) \n rotateY(${deltaX * 5}deg) \n rotateX(${-deltaY * 5}deg) \n translateZ(10px)\n `;\n });\n \n card.addEventListener('mouseleave', () =\u003e {\n card.style.transform = '';\n });\n });\n\n \/\/ Premium sparkle effects with golden particles\n setInterval(() =\u003e {\n const targetSections = document.querySelectorAll('.challenge-section, .science-section, .cta-final');\n targetSections.forEach(section =\u003e {\n if (Math.random() \u003e 0.7) { \/\/ 30% chance per interval\n const sparkle = document.createElement('div');\n sparkle.style.cssText = `\n position: absolute;\n width: ${Math.random() * 3 + 2}px;\n height: ${Math.random() * 3 + 2}px;\n background: linear-gradient(135deg, #d4af37, #9C8102);\n border-radius: 50%;\n pointer-events: none;\n z-index: 10;\n left: ${Math.random() * section.offsetWidth}px;\n top: ${Math.random() * section.offsetHeight}px;\n box-shadow: 0 0 8px rgba(212, 175, 55, 0.8);\n `;\n \n section.appendChild(sparkle);\n \n sparkle.animate([\n { \n transform: 'scale(0) rotate(0deg)', \n opacity: 0,\n filter: 'brightness(1)'\n },\n { \n transform: 'scale(1) rotate(180deg)', \n opacity: 1,\n filter: 'brightness(1.5)'\n },\n { \n transform: 'scale(0) rotate(360deg)', \n opacity: 0,\n filter: 'brightness(0.5)'\n }\n ], {\n duration: 3000,\n easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n }).onfinish = () =\u003e sparkle.remove();\n }\n });\n }, 2000);\n\n \/\/ Premium ripple effect on click\n document.addEventListener('click', (e) =\u003e {\n if (e.target.closest('.product-card, .timeline-week, .acid-card')) {\n const element = e.target.closest('.product-card, .timeline-week, .acid-card');\n const rect = element.getBoundingClientRect();\n const ripple = document.createElement('div');\n \n ripple.style.cssText = `\n position: absolute;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(156, 129, 2, 0.3) 0%, transparent 70%);\n pointer-events: none;\n z-index: 50;\n width: 20px;\n height: 20px;\n left: ${e.clientX - rect.left - 10}px;\n top: ${e.clientY - rect.top - 10}px;\n `;\n \n element.appendChild(ripple);\n \n ripple.animate([\n { transform: 'scale(0)', opacity: 1 },\n { transform: 'scale(4)', opacity: 0 }\n ], {\n duration: 600,\n easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n }).onfinish = () =\u003e ripple.remove();\n }\n });\n\n \/\/ Premium scroll-triggered title animations\n const titles = document.querySelectorAll('.product-title, .acid-title, .week-title');\n titles.forEach(title =\u003e {\n title.addEventListener('mouseenter', () =\u003e {\n title.style.transform = 'scale(1.05)';\n title.style.textShadow = '0 2px 15px rgba(156, 129, 2, 0.4)';\n });\n \n title.addEventListener('mouseleave', () =\u003e {\n title.style.transform = '';\n title.style.textShadow = '';\n });\n });\n });\n\n \/\/ Premium slideInRight animation for timeline\n const slideInRightKeyframes = `\n @keyframes slideInRight {\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n `;\n \n const style = document.createElement('style');\n style.textContent = slideInRightKeyframes;\n document.head.appendChild(style);\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"some by mi","offers":[{"title":"Default Title","offer_id":44945842438341,"sku":null,"price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME_by_MI_AHA_BHA_PHA_30_Days_Miracle_AC_SOS_Kit.jpg?v=1753557062"},{"product_id":"skin-1004-madagascar-centella-hyalu-cica-water-fit-sun-serum-spf-50-50-ml","title":"센텔라 마다가스카르와 히알로 시카가 함유된 SKIN1004 선스크린 워터 세럼 (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\"\u003e처음 사용부터 태양을 사랑하게 만드는 자외선 차단제\u003c\/h1\u003e\n\u003cp class=\"ph-hero-subtitle\"\u003e\u003cstrong\u003e그냥 평범한 자외선 차단제가 아닙니다. 센텔라와 히알루론산이 함유되어 SPF50+ PA++++로 탁월한 보호력을 선사하는 통합 케어 세럼입니다.\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 이 자외선 차단제는 지금까지 시도한 어떤 자외선 차단제와도 다릅니다.당신을 보호하고, 수분을 공급하고, 동시에 빛나게 해주는 자외선 차단제를 상상해 보십시오.자외선 차단제를 바르고 피부에 전혀 닿는 느낌이 들지 않는다고 상상해 보세요.백탁, 끈적임, 끈적임 없이 강력한 자외선 차단 효과를 상상해 보십시오.이건 상상이 아니야...이것 \u003cstrong\u003eSKIN1004 Centella Hyalu-Cica Water-Fit Sun Serum\u003c\/strong\u003e.그냥 평범한 자외선 차단제가 아닌... 탁월한 보호력을 갖춘 토털 케어 세럼입니다.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 2 --\u003e\n\u003cimg alt=\"스킨1004 선세럼의 장점\" 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\"\u003e보호+케어+뷰티를 하나의 제품으로 - 6가지 탁월한 혜택\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003e\n 최초로 결합된 가장 강력한 천연 성분\n \u003c\/p\u003e\n\u003cdiv class=\"ph-benefits-grid\"\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e50\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003e탁월한 보호 SPF50+ PA++++\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003e한국의 첨단 보호 기술로 유해한 UVA, UVB 광선을 가장 강력하게 차단합니다.\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\"\u003e히알루론산으로 깊은 수분 공급\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003e3가지 분자 크기로 피부를 하루종일 촉촉하게 유지시켜줍니다.\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\"\u003e피부 감염을 진정시킵니다.\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003e마다가스카르산 병풀추출물 9800ppm 농축으로 즉각적인 진정 효과\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\"\u003e가벼운 워터리 텍스처\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003e흔적도 없이 피부 속으로 사라지고, 완전히 투명하며 모든 피부톤에 적합합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eG\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003e즉각적인 자연스러운 광채\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003e나이아신아마이드 함유로 피부를 건강하게 빛나게 해주고, 피부톤을 균일하게 가꿔줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eS\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003e민감한 피부에도 안전함\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003e저자극성 및 피부과 전문의 테스트 완료\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Section Header for Magic Formula --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003e마법의 공식: 보호 + 관리 + 아름다움을 하나의 제품으로\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003e최초로 결합된 가장 강력한 천연 성분\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 3 --\u003e\n\u003cimg alt=\"SKIN1004 매직포뮬러\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_4.webp?v=1754232167\"\/\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"ph-how-it-works\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003e고급 과학 구성 요소\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003e\n 완벽한 조화를 이루는 4가지 강력한 성분 조합\n \u003c\/p\u003e\n\u003cdiv class=\"ph-mechanism-cards\"\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003e마다가스카르 센텔라 추출물 9800ppm - Al-Mahdi Natural\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003e세계에서 가장 순수하고 강력한 마다가스카르산 센텔라\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e센텔라는 가장 심각한 자극과 발적을 단 몇 초 만에 진정시키는 능력을 지닌 기적의 허브입니다.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e피부 감염을 진정시킵니다.\u003c\/strong\u003e 그리고 바로 붉어짐\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e작은 상처의 치유를 가속화합니다.\u003c\/strong\u003e 그리고 곡물의 효능\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e피부의 자연적인 장벽을 강화합니다:\u003c\/strong\u003e 외부 요인에 대비하여\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e오염과 먼지로부터 보호합니다.\u003c\/strong\u003e 자외선 차단 중\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003e3가지 분자 크기의 히알루론산 - 깊은 보습\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003e피부의 모든 층에 수분을 공급하는 첨단 기술\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003e마법은 다양성에 있습니다.\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e일반 히알루론산:\u003c\/strong\u003e 표면층의 경우\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e히알루론산 분석기:\u003c\/strong\u003e 깊은 층의 경우\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e히알루론산나트륨:\u003c\/strong\u003e 지속적인 수분 공급을 위해\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e1000배 보습:\u003c\/strong\u003e 물 속의 분자의 무게\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003e나이아신아마이드 - 색소 침착 치료\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003e피부톤을 균일하게 해주고 보호해주는 비타민B3\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003e다양한 이점:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e색소침착을 감소시킵니다:\u003c\/strong\u003e 태양 손상으로 인해 발생\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e피지 분비를 조절합니다:\u003c\/strong\u003e 지성 및 복합성 피부용\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e피부결 개선:\u003c\/strong\u003e 그리고 그 부드러움\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e피부 면역력 강화:\u003c\/strong\u003e 유해 요인에 대하여\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003e천연 항산화제 - 포괄적인 보호\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003e산화 손상은 조기 노화와 완고한 색소 침착의 가장 큰 원인입니다\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003e수비팀:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e녹차 추출물:\u003c\/strong\u003e 강력한 항산화제\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e브로콜리 추출물:\u003c\/strong\u003e 필수 비타민과 미네랄\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e물냉이 추출물:\u003c\/strong\u003e 혈액순환을 활성화한다\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e알팔파 추출물:\u003c\/strong\u003e 깊은 세포 영양\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Problem Section (Comparison) --\u003e\n\u003cdiv class=\"ph-problem-section\"\u003e\n\u003ch2 class=\"ph-problem-title\"\u003eSKIN1004가 다른 자외선 차단제와 다른 이유는 무엇인가요?\u003c\/h2\u003e\n\u003ch3 class=\"ph-problem-subtitle\"\u003e\n\u003cstrong\u003e일반 자외선 차단제 vs SKIN1004 - 차이는 분명합니다\u003c\/strong\u003e\n\u003c\/h3\u003e\n\u003cp class=\"ph-problem-text\"\u003e\n 시중에서 판매되는 대부분의 자외선 차단제는 보호에만 중점을 두지만 피부를 건조하거나 지성으로 만들거나 성가신 흰색 층을 남깁니다.흐린 날에도 태양 광선은 피부에 해를 끼치며, 적절한 보호가 이루어지지 않으면 매일 피부 세포가 더욱 손상됩니다.\n \u003c\/p\u003e\n\u003cdiv class=\"ph-problem-details\"\u003e\n\u003ch4 class=\"ph-problem-detail-title\"\u003e종합적인 비교:\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\u003e전통적인 자외선 차단제\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ 끈적이지 않고 끈적한 텍스처가 피부를 달지 않고 윤기나게 만들어줍니다.\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ 몇 시간 동안 피부에 나타나는 맑은 백색감\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ 건조함과 자극, 특히 민감한 피부의 경우\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ 추가 혜택 없이 보호만 가능\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ 제거가 어렵고 모공을 막히게 함\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✓ 몇 초 만에 사라지는 가벼운 워터리 텍스처\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ 완전히 투명하여 모든 피부톤에 적합합니다.\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ 보호 기능으로 수분을 공급하고 진정시킵니다.\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ 피부를 보호하면서 통합 스킨 케어\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ 탈부착이 간편하여 데일리로 사용하기에도 편안합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"ph-problem-highlight\"\u003e\n\u003cstrong\u003e보호는 사치가 아니라 피부의 건강과 아름다움을 위한 필수품입니다\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 4 --\u003e\n\u003cimg alt=\"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.webp?v=1754232167\"\/\u003e\n\u003c!-- Results Timeline --\u003e\n\u003cdiv class=\"ph-timeline-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003e보호와 아름다움의 여정 - 첫날과의 차이점을 확인하세요\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003e단순한 보호가 아닌...피부를 위한 종합적인 개선입니다.\u003c\/p\u003e\n\u003cdiv class=\"ph-timeline-container\"\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003e처음 사용부터\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003e즐거운 놀라움\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003e가장 강한 태양 광선으로부터 즉각적인 보호\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003e오랜 시간 동안 깊은 수분 공급이 선호됩니다\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003e백탁이나 유분감 없이 자연스러운 광채\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003e민감한 피부에도 완벽한 편안함\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\"\u003e일주일 후\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003e명백한 개선\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003e피부가 눈에 띄게 매끄러워지고 탄력있어졌어요\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003e붉은기와 피부 염증 감소\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003e피부톤이 좋아지고 자연스러운 윤기가 나네요\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003e햇볕에 타지 않고 입증된 보호\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\"\u003e한 달 후\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003e지속적인 개선\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003e깊은 수분 공급으로 더욱 건강하고 생기 넘치는 피부\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003e피부결 및 매끄러움 개선\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003e모든 태양 손상 및 오염으로부터 강력한 보호\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003e매일 제품을 사용하는 것에 대한 더 큰 자신감\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\"\u003e3개월 후\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003e완벽한 보호 및 관리\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003e태양 손상과 노화로부터 피부를 100% 보호\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003e천연 성분으로 전반적인 피부 건강 개선\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003e지속되는 광채와 자연스러운 생기\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003e일상의 일부가 된 건강한 습관\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 단순한 보호가 아닌... 장기적으로 피부를 위한 종합적인 개선입니다.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 5 --\u003e\n\u003cimg alt=\"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\"\u003e최적의 적용 방법 - 최대의 보호 및 아름다움을 위해\u003c\/h2\u003e\n\u003cp class=\"ph-usage-subtitle\"\u003e완벽한 결과를 위한 간단한 단계\u003c\/p\u003e\n\u003cdiv class=\"ph-usage-steps\"\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"ph-step-title\"\u003e아침에\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003e적절한 로션으로 세안하고, 평소 사용하는 보습제로 피부에 수분을 공급한 후, 보습제가 마를 때까지 5분간 기다린 후 적당량의 세럼과 자외선 차단제를 발라줍니다.\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\"\u003e신청방법\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003e동전 크기(1티스푼 정도)를 짜서 얼굴과 목 전체에 부드럽게 펴 바르고 완전히 흡수될 때까지 가볍게 두드려준 후 5분 정도 기다린 후 메이크업을 해주세요.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"ph-step-title\"\u003e재신청\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003e직사광선에 노출된 경우, 수영 후 또는 땀을 많이 흘린 후 2시간마다.가벼운 메이크업 위에도 바르기 편한\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\"\u003e중요한 팁\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003e최상의 결과를 위해 매일 사용하세요. 자외선 차단제와 메이크업 아래에 적합하며 자주 사용해도 안전합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-tips\"\u003e\n\u003ch3 class=\"ph-usage-tips-title\"\u003e자외선 차단제가 현명한 투자인 이유는 무엇입니까?\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\"\u003e원래 한국 품질:\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e가장 유명한 한국 브랜드 중 하나\u003c\/strong\u003e 센텔라 제품 전문기업 - 글로벌 신뢰와 품질이 검증된 기업\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e훌륭한 가치를 위한 합리적인 가격\u003c\/strong\u003e - 더 비싼 성분을 사용하여 대부분의 고급 자외선 차단제보다 저렴합니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e만족도 95% 이상\u003c\/strong\u003e 전 세계 사용자로부터\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\"\u003e피부를 위한 현명한 투자:\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e폭넓은 성공을 거둔 제품\u003c\/strong\u003e 전 세계적으로 우수한 리뷰\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e햇빛은 피부에 해롭다\u003c\/strong\u003e 흐린 날에도\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e보호받지 못한 채 매일\u003c\/strong\u003e 피부 세포가 더 손상되었습니다\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Warning Section --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003e중요 경고: 피부는 매일 보호가 필요합니다\u003c\/h2\u003e\n\u003cdiv class=\"ph-warning-content\"\u003e\n\u003cp\u003e\u003cstrong\u003e흐린 날에도 태양 광선은 피부에 해롭습니다.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e보호 없이 매일... 피부 세포는 더욱 손상된다\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e방치한 주마다... 노화의 징후가 더 빨리 나타난다\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e매달 연기…피해 누적돼 복구 어려워\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e보호는 사치가 아니라 피부의 건강과 아름다움을 위한 필수품입니다\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 6 --\u003e\n\u003cimg alt=\"일상적인 보호의 중요성\" 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는 단순한 자외선 차단제가 아닌, 피부의 미래를 위한 투자입니다.\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\u003e한국 오리지널 품질\u003c\/h4\u003e\n\u003cp\u003e한국에서 가장 유명한 센텔라 제품 전문 브랜드 중 하나 - 앞선 보호 기술로 글로벌 신뢰와 품질 입증\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\u003e훌륭한 가치를 위한 합리적인 가격\u003c\/h4\u003e\n\u003cp\u003e더 비싸고 주요 활성 성분을 함유한 대부분의 고급 자외선 차단제보다 저렴합니다 - 피부 건강을 위한 현명한 투자\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003e95\u003c\/div\u003e\n\u003ch4\u003e전 세계적으로 입증된 성공\u003c\/h4\u003e\n\u003cp\u003e전 세계 사용자 95% 이상의 만족도 - 폭넓은 성공과 좋은 평가를 받은 제품\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\u003e안전하고 누구에게나 적합함\u003c\/h4\u003e\n\u003cp\u003e저자극성 및 피부과 테스트 완료 - 민감한 피부 및 매일 사용하기에 적합\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\u003e다재다능함\u003c\/h4\u003e\n\u003cp\u003e자외선 차단제 + 케어 세럼 + 가벼운 보습제 + 항염증 성분 - 피부에 필요한 모든 것을 하나의 제품에 담았습니다.\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\"\u003e오늘도 피부를 보호하고... 앞으로도 감사하도록 해주세요\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 적절한 보호가 이루어지지 않으면 피부 세포는 매일 더욱 손상됩니다.\u003cbr\/\u003e\n 매주 노화의 징후가 더 빨리 나타나도록 방치하십시오.\n \u003c\/p\u003e\n\u003cdiv class=\"ph-cta-content\"\u003e\n\u003cp class=\"ph-cta-highlight\"\u003e두려움 없이 햇빛을 즐겨라\u003c\/p\u003e\n\u003cp class=\"ph-cta-subtext\"\u003e가장 강력한 보호력과 가장 부드러운 사용감으로 처음 사용부터 태양을 사랑하게 만드는 자외선 차단제\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\"\u003e전체 성분 목록\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-ingredients-list\"\u003e\n\u003ch2 class=\"ph-ingredients-list-title\"\u003e활성 성분 및 완전한 포뮬러\u003c\/h2\u003e\n\u003cdiv class=\"ph-ingredients-text\"\u003e\n\u003cstrong\u003e주요 활성 성분:\u003c\/strong\u003e\u003cbr\/\u003e\n • \u003cstrong\u003eCentella Asiatica Extract (9800ppm)\u003c\/strong\u003e - 진정을 위한 마다가스카르 센텔라\u003cbr\/\u003e\n • \u003cstrong\u003eHyaluronic Acid Complex (3 sizes)\u003c\/strong\u003e - 깊은 수분 공급을 위한 히알루론산\u003cbr\/\u003e\n • \u003cstrong\u003eNiacinamide\u003c\/strong\u003e - 컬러를 통일해주는 비타민B3\u003cbr\/\u003e\n • \u003cstrong\u003eNatural Antioxidants\u003c\/strong\u003e - 천연 항산화제\u003cbr\/\u003e\n • \u003cstrong\u003eSPF50+ PA++++ Filters\u003c\/strong\u003e - 고급 보호 필터\u003cbr\/\u003e\u003cbr\/\u003e\n\u003cstrong\u003e전체 성분 목록(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✓ 저자극성\u003c\/strong\u003e - 피부과 연구실\u003cbr\/\u003e\n\u003cstrong\u003e✓ 민감한 피부에 적합\u003c\/strong\u003e - 부드럽고 안전한 포뮬라\u003cbr\/\u003e\n\u003cstrong\u003e✓ 광범위한 스펙트럼 보호\u003c\/strong\u003e - UVA, UVB 및 유해 광선 차단\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":44977044652229,"sku":null,"price":900.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_1.jpg?v=1754232167"}],"url":"https:\/\/instachiq.com\/ko\/collections\/facial-serums.oembed?page=2","provider":"Instachiq","version":"1.0","type":"link"}