{"title":"Beauty of joseon products","description":"","products":[{"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":"beauty-of-joseon-ginseng-essence-water-150-ml","title":"Beauty of Joseon Ginseng Essence Water 150 Ml","description":"\u003c!-- Section --\u003e\n\u003cstyle\u003e\n\/* Style Settings *\/\n.ginseng-product-description {\n\n max-width: 100%;\n margin: 0 auto;\n direction: ltr;\n color: #333;\n}\n\n\/* Style Settings *\/\n.ginseng-main-title {\n text-align: center;\n font-size: 26px;\n color: #333;\n margin-bottom: 20px;\n position: relative;\n padding-bottom: 10px;\n}\n\n.ginseng-main-title:after {\n content: \"\";\n position: absolute;\n bottom: 0;\n right: 50%;\n transform: translateX(50%);\n width: 60px;\n height: 2px;\n background-color: #d4a017;\n}\n\n\/* Style Settings *\/\n.ginseng-intro {\n text-align: center;\n font-size: 16px;\n margin-bottom: 30px;\n line-height: 1.6;\n}\n\n\/* Style Settings *\/\n.ginseng-main-image {\n display: block;\n margin: 30px auto;\n max-width: 100%;\n border-radius: 8px;\n transition: transform 0.3s ease;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n}\n\n.ginseng-main-image:hover {\n transform: translateY(-5px);\n}\n\n\/* Style Settings *\/\n.ginseng-features {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 30px 0;\n}\n\n\/* Style Settings *\/\n.ginseng-feature-card {\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n padding: 25px;\n transition: all 0.3s ease;\n border: 1px solid rgba(0, 0, 0, 0.03);\n}\n\n.ginseng-feature-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\n}\n\n.ginseng-feature-title {\n display: flex;\n align-items: center;\n margin-bottom: 15px;\n color: #333;\n font-size: 18px;\n font-weight: bold;\n}\n\n.ginseng-feature-icon {\n margin-left: 10px;\n color: #d4a017;\n font-size: 20px;\n}\n\n.ginseng-feature-content {\n line-height: 1.6;\n color: #555;\n}\n\n\/* Style Settings *\/\n.ginseng-ingredients {\n background-color: #fbfbfb;\n padding: 30px;\n border-radius: 8px;\n margin: 40px 0;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);\n}\n\n.ginseng-section-title {\n text-align: center;\n font-size: 22px;\n color: #333;\n margin-bottom: 25px;\n}\n\n.ginseng-ingredients-list {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 15px;\n}\n\n.ginseng-ingredient {\n background-color: #fff;\n padding: 20px;\n border-radius: 8px;\n flex: 1;\n min-width: 120px;\n text-align: center;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);\n transition: transform 0.3s ease;\n}\n\n.ginseng-ingredient:hover {\n transform: scale(1.03);\n}\n\n.ginseng-ingredient-title {\n font-weight: bold;\n color: #333;\n margin-bottom: 5px;\n}\n\n.ginseng-ingredient-percentage {\n font-size: 24px;\n color: #d4a017;\n font-weight: bold;\n margin: 10px 0;\n}\n\n\/* Style Settings *\/\n.ginseng-benefits {\n margin: 40px 0;\n}\n\n.ginseng-benefits-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 15px;\n}\n\n.ginseng-benefit-item {\n display: flex;\n align-items: center;\n padding: 13px 18px;\n background-color: #fff;\n border-radius: 6px;\n box-shadow: 0 3px 8px rgba(0, 0, 0, 0.03);\n transition: transform 0.3s ease;\n border: 1px solid rgba(0, 0, 0, 0.03);\n}\n\n.ginseng-benefit-item:hover {\n transform: translateX(-5px);\n box-shadow: 0 5px 12px rgba(0, 0, 0, 0.06);\n}\n\n.ginseng-benefit-icon {\n color: #d4a017;\n font-size: 18px;\n margin-left: 10px;\n}\n\n\/* Style Settings *\/\n.ginseng-how-to-use {\n background-color: #fff;\n padding: 30px;\n border-radius: 8px;\n margin: 40px 0;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n}\n\n.ginseng-steps {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n margin-top: 20px;\n}\n\n.ginseng-step {\n flex: 1;\n display: flex;\n align-items: flex-start;\n min-width: 250px;\n}\n\n.ginseng-step-number {\n background-color: #f5f5f5;\n color: #333;\n width: 30px;\n height: 30px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n margin-left: 15px;\n flex-shrink: 0;\n border: 1px solid rgba(0, 0, 0, 0.05);\n}\n\n.ginseng-step-content {\n line-height: 1.6;\n}\n\n\/* Style Settings *\/\n.ginseng-highlight-section {\n position: relative;\n padding-right: 15px;\n}\n\n.ginseng-highlight-section::before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n width: 3px;\n height: 100%;\n background-color: #d4a017;\n border-radius: 3px;\n}\n\n\/* Style Settings *\/\n.ginseng-fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n\/* Style Settings *\/\n@media (max-width: 768px) {\n .ginseng-features {\n grid-template-columns: 1fr;\n }\n \n .ginseng-ingredients-list {\n flex-direction: column;\n }\n \n .ginseng-ingredient {\n min-width: auto;\n }\n}\n\u003c\/style\u003e\n\u003c!-- Section --\u003e\n\u003clink href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\"\/\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"ginseng-product-description\"\u003e\n\u003ch2 class=\"ginseng-main-title ginseng-fade-in\"\u003e인삼수 – 피부를 위한 영원한 젊음의 샘\u003c\/h2\u003e\n\u003cp class=\"ginseng-intro ginseng-fade-in\"\u003e\n 한의학의 비법과 현대기술의 흔치 않은 만남.이 제품에 사용된 80% 인삼수는 단순한 천연 성분이 아니라 오히려 항산화제, 사포닌, 미량 영양소가 풍부한 보물로 피부 내부부터 젊어지게 지원하고 사용할 때마다 피부를 재건해줍니다.\n \u003c\/p\u003e\n\u003cimg alt=\"인삼수\" class=\"ginseng-main-image ginseng-fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Ginseng_Essence_Water_2_38493ea6-27fe-4423-8576-1279076c3b2a.jpg?v=1744744014\"\/\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"ginseng-features\"\u003e\n\u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-feature-title\"\u003e\n\u003ci class=\"fas fa-leaf ginseng-feature-icon\"\u003e\u003c\/i\u003e\n 인삼 – 한국인 피부의 가장 큰 비밀 중 하나\n \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n 수세기 동안 인삼은 동의보감 등 한의학 서적에서 '신의 약초'로 알려져 왔습니다.혈액순환을 촉진하고 세포에 영양을 공급하며 피부에 활력을 주는 놀라운 효능 때문에 한국 최초의 여성들이 목욕과 피부 관리에 사용했습니다.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-feature-title\"\u003e\n\u003ci class=\"fas fa-feather-alt ginseng-feature-icon\"\u003e\u003c\/i\u003e\n 가벼운 포뮬러 – 무거운 결과\n \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n 가볍고 물처럼 가벼운 텍스처임에도 불구하고 피부에 집중적으로 수분과 영양을 공급하는 토너입니다.끈적거리는 흔적을 남기지 않고 빠르게 흡수되어 편안하고 빠른 사용 경험을 제공하며 첫 주부터 결과가 눈에 띄게 나타납니다.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-feature-title\"\u003e\n\u003ci class=\"fas fa-shield-alt ginseng-feature-icon\"\u003e\u003c\/i\u003e\n 피부 자극과 염증 문제에 대한 근본적인 해결책\n \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n 피부 장벽 강화, 염증 진정, 환경 요인이나 일상 자극으로 인한 붉은기를 완화해주는 과학적 유효성분인 나이아신아마이드 2%를 함유한 제품이다.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Section --\u003e\n\u003cimg alt=\"인삼수의 효능\" class=\"ginseng-main-image ginseng-fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/blog-boj-ginseng-water-review-cover-830x518_1.webp?v=1744744064\"\/\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"ginseng-features\"\u003e\n\u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-feature-title\"\u003e\n\u003ci class=\"fas fa-tint ginseng-feature-icon\"\u003e\u003c\/i\u003e\n 피부를 위한 엄청난 보습력\n \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n 인삼수에 함유된 활성 사포닌이 피부 깊숙이 수분을 끌어당겨 가두어 덧바를 필요 없이 오랫동안 촉촉함을 유지해줍니다.만성 건조함이나 갈라진 피부로 고통받는 사람들에게 이상적입니다.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-feature-title\"\u003e\n\u003ci class=\"fas fa-magic ginseng-feature-icon\"\u003e\u003c\/i\u003e\n 더 매끄럽고, 더 깨끗하고, 더 빛나는 피부\n \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n 피부 결을 매끈하게 정돈하고, 유분 분비를 조절하며, 넓어진 모공을 완화하는 데 도움을 주어 피부의 전반적인 투명도 개선에 도움을 주는 토너입니다.나이아신아마이드는 색소 침착을 완화하고 색상을 통일시켜 얼굴에 더욱 균일하고 선명한 광채를 선사합니다.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-feature-title\"\u003e\n\u003ci class=\"fas fa-sun ginseng-feature-icon\"\u003e\u003c\/i\u003e\n 페이드 처리 전문\n \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n 얼굴이 지속적으로 칙칙해지는 현상은 피로 때문일 뿐만 아니라 피부의 자연 재생을 촉진하는 요소가 부족하기 때문에 발생합니다.인삼수는 피부 세포에 에너지를 공급하고 얼굴의 미세 순환을 활성화하여 자연스러운 윤기와 윤기를 되찾아줍니다.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Section --\u003e\n\u003cimg alt=\"인삼수 성분\" class=\"ginseng-main-image ginseng-fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Ginseng_Essence_Water.png?v=1744744535\"\/\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"ginseng-ingredients ginseng-fade-in\"\u003e\n\u003ch3 class=\"ginseng-section-title\"\u003e인삼수와 나이아신아마이드의 고급 처방!\u003c\/h3\u003e\n\u003cp style=\"text-align: center; margin-bottom: 20px;\"\u003e세심하게 개발된 이 포뮬라는 과학과 전통을 사려 깊은 성분과 결합합니다.\u003c\/p\u003e\n\u003cdiv class=\"ginseng-ingredients-list\"\u003e\n\u003cdiv class=\"ginseng-ingredient ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-ingredient-title\"\u003e고려인삼근수\u003c\/div\u003e\n\u003cdiv class=\"ginseng-ingredient-percentage\"\u003e80%\u003c\/div\u003e\n\u003cp\u003e피부 재생에 꼭 필요한 성분\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-ingredient ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-ingredient-title\"\u003e나이아신아마이드\u003c\/div\u003e\n\u003cdiv class=\"ginseng-ingredient-percentage\"\u003e2%\u003c\/div\u003e\n\u003cp\u003e피부톤을 통일하고 염증을 줄이기 위해\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-ingredient ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-ingredient-title\"\u003e추가 구성요소\u003c\/div\u003e\n\u003cdiv style=\"color: #d4a017; font-size: 24px; margin: 10px 0;\"\u003e\n\u003ci class=\"fas fa-plus-circle\"\u003e\u003c\/i\u003e\n\u003c\/div\u003e\n\u003cp\u003e판테놀, 알란토인, 발효인삼추출물, 히알루론산\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; margin-top: 20px;\"\u003e모든 성분이 함께 작용하여 최소한의 노력으로 자극 없이 최상의 결과를 제공합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"ginseng-benefits ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-highlight-section\"\u003e\n\u003ch3 class=\"ginseng-section-title\"\u003e주요 이점\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefits-list\"\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003e젊은 피부를 지원하고 재건하세요\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003e혈액순환을 촉진하고 피부를 젊어지게 합니다.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003e피부에 깊은 수분 공급과 즉각적인 영양 공급\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003e끈적임 없이 빠른 흡수\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003e피부장벽 강화 및 염증 진정\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003e붉은기와 자극을 줄여줍니다.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003e오랫동안 피부에 수분을 공급\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003e피부결을 매끄럽게 하고 유분 분비를 조절합니다.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"ginseng-how-to-use ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-highlight-section\"\u003e\n\u003ch3 class=\"ginseng-section-title\"\u003e사용방법\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-steps\"\u003e\n\u003cdiv class=\"ginseng-step ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ginseng-step-content\"\u003e\n 세안 후, 손이나 화장솜에 소량을 덜어\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-step ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ginseng-step-content\"\u003e\n 얼굴과 목을 원을 그리듯이 부드럽게 닦아냅니다.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-step ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ginseng-step-content\"\u003e\n 완전히 흡수될 때까지 방치한 후 다음 제품을 사용하세요.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Section --\u003e\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n \/\/ H디Y디 엠Y에이 에이내가에이엔에이피R 에이내가엠R에이디 HRY전자에이\n const fadeElements = document.querySelectorAll(\".ginseng-fade-in');\n \n \/\/ 에서쉬에이 엠R에이 내가내가에이엔에이피R 에이엔디 그는R전자에이 ~ 안에 에이내가쉬에이쉬\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n \/\/ 에이엔디 그는R 품목 ~ 안에 에이내가쉬에이쉬\n if (entry.isIntersecting) {\n \/\/ Add 내가에이S 내가에이Y내가 에이내가HRY\n setTimeout(() =\u003e {\n entry.target.style.opacity = '1\";\n entry.target.style.transform = \"translateY(0)\";\n }, 100);\n \n \/\/ Action trigger\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 }); \/\/ Action trigger\n \n \/\/ Action trigger\n fadeElements.forEach(element =\u003e {\n observer.observe(element);\n });\n});\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44663751704773,"sku":"","price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Ginseng_Essence_Water.webp?v=1744743124"},{"product_id":"beauty-of-joseon-relief-sun-rice-probiotics-50ml","title":"Beauty of Joseon Relief Sun : Rice + Probiotics 50ml","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n \/* Base styles *\/\n .product-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 20px;\n color: #333;\n line-height: 1.6;\n direction: ltr;\n \n background-color: #ffffff;\n }\n\n \/* Typography *\/\n .product-container h2, \n .product-container h3 {\n color: #9C8102;\n margin-top: 1.8em;\n margin-bottom: 0.8em;\n font-weight: 700;\n }\n\n .product-container h2 {\n font-size: 1.8rem;\n position: relative;\n }\n \n .product-container h2::after {\n content: '';\n display: block;\n width: 80px;\n height: 3px;\n background-color: #9C8102;\n margin-top: 10px;\n }\n\n .product-container h3 {\n font-size: 1.4rem;\n color: #777;\n font-style: italic;\n margin-top: -0.5em;\n }\n\n .product-container p {\n font-size: 1.1rem;\n margin-bottom: 1.2em;\n line-height: 1.8;\n }\n\n .product-container strong {\n color: #9C8102;\n font-weight: bold;\n }\n \n .product-container ul, \n .product-container ol {\n padding-right: 25px;\n margin: 1.5em 0;\n }\n \n .product-container li {\n margin-bottom: 1em;\n position: relative;\n }\n \n .product-container li p {\n margin-bottom: 0.5em;\n }\n\n \/* Hero image *\/\n .hero-image {\n max-width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n margin: 30px 0;\n transition: transform 0.5s ease;\n }\n\n .hero-image:hover {\n transform: scale(1.02);\n }\n\n \/* Introduction section with subtle background *\/\n .intro-section {\n background-color: #fafafa;\n border-radius: 15px;\n padding: 30px;\n margin: 40px 0;\n border-right: 4px solid #9C8102;\n }\n\n \/* Features section *\/\n .features-section {\n background-color: #ffffff;\n border-radius: 15px;\n padding: 30px;\n margin: 40px 0;\n border: 1px solid #f0f0f0;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n }\n\n \/* Process steps *\/\n .process-steps {\n counter-reset: step-counter;\n }\n \n .process-step {\n background-color: #ffffff;\n border-radius: 10px;\n padding: 20px;\n margin-bottom: 15px;\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\n border-right: 3px solid #9C8102;\n transition: transform 0.3s ease;\n position: relative;\n }\n \n .process-step:hover {\n transform: translateX(-5px);\n }\n \n .process-step::before {\n counter-increment: step-counter;\n content: counter(step-counter);\n position: absolute;\n right: -15px;\n top: 50%;\n transform: translateY(-50%);\n width: 30px;\n height: 30px;\n background-color: #9C8102;\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n }\n \n .step-title {\n color: #9C8102;\n font-weight: bold;\n margin-bottom: 5px;\n }\n\n \/* Benefits grid *\/\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 30px 0;\n }\n \n .benefit-card {\n background-color: #ffffff;\n border-radius: 15px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n border: 1px solid #f0f0f0;\n transition: transform 0.3s ease;\n }\n \n .benefit-card:hover {\n transform: translateY(-8px);\n }\n \n .benefit-title {\n color: #9C8102;\n font-weight: bold;\n font-size: 1.1rem;\n margin-bottom: 10px;\n }\n\n \/* Two column section *\/\n .two-column-section {\n display: flex;\n gap: 30px;\n margin: 40px 0;\n }\n \n .column {\n flex: 1;\n min-width: 300px;\n }\n \n .column img {\n width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n\n \/* Call to action - Black *\/\n .cta-section {\n background: #000000;\n color: white;\n padding: 40px;\n border-radius: 15px;\n text-align: center;\n margin: 40px 0;\n }\n \n .cta-title {\n color: white;\n font-size: 1.6rem;\n margin-bottom: 20px;\n position: relative;\n }\n \n .cta-title::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n margin: 15px auto 0;\n }\n \n .cta-text {\n font-size: 1.1rem;\n margin-bottom: 30px;\n color: white;\n }\n \n .cta-button {\n display: inline-block;\n padding: 12px 35px;\n background-color: #9C8102;\n color: white;\n font-weight: bold;\n border-radius: 30px;\n text-decoration: none;\n font-size: 1.1rem;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\n }\n \n .cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);\n background-color: #b49a1c;\n }\n\n \/* Separator *\/\n .separator {\n height: 1px;\n background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.3), transparent);\n margin: 40px 0;\n width: 100%;\n }\n\n \/* Animation classes *\/\n .fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Badge *\/\n .spf-badge {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background-color: #9C8102;\n color: white;\n padding: 5px 15px;\n border-radius: 20px;\n font-weight: bold;\n margin-right: 10px;\n }\n\n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .benefits-grid {\n grid-template-columns: 1fr;\n }\n \n .two-column-section {\n flex-direction: column;\n }\n \n .process-step::before {\n right: 10px;\n top: 10px;\n transform: none;\n }\n \n .process-step {\n padding-right: 45px;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003cimg alt=\"Beauty of Joseon Relief Sun\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Relief_Sun_Rice_Probiotics_50ml.jpg?v=1745773366\"\/\u003e\n\u003ch2\u003e슈퍼 프로텍션: 한국식 케어가 적용된 선 쉴드\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Introduction Section --\u003e\n\u003cdiv class=\"intro-section fade-in\"\u003e\n\u003cp\u003e: \u003cstrong\u003eBeauty of Joseon Relief Sun: Rice + Probiotics SPF50+ PA++++ (50ml)\u003c\/strong\u003e 강력한 SPF50+ PA++++의 광범위한 스펙트럼 보호와 풍부한 영양 포뮬러가 피부 깊숙이 수분을 공급하고 영양을 공급하는 혁신적인 한국형 자외선 차단제입니다.이 보호제는 발효 쌀 추출물 30%와 피부 미생물의 균형을 재조정하고 발적과 건조함을 진정시키는 프로바이오틱스 혼합물을 함유하고 있습니다.끈적임이나 하얀 필름 없이 즉시 사라지는 가볍고 빛나는 질감 덕분에 릴리프 선은 모든 피부 타입, 심지어 민감한 피부에도 효과와 매일의 편안함을 결합합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Complete Protection Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003cimg alt=\"Beauty of Joseon Relief Sun Protection\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Relief_Sun_Rice_Probiotics_50ml_2.jpg?v=1745773397\"\/\u003e\n\u003ch2\u003e타협 없는 포괄적인 보호\u003c\/h2\u003e\n\u003ch3\u003e- 자외선 손상을 방지하는 고급 처방 -\u003c\/h3\u003e\n\u003cp\u003eRelief Sun은 SPF50+ PA++++를 보장하는 고급 화학 필터를 통해 UVA 및 UVB 광선을 효과적으로 차단하여 매일 햇빛에 노출되어 발생하는 일광 화상 및 과다 색소 침착 위험을 줄입니다.무향, 무알코올, 안전 등급(EWG 그린 레벨) 포뮬라는 민감한 피부와 기존 자외선 차단제에 알레르기가 있는 사람들에게 적합합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003cimg alt=\"Beauty of Joseon Relief Sun Texture\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Relief_Sun.webp?v=1745773502\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"features-section fade-in\"\u003e\n\u003ch2\u003e수분 공급 및 영양 듀오: 쌀과 프로바이오틱스를 하나로 혼합한 제품\u003c\/h2\u003e\n\u003ch3\u003e- 깊은 수분 공급과 즉각적인 진정을 위한 천연 성분 -\u003c\/h3\u003e\n\u003cdiv class=\"two-column-section\"\u003e\n\u003cdiv class=\"column\"\u003e\n\u003cimg alt=\"Beauty of Joseon Relief Sun Ingredients\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_relief_sun_rice_probiotics.webp?v=1745773561\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"column\"\u003e\n\u003cp\u003e릴리프선은 발효쌀추출물 30%와 프로바이오틱스, 발효곡물을 혼합한 비타민 B, C, E, 아미노산, 미네랄이 함유되어 피부에 즉각적인 수분 공급을 제공하고 하루 종일 붉은기와 건조함을 진정시켜줍니다.\u003c\/p\u003e\n\u003cp\u003e또한 피부의 유분과 수분 수준의 균형을 맞춰주는 나이아신아마이드가 함유되어 포뮬러가 더욱 강화되어 모공 크기를 최소화하여 더욱 매끄럽고 통통한 피부로 가꿔줍니다.\u003c\/p\u003e\n\u003cdiv style=\"display: flex; gap: 10px; margin-top: 20px;\"\u003e\n\u003cspan class=\"spf-badge\"\u003eSPF50+\u003c\/span\u003e\n\u003cspan class=\"spf-badge\"\u003ePA++++\u003c\/span\u003e\n\u003cspan class=\"spf-badge\"\u003eEWG GREEN\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003ch2\u003e제품은 어떻게 작동하나요?\u003c\/h2\u003e\n\u003ch3\u003e- 보습 기술과 자외선 차단의 시너지 효과 -\u003c\/h3\u003e\n\u003cdiv class=\"process-steps\"\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003e진정의 시작\u003c\/div\u003e\n\u003cp\u003e보호제를 바르면 프로바이오틱스와 발효쌀이 피부를 진정시켜주고 건조함과 붉은기를 진정시켜줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003e강력한 보호 장벽\u003c\/div\u003e\n\u003cp\u003eSPF50+ PA++++ 필터는 유해한 광선이 피부에 침투하기 전에 반사하고 흡수합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003e보습 및 영양 공급\u003c\/div\u003e\n\u003cp\u003e발효 쌀이 보습 성분을 피부 깊숙이 방출하고, 나이아신아마이드가 피부의 천연 수분 장벽을 강화합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003e가벼운 마무리\u003c\/div\u003e\n\u003cp\u003e반짝이는 젤 텍스처가 빠르게 흡수되어 백탁이나 끈적임 없이 피부를 보송보송하게 만들어줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Advantages Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003ch2\u003e우수성의 비결: Relief Sun이 다른 제품보다 뛰어난 성능을 보이는 이유는 무엇입니까?\u003c\/h2\u003e\n\u003ch3\u003e- 실용적인 결과와 신뢰할 수 있는 사용자 경험 -\u003c\/h3\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\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\"\u003e\n\u003ch4 class=\"benefit-title\"\u003e입증된 효과\u003c\/h4\u003e\n\u003cp\u003e수백만 명의 사용자로부터 별 4.5개를 넘는 평점을 받은 세계에서 가장 높은 평가를 받은 자외선 차단제 중 하나\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\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\"\u003e\n\u003ch4 class=\"benefit-title\"\u003e전문가 인정\u003c\/h4\u003e\n\u003cp\u003e보호와 스타일이 결합된 최고의 한국 자외선 차단제 중 하나로 Allure가 추천했으며, 안전하고 효과적인 포뮬라 덕분에 피부과 전문의의 승인을 받았습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\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\u003c\/div\u003e\n\u003c!-- Call to Action Section - Black --\u003e\n\u003cdiv class=\"cta-section fade-in\"\u003e\n\u003ch2 class=\"cta-title\"\u003e궁극의 한국적 우아함으로 피부를 보호하세요\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e하나의 제품으로 깊은 수분 공급과 영양 공급으로 SPF50+ 보호 기능을 누려보세요.무겁고 하얀 자외선 차단제와 작별하고 하루 종일 건강하고 보호된 광채를 만나보세요!\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 \/\/ Add hover effects to process steps\n document.querySelectorAll('.process-step').forEach(step =\u003e {\n step.addEventListener('mouseenter', () =\u003e {\n step.style.transform = 'translateX(-5px)';\n });\n \n step.addEventListener('mouseleave', () =\u003e {\n step.style.transform = '';\n });\n });\n })();\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44691703300293,"sku":"","price":950.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/51KXcVZceoL.jpg?v=1745768552"},{"product_id":"beauty-of-joseon-light-on-serum-30ml","title":"BEAUTY OF JOSEON 라이트 온 화이트닝 세럼 병풀추출물과 비타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":"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":"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":"beauty-of-joseon-ground-rice-honey-glow-mask","title":"쌀과 꿀이 함유된 조선의 아름다움 매직 글로우 마스크: 정화, 각질 제거, 슈퍼 브라이트닝.","description":"\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .joseon-mask-container {\n line-height: 1.6;\n color: #333;\n background: #ffffff;\n overflow: hidden;\n direction: ltr;\n text-align: left;\n }\n \n .hero-section {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 3rem 1.5rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n \n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 50% 60%, rgba(156, 129, 2, 0.15) 0%, transparent 60%);\n animation: heroGlow 6s ease-in-out infinite alternate;\n }\n \n .hero-title {\n font-size: 2.4rem;\n font-weight: 700;\n margin-bottom: 1rem;\n color: #9C8102;\n position: relative;\n z-index: 2;\n opacity: 0;\n transform: translateY(30px);\n animation: slideInFade 1s ease-out 0.2s forwards;\n }\n \n .hero-subtitle {\n font-size: 1.2rem;\n margin-bottom: 2rem;\n color: white;\n font-weight: 400;\n position: relative;\n z-index: 2;\n opacity: 0;\n animation: slideInFade 1s ease-out 0.4s forwards;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n }\n \n .video-section {\n padding: 2rem 1.5rem;\n text-align: center;\n background: #fafafa;\n }\n \n .product-video {\n max-width: 600px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.2);\n opacity: 0;\n transform: scale(0.95);\n animation: videoZoom 1.2s ease-out 0.5s forwards;\n transition: all 0.4s ease;\n }\n \n .product-video:hover {\n transform: scale(1.02);\n box-shadow: 0 30px 70px rgba(156, 129, 2, 0.3);\n }\n \n .section {\n padding: 3rem 1.5rem;\n margin: 1rem 0;\n }\n \n .section-title {\n font-size: 2rem;\n font-weight: 700;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2.5rem;\n position: relative;\n opacity: 0;\n animation: titleSlide 0.8s ease-out 0.2s forwards;\n }\n \n .section-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, #9C8102, #b8941a);\n border-radius: 2px;\n animation: lineExpand 0.8s ease-out 0.8s forwards;\n transform: translateX(-50%) scaleX(0);\n }\n \n .heritage-section {\n background: white;\n padding: 3rem 1.5rem;\n }\n \n .heritage-layout {\n display: grid;\n grid-template-columns: 1fr 350px;\n gap: 3rem;\n align-items: start;\n margin-top: 2rem;\n }\n \n .heritage-content {\n opacity: 0;\n animation: slideInFade 0.8s ease-out 0.3s forwards;\n }\n \n .heritage-text {\n font-size: 1rem;\n line-height: 1.7;\n color: #555;\n margin-bottom: 2rem;\n }\n \n .heritage-subtitle {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin: 2rem 0 1rem 0;\n }\n \n .heritage-list {\n list-style: none;\n padding: 0;\n margin: 1rem 0;\n }\n \n .heritage-list li {\n padding: 0.8rem 0;\n border-bottom: 1px solid #eee;\n position: relative;\n padding-right: 1.5rem;\n color: #555;\n transition: all 0.3s ease;\n }\n \n .heritage-list li:hover {\n color: #9C8102;\n padding-right: 2rem;\n }\n \n .heritage-list li::before {\n content: '';\n position: absolute;\n right: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 8px;\n height: 8px;\n background: #9C8102;\n border-radius: 50%;\n transition: all 0.3s ease;\n }\n \n .heritage-list li:hover::before {\n transform: translateY(-50%) scale(1.3);\n }\n \n .heritage-image {\n width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n transition: transform 0.4s ease;\n opacity: 0;\n animation: slideInLeft 1s ease-out 0.4s forwards;\n }\n \n .heritage-image:hover {\n transform: scale(1.03) rotate(1deg);\n }\n \n .benefits-section {\n background: #f8f9fa;\n padding: 3rem 1.5rem;\n }\n \n .benefits-layout {\n display: grid;\n grid-template-columns: 350px 1fr;\n gap: 3rem;\n align-items: start;\n margin-top: 2rem;\n }\n \n .benefits-content {\n opacity: 0;\n animation: slideInFade 0.8s ease-out 0.3s forwards;\n }\n \n .benefit-item {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n margin: 2rem 0;\n border-right: 4px solid #9C8102;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateX(30px);\n animation: slideInRight 0.8s ease-out forwards;\n position: relative;\n overflow: hidden;\n }\n \n .benefit-item:nth-child(1) { animation-delay: 0.1s; }\n .benefit-item:nth-child(2) { animation-delay: 0.2s; }\n .benefit-item:nth-child(3) { animation-delay: 0.3s; }\n .benefit-item:nth-child(4) { animation-delay: 0.4s; }\n \n .benefit-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n transition: left 0.6s ease;\n }\n \n .benefit-item:hover::before {\n left: 100%;\n }\n \n .benefit-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n }\n \n .benefit-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n \n .benefit-description {\n color: #666;\n line-height: 1.6;\n }\n \n .benefit-list {\n list-style: none;\n padding: 0;\n margin: 1rem 0;\n }\n \n .benefit-list li {\n padding: 0.5rem 0;\n position: relative;\n padding-right: 1.5rem;\n color: #555;\n transition: all 0.3s ease;\n }\n \n .benefit-list li:hover {\n color: #9C8102;\n padding-right: 2rem;\n }\n \n .benefit-list li::before {\n content: '';\n position: absolute;\n right: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 6px;\n height: 6px;\n background: #9C8102;\n border-radius: 50%;\n transition: all 0.3s ease;\n }\n \n .benefit-list li:hover::before {\n transform: translateY(-50%) scale(1.4);\n }\n \n .benefits-image {\n width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n transition: transform 0.4s ease;\n opacity: 0;\n animation: slideInRight 1s ease-out 0.4s forwards;\n }\n \n .benefits-image:hover {\n transform: scale(1.03) rotate(-1deg);\n }\n \n .ingredients-section {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 3rem 1.5rem;\n position: relative;\n }\n \n .ingredients-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ingredientsGlow 4s ease-in-out infinite alternate;\n }\n \n .ingredients-layout {\n display: grid;\n grid-template-columns: 1fr 320px;\n gap: 3rem;\n align-items: start;\n margin-top: 2rem;\n position: relative;\n z-index: 2;\n }\n \n .ingredients-content {\n opacity: 0;\n animation: slideInFade 0.8s ease-out 0.3s forwards;\n }\n \n .ingredient-card {\n background: rgba(255,255,255,0.08);\n border-radius: 15px;\n padding: 2rem;\n margin: 2rem 0;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n transition: all 0.4s ease;\n opacity: 0;\n transform: translateY(30px);\n animation: cardRise 0.8s ease-out forwards;\n position: relative;\n overflow: hidden;\n }\n \n .ingredient-card:nth-child(1) { animation-delay: 0.1s; }\n .ingredient-card:nth-child(2) { animation-delay: 0.2s; }\n .ingredient-card:nth-child(3) { animation-delay: 0.3s; }\n \n .ingredient-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, #9C8102, #b8941a);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n \n .ingredient-card:hover::before {\n transform: scaleX(1);\n }\n \n .ingredient-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-5px);\n border-color: rgba(156, 129, 2, 0.3);\n }\n \n .ingredient-title {\n font-size: 1.4rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n \n .ingredient-subtitle {\n font-size: 1rem;\n color: #ccc;\n margin-bottom: 1.5rem;\n font-weight: 500;\n }\n \n .composition-list {\n list-style: none;\n padding: 0;\n margin: 1rem 0;\n }\n \n .composition-list li {\n padding: 0.6rem 0;\n border-bottom: 1px solid rgba(255,255,255,0.1);\n position: relative;\n padding-right: 1.5rem;\n color: #e0e0e0;\n transition: all 0.3s ease;\n font-size: 0.95rem;\n }\n \n .composition-list li:hover {\n color: #9C8102;\n padding-right: 2rem;\n }\n \n .composition-list li::before {\n content: '';\n position: absolute;\n right: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 6px;\n height: 6px;\n background: #9C8102;\n border-radius: 50%;\n transition: all 0.3s ease;\n }\n \n .composition-list li:hover::before {\n transform: translateY(-50%) scale(1.5);\n box-shadow: 0 0 10px rgba(156, 129, 2, 0.5);\n }\n \n .ingredients-image {\n width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.3);\n transition: transform 0.4s ease;\n opacity: 0;\n animation: slideInLeft 1s ease-out 0.4s forwards;\n }\n \n .ingredients-image:hover {\n transform: scale(1.03) rotate(1deg);\n }\n \n .comparison-section {\n background: white;\n padding: 3rem 1.5rem;\n }\n \n .comparison-table {\n width: 100%;\n border-collapse: collapse;\n margin: 2rem 0;\n background: white;\n border-radius: 12px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n opacity: 0;\n animation: tableSlide 0.8s ease-out 0.3s forwards;\n }\n \n .comparison-table th {\n background: linear-gradient(135deg, #9C8102, #b8941a);\n color: white;\n padding: 1rem;\n font-weight: 600;\n text-align: center;\n }\n \n .comparison-table td {\n padding: 1rem;\n border-bottom: 1px solid #eee;\n text-align: center;\n transition: all 0.3s ease;\n }\n \n .comparison-table tr:hover td {\n background: #f8f9fa;\n color: #9C8102;\n }\n \n .comparison-table td:first-child {\n background: #f8f9fa;\n font-weight: 500;\n color: #666;\n }\n \n .comparison-table td:last-child {\n background: rgba(156, 129, 2, 0.05);\n font-weight: 600;\n color: #9C8102;\n }\n \n .timeline-section {\n background: #f8f9fa;\n padding: 3rem 1.5rem;\n }\n \n .timeline-images {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 2rem;\n margin: 2rem 0;\n }\n \n .timeline-image {\n width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n transition: transform 0.4s ease;\n opacity: 0;\n animation: imageFloat 1s ease-out forwards;\n }\n \n .timeline-image:nth-child(1) { animation-delay: 0.2s; }\n .timeline-image:nth-child(2) { animation-delay: 0.4s; }\n \n .timeline-image:hover {\n transform: scale(1.03);\n }\n \n .timeline-item {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n margin: 2rem 0;\n border-right: 4px solid #9C8102;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateX(-30px);\n animation: slideInRight 0.8s ease-out forwards;\n }\n \n .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n .timeline-item:nth-child(4) { animation-delay: 0.4s; }\n \n .timeline-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n }\n \n .timeline-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n \n .timeline-description {\n color: #666;\n line-height: 1.6;\n margin-bottom: 1rem;\n }\n \n .timeline-stats {\n list-style: none;\n padding: 0;\n margin: 1rem 0;\n }\n \n .timeline-stats li {\n padding: 0.5rem 0;\n position: relative;\n padding-right: 1.5rem;\n color: #555;\n font-size: 0.95rem;\n transition: all 0.3s ease;\n }\n \n .timeline-stats li:hover {\n color: #9C8102;\n padding-right: 2rem;\n }\n \n .timeline-stats li::before {\n content: '';\n position: absolute;\n right: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 6px;\n height: 6px;\n background: #9C8102;\n border-radius: 50%;\n transition: all 0.3s ease;\n }\n \n .timeline-stats li:hover::before {\n transform: translateY(-50%) scale(1.4);\n }\n \n .usage-section {\n background: white;\n padding: 3rem 1.5rem;\n border: 2px solid #9C8102;\n margin: 2rem 1.5rem;\n border-radius: 15px;\n }\n \n .usage-steps {\n margin-top: 2rem;\n }\n \n .usage-step {\n background: #f8f9fa;\n border-radius: 12px;\n padding: 2rem;\n margin: 1.5rem 0;\n border-right: 4px solid #9C8102;\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateY(20px);\n animation: stepRise 0.6s ease-out forwards;\n position: relative;\n overflow: hidden;\n }\n \n .usage-step:nth-child(1) { animation-delay: 0.1s; }\n .usage-step:nth-child(2) { animation-delay: 0.2s; }\n .usage-step:nth-child(3) { animation-delay: 0.3s; }\n .usage-step:nth-child(4) { animation-delay: 0.4s; }\n \n .usage-step::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(156, 129, 2, 0.1), transparent);\n transition: left 0.6s ease;\n }\n \n .usage-step:hover::before {\n left: 100%;\n }\n \n .usage-step:hover {\n transform: translateY(-3px);\n background: white;\n box-shadow: 0 10px 30px rgba(156, 129, 2, 0.15);\n }\n \n .step-number {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 35px;\n height: 35px;\n background: linear-gradient(135deg, #9C8102, #b8941a);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1rem;\n font-size: 1rem;\n transition: transform 0.3s ease;\n }\n \n .usage-step:hover .step-number {\n transform: scale(1.2) rotate(10deg);\n }\n \n .step-title {\n font-size: 1.2rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 0.8rem;\n }\n \n .step-content {\n color: #555;\n line-height: 1.6;\n }\n \n .advanced-usage {\n background: rgba(156, 129, 2, 0.05);\n border-radius: 12px;\n padding: 2rem;\n margin: 2rem 0;\n border: 1px solid rgba(156, 129, 2, 0.2);\n }\n \n .advanced-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n \n .cta-section {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 4rem 1.5rem;\n text-align: center;\n position: relative;\n }\n \n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 50% 50%, rgba(156, 129, 2, 0.15) 0%, transparent 60%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n \n .cta-text {\n font-size: 1.1rem;\n opacity: 0.9;\n max-width: 800px;\n margin: 0 auto 2rem;\n line-height: 1.7;\n position: relative;\n z-index: 2;\n opacity: 0;\n animation: slideInFade 1s ease-out 0.2s forwards;\n }\n \n .cta-image {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 15px;\n margin: 2rem auto;\n display: block;\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.2);\n transition: transform 0.4s ease;\n opacity: 0;\n animation: imageZoom 1s ease-out 0.4s forwards;\n }\n \n .cta-image:hover {\n transform: scale(1.05);\n }\n \n .cta-highlight {\n font-size: 1.2rem;\n font-weight: 600;\n color: #9C8102;\n margin: 2rem auto;\n max-width: 700px;\n position: relative;\n z-index: 2;\n opacity: 0;\n animation: slideInFade 1s ease-out 0.6s forwards;\n }\n \n .ingredients-list-section {\n background: white;\n padding: 2rem 1.5rem;\n border-top: 1px solid #eee;\n }\n \n .ingredients-list-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n text-align: center;\n }\n \n .ingredients-list {\n text-align: center;\n font-size: 0.85rem;\n color: #666;\n line-height: 1.6;\n max-width: 900px;\n margin: 0 auto;\n }\n \n @keyframes slideInFade {\n 0% { opacity: 0; transform: translateY(30px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes videoZoom {\n 0% { opacity: 0; transform: scale(0.95); }\n 100% { opacity: 1; transform: scale(1); }\n }\n \n @keyframes imageZoom {\n 0% { opacity: 0; transform: scale(0.9); }\n 100% { opacity: 1; transform: scale(1); }\n }\n \n @keyframes titleSlide {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes lineExpand {\n 0% { transform: translateX(-50%) scaleX(0); }\n 100% { transform: translateX(-50%) scaleX(1); }\n }\n \n @keyframes slideInRight {\n 0% { opacity: 0; transform: translateX(30px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n \n @keyframes slideInLeft {\n 0% { opacity: 0; transform: translateX(-30px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n \n @keyframes cardRise {\n 0% { opacity: 0; transform: translateY(30px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes tableSlide {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes imageFloat {\n 0% { opacity: 0; transform: translateY(20px) scale(0.95); }\n 100% { opacity: 1; transform: translateY(0) scale(1); }\n }\n \n @keyframes stepRise {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes heroGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.2; }\n }\n \n @keyframes ingredientsGlow {\n 0% { opacity: 0.05; }\n 100% { opacity: 0.15; }\n }\n \n @keyframes ctaGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.2; }\n }\n \n @media (max-width: 768px) {\n .hero-title {\n font-size: 1.8rem;\n }\n \n .heritage-layout,\n .benefits-layout,\n .ingredients-layout {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n \n .heritage-image,\n .benefits-image,\n .ingredients-image {\n order: -1;\n max-width: 300px;\n margin: 0 auto;\n }\n \n .timeline-images {\n grid-template-columns: 1fr;\n }\n \n .comparison-table {\n font-size: 0.9rem;\n }\n \n .comparison-table th,\n .comparison-table td {\n padding: 0.8rem;\n }\n \n .usage-section {\n margin: 2rem 0.5rem;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"joseon-mask-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003e쌀과 꿀이 들어간 조선미인탈\u003c\/h1\u003e\n\u003ch2 class=\"hero-subtitle\"\u003e한국의 정통 헤리티지와 현대 과학의 결합으로 시선을 사로잡는 피부\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Video Section --\u003e\n\u003cdiv class=\"video-section\"\u003e\n\u003cvideo autoplay=\"\" class=\"product-video\" loop=\"\" muted=\"\" playsinline=\"\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/bc11445f95824d6eb6950c6ea63d2d23.mp4\" type=\"video\/mp4\"\/\u003e\n 귀하의 브라우저는 비디오 재생을 지원하지 않습니다\n \u003c\/video\u003e\n\u003c\/div\u003e\n\u003c!-- Heritage Section --\u003e\n\u003cdiv class=\"heritage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e조선시대와 한국의 미에 대한 이야기\u003c\/h2\u003e\n\u003cdiv class=\"heritage-layout\"\u003e\n\u003cdiv class=\"heritage-content\"\u003e\n\u003cp class=\"heritage-text\"\u003e\n 500여년 전, 조선시대 여성들이 발견한 사실입니다. \u003cstrong\u003e쌀가루와 천연꿀을 섞어\u003c\/strong\u003e 이것은 단순한 요리법이 아니라 실제 과학입니다.그들은 패션을 위해 이것을 한 것이 아니었습니다. 아니, 그것은 수세기에 걸친 실험과 작업의 결과였습니다.\n \u003c\/p\u003e\n\u003ch3 class=\"heritage-subtitle\"\u003e막걸리: 숨겨진 보물\u003c\/h3\u003e\n\u003cp class=\"heritage-text\"\u003e\n 이 한국 와인은 단순한 음료가 아니라 \u003cstrong\u003eComplex fermentation process\u003c\/strong\u003e 매우 드문 요구 사항을 생성합니다.\n \u003c\/p\u003e\n\u003cul class=\"heritage-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\u003cp class=\"heritage-text\"\u003e\n 조선의 아름다움은 단지 유산에 관한 것이 아닙니다. \u003cstrong\u003e극저온 추출기술 개발\u003c\/strong\u003e 이러한 모든 자료를 활성 상태로 유지합니다.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Korean Heritage\" class=\"heritage-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_6.webp?v=1752515865\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e실제로 느낄 수 있는 이점\u003c\/h2\u003e\n\u003cdiv class=\"benefits-layout\"\u003e\n\u003cimg alt=\"Benefits\" class=\"benefits-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_4.webp?v=1752515868\"\/\u003e\n\u003cdiv class=\"benefits-content\"\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e1. 타지 않는 번개\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e피부를 태우는 화학적 미백제와 달리 이 마스크는 피부를 밝게 해줍니다. \u003cstrong\u003e편안하고 안전하게\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul class=\"benefit-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=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e2. 스마트 필링\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e이 벗겨짐은 무작위가 아닙니다. \u003cstrong\u003e지능형 시스템\u003c\/strong\u003e 이는 3가지 수준에서 작동합니다.\u003c\/p\u003e\n\u003cul class=\"benefit-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\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e3. 지속되는 보습\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e이 마스크의 꿀은 단순한 보습제가 아닙니다. \u003cstrong\u003e지능형 가습 시스템\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul class=\"benefit-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=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e4. 현명하게 여드름과 싸우세요\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e박테리아와 싸우고 피부를 진정시키는 물질들의 독특한 조합:\u003c\/p\u003e\n\u003cul class=\"benefit-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\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=\"ingredients-layout\"\u003e\n\u003cdiv class=\"ingredients-content\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003e막걸리 추출물\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003e이야기 뒤에 숨은 과학\u003c\/p\u003e\n\u003cp style=\"color: #ccc; margin-bottom: 1rem;\"\u003e\n The Korean fermentation process takes \u003cstrong\u003e특별한 상황에서는 21-30일\u003c\/strong\u003e결과는 다음을 포함하는 잔류물입니다.\n \u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003e복잡한 화학 성분:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eKojic Acid (2.3%)\u003c\/strong\u003e: 현존하는 가장 강력한 천연미백제\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGalactomyces Ferment Filtrate (15%)\u003c\/strong\u003e: 천연 안티에이징\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlpha Hydroxy Acids (0.8%)\u003c\/strong\u003e부드러운 각질 제거를 위해\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e천연 세라마이드 (1.2%)\u003c\/strong\u003e: 피부장벽을 강화시켜줍니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e희귀아미노산(18종)\u003c\/strong\u003e: 깊은 영양 공급\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003e왕겨분말\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003e벗겨짐 없음\u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003e정확하게 계산된 속성:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e입자 크기: 50-100 마이크론\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\u003epH 균형(5.5-6.0)\u003c\/strong\u003e 피부의 자연적인 산성도처럼\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003e내부 내용은 유용합니다.\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e천연비타민E (15mg\/100g)\u003c\/strong\u003e: 강력한 항산화제\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e필수지방산(8종)\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=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003e천연벌꿀 5%\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003e단순한 디저트 그 이상\u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003e활성 효소:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eGlucose Oxidase\u003c\/strong\u003e: 천연소독제를 생성합니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCatalase\u003c\/strong\u003e: 자유 라디칼로부터 보호합니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eInvertase\u003c\/strong\u003e: 영양흡수 개선으로\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003e항균 소재:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMethylglyoxal (MGO 400+)\u003c\/strong\u003e과학적으로 입증된 항균력\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePinocembrin\u003c\/strong\u003e플라보노이드: 항염증제\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePropolis\u003c\/strong\u003e: 천연항생제\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Ingredients\" class=\"ingredients-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_1.webp?v=1752515868\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Comparison Section --\u003e\n\u003cdiv class=\"comparison-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e정직한 비교: 이것이 시중에 판매되는 것보다 나은 이유는 무엇입니까?\u003c\/h2\u003e\n\u003ch3 style=\"font-size: 1.3rem; color: #9C8102; margin: 2rem 0 1rem 0; text-align: center;\"\u003e일반 클레이 마스크와 비교\u003c\/h3\u003e\n\u003ctable class=\"comparison-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\u003e\n\u003ctd\u003e순수하지 않은 혼합 점토\u003c\/td\u003e\n\u003ctd\u003e고령토 점토 99.2% 순수\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\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\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e재료는 3~5개만\u003c\/td\u003e\n\u003ctd\u003e복잡한 포뮬라 25개 이상의 성분\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch3 style=\"font-size: 1.3rem; color: #9C8102; margin: 2rem 0 1rem 0; text-align: center;\"\u003e케미컬 필 마스크로 교환\u003c\/h3\u003e\n\u003ctable class=\"comparison-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\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\u003c\/tr\u003e\n\u003ctr\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\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch3 style=\"font-size: 1.3rem; color: #9C8102; margin: 2rem 0 1rem 0; text-align: center;\"\u003e일반 수분 마스크와는 다르게\u003c\/h3\u003e\n\u003ctable class=\"comparison-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\u003e\n\u003ctd\u003e임시 수분 공급 2~4시간\u003c\/td\u003e\n\u003ctd\u003e12~24시간 지속되는 보습\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\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\u003e6가지 효과를 동시에\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\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\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-images\"\u003e\n\u003cimg alt=\"Before Results\" class=\"timeline-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_7.webp?v=1752515866\"\/\u003e\n\u003cimg alt=\"After Results\" class=\"timeline-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_1.jpg?v=1752515867\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003e처음 2시간: 즉시 느낄 것\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003e처음 2~4시간 동안 피부에 어떤 일이 일어나는지:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e수분 공급량 65% 증가\u003c\/strong\u003e (특수 장치로 측정)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e부드러움 40% 향상\u003c\/strong\u003e (피부에 닿으면 느낌이 나요)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e붉은기 25% 감소\u003c\/strong\u003e (거울에 비친 모습이 선명함)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e광도 15% 증가\u003c\/strong\u003e (사람들이 눈치채겠죠)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\n\u003cstrong\u003e내부에서 무슨 일이 일어나고 있나요?\u003c\/strong\u003e 허니웍스 \u003cstrong\u003e얇은 층의 천연 수분 공급\u003c\/strong\u003e 막걸리 추출물이 피부에 자극을 주어 \u003cstrong\u003e콜라겐 생산\u003c\/strong\u003e 처음 시간부터.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003e첫 번째 주: 갱신이 시작됩니다.\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003e일어나는 변화:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\u003cstrong\u003e세포 재생을 30% 가속화\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e외층 강도 20% 향상\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e피부의 수분 손실을 35% 감소시켰습니다.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e새로운 콜라겐 형성의 시작\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003e당신이 볼 수 있는 것:\u003c\/strong\u003e 만졌을 때 피부가 부드러워지고, 피부에 닿았을 때의 거칠기가 눈에 띄게 줄어들고, 나날이 자연스러운 윤기가 증가하고, 작은 모공이 개선되기 시작합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003e첫 달: 뚜렷한 변화\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003e큰 개선:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e피부 두께 8% 증가\u003c\/strong\u003e (초음파로 측정)\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e피부 탄력 25% 향상\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e잔주름의 깊이를 15% 감소시킵니다.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e색상 분포 20% 개선\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003e당신의 눈으로 보게 될 것:\u003c\/strong\u003e 다크 스팟이 조금씩 밝아지고, 모공이 작아지고 눈에 잘 띄지 않게 되며, 질감이 더 부드럽고 균일해지며, 광채가 눈에 띄게 유지됩니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003e3개월: 완전한 변화\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003e최종 결과:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\u003cstrong\u003e콜라겐 40% 증가\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e피부장벽 45% 개선\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e색소 침착 35% 감소\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e기공 크기 20% 감소\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003e당신이 보게 될 변화는 다음과 같습니다:\u003c\/strong\u003e 그 어느 때보다 더 밝고 빛나는 피부, 컬러와 결의 균일성이 획기적으로 개선되고, 젊고 건강한 모습, 화장을 하지 않은 자연스러운 모습에 대한 자신감이 커집니다.\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\"\u003e전문가처럼 마스크를 사용하세요\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: #9C8102; margin-bottom: 2rem;\"\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\u003ch4 class=\"step-title\"\u003e준비가 중요하다\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-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\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003e전문적인 응용\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e깨끗한 마스크 브러시나 주걱을 사용하세요(손으로 만지지 마세요).\u003c\/li\u003e\n\u003cli\u003e위쪽으로 움직이면서 중간 층(2-3mm)을 적용합니다.\u003c\/li\u003e\n\u003cli\u003e눈가와 입가는 5mm정도 남기고\u003c\/li\u003e\n\u003cli\u003e특히 코와 턱 부분에 분포가 균일한지 확인하세요.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003e정확한 대기시간\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\u003cstrong\u003e민감한 피부를 위한 15분\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e일반 피부의 경우 18분\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e지성 피부의 경우 20분\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=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003e스마트 린스\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e미지근한 물(차갑지도 뜨겁지도 않은)부터 시작하세요.\u003c\/li\u003e\n\u003cli\u003e30초 동안 부드럽게 원을 그리며 마사지하세요.\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=\"advanced-usage\"\u003e\n\u003ch3 class=\"advanced-title\"\u003e고급 방법: 전문 유니폼\u003c\/h3\u003e\n\u003cp style=\"color: #666; margin-bottom: 1rem;\"\u003e\u003cstrong\u003e뛰어난 결과를 얻으려면:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e집중적인 준비:\u003c\/strong\u003e 2~3분간 약한 스팀으로 모공을 열어주세요\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e계층화된 애플리케이션:\u003c\/strong\u003e 첫 번째 층은 매우 얇아서 5분 정도 흡수되고, 두 번째 층은 중간 두께입니다.\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!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003e이것은 단순히 제품을 구매하는 것이 아닙니다. 피부의 미래를 위한 투자입니다.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cimg alt=\"Beauty of Joseon Mask\" class=\"cta-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_2.webp?v=1752515866\"\/\u003e\n\u003cp class=\"cta-text\"\u003e\n 공허한 약속과 평범한 마케팅 제품이 가득한 세상에서 이 조선미인 마스크는 피부의 건강과 아름다움을 위한 진정한 투자입니다. \u003cstrong\u003e여기서 지불하는 모든 파운드는 내일 수십 파운드를 절약할 수 있습니다.\u003c\/strong\u003e 악화된 것을 고치기 위한 치료 및 절차.\n \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003e문제는 \"사야 하나 말아야 하나\"가 아니다.질문: \"지금 관리하지 않으면 내 피부에 얼마의 비용이 듭니까?\"\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp class=\"cta-highlight\"\u003e\n 지금 주문하세요\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List --\u003e\n\u003cdiv class=\"ingredients-list-section\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003e전체 성분 목록\u003c\/h3\u003e\n\u003cp class=\"ingredients-list\"\u003e\n\u003cstrong\u003eWater, Kaolin, Honey, Glycerin, Propanediol, Dipropylene Glycol, Oryza Sativa (Rice) Hull Powder, Isononyl Isononanoate, 1,2-Hexanediol, Cetyl Alcohol, Caprylic\/Capric Triglyceride, Polyglyceryl-3 Methylglucose Distearate, Glyceryl Stearate, Butylene Glycol, Oryza Sativa (Rice) Bran, Oryza Sativa (Rice) Lees Extract, Oryza Sativa (Rice) Extract, Honey Extract, Bentonite, Palmitic Acid, Stearic Acid, Behenyl Alcohol, Cellulose, Zea Mays (Corn) Starch, Xanthan Gum, Hydroxyacetophenone, Potassium Cetyl Phosphate, Ethylhexylglycerin, Polyacrylate-13, Hydrogenated Polyisobutene, Sodium Phytate, Polyglyceryl-10 Laurate, Ethylhexyl Palmitate, Sorbitan Isostearate, Menthyl Lactate\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-style: italic; color: #666; margin-top: 1rem;\"\u003e\n 조선미백꿀마스크 – 정통 한국 유산과 현대 과학이 결합되어 피부의 진정한 아름다움을 변화시켜 드립니다.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ Enhanced hover effects for all interactive elements\n const interactiveElements = document.querySelectorAll('.benefit-item, .ingredient-card, .timeline-item, .usage-step');\n \n interactiveElements.forEach(element =\u003e {\n element.addEventListener('mouseenter', function() {\n this.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)';\n });\n });\n\n \/\/ Smooth parallax effect for background elements\n let ticking = false;\n \n function updateParallax() {\n const scrolled = window.pageYOffset;\n const backgrounds = document.querySelectorAll('.hero-section::before, .ingredients-section::before, .cta-section::before');\n \n \/\/ Smooth background movement\n backgrounds.forEach((bg, index) =\u003e {\n const speed = 0.02 + (index * 0.01);\n const yPos = -(scrolled * speed);\n if (bg.style) {\n bg.style.transform = `translateY(${yPos}px)`;\n }\n });\n \n ticking = false;\n }\n \n function requestTick() {\n if (!ticking) {\n requestAnimationFrame(updateParallax);\n ticking = true;\n }\n }\n \n \/\/ Optimized scroll listener\n let scrollTimeout;\n window.addEventListener('scroll', function() {\n if (scrollTimeout) {\n clearTimeout(scrollTimeout);\n }\n scrollTimeout = setTimeout(requestTick, 10);\n }, { passive: true });\n\n \/\/ Enhanced ingredient card interactions\n const ingredientCards = document.querySelectorAll('.ingredient-card');\n ingredientCards.forEach(card =\u003e {\n card.addEventListener('mouseenter', function() {\n this.style.background = 'rgba(255,255,255,0.2)';\n this.style.borderColor = 'rgba(156, 129, 2, 0.4)';\n \n const listItems = this.querySelectorAll('.composition-list li');\n listItems.forEach((item, i) =\u003e {\n setTimeout(() =\u003e {\n item.style.color = '#f0f0f0';\n item.style.paddingRight = '2rem';\n }, i * 50);\n });\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.background = 'rgba(255,255,255,0.08)';\n this.style.borderColor = 'rgba(255,255,255,0.1)';\n \n const listItems = this.querySelectorAll('.composition-list li');\n listItems.forEach(item =\u003e {\n item.style.color = '#e0e0e0';\n item.style.paddingRight = '1.5rem';\n });\n });\n });\n\n \/\/ Usage steps with enhanced interactions\n const usageSteps = document.querySelectorAll('.usage-step');\n usageSteps.forEach((step, index) =\u003e {\n step.addEventListener('mouseenter', function() {\n const stepNumber = this.querySelector('.step-number');\n if (stepNumber) {\n stepNumber.style.transform = 'scale(1.2) rotate(10deg)';\n stepNumber.style.background = 'linear-gradient(135deg, #b8941a, #9C8102)';\n }\n });\n \n step.addEventListener('mouseleave', function() {\n const stepNumber = this.querySelector('.step-number');\n if (stepNumber) {\n stepNumber.style.transform = 'scale(1) rotate(0deg)';\n stepNumber.style.background = 'linear-gradient(135deg, #9C8102, #b8941a)';\n }\n });\n });\n\n \/\/ Dynamic text glow effects\n const titles = document.querySelectorAll('.hero-title, .section-title');\n titles.forEach(title =\u003e {\n title.addEventListener('mouseenter', function() {\n this.style.textShadow = '0 0 15px rgba(156, 129, 2, 0.3)';\n this.style.transform = 'scale(1.02)';\n });\n \n title.addEventListener('mouseleave', function() {\n this.style.textShadow = 'none';\n this.style.transform = 'scale(1)';\n });\n });\n\n \/\/ Heritage and benefit list interactions\n const lists = document.querySelectorAll('.heritage-list, .benefit-list, .timeline-stats');\n lists.forEach(list =\u003e {\n const items = list.querySelectorAll('li');\n items.forEach(item =\u003e {\n item.addEventListener('mouseenter', function() {\n this.style.backgroundColor = 'rgba(156, 129, 2, 0.05)';\n this.style.borderRadius = '5px';\n });\n \n item.addEventListener('mouseleave', function() {\n this.style.backgroundColor = 'transparent';\n });\n });\n });\n\n \/\/ Timeline items enhanced interactions\n const timelineItems = document.querySelectorAll('.timeline-item');\n timelineItems.forEach(item =\u003e {\n item.addEventListener('mouseenter', function() {\n this.style.borderRightColor = '#b8941a';\n this.style.borderRightWidth = '6px';\n });\n \n item.addEventListener('mouseleave', function() {\n this.style.borderRightColor = '#9C8102';\n this.style.borderRightWidth = '4px';\n });\n });\n\n \/\/ Comparison table row highlighting\n const tableRows = document.querySelectorAll('.comparison-table tr');\n tableRows.forEach(row =\u003e {\n row.addEventListener('mouseenter', function() {\n if (!this.querySelector('th')) {\n this.style.background = 'rgba(156, 129, 2, 0.1)';\n }\n });\n \n row.addEventListener('mouseleave', function() {\n if (!this.querySelector('th')) {\n this.style.background = '';\n }\n });\n });\n\n \/\/ Video hover effects\n const video = document.querySelector('.product-video');\n if (video) {\n video.addEventListener('mouseenter', function() {\n this.style.filter = 'brightness(1.1)';\n });\n \n video.addEventListener('mouseleave', function() {\n this.style.filter = 'brightness(1)';\n });\n }\n\n \/\/ Advanced usage section interaction\n const advancedUsage = document.querySelector('.advanced-usage');\n if (advancedUsage) {\n advancedUsage.addEventListener('mouseenter', function() {\n this.style.background = 'rgba(156, 129, 2, 0.08)';\n this.style.borderColor = 'rgba(156, 129, 2, 0.3)';\n this.style.transform = 'scale(1.01)';\n });\n \n advancedUsage.addEventListener('mouseleave', function() {\n this.style.background = 'rgba(156, 129, 2, 0.05)';\n this.style.borderColor = 'rgba(156, 129, 2, 0.2)';\n this.style.transform = 'scale(1)';\n });\n }\n\n \/\/ Smooth image loading enhancement\n const images = document.querySelectorAll('img');\n images.forEach(img =\u003e {\n img.addEventListener('load', function() {\n this.style.opacity = '1';\n this.style.transform = 'scale(1)';\n });\n });\n\n \/\/ Performance optimization: debounced resize handler\n let resizeTimeout;\n window.addEventListener('resize', function() {\n if (resizeTimeout) {\n clearTimeout(resizeTimeout);\n }\n resizeTimeout = setTimeout(() =\u003e {\n \/\/ Recalculate any size-dependent animations\n const cards = document.querySelectorAll('.benefit-item, .ingredient-card, .timeline-item');\n cards.forEach(card =\u003e {\n card.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)';\n });\n }, 250);\n });\n});\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44902275416261,"sku":null,"price":1500.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_5.webp?v=1752515866"},{"product_id":"beauty-of-joseon-relief-sun-aqua-fresh-rice-b5-spf50","title":"조선뷰티 릴리프썬 쌀 + 프로바이오틱스 경량 선스크린 SPF 50+ PA++++ (B5 함유로 끈적이지 않는 수분 공급)","description":"\u003cdiv class=\"aqua-relief-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n \/* === Premium Arabic Font === *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800\u0026display=swap');\n\n \/* === Core Variables (Dark Mode) === *\/\n .aqua-relief-wrapper {\n --aqua-bg-base: #0a0e17; \/* Deep midnight blue\/black *\/\n --aqua-bg-card: rgba(16, 24, 40, 0.7); \/* Translucent dark navy *\/\n --aqua-bg-card-hover: rgba(26, 36, 56, 0.9);\n --aqua-primary: #5cb8e4;\n --aqua-dark: #38bdf8; \/* Brighter aqua for dark mode contrast *\/\n --aqua-light: rgba(92, 184, 228, 0.15); \/* Tinted background for badges *\/\n --aqua-gradient: linear-gradient(135deg, #38bdf8 0%, #0284c7 100%);\n --pearl-gradient: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, rgba(16,24,40,0.8) 100%);\n --gold-accent: #d4af37;\n --text-main: #f8fafc; \/* Near white for dark mode *\/\n --text-muted: #94a3b8; \/* Light slate gray *\/\n --border-glass: rgba(92, 184, 228, 0.2);\n --glow-aqua: rgba(56, 189, 248, 0.25);\n \n background-color: var(--aqua-bg-base);\n color: var(--text-main);\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.7;\n overflow: hidden;\n position: relative;\n padding: 0 0 60px 0;\n border-radius: 24px;\n box-shadow: 0 0 50px rgba(0,0,0,0.5) inset;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .aqua-relief-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .aqua-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n \/* === Typography Utilities === *\/\n .aqua-text-gradient {\n background: var(--aqua-gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n display: inline-block;\n text-shadow: 0 2px 10px rgba(56, 189, 248, 0.3);\n }\n\n .aqua-section-title {\n font-size: clamp(26px, 4vw, 38px);\n font-weight: 900;\n text-align: center;\n margin: 80px 0 20px;\n color: #ffffff; \/* White for better visibility *\/\n position: relative;\n }\n\n .aqua-section-subtitle {\n text-align: center;\n font-size: clamp(16px, 2vw, 18px);\n color: var(--text-muted);\n max-width: 700px;\n margin: 0 auto 50px;\n font-weight: 500;\n }\n\n \/* === Ambient Background === *\/\n .aqua-ambient {\n position: absolute;\n top: 0; left: 0; width: 100%; height: 100%;\n z-index: 0;\n pointer-events: none;\n overflow: hidden;\n }\n \n .aqua-glow-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.5;\n animation: orbDrift 15s infinite alternate ease-in-out;\n }\n\n .aqua-orb-1 { width: 400px; height: 400px; background: rgba(92, 184, 228, 0.15); top: -50px; right: -50px; }\n .aqua-orb-2 { width: 500px; height: 500px; background: rgba(212, 175, 55, 0.08); bottom: 10%; left: -150px; animation-delay: -5s; }\n\n @keyframes orbDrift {\n 0% { transform: translate(0, 0) scale(1); }\n 100% { transform: translate(-30px, 50px) scale(1.1); }\n }\n\n \/* === Hero Section === *\/\n .aqua-hero {\n position: relative;\n padding: 80px 20px 40px;\n text-align: center;\n background: radial-gradient(circle at top, rgba(56,189,248,0.1) 0%, var(--aqua-bg-base) 70%);\n border-bottom: 1px solid var(--border-glass);\n }\n\n .aqua-hero-icon {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: 80px;\n height: 80px;\n margin-bottom: 20px;\n animation: float 3s ease-in-out infinite;\n filter: drop-shadow(0 5px 15px var(--glow-aqua));\n color: var(--aqua-primary);\n font-size: 40px;\n font-weight: 900;\n font-family: system-ui, sans-serif;\n background: var(--aqua-bg-card); \/* Darker background *\/\n border-radius: 50%;\n box-shadow: 0 10px 25px rgba(56, 189, 248, 0.2);\n border: 1px solid var(--border-glass);\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\n\n .aqua-main-title {\n font-size: clamp(32px, 5vw, 52px);\n font-weight: 900;\n margin-bottom: 25px;\n line-height: 1.3;\n letter-spacing: -0.5px;\n color: #ffffff;\n }\n\n .aqua-hero-subtitle-text {\n font-size: clamp(16px, 2.5vw, 20px);\n color: var(--text-main);\n max-width: 800px;\n margin: 0 auto 40px;\n line-height: 1.8;\n font-weight: 500;\n }\n\n \/* === Video \u0026 Image Wrappers === *\/\n .aqua-media-wrapper {\n position: relative;\n width: 100%;\n margin: 0 auto;\n perspective: 1000px;\n display: block;\n }\n\n .aqua-media-wrapper.size-lg { max-width: 850px; }\n .aqua-media-wrapper.size-md { max-width: 700px; }\n .aqua-media-wrapper.size-sm { max-width: 550px; }\n\n .aqua-product-media {\n width: 100%;\n height: auto;\n display: block;\n border-radius: 20px;\n box-shadow: 0 30px 60px rgba(0,0,0,0.6), 0 0 30px var(--glow-aqua);\n border: 2px solid var(--border-glass); \/* Subtler border *\/\n transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);\n object-fit: cover;\n }\n\n \/* === Glass Cards \u0026 Grids === *\/\n .aqua-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px; }\n .aqua-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }\n\n .aqua-glass-card {\n background: var(--aqua-bg-card);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid var(--border-glass);\n border-radius: 20px;\n padding: 35px 25px;\n position: relative;\n overflow: hidden;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n text-align: left;\n box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n }\n\n .aqua-glass-card::before {\n content: '';\n position: absolute;\n top: 0; right: 0;\n width: 4px; height: 100%;\n background: var(--aqua-gradient);\n opacity: 0;\n transition: 0.4s ease;\n }\n\n .aqua-glass-card:hover {\n transform: translateY(-8px);\n background: var(--aqua-bg-card-hover);\n box-shadow: 0 15px 35px rgba(0,0,0,0.4), 0 0 20px var(--glow-aqua);\n border-color: var(--aqua-primary);\n }\n\n .aqua-glass-card:hover::before { opacity: 1; }\n\n .aqua-card-title {\n font-size: 1.3rem;\n color: #ffffff;\n margin-bottom: 12px;\n font-weight: 800;\n }\n\n .aqua-card-desc {\n color: var(--text-muted);\n font-size: 1rem;\n line-height: 1.7;\n }\n\n \/* === Impact Highlight Section === *\/\n .aqua-impact-wrapper {\n background: var(--pearl-gradient);\n padding: 60px 40px;\n margin: 60px 0;\n border-radius: 24px;\n border: 1px solid var(--border-glass);\n box-shadow: 0 20px 40px rgba(0,0,0,0.3);\n text-align: center;\n }\n\n \/* === Icons === *\/\n .aqua-icon-badge {\n width: 60px; height: 60px;\n background: var(--aqua-light);\n border: 1px solid var(--border-glass);\n border-radius: 16px;\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 20px;\n color: var(--aqua-dark);\n transition: 0.4s ease;\n font-size: 24px;\n font-weight: 900;\n font-family: system-ui, sans-serif;\n box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n }\n\n .aqua-glass-card:hover .aqua-icon-badge {\n background: var(--aqua-gradient);\n color: white;\n transform: scale(1.1) rotate(5deg);\n }\n\n \/* === Timeline === *\/\n .aqua-timeline {\n position: relative;\n max-width: 800px;\n margin: 0 auto;\n padding: 20px 0;\n }\n\n .aqua-timeline::before {\n content: '';\n position: absolute;\n top: 0; right: 50%;\n width: 2px; height: 100%;\n background: linear-gradient(to bottom, transparent, var(--aqua-primary), transparent);\n transform: translateX(50%);\n }\n\n .aqua-timeline-item {\n display: flex;\n justify-content: flex-end;\n padding-left: 50%;\n position: relative;\n margin-bottom: 30px;\n }\n\n .aqua-timeline-item:nth-child(even) {\n justify-content: flex-start;\n padding-left: 0;\n padding-right: 50%;\n }\n\n .aqua-timeline-content {\n width: 90%;\n background: var(--aqua-bg-card);\n border: 1px solid var(--border-glass);\n padding: 25px;\n border-radius: 16px;\n position: relative;\n transition: all 0.3s;\n box-shadow: 0 10px 20px rgba(0,0,0,0.2);\n }\n\n .aqua-timeline-content:hover {\n border-color: var(--aqua-primary);\n transform: translateY(-5px);\n box-shadow: 0 15px 30px rgba(92, 184, 228, 0.1);\n }\n\n .aqua-timeline-badge {\n position: absolute;\n top: 25px; right: -6.5%;\n width: 14px; height: 14px;\n background: var(--aqua-bg-base);\n border: 3px solid var(--aqua-primary);\n border-radius: 50%;\n z-index: 2;\n box-shadow: 0 0 10px var(--glow-aqua);\n }\n\n .aqua-timeline-item:nth-child(even) .aqua-timeline-badge {\n right: auto;\n left: -6.5%;\n }\n\n .aqua-time-label {\n color: var(--aqua-dark);\n font-weight: 800;\n margin-bottom: 10px;\n font-size: 1.1rem;\n display: inline-block;\n background: var(--aqua-light);\n padding: 4px 15px;\n border-radius: 20px;\n }\n\n \/* === Comparison Section === *\/\n .aqua-comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n margin: 40px 0;\n }\n\n .aqua-comp-card {\n background: var(--aqua-bg-card);\n padding: 30px;\n border-radius: 20px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n border: 1px solid var(--border-glass);\n }\n\n .aqua-comp-card.premium {\n border: 2px solid var(--aqua-primary);\n background: var(--pearl-gradient);\n transform: scale(1.02);\n box-shadow: 0 20px 50px rgba(0,0,0,0.4), 0 0 30px var(--glow-aqua);\n }\n\n .aqua-comp-list { list-style: none; padding: 0; }\n .aqua-comp-item {\n padding: 12px 0;\n border-bottom: 1px solid rgba(255,255,255,0.05);\n display: flex;\n align-items: center;\n gap: 12px;\n color: var(--text-muted);\n }\n .aqua-comp-item:last-child { border-bottom: none; }\n \n .aqua-comp-card.premium .aqua-comp-item { color: var(--text-main); font-weight: 500; }\n\n .aqua-check-icon {\n width: 24px; height: 24px;\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-weight: bold; font-size: 14px;\n color: white; flex-shrink: 0;\n }\n .aqua-check-basic { background: #475569; } \/* Darker slate for basic check *\/\n .aqua-check-premium { background: var(--aqua-gradient); }\n\n \/* === CTA Section === *\/\n .aqua-cta {\n text-align: center;\n margin-top: 80px;\n padding: 60px 30px;\n background: linear-gradient(135deg, rgba(16,24,40,0.8) 0%, rgba(2,132,199,0.1) 100%);\n border-radius: 24px;\n border: 1px solid var(--border-glass);\n box-shadow: 0 30px 60px rgba(0,0,0,0.5);\n }\n\n .aqua-btn-primary {\n display: inline-block;\n background: var(--aqua-gradient);\n background-size: 200% auto;\n color: white;\n padding: 18px 45px;\n border-radius: 40px;\n font-size: 1.2rem;\n font-weight: 900;\n text-decoration: none;\n border: none;\n cursor: pointer;\n transition: 0.5s ease;\n box-shadow: 0 10px 25px rgba(92, 184, 228, 0.4);\n margin-top: 30px;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n }\n\n .aqua-btn-primary:hover {\n background-position: right center;\n transform: translateY(-3px);\n box-shadow: 0 15px 35px rgba(92, 184, 228, 0.6);\n }\n\n \/* === Animations === *\/\n .aqua-reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .aqua-reveal.aqua-active { opacity: 1; transform: translateY(0); }\n .delay-1 { transition-delay: 0.1s; }\n .delay-2 { transition-delay: 0.2s; }\n .delay-3 { transition-delay: 0.3s; }\n\n @media (max-width: 768px) {\n .aqua-timeline::before { right: 20px; transform: none; }\n .aqua-timeline-item { padding-left: 0; padding-right: 50px; justify-content: flex-start; }\n .aqua-timeline-item:nth-child(even) { padding-left: 0; padding-right: 50px; }\n .aqua-timeline-content { width: 100%; }\n .aqua-timeline-badge { right: 14px; top: 25px; }\n .aqua-timeline-item:nth-child(even) .aqua-timeline-badge { left: auto; right: 14px; }\n \n .aqua-comp-card.premium { transform: scale(1); margin-top: 20px; }\n .aqua-hero { padding: 50px 15px 20px; }\n .aqua-cta { padding: 40px 20px; }\n .aqua-product-media { box-shadow: 0 15px 30px rgba(0,0,0,0.4); border-width: 1px; }\n .aqua-media-wrapper { padding: 0 10px; }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"aqua-ambient\"\u003e\n\u003cdiv class=\"aqua-glow-orb aqua-orb-1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-glow-orb aqua-orb-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"aqua-hero\"\u003e\n\u003cdiv class=\"aqua-container\"\u003e\n\u003cdiv class=\"aqua-hero-icon\"\u003e💧\u003c\/div\u003e\n\u003ch1 class=\"aqua-main-title aqua-reveal aqua-active\"\u003eRelief Sun Aqua Fresh\u003cbr\/\u003e\u003cspan class=\"aqua-text-gradient\"\u003e한국 자외선 차단제\u003c\/span\u003e 무엇이 당신을 다시 태양을 사랑하게 만들까요?\u003c\/h1\u003e\n\u003cp class=\"aqua-hero-subtitle-text aqua-reveal aqua-active delay-1\"\u003e\n 한국 스타들의 놀라운 피부를 만들어주는 쌀씨수 30%와 5가지 첨단 보호 필터가 함유된 워터리한 질감이 단 몇 초 만에 사라지는 선크림을 상상해 보세요.보호, 보습, 브라이트닝, 트리트먼트 4가지 제품이 하나로 통합되어 있습니다.\n \u003c\/p\u003e\n\u003cdiv class=\"aqua-tilt-card aqua-media-wrapper size-md aqua-reveal aqua-active delay-2\"\u003e\n\u003cvideo autoplay=\"\" class=\"aqua-product-media\" loop=\"\" muted=\"\" playsinline=\"\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/0362c453e2b64b73adce019c177484fe.mp4\" type=\"video\/mp4\"\/\u003e\n 귀하의 브라우저는 비디오 디스플레이를 지원하지 않습니다.\n \u003c\/video\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-container\"\u003e\n\u003c!-- 2. Features Showcase --\u003e\n\u003cdiv class=\"aqua-grid-3 aqua-reveal\" style=\"margin-top: 60px;\"\u003e\n\u003cdiv class=\"aqua-glass-card\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003e워터리한 질감은 몇 초 만에 사라집니다.\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003e일반 자외선 차단제와는 달리 매우 가벼운 제형으로 피부에 즉각적으로 흡수됩니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-1\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003e벼씨수 30%\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003e피부를 밝고 깊게 보습하는 한국 고대의 아름다움 비결.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-2\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003e백탁이나 유분감 없이\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003e지성 피부에도 성가신 흰색 잔여물이나 원치 않는 윤기를 남기지 않습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003e5가지 고급 보호 필터\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003e모든 유형의 유해한 광선에 대해 해당 지역에서 가장 강력한 보호 기능을 제공합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-1\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e5\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003e4가지 제품이 하나로\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003e강력한 보호 + 깊은 수분 공급 + 스팟 라이트닝 + 피부 장벽 트리트먼트.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. Pain Point Highlight --\u003e\n\u003cdiv class=\"aqua-impact-wrapper aqua-reveal\"\u003e\n\u003ch2 class=\"aqua-section-title\" style=\"margin-top: 0; font-size: 1.8rem;\"\u003e많은 자외선 차단제를 사용해 보셨나요... 그리고 너무 많은 불편함 때문에 태양이 피부를 잠식하도록 놔두셨나요?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.15rem; color: var(--text-muted); margin-bottom: 25px;\"\u003e\n 피부를 하얗게 만드는 자외선 차단제, 피부를 번들거리고 끈적하게 만드는 자외선 차단제, 별 효과가 없는 자외선 차단제에 지치셨다면...\n \u003c\/p\u003e\n\u003cdiv style=\"background: rgba(255,255,255,0.05); padding: 20px; border-radius: 15px; border: 2px solid var(--aqua-primary); display: inline-block;\"\u003e\n\u003cp style=\"font-size: 1.25rem; font-weight: 800; color: #ffffff; margin: 0;\"\u003e당신의 생각을 완전히 바꿔줄 릴리프 선 아쿠아 프레쉬\u003c\/p\u003e\n\u003cp style=\"font-size: 1rem; color: var(--text-muted); margin-top: 10px;\"\u003e처음 사용부터 자외선 차단제가 아닌 수분 세럼을 바르는 듯한 느낌을 받으실 것입니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. Rice Water Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003e쌀씨수 30% - 한국적인 아름다움의 비결\u003c\/h2\u003e\n\u003cp class=\"aqua-section-subtitle aqua-reveal\"\u003e하나의 성분이 전체 자외선 차단제 가격과 동일한 이유는 무엇입니까?\u003c\/p\u003e\n\u003cdiv class=\"aqua-glass-card aqua-reveal\" style=\"max-width: 900px; margin: 0 auto; text-align: left;\"\u003e\n\u003cdiv class=\"aqua-tilt-card aqua-media-wrapper size-md\" style=\"margin-bottom: 30px;\"\u003e\n\u003cimg alt=\"릴리프썬 쌀씨수\" class=\"aqua-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_relief_sun_aqua_fresh_spf_2.webp?v=1753600391\"\/\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\" style=\"font-size: 1.5rem;\"\u003e수천년 전의 고대 비밀\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\" style=\"margin-bottom: 20px;\"\u003e쌀씨수는 평범한 성분이 아니다. 이것이 바로 아시아 스타들이 가족으로부터 물려받은 한국적인 아름다움의 비결이다.\u003c\/p\u003e\n\u003cdiv class=\"aqua-grid-2\"\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: var(--gold-accent); margin-bottom: 15px; font-size: 1.2rem;\"\u003e구성에서 가장 비싼 구성 요소:\u003c\/h4\u003e\n\u003cul style=\"list-style: none; padding: 0;\"\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e 이는 그 효능을 보존하는 특별한 방법으로 추출됩니다.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e 30%의 매우 높은 농도 - 자외선 차단제 중 가장 높은 비율입니다.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e 비타민C보다 10배 강력한 항산화제.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: var(--gold-accent); margin-bottom: 15px; font-size: 1.2rem;\"\u003e피부에 어떤 영향을 미칠까요?\u003c\/h4\u003e\n\u003cul style=\"list-style: none; padding: 0;\"\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e 몇 주 안에 피부가 자연스러운 광채를 되찾습니다.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e 어두운 점을 밝게 하고 색상을 통일시킵니다.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e 7겹의 깊이로 촉촉하게 채워줍니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. 5 Filters Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003e5가지 고급 보호 필터 - 태양에 대항하는 완벽한 팀\u003c\/h2\u003e\n\u003cp class=\"aqua-section-subtitle aqua-reveal\"\u003e모든 예방제품이 하나의 필터를 제공한다면, 이 크림은 5개의 필터를 제공합니다!\u003c\/p\u003e\n\u003cdiv class=\"aqua-grid-3 aqua-reveal\"\u003e\n\u003cdiv class=\"aqua-glass-card\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eEthylhexyl Triazone\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003e첫 번째 보호 장치: 광선을 흡수하여 무해한 열로 바꿉니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-1\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eMexoryl XL\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003e종합적인 차단제: 99% 효율성으로 UVA 및 UVB로부터 보호합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-2\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eMexoryl SX\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003e전문가: 피부 노화를 유발하는 광선을 타겟으로 합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eUvinul A Plus\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003e심층 보호기(Deep Protector): 피부 깊은 층을 관통하는 광선을 차단합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-1\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e5\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eTinosorb S\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003e최고의 보호막: 피부에 대한 이중 보호 및 오래 지속되는 안정성.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-reveal\" style=\"text-align: center; margin-top: 30px;\"\u003e\n\u003cspan style=\"display: inline-block; background: var(--aqua-gradient); color: white; padding: 10px 25px; border-radius: 20px; font-weight: bold;\"\u003e결과: SPF 57.9 + PA++++ UVA PF 19.3 보호 - 패키지에 표시된 것보다 더 높습니다!\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Timeline Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003e변화의 여정 - 매일매일 피부가 좋아지는 것을 확인하세요\u003c\/h2\u003e\n\u003cdiv class=\"aqua-timeline aqua-reveal\"\u003e\n\u003cdiv class=\"aqua-timeline-item\"\u003e\n\u003cdiv class=\"aqua-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-timeline-content\"\u003e\n\u003cdiv class=\"aqua-time-label\"\u003e첫날\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003e첫 번째 놀라움\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ 처음부터 즉시 보호합니다.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ 산뜻한 느낌과 깊은 수분감.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ 끈적임 없이 사라지는 워터리한 질감.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-timeline-item\"\u003e\n\u003cdiv class=\"aqua-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-timeline-content\"\u003e\n\u003cdiv class=\"aqua-time-label\"\u003e일주일 후\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003e달콤한 시작\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ 피부가 더욱 부드러워지고 윤기가 납니다.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ 지성 피부의 과도한 윤기를 줄입니다.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ 피부 결이 눈에 띄게 개선되었습니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-timeline-item\"\u003e\n\u003cdiv class=\"aqua-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-timeline-content\"\u003e\n\u003cdiv class=\"aqua-time-label\"\u003e한 달 후\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003e결과가 말해준다\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ 맑은 윤기와 피부톤의 통일감.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ 다크스팟이 줄어들기 시작합니다.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ 더 강하고 저항력이 강한 피부.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. Comparison Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003e다른 자외선 차단제와 비교했을 때 차이점은 분명합니다.\u003c\/h2\u003e\n\u003cdiv class=\"aqua-comparison-grid aqua-reveal\"\u003e\n\u003cdiv class=\"aqua-comp-card\"\u003e\n\u003ch3 class=\"aqua-card-title\" style=\"text-align: center; color: var(--text-muted);\"\u003e일반 자외선 차단제(100파운드)\u003c\/h3\u003e\n\u003cul class=\"aqua-comp-list\"\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e 그냥 정상적인 보호\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e 기름진 질감 또는 투명한 백색\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e 일반 화학성분\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e 추가혜택은 없습니다\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e 결과: 일시적인 보호만 가능\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-comp-card premium\"\u003e\n\u003ch3 class=\"aqua-card-title\" style=\"text-align: center;\"\u003eRelief Sun Aqua Fresh\u003c\/h3\u003e\n\u003cul class=\"aqua-comp-list\"\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e 강력한 보호+보습+트리트먼트+미용\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e 시간이 지나면 사라지는 고급스러운 워터리 텍스처\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e 희귀하고 값비싼 천연성분\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e 피부 질의 지속적인 개선\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e 결과: 피부의 아름다움과 건강을 위한 투자\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8. CTA Section --\u003e\n\u003cdiv class=\"aqua-cta aqua-reveal\"\u003e\n\u003cdiv class=\"aqua-tilt-card aqua-media-wrapper size-sm\" style=\"margin-bottom: 30px;\"\u003e\n\u003cimg alt=\"지금 바로 피부 보호에 투자하세요\" class=\"aqua-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_relief_sun_aqua_fresh_spf_4.webp?v=1753600391\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"aqua-main-title\"\u003e오늘의 선택이 내일의 피부 모양을 결정한다\u003c\/h2\u003e\n\u003cp class=\"aqua-card-desc\" style=\"max-width: 750px; margin: 0 auto 20px; font-size: 1.15rem;\"\u003e\n 태양은 피부의 가장 큰 적이자, 조기 노화의 가장 큰 원인이며, 색소침착과 기미의 첫 번째 원인입니다.태양이 당신의 피부를 잠식하도록 하시겠습니까, 아니면 매일 피부를 개선하는 트리트먼트 제품으로 피부를 보호하는 데 투자하시겠습니까?\n \u003c\/p\u003e\n\u003cp style=\"font-size: 1.3rem; font-weight: 800; color: var(--aqua-dark);\"\u003e올바른 결정은 분명합니다!\u003c\/p\u003e\n\u003cbutton class=\"aqua-btn-primary\"\u003e지금 주문하세요... 피부의 미래에 투자하세요\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', () =\u003e {\n \/\/ Scroll Reveal Animation\n const reveals = document.querySelectorAll('.aqua-reveal');\n const observer = new IntersectionObserver((entries, obs) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('aqua-active');\n obs.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\n\n reveals.forEach(el =\u003e observer.observe(el));\n\n \/\/ Premium 3D Tilt Effect\n if (window.matchMedia(\"(hover: hover)\").matches) {\n const tiltCards = document.querySelectorAll('.aqua-tilt-card');\n tiltCards.forEach(card =\u003e {\n const media = card.querySelector('.aqua-product-media');\n card.addEventListener('mousemove', e =\u003e {\n const rect = card.getBoundingClientRect();\n const x = e.clientX - rect.left;\n const y = e.clientY - rect.top;\n const centerX = rect.width \/ 2;\n const centerY = rect.height \/ 2;\n \n const rotateX = ((y - centerY) \/ centerY) * -5;\n const rotateY = ((x - centerX) \/ centerX) * 5;\n \n media.style.transform = `scale(1.02) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;\n });\n\n card.addEventListener('mouseleave', () =\u003e {\n media.style.transform = `scale(1) rotateX(0deg) rotateY(0deg)`;\n });\n });\n }\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44946572411077,"sku":null,"price":1100.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/4000a17e-2027-48ff-9425-bb8669e8ee8a.webp?v=1753601938"}],"url":"https:\/\/instachiq.com\/ko\/collections\/beauty-of-joseon-products.oembed","provider":"Instachiq","version":"1.0","type":"link"}