{"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\"\u003eSoro \u003cspan\u003eLuz do sol\u003c\/span\u003e Com niacinamida e própolis de abelha\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eUma combinação inédita de niacinamida e própolis de abelha para uma pele radiante e radiante\u003c\/p\u003e\n\u003cdiv class=\"hero-badges\"\u003e\n\u003cdiv class=\"badge\"\u003e\n\u003csvg fill=\"none\" height=\"18\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"18\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n Fórmula coreana original\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 Sem produtos químicos nocivos\n \u003c\/div\u003e\n\u003cdiv class=\"badge\"\u003e\n\u003csvg fill=\"none\" height=\"18\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"18\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n Ideal para todos os tipos de pele\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\"\u003eUma combinação inédita de niacinamida e própolis de abelha\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-box\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003eNiacinamida\u003c\/h3\u003e\n\u003cp class=\"ingredient-desc\"\u003eNão é apenas um ingrediente, é um milagre que reequilibra a pele, reduz a pigmentação e confere-lhe uma cor uniforme e radiante.Melhora a elasticidade da pele e fortalece a barreira natural de hidratação.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-box\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003ePrópolis (própolis de abelha)\u003c\/h3\u003e\n\u003cp class=\"ingredient-desc\"\u003eExtraído das colmeias, atua como um poderoso antiinflamatório e estimulador da regeneração celular, mantendo a pele jovem e proporcionando proteção natural.Combate o aparecimento de espinhas e sinais de envelhecimento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp\u003eQuando estes ingredientes se juntam numa única fórmula, transformam-se numa potência natural incomparável;Um milagre que restaura a juventude da sua pele e lhe dá o brilho que você sempre sonhou.\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 Seu navegador não suporta reprodução de vídeo.\n \u003c\/video\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"instant-results\"\u003e\n\u003ch2 class=\"section-title\"\u003eResultados instantâneos!\u003c\/h2\u003e\n\u003ch3 style=\"color: #c9a97e; text-align: center; margin: 20px 0; font-size: 22px;\"\u003ePoros menores, pele mais clara, pele perfeita\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eBenefícios incríveis para sua pele\u003c\/h2\u003e\n\u003cp\u003eEste sérum é uma solução abrangente para pele opaca e cansada, pois apresenta efeitos surpreendentes que incluem:\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\"\u003eMelhorar o brilho da pele\u003c\/h3\u003e\n\u003cp\u003eIlumina e unifica a cor da pele enquanto reduz eficazmente a pigmentação e as marcas escuras.\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\"\u003eMelhorar a textura da pele\u003c\/h3\u003e\n\u003cp\u003eAumenta a suavidade da pele graças às propriedades hidratantes e iluminadoras da niacinamida.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card fade-up\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\n\u003csvg fill=\"none\" height=\"36\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"36\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eProteção da pele\u003c\/h3\u003e\n\u003cp\u003eProteção contra infecções externas e danos causados pelos radicais livres graças ao poder da própolis.\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\"\u003eApoiar a função de barreira da pele\u003c\/h3\u003e\n\u003cp\u003eManter a hidratação da pele e prevenir a sua perda, o que ajuda a reduzir as linhas de expressão.\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\"\u003eUma jornada de resultados incríveis\u003c\/h2\u003e\n\u003cp\u003eCom o uso regular, você notará uma melhora gradual e alcançará resultados ideais em poucas semanas.\u003c\/p\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-bar\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-items\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"timeline-date\"\u003ePrimeiro uso\u003c\/div\u003e\n\u003cdiv class=\"timeline-dot active\" id=\"timeline-0\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eHidratação instantânea\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eVocê notará hidratação imediata da pele e uma textura mais lisa.A pele fica visivelmente mais fresca e radiante desde a primeira utilização.\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\"\u003eDepois de uma semana\u003c\/div\u003e\n\u003cdiv class=\"timeline-dot\" id=\"timeline-1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eTextura e brilho melhorados\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eA pele fica mais brilhante e suave.A vermelhidão e a irritação são reduzidas graças às propriedades antiinflamatórias da própolis.Redução notável da oleosidade da pele.\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\"\u003eDepois de duas semanas\u003c\/div\u003e\n\u003cdiv class=\"timeline-dot\" id=\"timeline-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eReduzindo a pigmentação\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eOs resultados da unificação do tom da pele começam a aparecer.Manchas escuras e hiperpigmentação reduzem gradualmente.A pele fica mais luminosa e fresca, com poros menores e menos visíveis.\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\"\u003eDepois de um mês\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\"\u003eTransformação perceptível\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eMelhora significativa na textura e tom da pele.Desaparecimento perceptível de muitos problemas de pele, como manchas escuras e cicatrizes.Redução visível de linhas finas e sinais de envelhecimento.\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\"\u003eDepois de dois meses\u003c\/div\u003e\n\u003cdiv class=\"timeline-dot\" id=\"timeline-4\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3 class=\"timeline-title\"\u003ePele completamente renovada\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003ePele incrivelmente radiante e radiante.Unificação completa do tom da pele e redução significativa da pigmentação.Melhora duradoura na aparência e textura da pele, com maior elasticidade e melhor saúde da pele.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003cdiv class=\"how-it-works-image\"\u003e\n\u003cimg alt=\"Fórmula cientificamente avançada\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_niacinamide_propolis.jpg?v=1746458373\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"how-it-works-content\"\u003e\n\u003ch2 class=\"section-title\"\u003eFórmula cientificamente avançada\u003c\/h2\u003e\n\u003ch3 style=\"margin-bottom: 20px; font-size: 22px; color: #333;\"\u003eComo funciona o soro?\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.8; margin-bottom: 20px;\"\u003eA combinação funciona \u003cspan style=\"color: #c9a97e; font-weight: bold;\"\u003eBeauty Of Joseon Glow Serum Propolis + Niacinamide\u003c\/span\u003e Harmoniosamente para criar um efeito abrangente na pele.A própolis, extraída das colmeias, limpa a pele, combate inflamações e estimula a renovação celular, combatendo o aparecimento de espinhas e sinais de envelhecimento.\u003c\/p\u003e\n\u003cp style=\"line-height: 1.8;\"\u003eJá a niacinamida atua unificando o tom da pele e reduzindo a pigmentação, além de melhorar a elasticidade da pele e fortalecer a barreira de hidratação.Juntos, estes princípios ativos alteram radicalmente a textura da pele, conferindo-lhe um aspecto mais radiante e vibrante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eComo usar\u003c\/h2\u003e\n\u003cp\u003eDepois de limpar bem a pele, o sérum é aplicado na região facial, com foco nas áreas que precisam de clareamento e melhora, como contorno dos olhos, testa e linha do maxilar.Massageie suavemente até ser totalmente absorvido e, em seguida, aplique um hidratante para manter a hidratação e aumentar a eficácia.Use de manhã e à noite para obter melhores resultados.\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\"\u003eLimpando a pele\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\"\u003eAplicação de soro\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\"\u003eMassageie suavemente\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\"\u003eAplicar hidratante\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cta-section pulse\"\u003e\n\u003cdiv class=\"cta-content\"\u003e\n\u003ch2 class=\"cta-title\"\u003eRestaure o brilho da sua pele hoje\u003c\/h2\u003e\n\u003cp class=\"cta-subtitle\"\u003eÓtima relação custo-benefício - nossa fórmula de soro iluminador combina ingredientes naturais cientificamente comprovados para uma pele radiante e saudável.\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eEncomende agora\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"footer-note\"\u003e\n\u003cp\u003eBeauty Of Joseon Glow Serum Própolis + Niacinamida combina ingredientes naturais cientificamente comprovados que melhoram o brilho e o tom da pele com proteção ambiental avançada.Embora possa ser um pouco mais caro em comparação com alguns outros produtos, uma pequena quantidade é suficiente para obter resultados surpreendentes e duradouros, tornando-o um investimento eficaz na saúde e beleza da sua pele.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Init functions\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Fade-in animations\n initFadeEffects();\n \n \/\/ Video autoplay fix for some mobile browsers\n const video = document.querySelector('video');\n if (video) {\n video.play().catch(function(error) {\n console.log(\"Video autoplay prevented by browser\");\n });\n }\n });\n \n \/\/ Initialize fade effects\n function initFadeEffects() {\n const fadeElements = document.querySelectorAll('.fade-up');\n const observerOptions = {\n root: null,\n rootMargin: '0px',\n threshold: 0.1\n };\n \n const observer = new IntersectionObserver((entries, observer) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\n entry.target.style.opacity = 1;\n entry.target.style.transform = 'translateY(0)';\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n \n fadeElements.forEach(el =\u003e {\n observer.observe(el);\n });\n \n \/\/ Add staggered animations\n const staggerElements = document.querySelectorAll('.fade-up');\n staggerElements.forEach((el, index) =\u003e {\n el.style.transitionDelay = `${index * 0.05}s`;\n });\n }\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44589240746181,"sku":"","price":995.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty-of-joseon-glow-serum-propolis-niacinamide-30ml.jpg?v=1742651704"},{"product_id":"beauty-of-joseon-revive-eye-serum","title":"Beauty of Joseon Revive Eye Serum é especializado em olheiras |Bolsas nos olhos Sinais de idade","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\"\u003eSua jornada de rejuvenescimento ocular começa agora\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\u003eDescubra o segredo para iluminar seus olhos com \u003cspan class=\"highlight\"\u003eBeauty of Joseon Revive Eye Serum\u003c\/span\u003eUma fórmula inovadora que combina as mais recentes tecnologias científicas com ingredientes naturais puros para revitalizar a delicada área dos olhos.Este soro revolucionário atua combatendo simultaneamente os sinais de fadiga e envelhecimento, conferindo aos seus olhos uma aparência mais jovem e brilhante.\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\"\u003eComo funciona o soro?\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\u003eO sérum funciona combinando três ingredientes principais que criam um efeito abrangente: Retinal suaviza a pele e estimula a regeneração celular, enquanto os lipossomas estabilizam eficazmente a retina e melhoram a sua absorção, e o extrato de raiz de ginseng proporciona hidratação duradoura e proteção superior.Com este mecanismo único, a barreira cutânea é reconstruída e o aparecimento de rugas finas, olheiras e papos é reduzido, devolvendo vitalidade e brilho aos seus olhos.\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\"\u003eO que distingue a composição?\u003c\/h3\u003e\n\u003cp\u003eA singularidade desta fórmula reside na combinação do poder do retinal com lipossomas e extrato de ginseng;Cada ingrediente por si só é considerado um milagre na melhoria da saúde da pele.Quando combinados, tornam-se uma força natural imparável que rejuvenesce a área dos olhos e estimula a produção de colágeno, melhorando a elasticidade da pele e reduzindo os sinais de fadiga e envelhecimento.\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\"\u003ePor que esta fórmula é considerada melhor que outros derivados de retinol?\u003c\/h3\u003e\n\u003cp\u003eO retinol é uma forma de vitamina A que precisa ser transformada na pele para se tornar ativa, tornando-a menos eficaz em comparação com o retinal.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e Quanto à retina\u003c\/strong\u003e, atua diretamente estimulando a renovação celular e a produção de colágeno sem necessidade de conversão, o que acelera os resultados e reduz o risco de irritação.Essa diferença faz do Retinal a escolha ideal para cuidados intensivos da área dos olhos.\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\"\u003eComo usar\u003c\/h2\u003e\n\u003cdiv class=\"section-divider\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cp\u003eApós limpar suavemente a pele, aplique o sérum na área dos olhos com uma pequena quantidade.Massageie suavemente o produto até completa absorção e, em seguida, aplique um hidratante adequado para manter a hidratação e potencializar os resultados.É preferível usar o soro de manhã e à noite para obter os melhores resultados.\u003c\/p\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eLimpe suavemente a pele\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\"\u003eAplique uma pequena quantidade de soro\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\"\u003eMassageie suavemente até absorção\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\"\u003eFaça o acompanhamento com um hidratante adequado\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003csvg class=\"section-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M16,11.78L20.24,4.45L21.97,5.45L16.74,14.5L10.23,10.75L5.46,19H22V21H2V3H4V17.54L9.5,8L16,11.78Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003ch2 class=\"section-title\"\u003eResultados clínicos\u003c\/h2\u003e\n\u003cdiv class=\"section-divider\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cp\u003eExperimentos demonstraram que o uso regular do soro leva a melhorias visíveis em diversas áreas:\u003c\/p\u003e\n\u003cdiv class=\"clinical-results\"\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eReduzindo rugas finas\u003c\/h3\u003e\n\u003cdiv class=\"percentage-wrapper\"\u003e\n\u003cdiv class=\"circle-container\"\u003e\n\u003cdiv class=\"counter\"\u003e\n\u003cspan class=\"counter-value\"\u003e16\u003c\/span\u003e\u003cspan class=\"counter-suffix\"\u003e%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"result-description\"\u003eRedução da profundidade das rugas finas ao redor dos olhos após 8 semanas de uso regular.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eAumentar a hidratação\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\"\u003eMelhoria nos níveis de hidratação da área dos olhos em comparação com as medições iniciais antes do uso.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eReduzindo olheiras\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\"\u003eMelhoria notável no tom da pele e redução da pigmentação ao redor dos olhos após apenas 4 semanas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eMelhorar a textura da pele\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\"\u003eAumento da suavidade da pele e melhoria da textura graças à renovação celular e ao fortalecimento da barreira cutânea.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eEm \u003cstrong data-end=\"2016\" data-start=\"1979\"\u003eBeauty of Joseon Revive Eye Serum\u003c\/strong\u003e Não apenas um produto de cuidado;É um verdadeiro investimento na juventude e na beleza dos seus olhos.Sua fórmula avançada proporciona resultados surpreendentes em pequenas doses, sendo a escolha ideal para quem busca brilho duradouro e aspecto jovem.\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Água de Ginseng – a eterna fonte da juventude para a pele\u003c\/h2\u003e\n\u003cp class=\"ginseng-intro ginseng-fade-in\"\u003e\n Uma rara mistura de segredos da medicina tradicional coreana e tecnologia moderna.A água com 80% de ginseng usada neste produto não é apenas um ingrediente natural, mas sim um tesouro rico em antioxidantes, saponinas e micronutrientes que sustentam a juventude da pele por dentro e a reconstroem a cada uso.\n \u003c\/p\u003e\n\u003cimg alt=\"Água de ginseng\" class=\"ginseng-main-image ginseng-fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Ginseng_Essence_Water_2_38493ea6-27fe-4423-8576-1279076c3b2a.jpg?v=1744744014\"\/\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"ginseng-features\"\u003e\n\u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-feature-title\"\u003e\n\u003ci class=\"fas fa-leaf ginseng-feature-icon\"\u003e\u003c\/i\u003e\n Ginseng – um dos maiores segredos da pele coreana\n \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n Durante séculos, o ginseng foi conhecido como a “Erva dos Deuses” nos livros de medicina tradicional coreana, como Donguibogam.As primeiras mulheres coreanas usaram-no para tomar banho e cuidar da pele devido à sua incrível capacidade de estimular a circulação sanguínea, nutrir as células e rejuvenescer a pele.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-feature-title\"\u003e\n\u003ci class=\"fas fa-feather-alt ginseng-feature-icon\"\u003e\u003c\/i\u003e\n Fórmula leve – resultados pesados\n \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n Apesar da textura leve e aquosa, este toner confere à pele um impulso concentrado de hidratação e nutrientes.É rapidamente absorvido sem deixar vestígios oleosos, proporcionando uma experiência de utilização confortável e rápida, com resultados visíveis desde a primeira semana.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-feature-title\"\u003e\n\u003ci class=\"fas fa-shield-alt ginseng-feature-icon\"\u003e\u003c\/i\u003e\n Uma solução radical para os problemas de irritação e inflamação da pele\n \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n O produto contém 2% de niacinamida, um ingrediente eficaz cientificamente comprovado no fortalecimento da barreira cutânea, acalmando a inflamação e reduzindo a vermelhidão causada por fatores ambientais ou irritações diárias.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Section --\u003e\n\u003cimg alt=\"Benefícios da água de ginseng\" class=\"ginseng-main-image ginseng-fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/blog-boj-ginseng-water-review-cover-830x518_1.webp?v=1744744064\"\/\u003e\n\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 Um tremendo hidratante para a pele\n \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n As saponinas ativas encontradas na água de ginseng atraem e fixam a umidade profundamente na pele, deixando-a hidratada por mais tempo sem a necessidade de reaplicação.Ideal para quem sofre de ressecamento crônico ou pele rachada.\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 Pele mais lisa, clara e brilhante\n \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n Ao suavizar a textura da pele, regular a secreção de óleo e ajudar a reduzir a aparência de poros dilatados, este tônico contribui para melhorar a clareza geral da pele.A niacinamida também atua clareando a pigmentação e unificando a cor, deixando o rosto com um brilho mais uniforme e claro.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-feature-title\"\u003e\n\u003ci class=\"fas fa-sun ginseng-feature-icon\"\u003e\u003c\/i\u003e\n Especialista em tratamento de desbotamento\n \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n O constante embotamento do rosto não é causado apenas pelo cansaço, mas também pela falta de elementos da pele que estimulem a sua regeneração natural.A água de ginseng fornece energia às células da pele e reativa a microcirculação do rosto, restaurando seu brilho e brilho naturais.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Section --\u003e\n\u003cimg alt=\"Ingredientes da água de ginseng\" class=\"ginseng-main-image ginseng-fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Ginseng_Essence_Water.png?v=1744744535\"\/\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"ginseng-ingredients ginseng-fade-in\"\u003e\n\u003ch3 class=\"ginseng-section-title\"\u003eFórmula altamente avançada de água de ginseng e niacinamida!\u003c\/h3\u003e\n\u003cp style=\"text-align: center; margin-bottom: 20px;\"\u003eEsta fórmula meticulosamente desenvolvida combina ciência e tradição, com ingredientes cuidadosamente pensados:\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Água de raiz de ginseng coreano\u003c\/div\u003e\n\u003cdiv class=\"ginseng-ingredient-percentage\"\u003e80%\u003c\/div\u003e\n\u003cp\u003eO ingrediente essencial para o rejuvenescimento da pele\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-ingredient ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-ingredient-title\"\u003eNiacinamida\u003c\/div\u003e\n\u003cdiv class=\"ginseng-ingredient-percentage\"\u003e2%\u003c\/div\u003e\n\u003cp\u003ePara unificar o tom da pele e reduzir a inflamação\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-ingredient ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-ingredient-title\"\u003eComponentes adicionais\u003c\/div\u003e\n\u003cdiv style=\"color: #d4a017; font-size: 24px; margin: 10px 0;\"\u003e\n\u003ci class=\"fas fa-plus-circle\"\u003e\u003c\/i\u003e\n\u003c\/div\u003e\n\u003cp\u003ePantenol, alantoína, extrato fermentado de ginseng, ácido hialurônico\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; margin-top: 20px;\"\u003eCada ingrediente funciona em conjunto para lhe proporcionar os melhores resultados com o mínimo esforço e sem qualquer irritação.\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\"\u003ePrincipais benefícios\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\u003eApoie a pele jovem e reconstrua-a\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003eEstimular a circulação sanguínea e rejuvenescer a pele\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\u003eHidratação profunda e nutrição imediata para a pele\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\u003eAbsorção rápida sem efeito oleoso\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\u003eFortalecendo a barreira da pele e acalmando a inflamação\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\u003eReduza a vermelhidão e irritação\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003eHidratar a pele por longos períodos\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\u003eSuaviza a textura da pele e regula a secreção de óleo\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\"\u003eComo usar\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-steps\"\u003e\n\u003cdiv class=\"ginseng-step ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ginseng-step-content\"\u003e\n Após limpar a pele, aplique uma pequena quantidade nas mãos ou em um pedaço de algodão\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 Limpe suavemente o rosto e pescoço em movimentos circulares\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-step ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ginseng-step-content\"\u003e\n Deixe até que seja completamente absorvido antes de aplicar o próximo produto de sua rotina\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 \/\/ HDSD MSUm UmeuUmnUmpR UmeuMRUmD HRSeUm\n const fadeElements = document.querySelectorAll(\".ginseng-fade-in');\n \n \/\/ EmShUm MRUm eueuUmnUmpR UmnD EleReUm Em UmeuShUmSh\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n \/\/ UmnD EleR Artigo Em UmeuShUmSh\n if (entry.isIntersecting) {\n \/\/ Add euUmS euUmSeu UmeuHRS\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\u003eSUPER PROTEÇÃO: Protetor solar com cuidado coreano\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Introduction Section --\u003e\n\u003cdiv class=\"intro-section fade-in\"\u003e\n\u003cp\u003e: \u003cstrong\u003eBeauty of Joseon Relief Sun: Rice + Probiotics SPF50+ PA++++ (50ml)\u003c\/strong\u003e É um protetor solar coreano inovador que combina proteção de amplo espectro com forte FPS50+ PA++++ e uma fórmula rica em nutrientes para hidratar e nutrir profundamente a pele.Este protetor contém 30% de extrato de arroz fermentado e uma mistura de probióticos que reequilibram o microbioma da pele e acalmam a vermelhidão e o ressecamento.Graças à sua textura leve e brilhante que desaparece instantaneamente sem deixar película oleosa ou branca, Relief Sun combina eficácia e conforto diário para todos os tipos de pele, mesmo as sensíveis.\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\u003eProteção abrangente sem compromisso\u003c\/h2\u003e\n\u003ch3\u003e- Formulação avançada para prevenir danos causados pelo sol -\u003c\/h3\u003e\n\u003cp\u003eRelief Sun oferece proteção eficaz contra os raios UVA e UVB através de filtros químicos avançados que garantem FPS50+ PA++++, reduzindo o risco de queimaduras solares e hiperpigmentação resultantes da exposição solar diária.Fórmula sem fragrância, sem álcool e com classificação segura (EWG Green Level), adequada para peles sensíveis e pessoas com alergia a filtros solares convencionais.\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\u003eDupla de hidratação e nutrição: arroz e probióticos em um só blend\u003c\/h2\u003e\n\u003ch3\u003e- Ingredientes naturais para hidratação profunda e calmante instantâneo -\u003c\/h3\u003e\n\u003cdiv class=\"two-column-section\"\u003e\n\u003cdiv class=\"column\"\u003e\n\u003cimg alt=\"Beauty of Joseon Relief Sun Ingredients\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_relief_sun_rice_probiotics.webp?v=1745773561\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"column\"\u003e\n\u003cp\u003eRelief Sun combina 30% de extrato de arroz fermentado com uma mistura de probióticos e grãos fermentados, ricos em vitaminas B, C, E, aminoácidos e minerais, para proporcionar hidratação instantânea à pele e acalmar a vermelhidão e ressecamento ao longo do dia.\u003c\/p\u003e\n\u003cp\u003eA fórmula também é enriquecida com niacinamida, que equilibra os níveis de oleosidade e hidratação da pele, minimizando o tamanho dos poros para uma aparência mais suave e preenchida.\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\u003eComo funciona o produto?\u003c\/h2\u003e\n\u003ch3\u003e- A tecnologia hidratante sinergiza com a proteção solar -\u003c\/h3\u003e\n\u003cdiv class=\"process-steps\"\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eComeço da calma\u003c\/div\u003e\n\u003cp\u003eAo aplicar o protetor, os probióticos e o arroz fermentado acalmam a pele e acalmam a sensação de ressecamento e vermelhidão.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eBarreira protetora forte\u003c\/div\u003e\n\u003cp\u003eOs filtros SPF50+ PA++++ refletem e absorvem os raios nocivos antes que eles penetrem na pele.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eHidratante e nutritivo\u003c\/div\u003e\n\u003cp\u003eO arroz fermentado libera seus ingredientes hidratantes profundamente na pele, enquanto a niacinamida reforça a barreira natural da pele à água.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eAcabamento leve\u003c\/div\u003e\n\u003cp\u003eA textura do gel brilhante é rapidamente absorvida, deixando a pele macia, sem qualquer tom branco ou pegajoso irritante.\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\u003eO segredo da excelência: Por que a Relief Sun supera os outros?\u003c\/h2\u003e\n\u003ch3\u003e- Resultados práticos e experiência de usuário confiável -\u003c\/h3\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eTextura irresistível\u003c\/h4\u003e\n\u003cp\u003eLeve como o ar, funde-se com a pele sem deixar vestígios de oleosidade ou alvura irritante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eEficácia comprovada\u003c\/h4\u003e\n\u003cp\u003eUm dos protetores solares mais bem avaliados do mundo, com classificações superiores a 4,5 estrelas de milhões de usuários\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eFórmula científica e natural\u003c\/h4\u003e\n\u003cp\u003eCombina filtros químicos avançados com extratos orgânicos tradicionais de arroz fermentado e probióticos, para garantir proteção e hidratação completas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eReconhecimento de especialista\u003c\/h4\u003e\n\u003cp\u003eApoiado pela recomendação da Allure como um dos melhores protetores solares coreanos por sua combinação de proteção e estilo, e endossado por dermatologistas graças à sua fórmula segura e eficaz.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eAdequado para todas as condições\u003c\/h4\u003e\n\u003cp\u003eFunciona perfeitamente em condições de alta umidade e evita a sensação de peso ou escorregadio, sendo a escolha perfeita para uso diário com ou sem maquiagem.\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\"\u003eProteja sua pele com a máxima elegância coreana\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003eDesfrute de proteção FPS50+ com hidratação e nutrição profundas em um só produto.Diga adeus aos protetores solares pesados ​​e brancos e olá a um brilho saudável e protegido durante todo o dia!\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eCompre agora\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Add subtle animations and interactions\n (function() {\n \/\/ Function to handle fade-in animations\n const observeElements = (elements, callback) =\u003e {\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n callback(entry.target);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n \n elements.forEach(el =\u003e observer.observe(el));\n };\n \n \/\/ Apply animations to fade-in elements when they come into view\n observeElements(document.querySelectorAll('.fade-in'), (element) =\u003e {\n setTimeout(() =\u003e {\n element.classList.add('visible');\n }, 100);\n });\n \n \/\/ Add hover effects to process steps\n document.querySelectorAll('.process-step').forEach(step =\u003e {\n step.addEventListener('mouseenter', () =\u003e {\n step.style.transform = 'translateX(-5px)';\n });\n \n step.addEventListener('mouseleave', () =\u003e {\n step.style.transform = '';\n });\n });\n })();\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44691703300293,"sku":"","price":950.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/51KXcVZceoL.jpg?v=1745768552"},{"product_id":"beauty-of-joseon-light-on-serum-30ml","title":"BEAUTY OF JOSEON Light On Whitening Serum com Extrato de Centella e Vita C, Tamanho 30 ml","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n \/* Base styles *\/\n .product-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 20px;\n color: #333;\n line-height: 1.6;\n direction: ltr;\n \n background-color: #ffffff;\n }\n\n \/* Typography *\/\n .product-container h1, \n .product-container h2 {\n color: #9C8102;\n margin-top: 1.8em;\n margin-bottom: 0.8em;\n font-weight: 700;\n }\n\n .product-container h1 {\n font-size: 2.2rem;\n text-align: center;\n position: relative;\n }\n \n .product-container h1::after {\n content: '';\n display: block;\n width: 100px;\n height: 3px;\n background-color: #9C8102;\n margin: 15px auto 0;\n }\n\n .product-container h2 {\n font-size: 1.6rem;\n position: relative;\n }\n \n .product-container h2::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n margin-top: 10px;\n }\n\n .product-container p {\n font-size: 1.1rem;\n margin-bottom: 1.2em;\n line-height: 1.8;\n }\n\n .product-container strong {\n color: #9C8102;\n font-weight: bold;\n }\n \n .product-container ul {\n padding-right: 20px;\n margin: 1.5em 0;\n }\n \n .product-container li {\n margin-bottom: 1em;\n position: relative;\n }\n \n .product-container li p {\n margin-bottom: 0.5em;\n }\n\n \/* Hero section *\/\n .hero-section {\n text-align: center;\n margin-bottom: 40px;\n background-color: #ffffff;\n }\n\n .hero-image {\n max-width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n margin: 30px 0;\n transition: transform 0.5s ease;\n }\n\n .hero-image:hover {\n transform: scale(1.02);\n }\n\n \/* Feature section *\/\n .feature-section {\n background-color: #ffffff;\n border-radius: 15px;\n padding: 30px;\n margin: 40px 0;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n border: 1px solid #f0f0f0;\n }\n \n \/* Info box *\/\n .info-box {\n background-color: #f9f9f9;\n border-radius: 15px;\n padding: 30px;\n margin: 30px 0;\n position: relative;\n }\n \n .info-box::after {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n width: 4px;\n background-color: #9C8102;\n border-radius: 0 15px 15px 0;\n }\n\n \/* List items with custom bullets *\/\n .custom-list {\n list-style: none;\n padding: 0;\n }\n \n .custom-list li {\n padding-right: 25px;\n position: relative;\n margin-bottom: 15px;\n }\n \n .custom-list li::before {\n content: '';\n position: absolute;\n right: 0;\n top: 10px;\n width: 8px;\n height: 8px;\n background-color: #9C8102;\n border-radius: 50%;\n }\n\n \/* Benefits grid *\/\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 30px 0;\n }\n \n .benefit-card {\n background-color: #ffffff;\n border-radius: 15px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n border: 1px solid #f0f0f0;\n transition: transform 0.3s ease;\n }\n \n .benefit-card:hover {\n transform: translateY(-8px);\n }\n \n .benefit-title {\n color: #9C8102;\n font-weight: bold;\n font-size: 1.1rem;\n margin-bottom: 10px;\n }\n\n \/* Testimonials section *\/\n .testimonials-section {\n background-color: #fafafa;\n border-radius: 15px;\n padding: 30px;\n margin: 40px 0;\n }\n \n .testimonials-title {\n text-align: center;\n margin-bottom: 30px;\n }\n \n .testimonials-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n }\n \n .testimonial-card {\n background-color: #ffffff;\n border-radius: 10px;\n padding: 20px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n }\n \n .testimonial-highlight {\n color: #9C8102;\n font-weight: bold;\n font-size: 1.1rem;\n margin-bottom: 10px;\n }\n\n \/* Call to action - Black *\/\n .cta-section {\n background: #000000;\n color: white;\n padding: 40px;\n border-radius: 15px;\n text-align: center;\n margin: 40px 0;\n }\n \n .cta-title {\n color: white;\n font-size: 1.6rem;\n margin-bottom: 20px;\n position: relative;\n }\n \n .cta-title::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n margin: 15px auto 0;\n }\n \n .cta-text {\n font-size: 1.1rem;\n margin-bottom: 30px;\n color: white;\n }\n \n .cta-button {\n display: inline-block;\n padding: 12px 35px;\n background-color: #9C8102;\n color: white;\n font-weight: bold;\n border-radius: 30px;\n text-decoration: none;\n font-size: 1.1rem;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\n }\n \n .cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);\n background-color: #b49a1c;\n }\n\n \/* Separator *\/\n .separator {\n height: 1px;\n background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.3), transparent);\n margin: 40px 0;\n width: 100%;\n }\n\n \/* Animation classes *\/\n .fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Ingredients section *\/\n .ingredients-section {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n margin: 40px 0;\n gap: 30px;\n }\n \n .ingredients-image {\n flex: 1;\n min-width: 300px;\n }\n \n .ingredients-content {\n flex: 1;\n min-width: 300px;\n }\n \n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .benefits-grid,\n .testimonials-grid {\n grid-template-columns: 1fr;\n }\n \n .ingredients-section {\n flex-direction: column;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section fade-in\"\u003e\n\u003ch1\u003eBeauty of Joseon Light On Serum (Centella + Vita C) – brilho radiante coreano\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\u003eBrilho desobstruído: a importância de tratar a pigmentação e rejuvenescer a pele\u003c\/h2\u003e\n\u003cp\u003eA pigmentação e as manchas escuras não apenas reduzem a beleza da pele, mas também fazem com que ela pareça opaca e mais velha do que realmente é.O tratamento de pigmentação restaura o equilíbrio natural da pele, deixando-a mais clara, leve e radiante.A vitamina C desempenha um papel essencial na redução da pigmentação e na unificação da cor, além de estimular a produção de colágeno, que rejuvenesce a pele e melhora sua elasticidade.Quando a sua pele permanece uniforme e luminosa, a sua autoconfiança brilha diante do mundo inteiro.\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\u003eA magia da herança coreana e da inovação moderna\u003c\/h2\u003e\n\u003cp\u003eLight On Serum Este produto é a personificação da arte coreana de cuidados com a pele.Contém 68% de extrato orgânico de Centella Asiática - a planta lendária famosa por sua capacidade milagrosa de acalmar a pele e renovar suas células.Apoiado nas mais recentes técnicas de estabilização da vitamina C, o sérum proporciona a máxima eficácia no clareamento e no tratamento da pigmentação sem qualquer irritação.Um toque de herança e um toque de inovação... e o resultado: verdadeira magia na sua pele.\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\u003eComo funciona o sérum: Uma dupla única de brilho e hidratação\u003c\/h2\u003e\n\u003cul class=\"custom-list\"\u003e\n\u003cli\u003e\n\u003cp\u003eAssim que você aplica o soro na pele, o extrato de Centella começa a hidratá-la e a acalmar qualquer vermelhidão ou inflamação.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eA vitamina C estabilizada penetra com segurança na pele, reduz a produção de melanina e clareia gradualmente a pigmentação teimosa.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eCom o uso regular, você notará que sua pele fica mais macia, clara e livre de manchas, com hidratação profunda que a mantém firme e brilhante.\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\u003ePrincipais ingredientes e seu papel: Vitamina C e Centella no cuidado da sua pele\u003c\/h2\u003e\n\u003cul class=\"custom-list\"\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eVitamina C (ácido 3-O-etil ascórbico 10%)\u003c\/strong\u003e: Um poderoso antioxidante que unifica o tom da pele, clareia manchas escuras e ativa a produção de colágeno para melhorar a aparência de linhas finas e rugas.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eExtrato de Centela Asiática (68%)\u003c\/strong\u003e: Uma planta terapêutica que acalma a pele irritada, estimula a regeneração das células da pele e aumenta a hidratação profunda para manter a elasticidade e a saúde da pele.\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\u003eO segredo da excelência: Porque é que este sérum é diferente de tudo o que já experimentou?\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\"\u003eFórmula leve é rapidamente absorvida\u003c\/h3\u003e\n\u003cp\u003eNão há sensação gordurosa ou camada pegajosa, mas sim suavidade e brilho claro.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eAlta concentração de ingredientes ativos\u003c\/h3\u003e\n\u003cp\u003eA quantidade de Vitamina C e Centella é superior à da maioria dos séruns concorrentes, o que significa resultados mais rápidos e fortes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eIdeal para peles sensíveis\u003c\/h3\u003e\n\u003cp\u003eLivre de perfumes e álcool, acalma a pele em vez de irritá-la.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eResultados duplos\u003c\/h3\u003e\n\u003cp\u003eIlumine e combata os sinais de envelhecimento em uma única etapa.\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\"\u003eAvaliações de usuários: histórias reais de sucesso\u003c\/h2\u003e\n\u003cdiv class=\"testimonials-grid\"\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003eResultados visíveis desde as primeiras semanas\u003c\/h3\u003e\n\u003cp\u003eA maioria dos usuários notou uma clara diferença na unificação do tom da pele e no aumento do brilho em poucas semanas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003eTextura leve e confortável\u003c\/h3\u003e\n\u003cp\u003eTodos elogiaram que sua textura é leve e de fácil absorção, ideal até para os dias quentes de verão.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003eAdequado para peles sensíveis\u003c\/h3\u003e\n\u003cp\u003eMuitas pessoas com pele sensível confirmaram que ajudou a acalmar a pele sem qualquer irritação.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003eSatisfação total e recomendações extensas\u003c\/h3\u003e\n\u003cp\u003eUma grande porcentagem dos que experimentaram adoraram tanto que o recompraram mais de uma vez.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action Section - Black Box --\u003e\n\u003cdiv class=\"cta-section fade-in\"\u003e\n\u003ch2 class=\"cta-title\"\u003eDescubra o segredo do brilho coreano hoje\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003ePele mais brilhante e luminosa em um simples passo.Diga adeus às manchas escuras e à hiperpigmentação e olá à pele brilhante!\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eCompre agora\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":"Beauty of Joseon Deep Glow Serum com Arroz e Alfa-Arbutina para iluminar a pele.","description":"\u003cdiv class=\"joseon-product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"joseon-hero\"\u003e\n\u003cdiv class=\"hero-image\"\u003e\n\u003cimg alt=\"Beauty of Joseon Glow Deep Serum\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_2.webp?v=1747571948\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003ch1 class=\"accent-text\"\u003eBeauty of Joseon Deep Serum: Quando a herança ancestral encontra a ciência do futuro\u003c\/h1\u003e\n\u003cp class=\"hero-description\"\u003eNo centro deste soro milagroso está o segredo de beleza das imperatrizes coreanas (\u003cstrong\u003e68% de água de farelo de arroz\u003c\/strong\u003e(Com o mais poderoso ingrediente científico moderno para clarear a pele)\u003cstrong\u003e2% alfa arbutina\u003c\/strong\u003e).\u003c\/p\u003e\n\u003cp class=\"hero-conclusion\"\u003e\u003cstrong\u003eO resultado?Uma verdadeira revolução\u003c\/strong\u003e No mundo do clareamento e unificação da cor da pele de forma segura, eficaz e rápida.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Traditional Wisdom Section --\u003e\n\u003cdiv class=\"section tradition-section\"\u003e\n\u003cdiv class=\"section-image right-image\"\u003e\n\u003cimg alt=\"Traditional Korean Beauty Secret\" class=\"section-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_1.webp?v=1747571949\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003ch2 class=\"section-title accent-text\"\u003eUm antigo tesouro coreano com tecnologia moderna\u003c\/h2\u003e\n\u003cp\u003eDesde a era da antiga dinastia coreana Joseon, conhecemos o segredo de beleza das imperatrizes coreanas que usavam água de farelo de arroz como “água de beleza” para uma pele radiante e perfeita.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product Introduction --\u003e\n\u003cdiv class=\"section product-intro\"\u003e\n\u003cdiv class=\"intro-image\"\u003e\n\u003cimg alt=\"Beauty of Joseon Glow Deep Serum\" class=\"full-width-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum.webp?v=1747572064\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"intro-content\"\u003e\n\u003ch2 class=\"intro-title accent-text\"\u003eGlow Deep Serum da Beauty of Gossion: a ciência do clareamento da pele em sua forma mais pura\u003c\/h2\u003e\n\u003cp\u003eEste sérum combina o poder de centenas de anos de herança coreana com as mais recentes descobertas na ciência dos cuidados com a pele numa fórmula única que contém:\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"section ingredients-section\"\u003e\n\u003ch2 class=\"section-title accent-text\"\u003eIngredientes ultrapoderosos e eficazes:\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Água concentrada de farelo de arroz \u003cspan class=\"counter\" data-target=\"68\"\u003e0\u003c\/span\u003e%\u003c\/h3\u003e\n\u003cp\u003eNão é apenas um ingrediente hidratante comum... mas um tesouro nutricional para a pele:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eRico em aminoácidos essenciais para construir novas células\u003c\/li\u003e\n\u003cli\u003eCheio de minerais que estimulam a circulação sanguínea e criam um brilho natural\u003c\/li\u003e\n\u003cli\u003eContém enzimas naturais que esfoliam suavemente a pele e renovam suas células\u003c\/li\u003e\n\u003cli\u003eHistoricamente conhecido pela sua capacidade de clarear e unificar o tom da pele de forma segura\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-image\"\u003e\n\u003cimg alt=\"Alpha Arbutin\" class=\"ingredient-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_7.webp?v=1747571949\"\/\u003e\n\u003cdiv class=\"arbutin-animation\"\u003e\n\u003cdiv class=\"molecule molecule1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"molecule molecule2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"molecule molecule3\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-content\"\u003e\n\u003ch3 class=\"ingredient-title accent-text\"\u003eConcentração de alfa-arbutina \u003cspan class=\"counter\" data-target=\"2\"\u003e0\u003c\/span\u003e% (porcentagem cientificamente ideal)\u003c\/h3\u003e\n\u003cp\u003eIngrediente japonês avançado que supera todos os clareadores de pele tradicionais:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eMais forte com \u003cspan class=\"counter\" data-target=\"10\"\u003e0\u003c\/span\u003e vezes a beta-arbutina usada na maioria dos produtos\u003c\/li\u003e\n\u003cli\u003eInibe com segurança a enzima tirosinase responsável pela produção de melanina\u003c\/li\u003e\n\u003cli\u003eTem como alvo manchas escuras em suas raízes sem irritar a pele\u003c\/li\u003e\n\u003cli\u003ePrevine o aparecimento de nova pigmentação com uso regular\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Features Section --\u003e\n\u003cdiv class=\"section features-section\"\u003e\n\u003cdiv class=\"features-image\"\u003e\n\u003cimg alt=\"Product Features\" class=\"full-width-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_3.webp?v=1747571949\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title accent-text\"\u003eRecursos exclusivos o tornam o número um em clareamento da pele:\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e\n\u003cdiv class=\"droplet-animation\"\u003e\n\u003cdiv class=\"droplet\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3 class=\"feature-title accent-text\"\u003eFórmula leve e de rápida absorção\u003c\/h3\u003e\n\u003cp\u003eAo contrário dos produtos clareadores gordurosos e pesados, Glow Deep Serum:\u003c\/p\u003e\n\u003cul class=\"check-list\"\u003e\n\u003cli\u003ePenetra imediatamente nas camadas profundas da pele\u003c\/li\u003e\n\u003cli\u003eNão deixa vestígios de oleosidade ou brilho\u003c\/li\u003e\n\u003cli\u003eIdeal para todos os tipos de pele (mesmo oleosa e mista)\u003c\/li\u003e\n\u003cli\u003ePode ser usado diretamente antes da maquiagem sem problemas\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e\n\u003cdiv class=\"results-animation\"\u003e\n\u003cdiv class=\"chart-bar bar1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"chart-bar bar2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"chart-bar bar3\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3 class=\"feature-title accent-text\"\u003eResultados cientificamente comprovados\u003c\/h3\u003e\n\u003cul class=\"check-list\"\u003e\n\u003cli\u003eClarear manchas escuras em até \u003cspan class=\"counter\" data-target=\"43\"\u003e0\u003c\/span\u003e% em 4 semanas\u003c\/li\u003e\n\u003cli\u003eUnifique o tom da pele e reduza as diferenças de cor\u003c\/li\u003e\n\u003cli\u003eAumentar o brilho e o frescor da pele\u003c\/li\u003e\n\u003cli\u003eMelhorar a saúde geral da pele e a força da sua barreira protetora\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\"\u003eJornada de transformação com Glow Deep Serum:\u003c\/h2\u003e\n\u003cdiv class=\"timeline-table-container\"\u003e\n\u003ctable class=\"timeline-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003epalco\u003c\/th\u003e\n\u003cth\u003eResultado esperado\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\u003eA primeira semana\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003eHidratação profunda, suavidade perceptível, brilho inicial\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"timeline-row\"\u003e\n\u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eA segunda semana\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003eO início do clareamento de manchas antigas, unificação gradual da cor\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"timeline-row\"\u003e\n\u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eQuarta semana\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003eMelhoria visível em manchas e tom, pele mais saudável\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"timeline-row\"\u003e\n\u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eO segundo mês\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003eTransformação completa – pele radiante, uniforme e saudável\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"section usage-section\"\u003e\n\u003cdiv class=\"usage-image\"\u003e\n\u003cimg alt=\"How to Use\" class=\"full-width-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_4.webp?v=1747571949\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title accent-text\"\u003eIdeal como usar:\u003c\/h2\u003e\n\u003cdiv class=\"steps-container\"\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003eAplique 2-3 gotas na pele limpa e hidratada\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003eMassageie suavemente em movimentos circulares do centro para fora\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003eUse-o de manhã e à noite para obter melhores resultados\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\"\u003eCertifique-se de usar protetor solar durante o dia para manter os resultados\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"joseon-cta\"\u003e\n\u003ch2 class=\"cta-heading accent-text\"\u003e“O verdadeiro brilho da sua pele está lá... mas precisa da chave certa.”\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003eA história antiga da Coreia + ciência japonesa avançada = pele perfeita e com tom uniforme.\u003c\/p\u003e\n\u003cp class=\"cta-conclusion\"\u003eGlow Deep Serum da Beauty of Gossion - \u003cstrong\u003ePorque a sua pele merece brilhar com a sua cor natural e uniforme.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eEncomende agora\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 = 'Concluído UmeuAdd eu UmeuSeu!';\n setTimeout(() =\u003e {\n this.textContent = 'Encomende agora';\n }, 2000);\n });\n }\n}\n\u003c\/script\u003e\n\u003c\/div\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44730295582917,"sku":"","price":990.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/BeautyofjoseonGlowDeepSerumRice_Alpha-ArbutinBrighteningSerum_1.jpg?v=1747572137"},{"product_id":"beauty-of-joseon-revive-serum","title":"Beauty of Joseon Skin Revitalization Serum com ginseng e secreção de caracol para rejuvenescimento e elasticidade da pele.","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\"\u003eA ciência prova: Ginseng + muco de caracol = a equação perfeita da juventude\u003c\/h1\u003e\n\u003cp class=\"subtitle slide-up\"\u003eBeauty of Joseon Revive Serum: uma fórmula científica avançada que reprograma as células da pele\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Key Benefits Grid --\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title\"\u003ePrincipais usos\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\u003eTratamento de desbotamento\u003c\/h3\u003e\n\u003cp\u003eGinseng 63% estimula a circulação sanguínea e restaura o brilho natural da pele cansada em duas semanas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"200\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eAntioxidante\u003c\/h3\u003e\n\u003cp\u003e15 tipos de ginsenosídeos protegem a pele dos radicais livres, poluição e raios nocivos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"300\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⏰\u003c\/div\u003e\n\u003ch3\u003eAnti-rugas\u003c\/h3\u003e\n\u003cp\u003eO muco de caracol 3% estimula a produção de colágeno e reduz o aparecimento de linhas finas e rugas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"400\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003eHidratante profundo\u003c\/h3\u003e\n\u003cp\u003eO ácido hialurônico natural retém a umidade da pele por 12 horas seguidas.\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\u003eMelhora a textura da pele\u003c\/h3\u003e\n\u003cp\u003eAs proteínas naturais suavizam a textura da pele e reduzem a aparência dos poros e da aspereza.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"600\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eAcalma a vermelhidão\u003c\/h3\u003e\n\u003cp\u003eA alantoína no muco do caracol reduz a inflamação e a irritação e acalma a pele sensível.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Science Section --\u003e\n\u003cdiv class=\"science-section\"\u003e\n\u003cdiv class=\"ingredient-showcase\"\u003e\n\u003cdiv class=\"ingredient-card ginseng-card\"\u003e\n\u003cimg alt=\"Ginseng\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_5_c8f51ca2-5353-4586-a78a-f3c95b3cb1b3.jpg?v=1748094708\"\/\u003e\n\u003cdiv class=\"ingredient-info\"\u003e\n\u003ch3\u003eGinseng 63% – motor de regeneração celular\u003c\/h3\u003e\n\u003cdiv class=\"molecular-animation\"\u003e\n\u003cdiv class=\"molecule\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"molecule\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"molecule\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eSaponina Ativa: estimula a microcirculação em 40%\u003c\/li\u003e\n\u003cli\u003eGinsenosídeos: estimulam a produção natural de colágeno\u003c\/li\u003e\n\u003cli\u003eAntioxidantes poderosos: combatem os radicais livres\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\u003eMuco de Caracol Purificado 3% - um milagre de reparação e renovação\u003c\/h3\u003e\n\u003cdiv class=\"repair-animation\"\u003e\n\u003cdiv class=\"cell\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cell\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cell\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003col class=\"ingredient-process\"\u003e\n\u003cli\u003ePenetra nas camadas profundas da pele\u003c\/li\u003e\n\u003cli\u003eEstimula a produção de novo colágeno\u003c\/li\u003e\n\u003cli\u003eRepara DNA danificado\u003c\/li\u003e\n\u003cli\u003ePromove a renovação celular\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Centella Asiatica Section --\u003e\n\u003cdiv class=\"centella-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eComponentes auxiliares: uma equipa científica integrada\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🌿 Extrato de Centella asiática\u003c\/h3\u003e\n\u003cdiv class=\"compound-list\"\u003e\n\u003cdiv class=\"compound-item\" data-aos=\"fade-left\" data-delay=\"100\"\u003e\n\u003cdiv class=\"compound-icon\"\u003e🧬\u003c\/div\u003e\n\u003cdiv class=\"compound-details\"\u003e\n\u003ch4\u003eÁcido asiático\u003c\/h4\u003e\n\u003cp\u003eEstimula a produção de colágeno tipo 1 e 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\u003eMadencasídeo\u003c\/h4\u003e\n\u003cp\u003eUm antiinflamatório natural que acalma instantaneamente a vermelhidão\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\u003eAsiaticosídeo\u003c\/h4\u003e\n\u003cp\u003eAcelera a cicatrização de pequenas feridas e irritações\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Clinical Results --\u003e\n\u003cdiv class=\"results-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eResultados científicos testados em laboratório\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\u003eDepois de uma semana\u003c\/h3\u003e\n\u003cdiv class=\"stats-grid\"\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-number\" data-target=\"78\"\u003e0\u003c\/span\u003e%\n \u003cspan class=\"stat-label\"\u003eSuavidade instantânea\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-number\" data-target=\"65\"\u003e0\u003c\/span\u003e%\n \u003cspan class=\"stat-label\"\u003eBrilho melhorado\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\"\u003eReduzir a vermelhidão\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\u003eQuatro semanas depois\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\"\u003eMelhorar a flexibilidade\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\"\u003eReduzir rugas\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\"\u003eHidratação profunda\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Smart Mucin Technology --\u003e\n\u003cdiv class=\"technology-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e Fórmula tecnologicamente avançada\u003c\/h2\u003e\n\u003cdiv class=\"technology-grid\"\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3\u003eInovação em textura\u003c\/h3\u003e\n\u003cdiv class=\"tech-features\"\u003e\n\u003cdiv class=\"tech-feature\" data-aos=\"zoom-in\" data-delay=\"100\"\u003e\n\u003cdiv class=\"tech-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch4\u003eNanopartículas\u003c\/h4\u003e\n\u003cp\u003ePenetra facilmente na pele\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\u003eTecnologia de liberação gradiente\u003c\/h4\u003e\n\u003cp\u003ePara ingredientes ativos\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\u003ePelícula de proteção temporária\u003c\/h4\u003e\n\u003cp\u003eBloqueia a umidade abaixo da superfície da pele\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\u003eAbsorção rápida\u003c\/h4\u003e\n\u003cp\u003eSem deixar nenhum resíduo gorduroso\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-timeline\"\u003e\n\u003ch3\u003eA diferença que você sente\u003c\/h3\u003e\n\u003cdiv class=\"experience-steps\"\u003e\n\u003cdiv class=\"experience-step\" data-time=\"instant\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ Aplicação instantânea\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003ePropagação sedosa instantânea\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-step\" data-time=\"1min\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ Dentro de um minuto\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eAbsorção completa e sensação confortável\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-step\" data-time=\"5min\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ Após 5 minutos\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eSuavidade aveludada e brilho natural\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-step\" data-time=\"allday\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ O dia todo\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eHidratação contínua e proteção eficaz\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Why Choose Section --\u003e\n\u003cdiv class=\"why-choose-section\"\u003e\n\u003ch2 class=\"section-title\"\u003ePor que escolher o Sérum Revive?A evidência científica não mente\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\u003eConcentração ideal calculada cientificamente\u003c\/h3\u003e\n\u003cul class=\"proof-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e63% ginseng\u003c\/strong\u003e: Concentração ideal de eficácia sem irritação\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e3% muco de caracol\u003c\/strong\u003e: A proporção comprovada para melhores resultados\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEquilíbrio perfeito\u003c\/strong\u003e: Entre força e segurança para uso diário\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\u003eTestado e certificado\u003c\/h3\u003e\n\u003cul class=\"proof-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eTestes de alergia\u003c\/strong\u003e: Seguro para peles sensíveis\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTestes de eficácia\u003c\/strong\u003eResultados comprovados em 28 dias\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTestes de qualidade\u003c\/strong\u003e: Padrões internacionais rigorosos\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\u003eTecnologia única\u003c\/h3\u003e\n\u003cul class=\"proof-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eNão causa poros obstruídos\u003c\/strong\u003e: Testado dermatologicamente\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCompatível com todos os tipos de pele\u003c\/strong\u003e: De seco a oleoso\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFunciona com outros produtos\u003c\/strong\u003e: Não interfere na sua rotina de cuidados\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\"\u003eInvista na ciência... invista na sua pele\u003c\/h2\u003e\n\u003cp class=\"investment-tagline\"\u003eVocê não encontrará outra fórmula que combine o poder do ginseng natural com o milagre do muco purificado do caracol em um equilíbrio tão perfeito.\u003c\/p\u003e\n\u003cdiv class=\"final-results\"\u003e\n\u003ch3\u003eO resultado final: pele cientificamente saudável\u003c\/h3\u003e\n\u003cdiv class=\"final-benefits\"\u003e\n\u003cdiv class=\"final-benefit\" data-aos=\"fade-up\" data-delay=\"100\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🔄\u003c\/span\u003e\n\u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eCélulas renovadas\u003c\/strong\u003e Funciona de forma muito eficiente\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-benefit\" data-aos=\"fade-up\" data-delay=\"200\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🛡️\u003c\/span\u003e\n\u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eBarreira natural forte\u003c\/strong\u003e Protege de fatores externos\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-benefit\" data-aos=\"fade-up\" data-delay=\"300\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e💧\u003c\/span\u003e\n\u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eHidratação profunda\u003c\/strong\u003e Dura 72 horas\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-benefit\" data-aos=\"fade-up\" data-delay=\"400\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🌟\u003c\/span\u003e\n\u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eFlexibilidade melhorada\u003c\/strong\u003e Até 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\u003eBrilho natural\u003c\/strong\u003e Sem maquiagem\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\"\u003eComo usar\u003c\/h2\u003e\n\u003cdiv class=\"usage-container\"\u003e\n\u003cdiv class=\"usage-video\"\u003e\n\u003cvideo autoplay=\"\" loop=\"\" muted=\"\" onloadstart=\"this.muted=true\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/a658a0f994a34d3da3dd6f5136de09b2.mp4\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step\" data-step=\"1\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cp\u003eLimpe bem o rosto\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\u003eAplique 3 ou 4 gotas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\" data-step=\"3\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cp\u003eMassageie suavemente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\" data-step=\"4\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cp\u003eUse de manhã e à noite\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients --\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTodos os componentes\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-container\"\u003e\n\u003cp class=\"ingredients-text\"\u003ePanax Ginseng Root Water, Water, Butylene Glycol, Dipropylene Glycol, 1,2-Hexanediol, Glycerin, Niacinamide, Propanediol, Trehalose, Snail Secretion Filtrate, Carbomer, Tromethamine, Xanthan Gum, Malt Extract, Sodium Polyacrylate, Adenosine, Glyceryl Acrylate\/Acrylic Acid Copolymer, Disodium Edta, Panax Ginseng Root Extract, Ganoderma Lucidum (Mushroom) Extract, Phellinus Linteus Extract, Centella Asiatica Extract, Sodium Hyaluronate, Hydrolyzed Hyaluronic Acid, Forsythia Suspensa Fruit Extract, Lonicera Japonica (Honeysuckle) Flower Extract, Scutellaria Baicalensis Root Extract, Sodium Acetylated Hyaluronate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-description {\n max-width: 1200px;\n margin: 0 auto;\n \n color: #333;\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* Video Section *\/\n .video-section {\n width: 100%;\n margin-bottom: 2rem;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n }\n\n .video-container {\n position: relative;\n width: 100%;\n height: 60vh;\n min-height: 400px;\n }\n\n .video-container video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n\n \/* Hero Text Section *\/\n .hero-text-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin-bottom: 4rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n }\n\n .main-title {\n font-size: 2.5rem;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 1.5rem;\n text-align: center;\n direction: ltr;\n }\n\n .subtitle {\n font-size: 1.2rem;\n color: #666;\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n line-height: 1.8;\n }\n\n \/* Animations *\/\n .fade-in {\n opacity: 0;\n animation: fadeIn 2s ease-out forwards;\n }\n\n .slide-up {\n opacity: 0;\n transform: translateY(30px);\n animation: slideUp 2s ease-out 0.5s forwards;\n }\n\n @keyframes fadeIn {\n to { opacity: 1; }\n }\n\n @keyframes slideUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Section Titles *\/\n .section-title {\n font-size: 2rem;\n font-weight: 700;\n color: #9C8102;\n text-align: center;\n margin-bottom: 3rem;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #9C8102, transparent);\n }\n\n \/* Benefits Grid *\/\n .benefits-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n margin-bottom: 4rem;\n border-radius: 20px;\n }\n\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .benefit-card {\n background: white;\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n text-align: center;\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateY(50px);\n }\n\n .benefit-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(156,129,2,0.2);\n }\n\n .benefit-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n animation: float 3s ease-in-out infinite;\n }\n\n .benefit-card h3 {\n color: #9C8102;\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n\n .benefit-card p {\n color: #666;\n text-align: left;\n direction: ltr;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n }\n\n \/* Science Section *\/\n .science-section {\n padding: 4rem 2rem;\n margin-bottom: 4rem;\n }\n\n .ingredient-showcase {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));\n gap: 3rem;\n max-width: 1100px;\n margin: 0 auto;\n }\n\n .ingredient-card {\n background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n }\n\n .ingredient-card:hover {\n transform: scale(1.02);\n box-shadow: 0 20px 40px rgba(156,129,2,0.15);\n }\n\n .ingredient-card img {\n width: 100%;\n height: 250px;\n object-fit: cover;\n }\n\n .ingredient-info {\n padding: 2rem;\n }\n\n .ingredient-info h3 {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: left;\n direction: ltr;\n }\n\n .molecular-animation {\n display: flex;\n justify-content: center;\n margin: 2rem 0;\n gap: 1rem;\n }\n\n .molecule {\n width: 20px;\n height: 20px;\n background: #9C8102;\n border-radius: 50%;\n animation: pulse 2s ease-in-out infinite;\n }\n\n .molecule:nth-child(2) { animation-delay: 0.5s; }\n .molecule:nth-child(3) { animation-delay: 1s; }\n\n @keyframes pulse {\n 0%, 100% { \n transform: scale(1); \n opacity: 1; \n }\n 50% { \n transform: scale(1.5); \n opacity: 0.7; \n }\n }\n\n .repair-animation {\n display: flex;\n justify-content: center;\n margin: 2rem 0;\n gap: 1rem;\n }\n\n .cell {\n width: 25px;\n height: 25px;\n background: linear-gradient(45deg, #9C8102, #d4c140);\n border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\n animation: regenerate 3s ease-in-out infinite;\n }\n\n .cell:nth-child(2) { animation-delay: 1s; }\n .cell:nth-child(3) { animation-delay: 2s; }\n\n @keyframes regenerate {\n 0%, 100% { \n border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\n transform: rotate(0deg);\n }\n 50% { \n border-radius: 70% 30% 30% 70% \/ 70% 70% 30% 30%;\n transform: rotate(180deg);\n }\n }\n\n .ingredient-benefits, .ingredient-process {\n text-align: left;\n direction: ltr;\n color: #555;\n }\n\n .ingredient-benefits li, .ingredient-process li {\n margin-bottom: 0.8rem;\n position: relative;\n padding-right: 1.5rem;\n }\n\n \/* Centella Section *\/\n .centella-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n margin-bottom: 4rem;\n border-radius: 20px;\n }\n\n .centella-container {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n max-width: 1000px;\n margin: 0 auto;\n align-items: center;\n }\n\n .centella-image {\n position: relative;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n }\n\n .centella-image img {\n width: 100%;\n height: 300px;\n object-fit: cover;\n }\n\n .healing-animation {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100px;\n height: 100px;\n }\n\n .healing-wave {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 20px;\n height: 20px;\n border: 2px solid rgba(156,129,2,0.6);\n border-radius: 50%;\n transform: translate(-50%, -50%);\n animation: healingPulse 3s ease-out infinite;\n }\n\n .healing-wave:nth-child(2) { animation-delay: 1s; }\n .healing-wave:nth-child(3) { animation-delay: 2s; }\n\n @keyframes healingPulse {\n 0% {\n width: 20px;\n height: 20px;\n opacity: 1;\n }\n 100% {\n width: 100px;\n height: 100px;\n opacity: 0;\n }\n }\n\n .centella-info h3 {\n color: #9C8102;\n font-size: 1.5rem;\n font-weight: 600;\n margin-bottom: 2rem;\n text-align: left;\n direction: ltr;\n }\n\n .compound-list {\n direction: ltr;\n text-align: left;\n }\n\n .compound-item {\n display: flex;\n align-items: center;\n margin-bottom: 1.5rem;\n padding: 1rem;\n background: white;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateX(50px);\n }\n\n .compound-item:hover {\n transform: translateX(0) translateY(-5px);\n box-shadow: 0 10px 25px rgba(156,129,2,0.15);\n }\n\n .compound-icon {\n font-size: 2rem;\n margin-left: 1rem;\n animation: rotate 4s linear infinite;\n }\n\n @keyframes rotate {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n .compound-details h4 {\n color: #9C8102;\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: 0.5rem;\n }\n\n .compound-details p {\n color: #666;\n font-size: 0.95rem;\n }\n\n \/* Technology Section *\/\n .technology-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);\n color: white;\n margin-bottom: 4rem;\n border-radius: 20px;\n }\n\n .technology-section .section-title {\n color: white;\n }\n\n .technology-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n max-width: 1100px;\n margin: 0 auto;\n }\n\n .tech-card, .experience-timeline {\n background: rgba(255,255,255,0.1);\n padding: 2rem;\n border-radius: 15px;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.2);\n }\n\n .tech-card h3, .experience-timeline h3 {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 2rem;\n text-align: center;\n }\n\n .tech-features {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.5rem;\n }\n\n .tech-feature {\n text-align: center;\n padding: 1rem;\n background: rgba(255,255,255,0.05);\n border-radius: 10px;\n transition: all 0.3s ease;\n opacity: 0;\n transform: scale(0.8);\n }\n\n .tech-feature:hover {\n transform: scale(1.05);\n background: rgba(156,129,2,0.2);\n }\n\n .tech-icon {\n font-size: 2rem;\n margin-bottom: 0.5rem;\n animation: float 3s ease-in-out infinite;\n }\n\n .tech-feature h4 {\n color: #9C8102;\n font-size: 1rem;\n font-weight: 600;\n margin-bottom: 0.5rem;\n }\n\n .tech-feature p {\n font-size: 0.85rem;\n opacity: 0.9;\n }\n\n .experience-steps {\n direction: ltr;\n text-align: left;\n }\n\n .experience-step {\n display: flex;\n align-items: center;\n margin-bottom: 1.5rem;\n padding: 1rem;\n background: rgba(255,255,255,0.05);\n border-radius: 10px;\n border-left: 4px solid #9C8102;\n transition: all 0.3s ease;\n }\n\n .experience-step:hover {\n background: rgba(156,129,2,0.1);\n transform: translateX(-10px);\n }\n\n .step-time {\n font-weight: bold;\n color: #9C8102;\n margin-left: 1rem;\n min-width: 120px;\n }\n\n .step-desc {\n opacity: 0.9;\n }\n\n \/* Why Choose Section *\/\n .why-choose-section {\n padding: 4rem 2rem;\n margin-bottom: 4rem;\n }\n\n .scientific-proof {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 2rem;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .proof-card {\n background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n text-align: center;\n transition: all 0.3s ease;\n border-top: 4px solid #9C8102;\n }\n\n .proof-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(156,129,2,0.2);\n }\n\n .proof-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n animation: pulse 3s ease-in-out infinite;\n }\n\n .proof-card h3 {\n color: #9C8102;\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n }\n\n .proof-list {\n text-align: left;\n direction: ltr;\n list-style: none;\n padding: 0;\n }\n\n .proof-list li {\n margin-bottom: 1rem;\n padding: 0.8rem;\n background: rgba(156,129,2,0.05);\n border-radius: 8px;\n border-right: 3px solid #9C8102;\n }\n\n .proof-list li strong {\n color: #9C8102;\n }\n\n \/* Investment Section *\/\n .investment-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);\n color: white;\n border-radius: 20px;\n margin-bottom: 2rem;\n position: relative;\n overflow: hidden;\n }\n\n .investment-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"grain\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"25\" cy=\"25\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.05\"\/\u003e\u003ccircle cx=\"75\" cy=\"75\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.05\"\/\u003e\u003ccircle cx=\"50\" cy=\"50\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.05\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23grain)\"\/\u003e\u003c\/svg\u003e');\n opacity: 0.3;\n }\n\n .investment-content {\n position: relative;\n z-index: 2;\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n\n .investment-title {\n font-size: 2.5rem;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 1.5rem;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n }\n\n .investment-tagline {\n font-size: 1.2rem;\n line-height: 1.8;\n margin-bottom: 3rem;\n opacity: 0.9;\n text-align: left;\n direction: ltr;\n }\n\n .final-results h3 {\n color: #9C8102;\n font-size: 1.8rem;\n font-weight: 600;\n margin-bottom: 2rem;\n }\n\n .final-benefits {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1rem;\n text-align: left;\n direction: ltr;\n }\n\n .final-benefit {\n display: flex;\n align-items: center;\n padding: 1rem;\n background: rgba(255,255,255,0.1);\n border-radius: 10px;\n backdrop-filter: blur(10px);\n border-right: 4px solid #9C8102;\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateY(30px);\n }\n\n .final-benefit:hover {\n background: rgba(156,129,2,0.2);\n transform: translateY(0) translateX(-10px);\n }\n\n .final-benefit .benefit-icon {\n font-size: 1.5rem;\n margin-left: 1rem;\n animation: bounce 2s ease-in-out infinite;\n }\n\n .final-benefit:nth-child(2) .benefit-icon { animation-delay: 0.2s; }\n .final-benefit:nth-child(3) .benefit-icon { animation-delay: 0.4s; }\n .final-benefit:nth-child(4) .benefit-icon { animation-delay: 0.6s; }\n .final-benefit:nth-child(5) .benefit-icon { animation-delay: 0.8s; }\n\n @keyframes bounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-5px); }\n }\n\n .final-benefit .benefit-text {\n font-size: 1rem;\n line-height: 1.5;\n }\n\n .final-benefit strong {\n color: #9C8102;\n }\n\n \/* Results Section *\/\n .results-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);\n color: white;\n margin-bottom: 4rem;\n border-radius: 20px;\n }\n\n .results-section .section-title {\n color: white;\n }\n\n .timeline {\n max-width: 900px;\n margin: 0 auto;\n position: relative;\n }\n\n .timeline::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n width: 2px;\n height: 100%;\n background: #9C8102;\n transform: translateX(-50%);\n }\n\n .timeline-item {\n display: flex;\n align-items: center;\n margin-bottom: 3rem;\n position: relative;\n }\n\n .timeline-item:nth-child(odd) .timeline-content {\n margin-right: 50%;\n padding-right: 3rem;\n text-align: left;\n }\n\n .timeline-item:nth-child(even) .timeline-content {\n margin-left: 50%;\n padding-left: 3rem;\n }\n\n .timeline-marker {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 60px;\n background: #9C8102;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n font-weight: bold;\n color: white;\n z-index: 2;\n animation: glow 2s ease-in-out infinite alternate;\n }\n\n @keyframes glow {\n from { box-shadow: 0 0 20px rgba(156,129,2,0.5); }\n to { box-shadow: 0 0 30px rgba(156,129,2,0.8); }\n }\n\n .timeline-content h3 {\n color: #9C8102;\n font-size: 1.4rem;\n margin-bottom: 1.5rem;\n }\n\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 1.5rem;\n }\n\n .stat {\n text-align: center;\n padding: 1rem;\n background: rgba(255,255,255,0.1);\n border-radius: 10px;\n backdrop-filter: blur(10px);\n }\n\n .stat-number {\n display: block;\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 0.5rem;\n }\n\n .stat-label {\n font-size: 0.9rem;\n opacity: 0.9;\n }\n\n \/* Usage Section *\/\n .usage-section {\n padding: 4rem 2rem;\n margin-bottom: 4rem;\n }\n\n .usage-container {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n max-width: 1000px;\n margin: 0 auto;\n align-items: center;\n }\n\n .usage-video {\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n background: linear-gradient(135deg, #9C8102 0%, #d4c140 100%);\n position: relative;\n }\n\n .usage-video video {\n width: 100%;\n height: auto;\n display: block;\n position: relative;\n z-index: 2;\n }\n\n .usage-steps {\n direction: ltr;\n text-align: left;\n }\n\n .step {\n display: flex;\n align-items: center;\n margin-bottom: 2rem;\n opacity: 0;\n transform: translateX(50px);\n animation: slideInRight 0.8s ease-out forwards;\n }\n\n .step:nth-child(1) { animation-delay: 0.2s; }\n .step:nth-child(2) { animation-delay: 0.4s; }\n .step:nth-child(3) { animation-delay: 0.6s; }\n .step:nth-child(4) { animation-delay: 0.8s; }\n\n @keyframes slideInRight {\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n .step-number {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #9C8102, #d4c140);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.3rem;\n font-weight: bold;\n color: white;\n margin-left: 1.5rem;\n box-shadow: 0 5px 15px rgba(156,129,2,0.3);\n }\n\n .step p {\n font-size: 1.1rem;\n color: #333;\n font-weight: 500;\n }\n\n \/* Ingredients Section *\/\n .ingredients-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n border-radius: 20px;\n margin-bottom: 2rem;\n }\n\n .ingredients-container {\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n }\n\n .ingredients-text {\n font-size: 0.95rem;\n line-height: 1.8;\n color: #555;\n padding: 2rem;\n background: white;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n border-left: 4px solid #9C8102;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .main-title {\n font-size: 1.8rem;\n }\n\n .subtitle {\n font-size: 1rem;\n }\n\n .video-container {\n height: 50vh;\n min-height: 300px;\n }\n\n .hero-text-section {\n padding: 2rem 1rem;\n }\n\n .benefits-grid {\n grid-template-columns: 1fr;\n }\n\n .ingredient-showcase {\n grid-template-columns: 1fr;\n }\n\n .centella-container {\n grid-template-columns: 1fr;\n }\n\n .technology-grid {\n grid-template-columns: 1fr;\n }\n\n .tech-features {\n grid-template-columns: 1fr;\n }\n\n .scientific-proof {\n grid-template-columns: 1fr;\n }\n\n .usage-container {\n grid-template-columns: 1fr;\n }\n\n .timeline::before {\n left: 30px;\n }\n\n .timeline-item:nth-child(odd) .timeline-content,\n .timeline-item:nth-child(even) .timeline-content {\n margin-left: 80px;\n margin-right: 0;\n padding-left: 2rem;\n padding-right: 0;\n text-align: left;\n }\n\n .timeline-marker {\n left: 30px;\n width: 40px;\n height: 40px;\n font-size: 1.2rem;\n }\n\n .stats-grid {\n grid-template-columns: 1fr;\n }\n\n .investment-title {\n font-size: 2rem;\n }\n\n .compound-item {\n flex-direction: column;\n text-align: center;\n }\n\n .compound-icon {\n margin: 0 0 1rem 0;\n }\n }\n\n \/* Advanced Animation Triggers *\/\n .benefit-card.animate {\n opacity: 1;\n transform: translateY(0);\n transition: all 0.8s ease;\n }\n\n .benefit-card:nth-child(1).animate { transition-delay: 0.1s; }\n .benefit-card:nth-child(2).animate { transition-delay: 0.2s; }\n .benefit-card:nth-child(3).animate { transition-delay: 0.3s; }\n .benefit-card:nth-child(4).animate { transition-delay: 0.4s; }\n .benefit-card:nth-child(5).animate { transition-delay: 0.5s; }\n .benefit-card:nth-child(6).animate { transition-delay: 0.6s; }\n\u003c\/style\u003e\n\u003cscript\u003e\n \/\/ Intersection Observer for animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n if (entry.target.classList.contains('benefit-card')) {\n entry.target.classList.add('animate');\n }\n \n if (entry.target.classList.contains('stat-number')) {\n animateNumber(entry.target);\n }\n\n if (entry.target.classList.contains('compound-item')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateX(0)';\n }\n\n if (entry.target.classList.contains('tech-feature')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'scale(1)';\n }\n\n if (entry.target.classList.contains('final-benefit')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n }\n });\n }, observerOptions);\n\n \/\/ Observe benefit cards\n document.querySelectorAll('.benefit-card').forEach(card =\u003e {\n observer.observe(card);\n });\n\n \/\/ Observe stat numbers\n document.querySelectorAll('.stat-number').forEach(stat =\u003e {\n observer.observe(stat);\n });\n\n \/\/ Observe compound items for centella section\n document.querySelectorAll('.compound-item').forEach(item =\u003e {\n observer.observe(item);\n });\n\n \/\/ Observe tech features\n document.querySelectorAll('.tech-feature').forEach(feature =\u003e {\n observer.observe(feature);\n });\n\n \/\/ Observe final benefits\n document.querySelectorAll('.final-benefit').forEach(benefit =\u003e {\n observer.observe(benefit);\n });\n\n \/\/ Animate numbers\n function animateNumber(element) {\n const target = parseInt(element.dataset.target);\n const duration = 2000;\n const start = Date.now();\n \n function updateNumber() {\n const elapsed = Date.now() - start;\n const progress = Math.min(elapsed \/ duration, 1);\n \n \/\/ Easing function\n const easeOutCubic = 1 - Math.pow(1 - progress, 3);\n const current = Math.floor(easeOutCubic * target);\n \n element.textContent = current;\n \n if (progress \u003c 1) {\n requestAnimationFrame(updateNumber);\n } else {\n element.textContent = target;\n }\n }\n \n updateNumber();\n }\n\n \/\/ Add scroll-triggered animations for ingredient cards\n const ingredientCards = document.querySelectorAll('.ingredient-card');\n \n const ingredientObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transform = 'translateY(0) scale(1)';\n entry.target.style.opacity = '1';\n }\n });\n }, { threshold: 0.2 });\n\n ingredientCards.forEach(card =\u003e {\n card.style.transform = 'translateY(50px) scale(0.9)';\n card.style.opacity = '0';\n card.style.transition = 'all 0.8s ease';\n ingredientObserver.observe(card);\n });\n\n \/\/ Add animations for proof cards\n const proofCards = document.querySelectorAll('.proof-card');\n \n const proofObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach((entry, index) =\u003e {\n if (entry.isIntersecting) {\n setTimeout(() =\u003e {\n entry.target.style.transform = 'translateY(0) scale(1)';\n entry.target.style.opacity = '1';\n }, index * 200);\n }\n });\n }, { threshold: 0.2 });\n\n proofCards.forEach(card =\u003e {\n card.style.transform = 'translateY(50px) scale(0.9)';\n card.style.opacity = '0';\n card.style.transition = 'all 0.8s ease';\n proofObserver.observe(card);\n });\n\n \/\/ Add animations for experience steps\n const experienceSteps = document.querySelectorAll('.experience-step');\n \n const experienceObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach((entry, index) =\u003e {\n if (entry.isIntersecting) {\n setTimeout(() =\u003e {\n entry.target.style.transform = 'translateX(0)';\n entry.target.style.opacity = '1';\n }, index * 300);\n }\n });\n }, { threshold: 0.3 });\n\n experienceSteps.forEach(step =\u003e {\n step.style.transform = 'translateX(100px)';\n step.style.opacity = '0';\n step.style.transition = 'all 0.8s ease';\n experienceObserver.observe(step);\n });\n\n \/\/ Timeline animation\n const timelineItems = document.querySelectorAll('.timeline-item');\n \n const timelineObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transform = 'translateX(0)';\n entry.target.style.opacity = '1';\n }\n });\n }, { threshold: 0.3 });\n\n timelineItems.forEach((item, index) =\u003e {\n item.style.transform = index % 2 === 0 ? 'translateX(-100px)' : 'translateX(100px)';\n item.style.opacity = '0';\n item.style.transition = 'all 0.8s ease';\n timelineObserver.observe(item);\n });\n\n \/\/ Handle video loading and mobile compatibility\n function handleVideoLoading() {\n const videos = document.querySelectorAll('video');\n \n videos.forEach(video =\u003e {\n \/\/ Ensure video is muted for autoplay\n video.muted = true;\n video.setAttribute('muted', 'true');\n video.setAttribute('webkit-playsinline', 'true');\n video.setAttribute('playsinline', 'true');\n \n \/\/ Try to play the video\n const playPromise = video.play();\n \n if (playPromise !== undefined) {\n playPromise.then(() =\u003e {\n console.log('Video is playing');\n }).catch(error =\u003e {\n console.log('Video autoplay prevented:', error);\n });\n }\n\n \/\/ Ensure video stays muted\n video.addEventListener('loadstart', function() {\n this.muted = true;\n });\n });\n }\n\n \/\/ Initialize video handling when DOM is loaded\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', handleVideoLoading);\n } else {\n handleVideoLoading();\n }\n\n \/\/ Smooth scroll behavior for better user experience\n document.documentElement.style.scrollBehavior = 'smooth';\n\n \/\/ Add hover effects to step numbers\n document.querySelectorAll('.step-number').forEach(step =\u003e {\n step.addEventListener('mouseenter', () =\u003e {\n step.style.transform = 'scale(1.1) rotate(10deg)';\n step.style.transition = 'all 0.3s ease';\n });\n \n step.addEventListener('mouseleave', () =\u003e {\n step.style.transform = 'scale(1) rotate(0deg)';\n });\n });\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44748493226181,"sku":"","price":1100.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/revive-serum-ginseng-snail-mucin-serums-ampoules-406964.webp?v=1748097935"},{"product_id":"beauty-of-joseon-calming-serum-green-tea-and-panthenol-clear-30ml","title":"Beauty of Joseon Calming Serum é especializado em acalmar a pele e reduzir a vermelhidão 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\"\u003eA fórmula coreana que transforma pele inflamada em pele perfeita\u003c\/h1\u003e\n\u003cp class=\"subtitle slide-up\"\u003eBeauty of Joseon Calming Serum: A fórmula mágica para peles sensíveis\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\u003ePele sensível e inflamada – seu primeiro inimigo\u003c\/h2\u003e\n\u003cp class=\"problem-intro\"\u003eVocê sofre de \u003cstrong\u003eA pele reage a tudo?\u003c\/strong\u003e Vermelhidão constante do sol, irritação com os produtos mais simples, ressecamento e coceira que não param?\u003c\/p\u003e\n\u003ch3\u003eProblemas básicos:\u003c\/h3\u003e\n\u003cul class=\"problem-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e🔥\u003c\/span\u003e\u003cstrong\u003eInflamação crônica\u003c\/strong\u003e Que destrói a barreira natural da pele\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e☀️\u003c\/span\u003e\u003cstrong\u003eDanos UV\u003c\/strong\u003e O que causa vermelhidão e envelhecimento prematuro\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e💧\u003c\/span\u003e\u003cstrong\u003ePerda rápida de umidade\u003c\/strong\u003e O que deixa a pele seca e rachada\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e😰\u003c\/span\u003e\u003cstrong\u003eSensibilidade excessiva\u003c\/strong\u003e Torna qualquer novo produto uma fonte de medo e ansiedade\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"painful-result\"\u003e\n\u003ch3\u003eResultado doloroso:\u003c\/h3\u003e\n\u003cp\u003ePele revoltada e rebelde, perda de confiança e uma sensação constante de que não há solução para esse sofrimento.\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\"\u003eA solução definitiva que acaba com o sofrimento da pele sensível em 60 segundos\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"100\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eAntiinflamatório\u003c\/h3\u003e\n\u003cp\u003eAlívio instantâneo da vermelhidão e irritação causada por alergias ou exposição solar.\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\u003eFortalecendo a barreira da pele\u003c\/h3\u003e\n\u003cp\u003eRepara e fortalece a camada protetora natural para evitar a penetração de irritantes externos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"300\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e💦\u003c\/div\u003e\n\u003ch3\u003ePromova hidratação profunda\u003c\/h3\u003e\n\u003cp\u003eA hidratação em múltiplas camadas atinge profundamente a pele e retém a umidade por longas horas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"400\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e💚\u003c\/div\u003e\n\u003ch3\u003eAcalme a pele sensível\u003c\/h3\u003e\n\u003cp\u003eAlívio instantâneo para a pele reagindo a fatores ambientais e produtos cosméticos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"500\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e☂️\u003c\/div\u003e\n\u003ch3\u003eProteção contra raios nocivos\u003c\/h3\u003e\n\u003cp\u003eResistência aos efeitos negativos dos raios ultravioleta e da poluição ambiental.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Science Behind Formula --\u003e\n\u003cdiv class=\"science-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eA ciência por trás da fórmula desenvolvida\u003c\/h2\u003e\n\u003ch1 class=\"science-subtitle\"\u003eDesde o primeiro toque: como este soro coreano apaga 15 anos de danos à pele?\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\u003eChá verde 50% |Potência do chá verde\u003c\/h3\u003e\n\u003cdiv class=\"ancient-wisdom\"\u003e\n\u003cp\u003eNo antigo livro médico Dong Ui Bogam: “O chá verde revitaliza a energia, limpa a mente e acalma a pele danificada pelo sol”.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch4\u003eComo o chá verde coreano derrota os tipos mais difíceis de inflamação?\u003c\/h4\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eAcalma a inflamação causada pelos raios ultravioleta\u003c\/li\u003e\n\u003cli\u003eCombata os radicais livres com o poder dos antioxidantes naturais\u003c\/li\u003e\n\u003cli\u003eRenovando as células danificadas da pele e protegendo-as de danos futuros\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card mugwort-card\"\u003e\n\u003cimg alt=\"Mugwort\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_calming_serum_3.jpg?v=1748105031\"\/\u003e\n\u003cdiv class=\"ingredient-info\"\u003e\n\u003ch3\u003eExtrato de artemísia 30% |Extrato de artemísia\u003c\/h3\u003e\n\u003cdiv class=\"sacred-herb\"\u003e\n\u003cp\u003eUma erva sagrada na medicina oriental, conhecida como a “Mãe das Ervas” pelas suas distintas propriedades curativas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch4\u003eAlívio Natural oferece:\u003c\/h4\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eCalmante instantâneo da pele irritada e inflamada\u003c\/li\u003e\n\u003cli\u003eHidratação profunda e suave para peles sensíveis\u003c\/li\u003e\n\u003cli\u003eFortalecendo a imunidade natural da pele contra irritantes externos\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card panthenol-card\"\u003e\n\u003cimg alt=\"Panthenol\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/12.webp?v=1748105051\"\/\u003e\n\u003cdiv class=\"ingredient-info\"\u003e\n\u003ch3\u003ePantenol 5% |Pró-vitamina B5\u003c\/h3\u003e\n\u003cdiv class=\"revolutionary-development\"\u003e\n\u003cp\u003eDesenvolvimento revolucionário: aumento da concentração de 2% para 5% para dupla proteção!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch4\u003eO Pantenol Avançado alcança:\u003c\/h4\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eCria uma barreira protetora contra umidade 24 horas\u003c\/li\u003e\n\u003cli\u003eConversão imediata em vitamina B5 nas células da pele\u003c\/li\u003e\n\u003cli\u003ePrevenir a perda de hidratação e proteger a pele de irritações frequentes\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Supporting Ingredients --\u003e\n\u003cdiv class=\"supporting-ingredients\"\u003e\n\u003ch2 class=\"section-title\"\u003eIngredientes de suplementos avançados\u003c\/h2\u003e\n\u003cdiv class=\"supporting-grid\"\u003e\n\u003cdiv class=\"supporting-item\" data-aos=\"fade-up\" data-delay=\"100\"\u003e\n\u003cdiv class=\"supporting-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003eAlantoína |Alantoína\u003c\/h3\u003e\n\u003cp\u003eUm agente calmante natural que acelera a cicatrização da pele danificada e reduz a irritação.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"supporting-item\" data-aos=\"fade-up\" data-delay=\"200\"\u003e\n\u003cdiv class=\"supporting-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003eÁcido hialurônico |Hialuronato de Sódio\u003c\/h3\u003e\n\u003cp\u003eAs moléculas de água retêm a umidade e suavizam a textura da pele.\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\u003eExtrato de alcaçuz |Glicirrizato dipotássico\u003c\/h3\u003e\n\u003cp\u003eUm antiinflamatório natural que unifica o tom da pele e reduz a pigmentação.\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\u003eExtrato de Raiz de Coptis |Extrato de raiz de Coptis Japonica\u003c\/h3\u003e\n\u003cp\u003eUma erva tradicional chinesa que é antibacteriana e calmante para a pele.\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\"\u003eJornada de transformação com soro\u003c\/h2\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item\" data-time=\"1hour\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e1h\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eDurante a primeira hora\u003c\/h3\u003e\n\u003cdiv class=\"results-list\"\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Alívio instantâneo de vermelhidão e coceira\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Uma sensação de frescor e conforto\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Rápida absorção sem deixar vestígios de gordura\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\" data-time=\"1week\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e1w\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eDentro de uma semana\u003c\/h3\u003e\n\u003cdiv class=\"results-list\"\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Melhora perceptível na sensibilidade da pele\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅Hidratação mais profunda e duradoura\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Fortalecimento claro da barreira natural da pele\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\" data-time=\"1month\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e1m\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eDentro de um mês\u003c\/h3\u003e\n\u003cdiv class=\"results-list\"\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Pele mais resistente a irritantes externos\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Unifica o tom da pele e reduz a vermelhidão crônica\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Textura mais macia, saudável e fresca\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- What Makes It Unique --\u003e\n\u003cdiv class=\"unique-section\"\u003e\n\u003cdiv class=\"unique-image\"\u003e\n\u003cimg alt=\"Green Tea and Mugwort\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_calming_serum_green_tea_mugwort.webp?v=1748105239\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"unique-content\"\u003e\n\u003ch2\u003eO que distingue este sérum de outros séruns calmantes?\u003c\/h2\u003e\n\u003cdiv class=\"unique-features\"\u003e\n\u003cdiv class=\"unique-feature\" data-aos=\"fade-right\" data-delay=\"100\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eDuplo impulso de calma\u003c\/h3\u003e\n\u003cp\u003eAumente a concentração de artemísia de 20% para 30% para um efeito calmante mais forte e duradouro.\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\u003eDupla proteção contra umidade\u003c\/h3\u003e\n\u003cp\u003eAumento de pantenol de 2% para 5% para uma barreira de umidade mais forte e melhor proteção.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"unique-feature\" data-aos=\"fade-right\" data-delay=\"300\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚖️\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eFórmula perfeitamente equilibrada\u003c\/h3\u003e\n\u003cp\u003eProporções calculadas cientificamente para garantir máxima eficácia com mínimo potencial de irritação.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"unique-feature\" data-aos=\"fade-right\" data-delay=\"400\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eTextura sedosa avançada\u003c\/h3\u003e\n\u003cp\u003eA textura leve é rapidamente absorvida e deixa a pele macia e refrescada.\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\"\u003eCorreto como usar\u003c\/h2\u003e\n\u003cdiv class=\"usage-grid\"\u003e\n\u003cdiv class=\"usage-time morning\"\u003e\n\u003ch3\u003eManhã\u003c\/h3\u003e\n\u003col class=\"usage-steps\"\u003e\n\u003cli\u003eApós limpar o rosto, aplique uma pequena quantidade no rosto e pescoço\u003c\/li\u003e\n\u003cli\u003eMassageie suavemente em movimentos ascendentes até completa absorção\u003c\/li\u003e\n\u003cli\u003eSiga com hidratante e protetor solar\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-time evening\"\u003e\n\u003ch3\u003eNoite\u003c\/h3\u003e\n\u003col class=\"usage-steps\"\u003e\n\u003cli\u003eAplique o sérum na pele limpa e seca\u003c\/li\u003e\n\u003cli\u003eDeixe absorver por dois minutos antes de aplicar outros produtos\u003c\/li\u003e\n\u003cli\u003eUse diariamente para obter melhores resultados\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-time sensitive\"\u003e\n\u003ch3\u003ePara pele muito sensível\u003c\/h3\u003e\n\u003cul class=\"usage-steps\"\u003e\n\u003cli\u003eComece a usar uma vez a cada dois dias\u003c\/li\u003e\n\u003cli\u003eAumente gradualmente a frequência dependendo da resposta da sua pele\u003c\/li\u003e\n\u003cli\u003ePode ser usado como máscara calmante por 10 minutos e depois limpar suavemente.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List --\u003e\n\u003cdiv class=\"ingredients-list-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTodos os componentes\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-container\"\u003e\n\u003cp class=\"ingredients-text\"\u003eCamellia Sinensis Leaf Water, Water, Panthenol, Glycerin, Butylene Glycol, 1,2-Hexanediol, Methylpropanediol, Acrylates\/C10-30 Alkyl Acrylate Crosspolymer, Tromethamine, Betaine, Ethylhexylglycerin, Allantoin, Dipotassium Glycyrrhizate, Artemisia Capillaris Extract, Glyceryl Acrylate\/Acrylic Acid Copolymer, Melia Azadirachta Leaf Extract, Polyquaternium-51, Malt Extract, Melia Azadirachta Flower Extract, Coptis Japonica Root Extract, Sodium Hyaluronate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-description {\n max-width: 1200px;\n margin: 0 auto;\n \n color: #333;\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* Video Section *\/\n .video-section {\n width: 100%;\n margin-bottom: 2rem;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n }\n\n .video-container {\n position: relative;\n width: 100%;\n height: 60vh;\n min-height: 400px;\n }\n\n .video-container video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n\n \/* Hero Text Section *\/\n .hero-text-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin-bottom: 4rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n }\n\n .main-title {\n font-size: 2.5rem;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 1.5rem;\n text-align: center;\n direction: ltr;\n }\n\n .subtitle {\n font-size: 1.2rem;\n color: #666;\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n line-height: 1.8;\n }\n\n \/* Problem Section *\/\n .problem-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #2c2c2c 0%, #1a1a1a 100%);\n color: white;\n border-radius: 20px;\n margin-bottom: 4rem;\n border-left: 5px solid #9C8102;\n }\n\n .problem-container {\n display: grid;\n grid-template-columns: 1fr 2fr;\n gap: 3rem;\n max-width: 1000px;\n margin: 0 auto;\n align-items: center;\n }\n\n .problem-container img {\n width: 100%;\n border-radius: 15px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.3);\n }\n\n .problem-content {\n direction: ltr;\n text-align: left;\n }\n\n .problem-content h2 {\n color: #9C8102;\n font-size: 1.8rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n }\n\n .problem-intro {\n font-size: 1.1rem;\n line-height: 1.8;\n margin-bottom: 2rem;\n color: #f0f0f0;\n }\n\n .problem-content h3 {\n color: #9C8102;\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n\n .problem-list {\n list-style: none;\n padding: 0;\n margin-bottom: 2rem;\n }\n\n .problem-list li {\n display: flex;\n align-items: center;\n margin-bottom: 1rem;\n padding: 1rem;\n background: rgba(255,255,255,0.1);\n border-radius: 10px;\n border-right: 3px solid #9C8102;\n backdrop-filter: blur(10px);\n }\n\n .problem-icon {\n font-size: 1.5rem;\n margin-left: 1rem;\n animation: pulse 2s ease-in-out infinite;\n }\n\n .painful-result {\n background: linear-gradient(135deg, #1a1a1a 0%, #000000 100%);\n color: white;\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n border: 2px solid #9C8102;\n }\n\n .painful-result h3 {\n color: #9C8102;\n margin-bottom: 1rem;\n }\n\n \/* Section Titles *\/\n .section-title {\n font-size: 2rem;\n font-weight: 700;\n color: #9C8102;\n text-align: center;\n margin-bottom: 3rem;\n position: relative;\n direction: ltr;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #9C8102, transparent);\n }\n\n .science-header {\n text-align: center;\n padding: 4rem 2rem;\n margin-bottom: 4rem;\n }\n\n .science-subtitle {\n font-size: 1.8rem;\n font-weight: 600;\n color: #2c3e50;\n margin-top: 1rem;\n direction: ltr;\n }\n\n \/* Solution Benefits *\/\n .solution-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n margin-bottom: 4rem;\n border-radius: 20px;\n border-left: 5px solid #9C8102;\n }\n\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .benefit-card {\n background: white;\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n text-align: center;\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateY(50px);\n border-top: 4px solid #9C8102;\n }\n\n .benefit-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(156,129,2,0.2);\n }\n\n .benefit-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n animation: float 3s ease-in-out infinite;\n }\n\n .benefit-card h3 {\n color: #9C8102;\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n\n .benefit-card p {\n color: #666;\n text-align: left;\n direction: ltr;\n }\n\n \/* Ingredients Section *\/\n .ingredients-section {\n padding: 4rem 2rem;\n margin-bottom: 4rem;\n }\n\n .ingredient-showcase {\n display: grid;\n grid-template-columns: 1fr;\n gap: 4rem;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .ingredient-card {\n background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 2rem;\n align-items: center;\n }\n\n .ingredient-card:hover {\n transform: scale(1.02);\n box-shadow: 0 20px 40px rgba(156,129,2,0.15);\n }\n\n .ingredient-card img {\n width: 100%;\n height: 300px;\n object-fit: cover;\n }\n\n .ingredient-info {\n padding: 2rem;\n direction: ltr;\n text-align: left;\n }\n\n .ingredient-info h3 {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n }\n\n .ancient-wisdom, .sacred-herb, .revolutionary-development {\n background: rgba(156,129,2,0.1);\n padding: 1rem;\n border-radius: 10px;\n margin-bottom: 1.5rem;\n border-right: 4px solid #9C8102;\n font-style: italic;\n color: #666;\n }\n\n .ingredient-info h4 {\n color: #2c3e50;\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n\n .ingredient-benefits {\n list-style: none;\n padding: 0;\n }\n\n .ingredient-benefits li {\n margin-bottom: 0.8rem;\n position: relative;\n padding-right: 1.5rem;\n }\n\n .ingredient-benefits li::before {\n content: '✓';\n position: absolute;\n right: 0;\n color: #9C8102;\n font-weight: bold;\n }\n\n \/* Supporting Ingredients *\/\n .supporting-ingredients {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n border-radius: 20px;\n margin-bottom: 4rem;\n }\n\n .supporting-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .supporting-item {\n background: white;\n padding: 1.5rem;\n border-radius: 15px;\n text-align: center;\n box-shadow: 0 5px 20px rgba(0,0,0,0.05);\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateY(30px);\n }\n\n .supporting-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(156,129,2,0.15);\n }\n\n .supporting-icon {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n animation: rotate 4s linear infinite;\n }\n\n .supporting-item h3 {\n color: #9C8102;\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: 0.8rem;\n }\n\n .supporting-item p {\n color: #666;\n font-size: 0.9rem;\n text-align: left;\n direction: ltr;\n }\n\n \/* Transformation Timeline *\/\n .transformation-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);\n color: white;\n margin-bottom: 4rem;\n border-radius: 20px;\n }\n\n .transformation-section .section-title {\n color: white;\n }\n\n .timeline {\n max-width: 900px;\n margin: 0 auto;\n position: relative;\n }\n\n .timeline::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n width: 2px;\n height: 100%;\n background: #9C8102;\n transform: translateX(-50%);\n }\n\n .timeline-item {\n display: flex;\n align-items: center;\n margin-bottom: 3rem;\n position: relative;\n }\n\n .timeline-item:nth-child(odd) .timeline-content {\n margin-right: 50%;\n padding-right: 3rem;\n text-align: left;\n }\n\n .timeline-item:nth-child(even) .timeline-content {\n margin-left: 50%;\n padding-left: 3rem;\n }\n\n .timeline-marker {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 60px;\n background: #9C8102;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1rem;\n font-weight: bold;\n color: white;\n z-index: 2;\n animation: glow 2s ease-in-out infinite alternate;\n }\n\n .timeline-content h3 {\n color: #9C8102;\n font-size: 1.4rem;\n margin-bottom: 1.5rem;\n }\n\n .results-list {\n direction: ltr;\n text-align: left;\n }\n\n .result-item {\n margin-bottom: 0.8rem;\n padding: 0.5rem;\n background: rgba(255,255,255,0.1);\n border-radius: 5px;\n font-size: 0.95rem;\n }\n\n \/* Unique Features *\/\n .unique-section {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n padding: 4rem 2rem;\n margin-bottom: 4rem;\n align-items: center;\n }\n\n .unique-image img {\n width: 100%;\n border-radius: 15px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n }\n\n .unique-content {\n direction: ltr;\n text-align: left;\n }\n\n .unique-content h2 {\n color: #9C8102;\n font-size: 1.8rem;\n font-weight: 600;\n margin-bottom: 2rem;\n }\n\n .unique-feature {\n display: flex;\n align-items: flex-start;\n margin-bottom: 2rem;\n opacity: 0;\n transform: translateX(50px);\n transition: all 0.8s ease;\n }\n\n .feature-icon {\n font-size: 2rem;\n margin-left: 1rem;\n animation: bounce 2s ease-in-out infinite;\n }\n\n .feature-content h3 {\n color: #9C8102;\n font-size: 1.2rem;\n font-weight: 600;\n margin-bottom: 0.5rem;\n }\n\n .feature-content p {\n color: #666;\n line-height: 1.6;\n }\n\n \/* Usage Instructions *\/\n .usage-instructions {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);\n border-radius: 20px;\n margin-bottom: 4rem;\n }\n\n .usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .usage-time {\n background: white;\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n direction: ltr;\n text-align: left;\n }\n\n .morning {\n border-top: 4px solid #ffc107;\n }\n\n .evening {\n border-top: 4px solid #6f42c1;\n }\n\n .sensitive {\n border-top: 4px solid #dc3545;\n }\n\n .usage-time h3 {\n color: #9C8102;\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: center;\n }\n\n .usage-steps {\n padding-right: 1rem;\n }\n\n .usage-steps li {\n margin-bottom: 1rem;\n line-height: 1.6;\n color: #555;\n }\n\n \/* Ingredients List *\/\n .ingredients-list-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n border-radius: 20px;\n margin-bottom: 2rem;\n }\n\n .ingredients-container {\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n }\n\n .ingredients-text {\n font-size: 0.95rem;\n line-height: 1.8;\n color: #555;\n padding: 2rem;\n background: white;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n border-left: 4px solid #9C8102;\n }\n\n \/* Animations *\/\n .fade-in {\n opacity: 0;\n animation: fadeIn 2s ease-out forwards;\n }\n\n .slide-up {\n opacity: 0;\n transform: translateY(30px);\n animation: slideUp 2s ease-out 0.5s forwards;\n }\n\n @keyframes fadeIn {\n to { opacity: 1; }\n }\n\n @keyframes slideUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n }\n\n @keyframes pulse {\n 0%, 100% { \n transform: scale(1); \n opacity: 1; \n }\n 50% { \n transform: scale(1.1); \n opacity: 0.8; \n }\n }\n\n @keyframes rotate {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n @keyframes glow {\n from { box-shadow: 0 0 20px rgba(156,129,2,0.5); }\n to { box-shadow: 0 0 30px rgba(156,129,2,0.8); }\n }\n\n @keyframes bounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-5px); }\n }\n\n \/* Advanced Animation Triggers *\/\n .benefit-card.animate {\n opacity: 1;\n transform: translateY(0);\n transition: all 0.8s ease;\n }\n\n .benefit-card:nth-child(1).animate { transition-delay: 0.1s; }\n .benefit-card:nth-child(2).animate { transition-delay: 0.2s; }\n .benefit-card:nth-child(3).animate { transition-delay: 0.3s; }\n .benefit-card:nth-child(4).animate { transition-delay: 0.4s; }\n .benefit-card:nth-child(5).animate { transition-delay: 0.5s; }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .main-title {\n font-size: 1.8rem;\n }\n\n .subtitle {\n font-size: 1rem;\n }\n\n .video-container {\n height: 50vh;\n min-height: 300px;\n }\n\n .hero-text-section {\n padding: 2rem 1rem;\n }\n\n .problem-container {\n grid-template-columns: 1fr;\n }\n\n .benefits-grid {\n grid-template-columns: 1fr;\n }\n\n .ingredient-card {\n grid-template-columns: 1fr;\n }\n\n .supporting-grid {\n grid-template-columns: 1fr;\n }\n\n .unique-section {\n grid-template-columns: 1fr;\n }\n\n .usage-grid {\n grid-template-columns: 1fr;\n }\n\n .timeline::before {\n left: 30px;\n }\n\n .timeline-item:nth-child(odd) .timeline-content,\n .timeline-item:nth-child(even) .timeline-content {\n margin-left: 80px;\n margin-right: 0;\n padding-left: 2rem;\n padding-right: 0;\n text-align: left;\n }\n\n .timeline-marker {\n left: 30px;\n width: 40px;\n height: 40px;\n font-size: 0.9rem;\n }\n\n .science-subtitle {\n font-size: 1.4rem;\n }\n }\n\u003c\/style\u003e\n\u003cscript\u003e\n \/\/ Intersection Observer for animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n if (entry.target.classList.contains('benefit-card')) {\n entry.target.classList.add('animate');\n }\n \n if (entry.target.classList.contains('supporting-item')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n\n if (entry.target.classList.contains('unique-feature')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateX(0)';\n }\n }\n });\n }, observerOptions);\n\n \/\/ Observe benefit cards\n document.querySelectorAll('.benefit-card').forEach(card =\u003e {\n observer.observe(card);\n });\n\n \/\/ Observe supporting items\n document.querySelectorAll('.supporting-item').forEach(item =\u003e {\n observer.observe(item);\n });\n\n \/\/ Observe unique features\n document.querySelectorAll('.unique-feature').forEach(feature =\u003e {\n observer.observe(feature);\n });\n\n \/\/ Add scroll-triggered animations for ingredient cards\n const ingredientCards = document.querySelectorAll('.ingredient-card');\n \n const ingredientObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transform = 'translateY(0) scale(1)';\n entry.target.style.opacity = '1';\n }\n });\n }, { threshold: 0.2 });\n\n ingredientCards.forEach(card =\u003e {\n card.style.transform = 'translateY(50px) scale(0.9)';\n card.style.opacity = '0';\n card.style.transition = 'all 0.8s ease';\n ingredientObserver.observe(card);\n });\n\n \/\/ Timeline animation\n const timelineItems = document.querySelectorAll('.timeline-item');\n \n const timelineObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transform = 'translateX(0)';\n entry.target.style.opacity = '1';\n }\n });\n }, { threshold: 0.3 });\n\n timelineItems.forEach((item, index) =\u003e {\n item.style.transform = index % 2 === 0 ? 'translateX(-100px)' : 'translateX(100px)';\n item.style.opacity = '0';\n item.style.transition = 'all 0.8s ease';\n timelineObserver.observe(item);\n });\n\n \/\/ Handle video loading and mobile compatibility\n function handleVideoLoading() {\n const videos = document.querySelectorAll('video');\n \n videos.forEach(video =\u003e {\n \/\/ Ensure video is muted for autoplay\n video.muted = true;\n video.setAttribute('muted', 'true');\n video.setAttribute('webkit-playsinline', 'true');\n video.setAttribute('playsinline', 'true');\n \n \/\/ Try to play the video\n const playPromise = video.play();\n \n if (playPromise !== undefined) {\n playPromise.then(() =\u003e {\n console.log('Video is playing');\n }).catch(error =\u003e {\n console.log('Video autoplay prevented:', error);\n });\n }\n\n \/\/ Ensure video stays muted\n video.addEventListener('loadstart', function() {\n this.muted = true;\n });\n });\n }\n\n \/\/ Initialize video handling when DOM is loaded\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', handleVideoLoading);\n } else {\n handleVideoLoading();\n }\n\n \/\/ Smooth scroll behavior for better user experience\n document.documentElement.style.scrollBehavior = 'smooth';\n\n \/\/ Add stagger animation for problem list items\n const problemItems = document.querySelectorAll('.problem-list li');\n problemItems.forEach((item, index) =\u003e {\n item.style.opacity = '0';\n item.style.transform = 'translateX(50px)';\n item.style.transition = 'all 0.8s ease';\n \n setTimeout(() =\u003e {\n item.style.opacity = '1';\n item.style.transform = 'translateX(0)';\n }, 500 + (index * 200));\n });\n\n \/\/ Add hover effects to usage time cards\n document.querySelectorAll('.usage-time').forEach(card =\u003e {\n card.addEventListener('mouseenter', () =\u003e {\n card.style.transform = 'translateY(-5px) scale(1.02)';\n card.style.transition = 'all 0.3s ease';\n });\n \n card.addEventListener('mouseleave', () =\u003e {\n card.style.transform = 'translateY(0) scale(1)';\n });\n });\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44748510331077,"sku":null,"price":995.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_calming_serum_a6c32d2e-456b-45c9-bd2d-dd33566ec2f3.jpg?v=1748104597"},{"product_id":"beauty-of-joseon-ground-rice-honey-glow-mask","title":"Máscara Beauty of Joseon Magic Glow com Arroz Moído e Mel: Purificante, esfoliante e superiluminadora.","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\"\u003eMáscara da beleza de Joseon com arroz e mel\u003c\/h1\u003e\n\u003ch2 class=\"hero-subtitle\"\u003eHerança coreana autêntica combinada com ciência moderna para uma pele atraente\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 Seu navegador não suporta reprodução de vídeo\n \u003c\/video\u003e\n\u003c\/div\u003e\n\u003c!-- Heritage Section --\u003e\n\u003cdiv class=\"heritage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eA história da Dinastia Joseon e da beleza coreana\u003c\/h2\u003e\n\u003cdiv class=\"heritage-layout\"\u003e\n\u003cdiv class=\"heritage-content\"\u003e\n\u003cp class=\"heritage-text\"\u003e\n Há mais de 500 anos, mulheres da dinastia coreana Joseon descobriram que... \u003cstrong\u003eMisture arroz moído com mel natural\u003c\/strong\u003e Esta não é apenas uma receita, é ciência real.Eles não faziam isso por uma questão de moda, não, era o resultado de séculos de experimentação e trabalho.\n \u003c\/p\u003e\n\u003ch3 class=\"heritage-subtitle\"\u003eMakgeolli: O tesouro escondido\u003c\/h3\u003e\n\u003cp class=\"heritage-text\"\u003e\n Este vinho coreano não é apenas uma bebida, é \u003cstrong\u003eProcesso de fermentação complexo\u003c\/strong\u003e Produz necessidades muito raras:\n \u003c\/p\u003e\n\u003cul class=\"heritage-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eÁcido kójico natural\u003c\/strong\u003e Em altas concentrações que não são encontradas em nenhum outro lugar\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrato de fermentação\u003c\/strong\u003e Aquele que luta contra o envelhecimento\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAminoácidos raros\u003c\/strong\u003e De longa fermentação\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntioxidantes naturais\u003c\/strong\u003e Você não encontrará isso em produtos normais\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"heritage-text\"\u003e\n A beleza de Joseon não se trata apenas de herança, não \u003cstrong\u003eDesenvolvida tecnologia de extração a frio extremo\u003c\/strong\u003e Para manter todos esses materiais ativos.\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\"\u003eOs benefícios que você realmente sentirá\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. Raio que não queima\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eAo contrário dos clareadores químicos que queimam a pele, esta máscara ilumina \u003cstrong\u003eConfortavelmente e com segurança\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eÁcido Kójico de Makgeolli\u003c\/strong\u003e Interrompe a produção de cor escura sem causar nenhum dano\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEnzimas naturais de mel\u003c\/strong\u003e Ele quebra a pigmentação existente\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntioxidantes\u003c\/strong\u003e Previne a formação de novas manchas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRegeneração celular\u003c\/strong\u003e Porque as novas camadas parecem melhores\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e2. Peeling inteligente\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eEsse peeling não é aleatório, é \u003cstrong\u003eSistema inteligente\u003c\/strong\u003e Funciona em 3 níveis:\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrimeiro nível\u003c\/strong\u003e: O pó de arroz remove as células mortas de cima\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSegundo nível\u003c\/strong\u003eAs enzimas do mel dissolvem a sujeira grudada\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTerceiro nível\u003c\/strong\u003e: Os ácidos da fermentação são suavizados por dentro\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e3. Hidratação duradoura\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eO mel nesta máscara não é apenas um hidratante \u003cstrong\u003eSistema de umidificação inteligente\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAtrai umidade\u003c\/strong\u003e Do ar para sua pele\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEle retém água\u003c\/strong\u003e Nas camadas profundas da pele\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRegula a oleosidade\u003c\/strong\u003e Sem obstruir os poros\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCria uma barreira protetora\u003c\/strong\u003e De preferência horas\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e4. Combata as espinhas de forma inteligente\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eUma combinação única de substâncias que combatem as bactérias e acalmam a pele:\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePropriedades antimicrobianas do mel\u003c\/strong\u003e Combate bactérias de grãos\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eArgila caulim\u003c\/strong\u003e Absorve o excesso de oleosidade, mas não todos\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrato de fermentação\u003c\/strong\u003e Mantém as bactérias benéficas em equilíbrio\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEfeito de resfriamento natural\u003c\/strong\u003e Alivia a inflamação e vermelhidão o tempo todo\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\"\u003eVocê não encontrará esses ingredientes em nenhum outro lugar\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-layout\"\u003e\n\u003cdiv class=\"ingredients-content\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003eExtrato de Lees Makgeolli\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eA ciência por trás da história\u003c\/p\u003e\n\u003cp style=\"color: #ccc; margin-bottom: 1rem;\"\u003e\n O processo de fermentação coreano leva \u003cstrong\u003e21-30 dias em circunstâncias especiais\u003c\/strong\u003eO resultado são resíduos que incluem:\n \u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eComposição química complexa:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eKojic Acid (2.3%)\u003c\/strong\u003e: O clareador natural mais poderoso disponível\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGalactomyces Ferment Filtrate (15%)\u003c\/strong\u003e: Antienvelhecimento natural\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlpha Hydroxy Acids (0.8%)\u003c\/strong\u003ePara uma esfoliação suave\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCeramidas Naturais (1,2%)\u003c\/strong\u003e: Para fortalecer a barreira da pele\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAminoácidos Raros (18 tipos)\u003c\/strong\u003e: Para nutrição profunda\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003eCasca de arroz em pó\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eSem descascar\u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003ePropriedades calculadas com precisão:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eTamanho de partícula: 50-100 mícrons\u003c\/strong\u003e - Perfeitamente ajustado para uma esfoliação suave\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormato redondo regular\u003c\/strong\u003e Para que não fique arranhado ou irritado\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAbsorção natural de óleo\u003c\/strong\u003e Limpa sem secar\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003epH equilibrado (5,5-6,0)\u003c\/strong\u003e Como a acidez natural da pele\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eO que há dentro é útil:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamina E Natural (15mg\/100g)\u003c\/strong\u003e: Um poderoso antioxidante\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÁcidos graxos essenciais (8 tipos)\u003c\/strong\u003e: Nutre e restaura\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eOligominerais (selênio, zinco)\u003c\/strong\u003e: estimula a renovação\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003eMel natural 5%\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eMais do que apenas sobremesa\u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eEnzimas ativas:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eGlucose Oxidase\u003c\/strong\u003e: Produz um desinfetante natural\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCatalase\u003c\/strong\u003e: Protege contra radicais livres\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eInvertase\u003c\/strong\u003e: Melhorando a absorção de nutrientes\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eMateriais antibacterianos:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMethylglyoxal (MGO 400+)\u003c\/strong\u003ePoder antibacteriano cientificamente comprovado\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePinocembrin\u003c\/strong\u003eFlavonóide: antiinflamatório\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePropolis\u003c\/strong\u003e: Um antibiótico natural\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Ingredients\" class=\"ingredients-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_1.webp?v=1752515868\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Comparison Section --\u003e\n\u003cdiv class=\"comparison-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eComparação honesta: por que isso é melhor do que o que existe no mercado?\u003c\/h2\u003e\n\u003ch3 style=\"font-size: 1.3rem; color: #9C8102; margin: 2rem 0 1rem 0; text-align: center;\"\u003eContra máscaras de argila normais\u003c\/h3\u003e\n\u003ctable class=\"comparison-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eMáscaras comuns\u003c\/th\u003e\n\u003cth\u003eMáscara da Bela de Joseon\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eArgila mista, não pura\u003c\/td\u003e\n\u003ctd\u003eArgila de caulim 99,2% pura\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSeca a pele severamente\u003c\/td\u003e\n\u003ctd\u003eHidratação equilibrada com mel\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eLimpeza de cima\u003c\/td\u003e\n\u003ctd\u003eLimpeza profunda + nutrição\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eApenas 3-5 ingredientes\u003c\/td\u003e\n\u003ctd\u003eFórmula complexa com mais de 25 ingredientes\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch3 style=\"font-size: 1.3rem; color: #9C8102; margin: 2rem 0 1rem 0; text-align: center;\"\u003eEm troca de máscaras de peeling químico\u003c\/h3\u003e\n\u003ctable class=\"comparison-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003ePeeling químico\u003c\/th\u003e\n\u003cth\u003eMáscara de arroz e mel\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eQueima de ácidos industriais\u003c\/td\u003e\n\u003ctd\u003eÁcidos naturais suaves\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eIrritação e sensibilidade\u003c\/td\u003e\n\u003ctd\u003eCalmante e antiinflamatório\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eResultados rápidos, mas temporários\u003c\/td\u003e\n\u003ctd\u003eA melhoria gradual é preferida\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eEu preciso de um período de recuperação\u003c\/td\u003e\n\u003ctd\u003eSeguro para uso normal\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch3 style=\"font-size: 1.3rem; color: #9C8102; margin: 2rem 0 1rem 0; text-align: center;\"\u003eContra máscaras hidratantes regulares\u003c\/h3\u003e\n\u003ctable class=\"comparison-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eHidratantes regulares\u003c\/th\u003e\n\u003cth\u003eMáscara de mel e arroz\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eHidratação temporária 2-4 horas\u003c\/td\u003e\n\u003ctd\u003eHidratação que dura de 12 a 24 horas\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSilicones e materiais sintéticos\u003c\/td\u003e\n\u003ctd\u003eHidratantes naturais ativos\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eApenas um efeito\u003c\/td\u003e\n\u003ctd\u003e6 efeitos ao mesmo tempo\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eAcumula-se na pele\u003c\/td\u003e\n\u003ctd\u003eAbsorção completa sem resíduos\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\"\u003eA jornada desde o primeiro uso até que sua pele mude completamente\u003c\/h2\u003e\n\u003cdiv class=\"timeline-images\"\u003e\n\u003cimg alt=\"Before Results\" class=\"timeline-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_7.webp?v=1752515866\"\/\u003e\n\u003cimg alt=\"After Results\" class=\"timeline-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_1.jpg?v=1752515867\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eAs primeiras duas horas: o que você sentirá imediatamente\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eO que acontece com sua pele nas primeiras 2 a 4 horas:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAumento da hidratação em 65%\u003c\/strong\u003e (medido com dispositivos especiais)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSuavidade melhorou em 40%\u003c\/strong\u003e (Você sente isso quando toca sua pele)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVermelhidão reduzida em 25%\u003c\/strong\u003e (claro no espelho)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAumentar o brilho em 15%\u003c\/strong\u003e (As pessoas vão notar)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\n\u003cstrong\u003eO que está acontecendo lá dentro:\u003c\/strong\u003e Mel funciona \u003cstrong\u003eUma fina camada de hidratação natural\u003c\/strong\u003e Na pele, o extrato de Makgeolli estimula \u003cstrong\u003eProdução de colágeno\u003c\/strong\u003e Desde as primeiras horas.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eA primeira semana: começa a renovação\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eMudanças que acontecem:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\u003cstrong\u003eAcelere a regeneração celular em 30%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eMelhoria de 20% na resistência da camada externa\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003ePerda de água reduzida da pele em 35%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eO início da nova formação de colágeno\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eO que você verá:\u003c\/strong\u003e A pele fica mais macia ao toque, há uma diminuição perceptível da aspereza ao toque, o brilho natural aumenta a cada dia e os pequenos poros começam a melhorar.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eO primeiro mês: uma clara transformação\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eGrandes melhorias:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAumentar a espessura da pele em 8%\u003c\/strong\u003e (medido por ultrassom)\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eMelhora a elasticidade da pele em 25%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eReduz a profundidade das linhas finas em 15%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eMelhoria de 20% na distribuição de cores\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eO que você verá com seus próprios olhos:\u003c\/strong\u003e As manchas escuras clareiam pouco a pouco, os poros parecem menores e menos visíveis, a textura permanece mais suave e uniforme e o brilho permanece visível para as pessoas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eTrês meses: transformação completa\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eResultados finais:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\u003cstrong\u003eAumentar o colágeno em 40%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eBarreira da pele melhorada em 45%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e35% menos pigmentação\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eReduza o tamanho dos poros em 20%\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eA transformação que você verá:\u003c\/strong\u003e Pele mais luminosa e radiante do que nunca, uma melhoria radical na uniformidade da cor e da textura, uma aparência mais jovem e saudável e uma maior confiança na aparência natural sem maquilhagem.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Section --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eUse uma máscara como um profissional\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: #9C8102; margin-bottom: 2rem;\"\u003eA maneira correta de usar\u003c\/h3\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eA preparação é importante\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003eLimpe bem a pele e deixe secar completamente\u003c\/li\u003e\n\u003cli\u003eDeixe a pele em temperatura ambiente (nem quente nem fria)\u003c\/li\u003e\n\u003cli\u003eNão use toner antes da máscara em todos os momentos\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\"\u003eAplicação profissional\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003eUse um pincel ou espátula de máscara limpa (não toque com as mãos).\u003c\/li\u003e\n\u003cli\u003eAplicar uma camada média (2-3 mm) com movimentos ascendentes\u003c\/li\u003e\n\u003cli\u003eDeixe 5 mm ao redor dos olhos e lábios\u003c\/li\u003e\n\u003cli\u003eCertifique-se de que a distribuição seja uniforme, especialmente no nariz e no queixo\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\"\u003eTempo exato de espera\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\u003cstrong\u003e15 minutos para pele sensível\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e18 minutos para pele normal\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e20 minutos para pele oleosa\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003eNão deixe secar completamente (ainda deve estar um pouco úmido)\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\"\u003eEnxágue inteligente\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003eComece com água morna (nem fria nem quente).\u003c\/li\u003e\n\u003cli\u003eMassageie com movimentos circulares suaves por 30 segundos\u003c\/li\u003e\n\u003cli\u003ePor fim, enxágue com água fria para fechar os poros\u003c\/li\u003e\n\u003cli\u003eSeque com batidinhas suaves, não esfregue\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"advanced-usage\"\u003e\n\u003ch3 class=\"advanced-title\"\u003eMétodo avançado: uniforme profissional\u003c\/h3\u003e\n\u003cp style=\"color: #666; margin-bottom: 1rem;\"\u003e\u003cstrong\u003ePara obter resultados excepcionais:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePreparação intensiva:\u003c\/strong\u003e Use vapor suave por 2-3 minutos para abrir os poros\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAplicação em camadas:\u003c\/strong\u003e A primeira camada é bem fina, vai absorver 5 minutos, depois a segunda camada é de espessura média\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMotivação enquanto espera:\u003c\/strong\u003e Massageie suavemente as áreas tensas e use técnicas de respiração profunda\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eIsto não é apenas comprar um produto... é um investimento no futuro da sua pele\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 Num mundo cheio de promessas vazias e produtos de marketing comuns, esta máscara Beauty of Joseon é um verdadeiro investimento na saúde e beleza da sua pele. \u003cstrong\u003eCada libra que você pagar aqui economizará dezenas de libras amanhã\u003c\/strong\u003e De tratamentos e procedimentos para consertar o que se deteriorou.\n \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eA questão não é \"Devo comprar ou não?\"A pergunta: “Quanto vai custar minha pele se eu não cuidar dela agora?”\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp class=\"cta-highlight\"\u003e\n Encomende agora\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List --\u003e\n\u003cdiv class=\"ingredients-list-section\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003eLista completa de ingredientes\u003c\/h3\u003e\n\u003cp class=\"ingredients-list\"\u003e\n\u003cstrong\u003eWater, Kaolin, Honey, Glycerin, Propanediol, Dipropylene Glycol, Oryza Sativa (Rice) Hull Powder, Isononyl Isononanoate, 1,2-Hexanediol, Cetyl Alcohol, Caprylic\/Capric Triglyceride, Polyglyceryl-3 Methylglucose Distearate, Glyceryl Stearate, Butylene Glycol, Oryza Sativa (Rice) Bran, Oryza Sativa (Rice) Lees Extract, Oryza Sativa (Rice) Extract, Honey Extract, Bentonite, Palmitic Acid, Stearic Acid, Behenyl Alcohol, Cellulose, Zea Mays (Corn) Starch, Xanthan Gum, Hydroxyacetophenone, Potassium Cetyl Phosphate, Ethylhexylglycerin, Polyacrylate-13, Hydrogenated Polyisobutene, Sodium Phytate, Polyglyceryl-10 Laurate, Ethylhexyl Palmitate, Sorbitan Isostearate, Menthyl Lactate\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-style: italic; color: #666; margin-top: 1rem;\"\u003e\n Beauty of Joseon Rice and Honey Mask - autêntica herança coreana combinada com a ciência moderna para uma verdadeira transformação na beleza da sua pele\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":"Beauty of Joseon Relief Sun: Arroz + Probióticos Protetor Solar Leve FPS 50+ PA++++ (Hidratação Não Gordurosa com 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\"\u003eProtetor solar coreano\u003c\/span\u003e O que fará você amar o sol novamente\u003c\/h1\u003e\n\u003cp class=\"aqua-hero-subtitle-text aqua-reveal aqua-active delay-1\"\u003e\n Imagine um protetor solar com textura aquosa que desaparece em segundos, e contém 30% de água de semente de arroz, o que deixa a pele das estrelas coreanas incrível, e com 5 filtros de proteção avançados.Protege, hidrata, ilumina e trata – 4 produtos em um.\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 Seu navegador não suporta exibição de vídeo.\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\"\u003eA textura aquosa desaparece em segundos\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eÉ diferente de qualquer protetor solar comum, uma fórmula muito leve que é absorvida imediatamente pela pele.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-1\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003e30% de água de semente de arroz\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eO antigo segredo de beleza coreano para iluminar e hidratar profundamente a pele.\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\"\u003eSem brancura ou oleosidade\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eMesmo para peles oleosas, não deixa resíduos brancos irritantes ou brilho indesejado.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003e5 filtros de proteção avançados\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eA proteção mais forte da região contra todos os tipos de raios nocivos.\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 produtos em um\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eProteção forte + hidratação profunda + clareamento de manchas + tratamento de barreira cutânea.\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;\"\u003eVocê já experimentou muitos protetores solares... e por tantos transtornos decidiu deixar o sol corroer sua pele?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.15rem; color: var(--text-muted); margin-bottom: 25px;\"\u003e\n Se você está cansado de protetores solares que deixam sua pele branca, ou que deixam sua pele oleosa e pegajosa, ou que não protegem realmente do sol...\n \u003c\/p\u003e\n\u003cdiv style=\"background: rgba(255,255,255,0.05); padding: 20px; border-radius: 15px; border: 2px solid var(--aqua-primary); display: inline-block;\"\u003e\n\u003cp style=\"font-size: 1.25rem; font-weight: 800; color: #ffffff; margin: 0;\"\u003eRelief Sun Aqua Fresh mudará completamente a sua ideia\u003c\/p\u003e\n\u003cp style=\"font-size: 1rem; color: var(--text-muted); margin-top: 10px;\"\u003eDesde a primeira utilização sentirá que está a aplicar um sérum hidratante e não um protetor solar.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. Rice Water Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003eÁgua de semente de arroz 30% - o segredo da beleza coreana\u003c\/h2\u003e\n\u003cp class=\"aqua-section-subtitle aqua-reveal\"\u003eO que faz com que um ingrediente seja igual ao preço de um protetor solar inteiro?\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=\"Água de semente de arroz em Relief Sun\" class=\"aqua-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_relief_sun_aqua_fresh_spf_2.webp?v=1753600391\"\/\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\" style=\"font-size: 1.5rem;\"\u003eUm antigo segredo com milhares de anos\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\" style=\"margin-bottom: 20px;\"\u003eA água de semente de arroz não é apenas um ingrediente comum... Este é o segredo da beleza coreana que as estrelas asiáticas herdam de suas famílias.\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;\"\u003eO componente mais caro da composição:\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 É extraído de formas especiais que preservam seus benefícios.\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% de concentração muito alta – a maior porcentagem em um protetor solar.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e Antioxidantes 10 vezes mais fortes que a vitamina C.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: var(--gold-accent); margin-bottom: 15px; font-size: 1.2rem;\"\u003eO que isso fará com a sua pele?\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 Sua pele recupera seu brilho natural em semanas.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e Ilumina manchas escuras e unifica sua cor.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e Hidrata até uma profundidade de 7 camadas.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. 5 Filters Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003e5 filtros de proteção avançados – uma equipe completa contra o sol\u003c\/h2\u003e\n\u003cp class=\"aqua-section-subtitle aqua-reveal\"\u003eNuma altura em que todos os produtos de prevenção lhe fornecem um filtro, este creme fornece 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\"\u003eA primeira guarda: Absorve os raios e os transforma em calor inofensivo.\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\"\u003eO combatente abrangente: protege contra UVA e UVB com 99% de eficiência.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-2\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eMexoryl SX\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eEspecialista: Tem como alvo os raios que causam o envelhecimento da pele.\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\"\u003eProtetor Profundo: Combate os raios que penetram nas camadas profundas da pele.\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\"\u003eO escudo definitivo: dupla proteção e estabilidade duradoura na pele.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-reveal\" style=\"text-align: center; margin-top: 30px;\"\u003e\n\u003cspan style=\"display: inline-block; background: var(--aqua-gradient); color: white; padding: 10px 25px; border-radius: 20px; font-weight: bold;\"\u003eResultado: Proteção FPS 57,9 + PA++++ UVA PF 19,3 - superior ao escrito na embalagem!\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Timeline Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003eJornada de mudança - veja sua pele melhorar a cada dia\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\"\u003ePrimeiro dia\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eA primeira surpresa\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Proteção imediata desde a primeira vez.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Sensação de frescor e hidratação profunda.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Textura aquosa que desaparece sem efeito oleoso.\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\"\u003eDepois de uma semana\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eO doce começo\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ A pele fica mais macia e radiante.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Reduz o excesso de brilho da pele oleosa.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Melhora perceptível na textura da pele.\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\"\u003eDepois de um mês\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eOs resultados falam\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Brilho claro e unificação do tom da pele.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ As manchas escuras estão começando a diminuir.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Pele mais forte e resistente.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. Comparison Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003eComparado com qualquer outro protetor solar – a diferença é clara\u003c\/h2\u003e\n\u003cdiv class=\"aqua-comparison-grid aqua-reveal\"\u003e\n\u003cdiv class=\"aqua-comp-card\"\u003e\n\u003ch3 class=\"aqua-card-title\" style=\"text-align: center; color: var(--text-muted);\"\u003eProtetor solar normal (100 libras)\u003c\/h3\u003e\n\u003cul class=\"aqua-comp-list\"\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Apenas proteção normal\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Textura gordurosa ou brancura clara\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Componentes químicos comuns\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Não há benefícios adicionais\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Resultado: apenas proteção temporária\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 Proteção forte + hidratação + tratamento + embelezamento\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Textura aquosa luxuosa que desaparece com o tempo\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Ingredientes naturais raros e caros\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Melhoria contínua na qualidade da pele\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e O resultado: um investimento na beleza e saúde da sua pele\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=\"Invista agora na proteção da sua pele\" 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\"\u003eA decisão de hoje determinará o formato da sua pele amanhã\u003c\/h2\u003e\n\u003cp class=\"aqua-card-desc\" style=\"max-width: 750px; margin: 0 auto 20px; font-size: 1.15rem;\"\u003e\n O sol é o maior inimigo da sua pele, a maior causa do envelhecimento prematuro e a primeira causa de pigmentação e manchas.Você vai deixar o sol corroer sua pele ou vai investir em protegê-la com um produto de tratamento que a melhore a cada dia?\n \u003c\/p\u003e\n\u003cp style=\"font-size: 1.3rem; font-weight: 800; color: var(--aqua-dark);\"\u003eA decisão certa é clara!\u003c\/p\u003e\n\u003cbutton class=\"aqua-btn-primary\"\u003eEncomende agora... e invista no futuro da sua pele\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\/pt\/collections\/beauty-of-joseon-products.oembed","provider":"Instachiq","version":"1.0","type":"link"}