{"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\"\u003eSiero \u003cspan\u003eSole\u003c\/span\u003e Con niacinamide e propoli d'api\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eUna combinazione senza precedenti di niacinamide e propoli d'api per una pelle luminosa e radiosa\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 Formula originale coreana\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 Senza sostanze chimiche nocive\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 Ideale per tutti i tipi di pelle\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\"\u003eUna combinazione senza precedenti di niacinamide e propoli d'api\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-box\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003eNiacinamide\u003c\/h3\u003e\n\u003cp class=\"ingredient-desc\"\u003eNon è solo un ingrediente, è un miracolo che riequilibra la pelle, riduce le pigmentazioni e le dona un colore uniforme e radioso. Migliora l'elasticità della pelle e rafforza la barriera naturale di idratazione.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-box\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003ePropoli (propoli d'ape)\u003c\/h3\u003e\n\u003cp class=\"ingredient-desc\"\u003eEstratto dagli alveari, agisce come un potente antinfiammatorio e stimolante della rigenerazione cellulare, mantenendo la pelle giovane e fornendo protezione naturale. Combatte la comparsa di brufoli e segni dell'invecchiamento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp\u003eQuando questi ingredienti si uniscono in un'unica formula, si trasformano in un potere naturale incomparabile; Un miracolo che ristora la giovinezza della tua pelle e le dona la radiosità che hai sempre sognato.\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 Il tuo browser non supporta la riproduzione dei video.\n \u003c\/video\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"instant-results\"\u003e\n\u003ch2 class=\"section-title\"\u003eRisultati immediati!\u003c\/h2\u003e\n\u003ch3 style=\"color: #c9a97e; text-align: center; margin: 20px 0; font-size: 22px;\"\u003ePori più piccoli, pelle più chiara, pelle perfetta\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eBenefici straordinari per la tua pelle\u003c\/h2\u003e\n\u003cp\u003eQuesto siero è una soluzione completa per la pelle opaca e stanca, poiché mostra effetti sorprendenti che includono:\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\"\u003eMigliora la luminosità della pelle\u003c\/h3\u003e\n\u003cp\u003eSchiarire e uniformare il colore della pelle riducendo efficacemente le pigmentazioni e le macchie scure.\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\"\u003eMigliorare la texture della pelle\u003c\/h3\u003e\n\u003cp\u003eAumentare la levigatezza della pelle grazie alle proprietà idratanti e illuminanti della niacinamide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card fade-up\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\n\u003csvg fill=\"none\" height=\"36\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"36\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eProtezione della pelle\u003c\/h3\u003e\n\u003cp\u003eProtezione da infezioni esterne e dai danni causati dai radicali liberi grazie al potere della propoli.\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\"\u003eSupporta la funzione della barriera idrolipidica\u003c\/h3\u003e\n\u003cp\u003eMantenere l'idratazione della pelle e prevenire la sua perdita, il che aiuta a ridurre le linee sottili.\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\"\u003eUn viaggio di risultati sorprendenti\u003c\/h2\u003e\n\u003cp\u003eCon un uso regolare, noterai un miglioramento graduale e raggiungerai risultati ottimali entro poche settimane.\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\"\u003ePrimo utilizzo\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\"\u003eIdratazione istantanea\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eNoterai un'idratazione immediata della pelle e una texture più liscia. La pelle appare visibilmente più fresca e radiosa fin dal primo utilizzo.\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\"\u003eDopo una settimana\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\"\u003eMiglioramento della texture e della luminosità\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eLa pelle diventa più luminosa e liscia. Rossore e irritazione sono ridotti grazie alle proprietà antinfiammatorie della propoli. Riduzione evidente della untuosità della pelle.\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\"\u003eDopo due settimane\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\"\u003eRidurre la pigmentazione\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eI risultati dell'unificazione del tono della pelle iniziano a comparire. Le macchie scure e l'iperpigmentazione si riducono gradualmente. La pelle diventa più luminosa e fresca, con pori più piccoli e meno visibili.\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\"\u003eDopo un mese\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\"\u003eVisibile trasformazione\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eMiglioramento significativo nella texture e nel tono della pelle. Scomparsa evidente di molti problemi della pelle come macchie scure e cicatrici. Riduzione visibile delle linee sottili e dei segni dell'invecchiamento.\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\"\u003eDopo due mesi\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\"\u003ePelle completamente rinnovata\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003ePelle sorprendentemente luminosa e radiosa. Completata uniformità del tono della pelle e significativa riduzione della pigmentazione. Miglioramento duraturo dell'aspetto e della texture della pelle, con maggiore elasticità e migliore salute della pelle.\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=\"Formula scientificamente avanzata\" 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\"\u003eFormula scientificamente avanzata\u003c\/h2\u003e\n\u003ch3 style=\"margin-bottom: 20px; font-size: 22px; color: #333;\"\u003eCome funziona il siero?\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.8; margin-bottom: 20px;\"\u003eLa combinazione funziona \u003cspan style=\"color: #c9a97e; font-weight: bold;\"\u003eBeauty Of Joseon Glow Serum Propolis + Niacinamide\u003c\/span\u003e Creare in modo armonioso un effetto completo sulla pelle. La propoli, estratta dagli alveari, pulisce la pelle, combatte l'infiammazione e stimola il rinnovamento cellulare, contrastando la comparsa di brufoli e segni dell'invecchiamento.\u003c\/p\u003e\n\u003cp style=\"line-height: 1.8;\"\u003eMentre la niacinamide lavora per uniformare il tono della pelle e ridurre la pigmentazione, oltre a migliorare l'elasticità della pelle e rafforzare la barriera di umidità. Insieme, questi ingredienti attivi cambiano radicalmente la texture della pelle, donandole un aspetto più radioso e vibrante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eCome usare\u003c\/h2\u003e\n\u003cp\u003eDopo aver ben deterso la pelle, applicare il siero sull'area del viso, concentrandosi sulle zone che necessitano di schiarimento e miglioramento, come intorno agli occhi, sulla fronte e sulle linee della mascella. Massaggiare delicatamente fino a completo assorbimento, poi seguire con la crema idratante per mantenere l’idratazione e migliorare l’efficacia. Usare al mattino e alla sera per risultati ottimali.\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\"\u003eDetergere la pelle\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\"\u003eApplicazione del siero\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\"\u003eMassaggiare delicatamente\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\"\u003eApplica la crema idratante\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\"\u003eRipristina oggi la radiosità della tua pelle\u003c\/h2\u003e\n\u003cp class=\"cta-subtitle\"\u003eOttimo rapporto qualità-prezzo - la nostra formula siero illuminante combina ingredienti naturali scientificamente provati per una pelle radiosa e sana.\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eOrdinalo ora\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"footer-note\"\u003e\n\u003cp\u003eBeauty Of Joseon Glow Serum Propoli + Niacinamide combina ingredienti naturali scientificamente provati che migliorano la luminosità e il tono della pelle con una protezione avanzata dall'ambiente. Sebbene possa essere un po' più costoso rispetto ad altri prodotti, ne basta una piccola quantità per ottenere risultati sorprendenti e duraturi, rendendolo un investimento efficace nella salute e nella bellezza della tua pelle.\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 è specializzato in occhiaie | Borse sotto gli occhi | Segni dell'invecchiamento","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\"\u003eIl tuo percorso di ringiovanimento degli occhi inizia ora\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\u003eScopri il segreto per illuminare i tuoi occhi con \u003cspan class=\"highlight\"\u003eBeauty of Joseon Revive Eye Serum\u003c\/span\u003eUna formula innovativa che combina le più recenti tecnologie scientifiche con ingredienti naturali puri per rivitalizzare la delicata area degli occhi. Questo siero rivoluzionario lavora per combattere contemporaneamente i segni di stanchezza e invecchiamento, donando agli occhi un aspetto più giovane e luminoso.\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\"\u003eCome funziona il siero?\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\u003eIl siero funziona combinando tre ingredienti principali che creano un effetto completo: il Retinale leviga la pelle e stimola la rigenerazione cellulare, mentre i liposomi stabilizzano efficacemente il retinale e ne migliorano l'assorbimento, e l'estratto di radice di ginseng fornisce idratazione duratura e protezione superiore. Con questo meccanismo unico, la barriera idrolipidica viene ricostruita e l'aspetto di rughe sottili, occhiaie e gonfiori viene ridotto, restituendo vitalità e luminosità ai tuoi occhi.\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\"\u003eCosa distingue la composizione?\u003c\/h3\u003e\n\u003cp\u003eL'unicità di questa formula risiede nella sua combinazione del potere del retinale con liposomi ed estratto di ginseng; ciascun ingrediente da solo è considerato un miracolo nel migliorare la salute della pelle. Quando vengono combinati, diventano una forza naturale inarrestabile che ringiovanisce l'area degli occhi e stimola la produzione di collagene, migliorando l'elasticità della pelle e riducendo i segni di stanchezza e invecchiamento.\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\"\u003ePerché questa formula è considerata migliore di altri derivati del retinolo?\u003c\/h3\u003e\n\u003cp\u003eIl retinolo è una forma di vitamina A che deve essere trasformata all'interno della pelle per diventare attiva, rendendola meno efficace rispetto al retinal.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e Per quanto riguarda il retinale\u003c\/strong\u003e, agisce direttamente stimolando il rinnovamento cellulare e la produzione di collagene senza la necessità di conversione, il che accelera i risultati e riduce il rischio di irritazioni. Questa differenza rende il Retinal la scelta ideale per la cura intensiva dell’area occhi.\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\"\u003eCome usare\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\u003eDopo aver delicatamente deterso la pelle, applica il siero nella zona degli occhi utilizzando una piccola quantità. Massaggia delicatamente il prodotto fino a completo assorbimento, quindi procedi con una crema idratante adatta per mantenere l’idratazione e migliorare i risultati. È preferibile utilizzare il siero al mattino e alla sera per ottenere i migliori risultati.\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\"\u003ePulisci delicatamente la pelle\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\"\u003eApplica una piccola quantità di siero\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\"\u003eMassaggiare delicatamente fino all'assorbimento\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\"\u003eSegui con un idratante adatto\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\"\u003eRisultati clinici\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\u003eGli esperimenti hanno dimostrato che l'uso regolare del siero porta miglioramenti evidenti in diverse aree:\u003c\/p\u003e\n\u003cdiv class=\"clinical-results\"\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eRidurre le rughe sottili\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\"\u003eRiduzione della profondità delle rughe sottili intorno agli occhi dopo 8 settimane di utilizzo regolare\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eAumentare l'idratazione\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\"\u003eMiglioramento dei livelli di idratazione dell'area degli occhi rispetto alle misurazioni di base prima dell'uso\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eRiduzione delle occhiaie\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\"\u003eMiglioramento evidente del tono della pelle e della riduzione della pigmentazione attorno agli occhi dopo solo 4 settimane\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eMigliorare la texture della pelle\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\"\u003eAumentata levigatezza della pelle e migliorata texture grazie al rinnovamento cellulare e al rafforzamento della barriera idrolipidica.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eIn \u003cstrong data-end=\"2016\" data-start=\"1979\"\u003eBeauty of Joseon Revive Eye Serum\u003c\/strong\u003e Non solo un prodotto di cura; è un vero investimento nella giovinezza e nella bellezza dei tuoi occhi. La sua formula avanzata offre risultati sorprendenti in una piccola dose, rendendolo la scelta ideale per chi cerca luminosità duratura e un aspetto giovanile.\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":"\n\u003cstyle\u003e\n\/* Styles *\/\n.ginseng-product-description {\n\n max-width: 100%;\n margin: 0 auto;\n direction: ltr;\n color: #333;\n}\n\n\/* Styles *\/\n.ginseng-main-title {\n text-align: center;\n font-size: 26px;\n color: #333;\n margin-bottom: 20px;\n position: relative;\n padding-bottom: 10px;\n}\n\n.ginseng-main-title:after {\n content: \"\";\n position: absolute;\n bottom: 0;\n right: 50%;\n transform: translateX(50%);\n width: 60px;\n height: 2px;\n background-color: #d4a017;\n}\n\n\/* Styles *\/\n.ginseng-intro {\n text-align: center;\n font-size: 16px;\n margin-bottom: 30px;\n line-height: 1.6;\n}\n\n\/* Styles *\/\n.ginseng-main-image {\n display: block;\n margin: 30px auto;\n max-width: 100%;\n border-radius: 8px;\n transition: transform 0.3s ease;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n}\n\n.ginseng-main-image:hover {\n transform: translateY(-5px);\n}\n\n\/* Styles *\/\n.ginseng-features {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 30px 0;\n}\n\n\/* Styles *\/\n.ginseng-feature-card {\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n padding: 25px;\n transition: all 0.3s ease;\n border: 1px solid rgba(0, 0, 0, 0.03);\n}\n\n.ginseng-feature-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\n}\n\n.ginseng-feature-title {\n display: flex;\n align-items: center;\n margin-bottom: 15px;\n color: #333;\n font-size: 18px;\n font-weight: bold;\n}\n\n.ginseng-feature-icon {\n margin-left: 10px;\n color: #d4a017;\n font-size: 20px;\n}\n\n.ginseng-feature-content {\n line-height: 1.6;\n color: #555;\n}\n\n\/* Styles *\/\n.ginseng-ingredients {\n background-color: #fbfbfb;\n padding: 30px;\n border-radius: 8px;\n margin: 40px 0;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);\n}\n\n.ginseng-section-title {\n text-align: center;\n font-size: 22px;\n color: #333;\n margin-bottom: 25px;\n}\n\n.ginseng-ingredients-list {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 15px;\n}\n\n.ginseng-ingredient {\n background-color: #fff;\n padding: 20px;\n border-radius: 8px;\n flex: 1;\n min-width: 120px;\n text-align: center;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);\n transition: transform 0.3s ease;\n}\n\n.ginseng-ingredient:hover {\n transform: scale(1.03);\n}\n\n.ginseng-ingredient-title {\n font-weight: bold;\n color: #333;\n margin-bottom: 5px;\n}\n\n.ginseng-ingredient-percentage {\n font-size: 24px;\n color: #d4a017;\n font-weight: bold;\n margin: 10px 0;\n}\n\n\/* Styles *\/\n.ginseng-benefits {\n margin: 40px 0;\n}\n\n.ginseng-benefits-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 15px;\n}\n\n.ginseng-benefit-item {\n display: flex;\n align-items: center;\n padding: 13px 18px;\n background-color: #fff;\n border-radius: 6px;\n box-shadow: 0 3px 8px rgba(0, 0, 0, 0.03);\n transition: transform 0.3s ease;\n border: 1px solid rgba(0, 0, 0, 0.03);\n}\n\n.ginseng-benefit-item:hover {\n transform: translateX(-5px);\n box-shadow: 0 5px 12px rgba(0, 0, 0, 0.06);\n}\n\n.ginseng-benefit-icon {\n color: #d4a017;\n font-size: 18px;\n margin-left: 10px;\n}\n\n\/* Styles *\/\n.ginseng-how-to-use {\n background-color: #fff;\n padding: 30px;\n border-radius: 8px;\n margin: 40px 0;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n}\n\n.ginseng-steps {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n margin-top: 20px;\n}\n\n.ginseng-step {\n flex: 1;\n display: flex;\n align-items: flex-start;\n min-width: 250px;\n}\n\n.ginseng-step-number {\n background-color: #f5f5f5;\n color: #333;\n width: 30px;\n height: 30px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n margin-left: 15px;\n flex-shrink: 0;\n border: 1px solid rgba(0, 0, 0, 0.05);\n}\n\n.ginseng-step-content {\n line-height: 1.6;\n}\n\n\/* Styles *\/\n.ginseng-highlight-section {\n position: relative;\n padding-right: 15px;\n}\n\n.ginseng-highlight-section::before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n width: 3px;\n height: 100%;\n background-color: #d4a017;\n border-radius: 3px;\n}\n\n\/* Styles *\/\n.ginseng-fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n\/* Styles *\/\n@media (max-width: 768px) {\n .ginseng-features {\n grid-template-columns: 1fr;\n }\n \n .ginseng-ingredients-list {\n flex-direction: column;\n }\n \n .ginseng-ingredient {\n min-width: auto;\n }\n}\n\u003c\/style\u003e\n\n\u003clink href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\"\/\u003e\n\n\u003cdiv class=\"ginseng-product-description\"\u003e\n\u003ch2 class=\"ginseng-main-title ginseng-fade-in\"\u003eAcqua di ginseng – la fonte eterna di giovinezza per la pelle\u003c\/h2\u003e\n\u003cp class=\"ginseng-intro ginseng-fade-in\"\u003e\n Una rara miscela di segreti della medicina tradizionale coreana e tecnologia moderna. L'acqua di ginseng all'80% utilizzata in questo prodotto non è solo un ingrediente naturale, ma piuttosto un tesoro ricco di antiossidanti, saponine e micronutrienti che supportano la pelle giovane dall'interno e la ricostruiscono ad ogni utilizzo.\n \u003c\/p\u003e\n\u003cimg alt=\"Acqua di 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\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 – uno dei più grandi segreti della pelle coreana\n \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n Per secoli, il ginseng è stato conosciuto come l “Erba degli Dei” nei libri di medicina tradizionale coreana come il Donguibogam. Le prime donne coreane lo usavano per fare il bagno e prendersi skincare grazie alla sua straordinaria capacità di stimolare la circolazione sanguigna, nutrire le cellule e ringiovanire la pelle.\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 Formula leggera – risultati intensi\n \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n Nonostante la sua texture leggera, simile all'acqua, questo tonico dona alla pelle un concentrato di idratazione e nutrienti. Si assorbe rapidamente senza lasciare tracce untuose, offrendo un'esperienza d'uso confortevole e veloce, con risultati visibili fin dalla prima settimana.\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 Una soluzione radicale ai problemi di irritazione e infiammazione della pelle\n \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n Il prodotto contiene il 2% di niacinamide, un ingrediente efficace supportato scientificamente nel rafforzare la barriera idrolipidica, calmare l'infiammazione e ridurre l'arrossamento causato da fattori ambientali o irritazioni quotidiane.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cimg alt=\"Benefici dell'acqua di 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\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 Un'idratante straordinario per la pelle\n \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n Le saponine attive presenti nell'acqua di ginseng attraggono e trattengono l'umidità in profondità nella pelle, lasciando la pelle idratata più a lungo senza necessità di riapplicazione. Ideale per chi soffre di secchezza cronica o pelle screpolata.\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 Pelle più liscia, più chiara, più luminosa\n \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n Levigando la texture della pelle, regolando la secrezione di sebo e contribuendo a ridurre l'aspetto dei pori dilatati, questo tonico aiuta a migliorare la chiarezza complessiva della pelle. La niacinamide lavora anche per schiarire le pigmentazioni e uniformare il colore, lasciando il viso con un aspetto più uniforme e luminoso.\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 Specialista del trattamento dello sbiadimento\n \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n La costante opacità del viso non è causata solo dalla stanchezza, ma anche dalla mancanza nella pelle di elementi che stimolano la sua rigenerazione naturale. L'acqua di ginseng fornisce energia alle cellule della pelle e riattiva la microcircolazione nel viso, restituendone la naturale luminosità e splendore.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cimg alt=\"Ingredienti dell’acqua di 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\n\u003cdiv class=\"ginseng-ingredients ginseng-fade-in\"\u003e\n\u003ch3 class=\"ginseng-section-title\"\u003eFormula altamente avanzata con acqua di ginseng e niacinamide!\u003c\/h3\u003e\n\u003cp style=\"text-align: center; margin-bottom: 20px;\"\u003eQuesta formula meticolosamente sviluppata combina scienza e tradizione, con ingredienti studiati:\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\"\u003eAcqua di radice di ginseng coreano\u003c\/div\u003e\n\u003cdiv class=\"ginseng-ingredient-percentage\"\u003e80%\u003c\/div\u003e\n\u003cp\u003eL'ingrediente essenziale per il ringiovanimento della pelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-ingredient ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-ingredient-title\"\u003eNiacinamide\u003c\/div\u003e\n\u003cdiv class=\"ginseng-ingredient-percentage\"\u003e2%\u003c\/div\u003e\n\u003cp\u003ePer uniformare il tono della pelle e ridurre l'infiammazione\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-ingredient ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-ingredient-title\"\u003eComponenti aggiuntivi\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\u003ePantenolo, allantoina, estratto di ginseng fermentato, acido ialuronico\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; margin-top: 20px;\"\u003eOgni ingrediente in esso lavora insieme per offrirti i migliori risultati con il minimo sforzo e senza alcuna irritazione.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"ginseng-benefits ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-highlight-section\"\u003e\n\u003ch3 class=\"ginseng-section-title\"\u003eBenefici principali\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\u003eSupporta la pelle giovane e la ricostruisce\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\u003eStimolare la circolazione sanguigna e ringiovanire la pelle\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\u003eIdratazione profonda e nutrimento immediato per la pelle\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\u003eAssorbimento rapido senza effetto unto\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\u003eRafforzare la barriera idrolipidica e lenire l'infiammazione\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\u003eRidurre arrossamento e irritazione\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\u003eIdratare la pelle per lunghi periodi\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\u003eLevigare la texture della pelle e regolare la secrezione di sebo\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"ginseng-how-to-use ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-highlight-section\"\u003e\n\u003ch3 class=\"ginseng-section-title\"\u003eCome usare\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 Dopo la pulizia della pelle, applicare una piccola quantità sulle mani o su un dischetto di cotone\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 Tampona delicatamente viso e collo con movimenti circolari\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 Lascialo fino a completo assorbimento prima di applicare il prossimo prodotto nella tua routine\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n \n const fadeElements = document.querySelectorAll('.ginseng-fade-in');\n \n \n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n \n if (entry.isIntersecting) {\n \n setTimeout(() =\u003e {\n entry.target.style.opacity = \"1\";\n entry.target.style.transform = \"translateY(0)\";\n }, 100);\n \n \n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 }); \n \n \n fadeElements.forEach(element =\u003e {\n observer.observe(element);\n });\n});\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":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 PROTEZIONE: Scudo solare con cura coreana\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 È una protezione solare innovativa coreana che combina protezione ad ampio spettro con un potente SPF50+ PA++++ e una formula ricca di nutrienti per idratare e nutrire profondamente la pelle. Questo protettivo contiene il 30% di estratto di riso fermentato e una miscela di probiotici che riequilibrano il microbioma cutaneo e leniscono rossore e secchezza. Grazie alla sua consistenza leggera e luminosa che scompare istantaneamente senza lasciare pellicola oleosa o bianca, Relief Sun unisce efficacia e comfort quotidiano per tutti i tipi di pelle, anche quelle sensibili.\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\u003eProtezione completa senza compromessi\u003c\/h2\u003e\n\u003ch3\u003e- Formulazione avanzata per prevenire i danni del sole\u003c\/h3\u003e\n\u003cp\u003eRelief Sun offre una protezione efficace contro i raggi UVA e UVB grazie a filtri chimici avanzati che garantiscono SPF50+ PA++++, riducendo il rischio di scottature e iperpigmentazione derivanti dall'esposizione quotidiana al sole. Formula senza profumo, senza alcool e sicura (livello verde EWG), adatta alla pelle sensibile e a chi è allergico ai solari convenzionali.\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\u003eDuo idratazione e nutrimento: riso e probiotici in un unico blend\u003c\/h2\u003e\n\u003ch3\u003e- Ingredienti naturali per idratazione profonda e sollievo istantaneo\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 il 30% di estratto di riso fermentato con una miscela di probiotici e cereali fermentati, ricchi di vitamine B, C, E, aminoacidi e minerali, per fornire alla pelle idratazione immediata e lenire rossore e secchezza durante tutta la giornata.\u003c\/p\u003e\n\u003cp\u003eLa formula è inoltre arricchita con Niacinamide, che equilibra i livelli di olio e umidità della pelle, minimizzando la dimensione dei pori per un aspetto più liscio e più pieno.\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\u003eCome funziona il prodotto?\u003c\/h2\u003e\n\u003ch3\u003e- La tecnologia idratante funziona in sinergia con la protezione solare -\u003c\/h3\u003e\n\u003cdiv class=\"process-steps\"\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eInizio della calma\u003c\/div\u003e\n\u003cp\u003eQuando si applica il protettivo, i probiotici e il riso fermentato leniscono la pelle e alleviano la sensazione di secchezza e arrossamento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eForte barriera protettiva\u003c\/div\u003e\n\u003cp\u003eI filtri SPF50+ PA++++ riflettono e assorbono i raggi dannosi prima che penetrino nella pelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eIdratante e nutriente\u003c\/div\u003e\n\u003cp\u003eIl riso fermentato rilascia i suoi ingredienti idratanti in profondità nella pelle, mentre la niacinamide rinforza la barriera naturale d'acqua della pelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eFinitura leggera\u003c\/div\u003e\n\u003cp\u003eLa texture gel lucida si assorbe rapidamente, lasciando la pelle morbida senza alcun alone bianco o fastidiosa appiccicosità.\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\u003eIl segreto dell'eccellenza: Perché Relief Sun supera gli altri?\u003c\/h2\u003e\n\u003ch3\u003e- Risultati pratici e esperienza utente affidabile\u003c\/h3\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eTexture irresistibile\u003c\/h4\u003e\n\u003cp\u003eLeggera come l'aria, si fonde nella pelle senza lasciare traccia di untuosità o fastidiosa bianchezza.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eEfficacia comprovata\u003c\/h4\u003e\n\u003cp\u003eUna delle creme solari con le valutazioni più alte al mondo con punteggi superiori a 4,5 stelle da milioni di utenti\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eFormula scientifica e naturale\u003c\/h4\u003e\n\u003cp\u003eCombina filtri chimici avanzati con estratti organici tradizionali di riso fermentato e probiotici, per garantire protezione e idratazione completa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eRiconoscimento degli esperti\u003c\/h4\u003e\n\u003cp\u003eSupportato dalla raccomandazione di Allure come una delle migliori creme solari coreane per la combinazione di protezione e stile, e approvato dai dermatologi grazie alla sua formula sicura ed efficace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eAdatto a tutte le condizioni\u003c\/h4\u003e\n\u003cp\u003eFunziona in modo eccellente in condizioni di alta umidità e previene una sensazione di pesantezza o scivolosità, rendendolo la scelta perfetta per l'uso quotidiano sotto o senza trucco.\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\"\u003eProteggi la tua pelle con l'ultima eleganza coreana\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003eGoditi la protezione SPF50+ con idratazione profonda e nutrimento in un unico prodotto. Dì addio alle creme solari pesanti e bianche e dai il benvenuto a un incarnato sano e protetto tutto il giorno!\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eCompra ora\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 con Estratto di Centella e Vitamina C, Formato 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\u003eSiero Beauty of Joseon Light On (Centella + Vitamina C) – luminosità radiosa coreana\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\u003eLuminosità senza ostacoli: l'importanza di trattare la pigmentazione e ringiovanire la pelle\u003c\/h2\u003e\n\u003cp\u003eLa pigmentazione e le macchie scure non solo riducono la bellezza della pelle, ma la fanno apparire opaca e più vecchia della sua reale età. Il trattamento della pigmentazione ripristina l'equilibrio naturale della pelle, rendendola più chiara, luminosa e radiosa. La vitamina C svolge un ruolo essenziale nella riduzione della pigmentazione e nell'unificazione del colorito, e stimola anche la produzione di collagene, che ringiovanisce la pelle e ne migliora l'elasticità. Quando la tua pelle rimane uniforme e luminosa, la tua autostima brilla davanti a tutto il mondo.\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\u003eLa magia dell'eredità coreana e dell'innovazione moderna\u003c\/h2\u003e\n\u003cp\u003eSiero Light On Questo prodotto è l'incarnazione dell'arte della skincare coreana. Contiene il 68% di estratto biologico di Centella asiatica - la leggendaria pianta famosa per la sua capacità miracolosa di lenire la pelle e rinnovarne le cellule. Supportato dalle più recenti tecniche di stabilizzazione della vitamina C, il siero offre la massima efficacia nell'illuminare e trattare la pigmentazione senza alcuna irritazione. Un tocco di tradizione e un tocco di innovazione... e il risultato: vera magia sulla tua pelle.\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\u003eCome funziona il siero: Un duo unico di illuminante e idratante\u003c\/h2\u003e\n\u003cul class=\"custom-list\"\u003e\n\u003cli\u003e\n\u003cp\u003eNon appena applichi il siero sulla pelle, l'estratto di Centella comincia a idratarla e a lenire eventuali arrossamenti o infiammazioni.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eLa Vitamina C stabilizzata penetra in sicurezza nella pelle, riduce la produzione di melanina e schiarisce gradualmente le pigmentazioni ostinate.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eCon un uso regolare, noterai che la tua pelle diventa più morbida, più chiara e senza macchie, con un'idratazione profonda che la mantiene soda e luminosa.\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\u003ePrincipali ingredienti e il loro ruolo: Vitamina C e Centella al servizio della tua pelle\u003c\/h2\u003e\n\u003cul class=\"custom-list\"\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eVitamina C (Acido Ascorbico 3-O-Etil 10%)\u003c\/strong\u003e: Un potente antiossidante che uniforma il tono della pelle, schiarisce le macchie scure e attiva la produzione di collagene per migliorare l'aspetto delle linee sottili e delle rughe.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eEstratto di Centella asiatica (68%)\u003c\/strong\u003e: Una pianta terapeutica che lenisce la pelle irritata, stimola la rigenerazione delle cellule cutanee e migliora l’idratazione profonda per mantenere l’elasticità e la salute della pelle.\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\u003eIl segreto dell’eccellenza: Perché questo siero è diverso da tutto ciò che hai provato prima?\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\"\u003eLa formula leggera si assorbe rapidamente\u003c\/h3\u003e\n\u003cp\u003eNon c'è sensazione di unto o strato appiccicoso, ma levigatezza e radiosità chiara.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eAlta concentrazione di ingredienti attivi\u003c\/h3\u003e\n\u003cp\u003eLa quantità di Vitamina C e Centella è maggiore rispetto alla maggior parte dei sieri concorrenti, il che significa risultati più rapidi e più efficaci.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eIdeale per pelli sensibili\u003c\/h3\u003e\n\u003cp\u003eSenza profumi e alcol, lenisce la pelle invece di irritarla.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eDoppio risultato\u003c\/h3\u003e\n\u003cp\u003eIlluminare + combattere i segni dell'invecchiamento in un unico semplice passaggio.\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\"\u003eRecensioni degli utenti: storie di successo reali\u003c\/h2\u003e\n\u003cdiv class=\"testimonials-grid\"\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003eRisultati evidenti fin dalle prime settimane\u003c\/h3\u003e\n\u003cp\u003eLa maggior parte degli utenti ha notato una chiara differenza nell'unificazione del tono della pelle e nell'aumento della sua luminosità nel giro di poche settimane.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003eTexture leggera e confortevole\u003c\/h3\u003e\n\u003cp\u003eTutti hanno lodato il fatto che la sua texture è leggera e facile da assorbire, ideale anche per le calde giornate estive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003eAdatto per pelli sensibili\u003c\/h3\u003e\n\u003cp\u003eMolte persone con pelle sensibile hanno confermato che ha aiutato a lenire la loro pelle senza alcuna irritazione.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003eSoddisfazione completa e raccomandazioni estese\u003c\/h3\u003e\n\u003cp\u003eUna grande percentuale di chi l'ha provato l'ha amata così tanto da ricomprarla più di una volta.\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\"\u003eScopri oggi il segreto della luminosità coreana\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003ePelle più luminosa e radiosa in un semplice passaggio. Dì addio alle macchie scure e all'iperpigmentazione, e benvenuta pelle luminosa!\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eCompra ora\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 con Riso e Alfa-Arbutina per illuminare la pelle.","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 l'eredità ancestrale incontra la scienza del futuro\u003c\/h1\u003e\n\u003cp class=\"hero-description\"\u003eAl cuore di questo siero miracoloso, il segreto di bellezza delle imperatrici coreane (\u003cstrong\u003e68% acqua di crusca di riso\u003c\/strong\u003e(Con l'ingrediente scientifico moderno più potente per schiarire la pelle)\u003cstrong\u003e2% alfa arbutina\u003c\/strong\u003e).\u003c\/p\u003e\n\u003cp class=\"hero-conclusion\"\u003e\u003cstrong\u003eIl risultato? Una vera rivoluzione\u003c\/strong\u003e Nel mondo del chiarimento della pelle e unificazione del colore della pelle in modo sicuro, efficace e rapido.\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\"\u003eUn antico tesoro coreano con tecnologia moderna\u003c\/h2\u003e\n\u003cp\u003eDall'era dell'antica dinastia coreana Joseon, abbiamo scoperto il segreto di bellezza delle imperatrici coreane che usavano l'acqua di crusca di riso come “acqua di bellezza” per una pelle radiosa e perfetta.\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 di Beauty of Gossion: la scienza dell'illuminazione della pelle nella sua forma più pura\u003c\/h2\u003e\n\u003cp\u003eQuesto siero combina il potere di centinaia di anni di eredità coreana con le ultime scoperte della scienza della skincare in una formula unica che contiene:\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\"\u003eIngredienti ultra potenti ed efficaci:\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\"\u003eAcqua di crusca di riso concentrata \u003cspan class=\"counter\" data-target=\"68\"\u003e0\u003c\/span\u003e%\u003c\/h3\u003e\n\u003cp\u003eNon solo un ingrediente idratante ordinario... ma un tesoro nutrizionale per la pelle:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eRicco di aminoacidi essenziali per costruire nuove cellule\u003c\/li\u003e\n\u003cli\u003eRicco di minerali che stimolano la circolazione sanguigna e creano una luminosità naturale\u003c\/li\u003e\n\u003cli\u003eContiene enzimi naturali che esfoliano delicatamente la pelle e ne rinnovano le cellule\u003c\/li\u003e\n\u003cli\u003eConosciuto storicamente per la sua capacità di schiarire e uniformare il tono della pelle in modo sicuro\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\"\u003eConcentrazione di Alfa-Arbutina \u003cspan class=\"counter\" data-target=\"2\"\u003e0\u003c\/span\u003e% (percentuale scientificamente ideale)\u003c\/h3\u003e\n\u003cp\u003eIngrediente giapponese avanzato che supera tutti gli schiarenti tradizionali per la pelle:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003ePiù forte con \u003cspan class=\"counter\" data-target=\"10\"\u003e0\u003c\/span\u003e volte la quantità di beta-arbutina usata nella maggior parte dei prodotti\u003c\/li\u003e\n\u003cli\u003eInibisce in sicurezza l'enzima tirosinasi responsabile della produzione di melanina\u003c\/li\u003e\n\u003cli\u003eMira alle macchie scure alla radice senza irritare la pelle\u003c\/li\u003e\n\u003cli\u003ePreviene la comparsa di nuove pigmentazioni con l'uso regolare\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\"\u003eLe caratteristiche uniche lo rendono il numero uno nello schiarimento della pelle:\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\"\u003eFormula leggera ad assorbimento rapido\u003c\/h3\u003e\n\u003cp\u003eA differenza dei prodotti schiarenti grassi e pesanti, Glow Deep Serum:\u003c\/p\u003e\n\u003cul class=\"check-list\"\u003e\n\u003cli\u003ePenetra negli strati profondi della pelle immediatamente\u003c\/li\u003e\n\u003cli\u003eNon lascia tracce di untuosità o lucentezza\u003c\/li\u003e\n\u003cli\u003eIdeale per tutti i tipi di pelle (anche grassa e mista)\u003c\/li\u003e\n\u003cli\u003ePuò essere usato direttamente prima del trucco senza problemi\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\"\u003eRisultati scientificamente provati\u003c\/h3\u003e\n\u003cul class=\"check-list\"\u003e\n\u003cli\u003eSchiarire le macchie scure fino a \u003cspan class=\"counter\" data-target=\"43\"\u003e0\u003c\/span\u003e% entro 4 settimane\u003c\/li\u003e\n\u003cli\u003eUniformare il tono della pelle e ridurre le differenze di colore\u003c\/li\u003e\n\u003cli\u003eAumentare la radiosità e la freschezza della pelle\u003c\/li\u003e\n\u003cli\u003eMigliorare la salute generale della pelle e la forza della sua barriera protettiva\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\"\u003eViaggio di trasformazione con 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\u003efase\u003c\/th\u003e\n\u003cth\u003eRisultato previsto\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\u003eLa prima settimana\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003eIdratazione profonda, morbidezza evidente, luminosità iniziale\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"timeline-row\"\u003e\n\u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eLa seconda settimana\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003eL'inizio dello schiarimento delle vecchie macchie, unificazione graduale del colore\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"timeline-row\"\u003e\n\u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eQuarta settimana\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003eMiglioramento visibile di macchie e tono, pelle più sana\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"timeline-row\"\u003e\n\u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eIl secondo mese\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003eTrasformazione completa - pelle radiosa, uniforme e sana\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\"\u003eIdeale come usare:\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\"\u003eApplicare 2-3 gocce su pelle pulita e idratata\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\"\u003eMassaggiare delicatamente con movimenti circolari dal centro verso l'esterno\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\"\u003eUsalo al mattino e alla sera per risultati ottimali\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\"\u003eAssicurati di usare la protezione solare durante il giorno per mantenere i risultati\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“La vera luminosità della tua pelle è lì... ma ha bisogno della chiave giusta.”\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003eStoria antica della Corea + scienza avanzata giapponese = pelle perfetta e uniforme.\u003c\/p\u003e\n\u003cp class=\"cta-conclusion\"\u003eGlow Deep Serum di Beauty of Gossion - \u003cstrong\u003ePerché la tua pelle merita di brillare con il suo colore naturale e uniforme.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eOrdina Ora\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Base Styles *\/\n.joseon-product-container { max-width: 1200px; margin: 0 auto; padding: 20px; color: #333; direction: ltr; background-color: #fafafa;\n} .accent-text { color: #9C8102;\n} \/* Hero Section *\/\n.joseon-hero { display: flex; flex-direction: row; align-items: center; margin-bottom: 60px; gap: 30px;\n} .hero-image { flex: 1;\n} .hero-content { flex: 1;\n} .hero-content h1 { font-size: 2.2rem; margin-bottom: 20px; line-height: 1.3;\n} .hero-description { font-size: 1.1rem; margin-bottom: 15px; line-height: 1.6;\n} .hero-conclusion { font-size: 1.2rem; margin-top: 20px;\n} .product-image { max-width: 100%; height: auto; border-radius: 10px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08); transition: transform 0.5s ease, box-shadow 0.5s ease;\n} .product-image:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n} \/* Section Styles *\/\n.section { margin-bottom: 70px; padding: 30px; background-color: #fff; border-radius: 15px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); position: relative; overflow: hidden;\n} .section:after { content: ''; position: absolute; bottom: 0; right: 0; width: 100px; height: 100px; background-color: rgba(156, 129, 2, 0.03); border-radius: 50%; z-index: 1;\n} .section-title { font-size: 1.8rem; margin-bottom: 25px; position: relative; display: inline-block;\n} .section-title:after { content: ''; position: absolute; bottom: -10px; right: 0; width: 60px; height: 3px; background-color: #9C8102;\n} .tradition-section { display: flex; flex-direction: row-reverse; align-items: center; gap: 30px;\n} .section-image { flex: 1;\n} .section-content { flex: 1;\n} .right-image { order: 2;\n} .section-img, .full-width-img { max-width: 100%; height: auto; border-radius: 10px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); transition: transform 0.3s ease;\n} .section-img:hover, .full-width-img:hover { transform: scale(1.02);\n} .intro-image { margin-bottom: 20px;\n} .intro-title { text-align: center; margin-bottom: 20px;\n} \/* Ingredients Section *\/\n.ingredients-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(500px, 1fr)); gap: 30px; margin-top: 40px;\n} .ingredient-card { display: flex; background-color: #f9f9f9; border-radius: 15px; padding: 25px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; overflow: hidden; position: relative;\n} .ingredient-card:hover { transform: translateY(-7px); box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);\n} .ingredient-image { flex: 1; margin-left: 20px; position: relative;\n} .ingredient-img { width: 100%; border-radius: 10px; position: relative; z-index: 2;\n} .ingredient-content { flex: 2; text-align: left; width: 100%;\n} .ingredient-title { font-size: 1.4rem; margin-bottom: 15px; text-align: left; width: 100%;\n} .benefits-list { list-style-type: none; padding: 0; margin: 15px 0 0 0; width: 100%; display: block; text-align: left;\n} .benefits-list li { padding: 12px 0; position: relative; padding-right: 40px; margin-bottom: 10px; width: 100%; box-sizing: border-box; text-align: left; display: block;\n} .benefits-list li:before { content: '•'; color: #9C8102; position: absolute; right: 10px; top: 12px; font-size: 20px;\n} \/* Rice Animation *\/\n.rice-animation { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0.3;\n} .rice-grain { position: absolute; width: 15px; height: 8px; background-color: #fff; border-radius: 50%; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); opacity: 0; animation: float 3s infinite;\n} .grain1 { top: 20%; left: 20%; animation-delay: 0s;\n} .grain2 { top: 30%; left: 60%; animation-delay: 0.5s;\n} .grain3 { top: 50%; left: 40%; animation-delay: 1s;\n} .grain4 { top: 70%; left: 70%; animation-delay: 1.5s;\n} @keyframes float { 0% { transform: translateY(0); opacity: 0; } 50% { opacity: 1; } 100% { transform: translateY(-20px); opacity: 0; }\n} \/* Arbutin Animation *\/\n.arbutin-animation { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0.3;\n} .molecule { position: absolute; width: 10px; height: 10px; background-color: #9C8102; border-radius: 50%; opacity: 0; animation: pulse 3s infinite;\n} .molecule1 { top: 30%; left: 30%; animation-delay: 0s;\n} .molecule2 { top: 50%; left: 50%; animation-delay: 1s;\n} .molecule3 { top: 70%; left: 20%; animation-delay: 2s;\n} @keyframes pulse { 0% { transform: scale(1); opacity: 0; } 50% { transform: scale(1.5); opacity: 1; } 100% { transform: scale(1); opacity: 0; }\n} \/* Features Section *\/\n.features-image { margin-bottom: 30px;\n} .features-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(450px, 1fr)); gap: 30px; margin-top: 40px; width: 100%;\n} .features-section,\n.ingredients-section { width: 100%; box-sizing: border-box;\n} .feature-card { display: flex; background-color: #f9f9f9; border-radius: 15px; padding: 25px 15px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; width: 100%; box-sizing: border-box; align-items: flex-start; text-align: left;\n} .feature-icon { width: 50px; height: 50px; margin-left: 20px; position: relative; flex-shrink: 0;\n} .feature-content { flex: 1; width: 100%; text-align: left; padding-right: 0;\n} .feature-title { font-size: 1.3rem; margin-bottom: 15px; text-align: left; width: 100%;\n} .check-list { list-style-type: none; padding: 0; width: 100%; display: block; text-align: left; margin: 0;\n} .check-list li { padding: 12px 0; position: relative; padding-right: 40px; margin-bottom: 10px; width: 100%; box-sizing: border-box; text-align: left; display: block;\n} .check-list li:before { content: '✓'; color: #9C8102; position: absolute; right: 10px; top: 12px; font-weight: bold; font-size: 16px;\n} \/* Droplet Animation *\/\n.droplet-animation { position: relative; width: 60px; height: 60px;\n} .droplet { position: absolute; top: 0; left: 20px; width: 20px; height: 20px; background-color: #9C8102; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); opacity: 0.7; animation: drip 2.5s infinite;\n} @keyframes drip { 0% { top: 0; opacity: 0.7; } 80% { top: 30px; opacity: 0.7; transform: rotate(-45deg) scale(1); } 100% { top: 30px; opacity: 0; transform: rotate(-45deg) scale(1.5); }\n} \/* Results Animation *\/\n.results-animation { position: relative; width: 60px; height: 60px;\n} .chart-bar { position: absolute; bottom: 0; width: 10px; background-color: #9C8102; border-radius: 5px 5px 0 0; opacity: 0.7; animation: grow 2.5s infinite;\n} .bar1 { height: 20px; left: 5px; animation-delay: 0s;\n} .bar2 { height: 30px; left: 25px; animation-delay: 0.5s;\n} .bar3 { height: 40px; left: 45px; animation-delay: 1s;\n} @keyframes grow { 0% { height: 0; opacity: 0.5; } 60% { height: 100%; opacity: 0.7; } 100% { height: 100%; opacity: 0.5; }\n} \/* Counter Style *\/\n.counter { color: #9C8102; font-weight: bold; display: inline-block; min-width: 2rem; text-align: center;\n} \/* Timeline Section *\/\n.timeline-table-container { overflow-x: auto; margin: 30px 0;\n} .timeline-table { width: 100%; border-collapse: collapse; background-color: #fff; border-radius: 15px; overflow: hidden; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n} .timeline-table th { background-color: #9C8102; color: white; text-align: left; padding: 15px; font-weight: 600;\n} .timeline-table td { padding: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n} .timeline-row { transition: background-color 0.3s ease, transform 0.3s ease;\n} .timeline-row:hover { background-color: #f5f5f5; transform: translateX(-5px);\n} .timeline-phase { width: 150px; font-weight: bold;\n} \/* Usage Instructions *\/\n.usage-image { margin-bottom: 30px;\n} .steps-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-top: 30px;\n} .step-card { display: flex; align-items: center; background-color: #f9f9f9; border-radius: 15px; padding: 20px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); transition: transform 0.3s ease;\n} .step-card:hover { transform: translateY(-5px);\n} .step-number { width: 40px; height: 40px; background-color: #9C8102; color: white; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 1.2rem; font-weight: bold; margin-left: 15px; flex-shrink: 0;\n} .step-content { flex: 1; font-size: 1rem;\n} \/* CTA Section *\/\n.joseon-cta { text-align: center; padding: 50px 40px; background-color: #f9f9f9; border-radius: 15px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); margin-top: 50px; position: relative; overflow: hidden;\n} .joseon-cta:before { content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 5px; background: linear-gradient(to left, #9C8102, transparent);\n} .cta-heading { font-size: 2rem; margin-bottom: 20px;\n} .cta-text { font-size: 1.3rem; margin-bottom: 15px;\n} .cta-conclusion { font-size: 1.2rem; margin-bottom: 30px;\n} .cta-button { padding: 15px 40px; background-color: #9C8102; color: white; border: none; border-radius: 50px; font-size: 1.2rem; cursor: pointer; transition: transform 0.3s ease, box-shadow 0.3s ease;\n} .cta-button:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n} \/* Responsive Adjustments *\/\n@media (max-width: 768px) { .joseon-hero, .tradition-section { flex-direction: column; } .ingredients-container, .features-grid { grid-template-columns: 1fr; } .ingredient-card { flex-direction: column; width: 100%; box-sizing: border-box; text-align: left; } .ingredient-image { margin-left: 0; margin-bottom: 20px; } .right-image { order: 1; } .feature-card, .ingredient-card, .step-card { width: 100%; box-sizing: border-box; padding: 20px 15px; } .steps-container { grid-template-columns: 1fr; } .feature-content, .ingredient-content { width: 100%; text-align: left; } .check-list li, .benefits-list li { width: 100%; box-sizing: border-box; padding-right: 40px; text-align: left; } .check-list li:before, .benefits-list li:before { right: 10px; } .section { padding: 20px 15px; } .feature-title, .ingredient-title { width: 100%; text-align: left; } .ingredient-content { padding-right: 0; }\n} \/* Animation Classes *\/\n.fade-in { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease;\n} .fade-in.active { opacity: 1; transform: translateY(0);\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() { \/\/ Start all counters immediately startAllCounters(); \/\/ Setup the scroll animation for other elements setupScrollAnimations(); \/\/ Add button animation setupButtonAnimation();\n}); function startAllCounters() { const counters = document.querySelectorAll('.counter'); counters.forEach(counter =\u003e { const target = parseInt(counter.getAttribute('data-target')); let current = 0; const increment = Math.max(1, Math.floor(target \/ 40)); \/\/ Ensure minimum step of 1 \/\/ Immediately visible animation const timer = setInterval(() =\u003e { current += increment; \/\/ Make sure we don't go over the target if (current \u003e= target) { current = target; clearInterval(timer); } \/\/ Update the counter text counter.textContent = current; }, 30); \/\/ Speed of animation - lower number = faster });\n} function setupScrollAnimations() { \/\/ Add fade-in class to elements we want to animate const elementsToAnimate = [ ...document.querySelectorAll('.ingredient-card'), ...document.querySelectorAll('.feature-card'), ...document.querySelectorAll('.step-card'), ...document.querySelectorAll('.timeline-row'), document.querySelector('.joseon-cta'), ...document.querySelectorAll('.section-title') ]; elementsToAnimate.forEach(element =\u003e { if (element) element.classList.add('fade-in'); }); \/\/ Initial check for elements in viewport handleScrollAnimations(); \/\/ Listen for scroll events window.addEventListener('scroll', handleScrollAnimations);\n} function handleScrollAnimations() { \/\/ Animate fade-in elements document.querySelectorAll('.fade-in').forEach(element =\u003e { if (isInViewport(element)) { element.classList.add('active'); } });\n} function isInViewport(element) { const rect = element.getBoundingClientRect(); \/\/ Consider element in viewport even if only partially visible return ( rect.top \u003c (window.innerHeight || document.documentElement.clientHeight) + 100 \u0026\u0026 rect.bottom \u003e -100 );\n} function setupButtonAnimation() { \/\/ Add click event to CTA button const ctaButton = document.querySelector('.cta-button'); if (ctaButton) { ctaButton.addEventListener('click', function(e) { e.preventDefault(); this.textContent = 'Aggiunto al carrello!'; setTimeout(() =\u003e { this.textContent = 'Ordina Ora'; }, 2000); }); }\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":"Siero Rivitalizzante per la Pelle Bellezza di Joseon con ginseng e secrezione di lumaca per il ringiovanimento e l'elasticità della pelle.","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\"\u003eLa scienza dimostra: Ginseng + Mucus di lumaca = L'equazione perfetta della giovinezza\u003c\/h1\u003e\n\u003cp class=\"subtitle slide-up\"\u003eBeauty of Joseon Revive Serum: Una formula scientifica avanzata che riprogramma le cellule della pelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Key Benefits Grid --\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eUsi principali\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\u003eTrattamento anti-sbiadimento\u003c\/h3\u003e\n\u003cp\u003eGinseng 63% stimola la circolazione sanguigna e restituisce la naturale luminosità alla pelle stanca entro due settimane.\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\u003eAntiossidante\u003c\/h3\u003e\n\u003cp\u003e15 tipi di ginsenosidi proteggono la pelle dai radicali liberi, dall'inquinamento e dai raggi nocivi.\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\u003eAntirughe\u003c\/h3\u003e\n\u003cp\u003eMucosa di lumaca 3% stimola la produzione di collagene e riduce l'aspetto di linee sottili e rughe d'espressione d'espressione.\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\u003eIdratante profondo\u003c\/h3\u003e\n\u003cp\u003eL'acido ialuronico naturale trattiene l'umidità nella pelle per 12 ore consecutive.\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\u003eMigliora la texture della pelle\u003c\/h3\u003e\n\u003cp\u003eLe proteine naturali levigano la texture della pelle e riducono l'aspetto dei pori e della ruvidità.\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\u003eLenisce l'arrossamento\u003c\/h3\u003e\n\u003cp\u003eL'allantoina nel muco di lumaca riduce infiammazione e irritazione e lenisce la pelle sensibile.\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% - motore della rigenerazione cellulare\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\u003eSapone attivo: stimola la microcircolazione del 40%\u003c\/li\u003e\n\u003cli\u003eGinsenosidi: stimolano la produzione naturale di collagene\u003c\/li\u003e\n\u003cli\u003eAntiossidanti potenti: combattono i radicali liberi\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 di lumaca purificato 3% - un miracolo di riparazione e rinnovo\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 negli strati profondi della pelle\u003c\/li\u003e\n\u003cli\u003eStimola la produzione di nuovo collagene\u003c\/li\u003e\n\u003cli\u003eRipara il DNA danneggiato\u003c\/li\u003e\n\u003cli\u003eFavorisce il ricambio cellulare\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\"\u003eComponenti ausiliari: un team scientifico integrato\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🌿 Estratto di Centella asiatica\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\u003eAcido asiatico\u003c\/h4\u003e\n\u003cp\u003eStimola la produzione di collagene di 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\u003eMadencasoside\u003c\/h4\u003e\n\u003cp\u003eUn antinfiammatorio naturale che lenisce istantaneamente il rossore\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\u003eAsiatocoside\u003c\/h4\u003e\n\u003cp\u003eAccelera la guarigione di piccole ferite e irritazioni\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\"\u003eRisultati scientifici testati in laboratorio\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\u003eDopo una settimana\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\"\u003eMorbidezza istantanea\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\"\u003eMigliorata la luminosità\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\"\u003eRidurre l'arrossamento\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\u003eQuattro settimane dopo\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\"\u003eMigliorare la flessibilità\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\"\u003eRidurre le rughe\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\"\u003eIdratazione profonda\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 Formula tecnologicamente avanzata\u003c\/h2\u003e\n\u003cdiv class=\"technology-grid\"\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3\u003eInnovazione nella texture\u003c\/h3\u003e\n\u003cdiv class=\"tech-features\"\u003e\n\u003cdiv class=\"tech-feature\" data-aos=\"zoom-in\" data-delay=\"100\"\u003e\n\u003cdiv class=\"tech-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch4\u003eNanoparticelle\u003c\/h4\u003e\n\u003cp\u003ePenetra facilmente nella pelle\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 a rilascio graduale\u003c\/h4\u003e\n\u003cp\u003ePer ingredienti attivi\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\u003eFilm protettivo temporaneo\u003c\/h4\u003e\n\u003cp\u003eTratta l'umidità sotto la superficie della pelle\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\u003eAssorbimento rapido\u003c\/h4\u003e\n\u003cp\u003eSenza lasciare residui grassi\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-timeline\"\u003e\n\u003ch3\u003eLa differenza che senti\u003c\/h3\u003e\n\u003cdiv class=\"experience-steps\"\u003e\n\u003cdiv class=\"experience-step\" data-time=\"instant\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ Applicazione istantanea\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eDistribuzione setosa istantanea\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-step\" data-time=\"1min\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ Entro un minuto\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eAssorbimento completo e sensazione di comfort\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-step\" data-time=\"5min\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ Dopo 5 minuti\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eMorbidezza vellutata e luminosità naturale\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-step\" data-time=\"allday\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ Tutto il giorno\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eIdratazione continua e protezione efficace\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\"\u003ePerché scegliere Revive Serum? Le prove scientifiche non mentono\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\u003eConcentrazione ottimale calcolata scientificamente\u003c\/h3\u003e\n\u003cul class=\"proof-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e63% ginseng\u003c\/strong\u003e: Concentrazione ottimale di efficacia senza irritazione\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e3% muco di lumaca\u003c\/strong\u003e: Il rapporto provato per i migliori risultati\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEquilibrio perfetto\u003c\/strong\u003e: Tra forza e sicurezza per l'uso quotidiano\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\u003eTestato e certificato\u003c\/h3\u003e\n\u003cul class=\"proof-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eTest allergologici\u003c\/strong\u003e: Sicuro per la pelle sensibile\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTest di efficacia\u003c\/strong\u003eRisultati comprovati in 28 giorni\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTest di qualità\u003c\/strong\u003e: Rigidi standard internazionali\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 unica\u003c\/h3\u003e\n\u003cul class=\"proof-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eNon provoca pori ostruiti\u003c\/strong\u003e: Testato dermatologicamente\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCompatibile con tutti i tipi di pelle\u003c\/strong\u003e: Da secca a grassa\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFunziona con altri prodotti\u003c\/strong\u003e: Non interferisce con la tua routine di cura\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\"\u003eInvesti nella scienza... investi nella tua pelle\u003c\/h2\u003e\n\u003cp class=\"investment-tagline\"\u003eNon troverai un'altra formula che combini il potere del ginseng naturale con il miracolo del muco di lumaca purificato in un equilibrio così perfetto.\u003c\/p\u003e\n\u003cdiv class=\"final-results\"\u003e\n\u003ch3\u003eIl risultato finale: pelle scientificamente sana\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\u003eCellule rinnovate\u003c\/strong\u003e Funziona in modo molto efficiente\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\u003eForte barriera naturale\u003c\/strong\u003e Protegge dai fattori esterni\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\u003eIdratazione profonda\u003c\/strong\u003e Dura 72 ore\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\u003eMigliorata la flessibilità\u003c\/strong\u003e Fino al 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\u003eLuminosità naturale\u003c\/strong\u003e Senza trucco\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\"\u003eCome usare\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\u003ePulisci bene il viso\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\u003eApplicare 3 o 4 gocce\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\u003eMassaggiare delicatamente\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\u003eUsalo al mattino e alla sera\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\"\u003eTutti i componenti\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 è specializzato nel lenire la pelle e ridurre arrossamenti 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\"\u003eLa formula coreana che trasforma la pelle infiammata in pelle perfetta\u003c\/h1\u003e\n\u003cp class=\"subtitle slide-up\"\u003eBeauty of Joseon Calming Serum: La formula magica per pelle sensibile\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\u003ePelle sensibile e infiammata - il tuo primo nemico\u003c\/h2\u003e\n\u003cp class=\"problem-intro\"\u003eSoffri di \u003cstrong\u003eLa pelle reagisce a tutto?\u003c\/strong\u003e Arrossamento costante dovuto al sole, irritazione dai prodotti più semplici, secchezza e prurito che non si fermano?\u003c\/p\u003e\n\u003ch3\u003eProblemi di base:\u003c\/h3\u003e\n\u003cul class=\"problem-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e🔥\u003c\/span\u003e\u003cstrong\u003eInfiammazione cronica\u003c\/strong\u003e Che distrugge la barriera naturale della pelle\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e☀️\u003c\/span\u003e\u003cstrong\u003eDanno UV\u003c\/strong\u003e Che causa arrossamento e invecchiamento prematuro\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e💧\u003c\/span\u003e\u003cstrong\u003ePerdita rapida di umidità\u003c\/strong\u003e Che lascia la pelle secca e screpolata\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e😰\u003c\/span\u003e\u003cstrong\u003eSensibilità eccessiva\u003c\/strong\u003e Rende qualsiasi nuovo prodotto fonte di paura e ansia\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"painful-result\"\u003e\n\u003ch3\u003eRisultato doloroso:\u003c\/h3\u003e\n\u003cp\u003ePelle arrabbiata e ribelle, fiducia persa e costante sensazione che non ci sia soluzione a questa sofferenza.\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\"\u003eLa soluzione definitiva che ferma la sofferenza della pelle sensibile in 60 secondi\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\u003eAntinfiammatorio\u003c\/h3\u003e\n\u003cp\u003eSollievo immediato da arrossamento e irritazione causati da allergie o esposizione al sole.\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\u003eRafforzare la barriera idrolipidica\u003c\/h3\u003e\n\u003cp\u003eRipara e rinforza lo strato protettivo naturale per prevenire la penetrazione di irritanti esterni.\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\u003eFavorire l'idratazione profonda\u003c\/h3\u003e\n\u003cp\u003eL'idratazione a più strati raggiunge in profondità la pelle e trattiene l'umidità per molte ore.\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\u003eLenire la pelle sensibile\u003c\/h3\u003e\n\u003cp\u003eSollievo immediato per la pelle che reagisce a fattori ambientali e prodotti cosmetici\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\u003eProtezione dai raggi nocivi\u003c\/h3\u003e\n\u003cp\u003eResistenza agli effetti negativi dei raggi ultravioletti e dell'inquinamento ambientale.\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\"\u003eLa scienza dietro la formula sviluppata\u003c\/h2\u003e\n\u003ch1 class=\"science-subtitle\"\u003eDal primo tocco: Come fa questo siero coreano a cancellare 15 anni di danni alla pelle?\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\u003eTè verde 50% | Potenza del tè verde\u003c\/h3\u003e\n\u003cdiv class=\"ancient-wisdom\"\u003e\n\u003cp\u003eNel antico libro di medicina Dong Ui Bogam: “Il tè verde rivitalizza l'energia, chiarisce la mente e lenisce la pelle danneggiata dal sole.”\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch4\u003eCome sconfigge il tè verde coreano i tipi di infiammazione più difficili?\u003c\/h4\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eLenire l'infiammazione causata dai raggi ultravioletti\u003c\/li\u003e\n\u003cli\u003eCombatti i radicali liberi con il potere degli antiossidanti naturali\u003c\/li\u003e\n\u003cli\u003eRinnova le cellule cutanee danneggiate e le protegge dai danni futuri\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\u003eEstratto di artemisia 30% | Estratto di Artemisia\u003c\/h3\u003e\n\u003cdiv class=\"sacred-herb\"\u003e\n\u003cp\u003eUn'erba sacra nella medicina orientale, conosciuta come la “Madre delle Erbe” per le sue distintive proprietà curative.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch4\u003eNatural Relief offre:\u003c\/h4\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eLenitiva istantanea della pelle irritata e infiammata\u003c\/li\u003e\n\u003cli\u003eIdratazione profonda e delicata per pelle sensibile\u003c\/li\u003e\n\u003cli\u003eRafforzare l'immunità naturale della pelle contro gli irritanti esterni\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\u003ePantenolo 5% | Pro-Vitamina B5\u003c\/h3\u003e\n\u003cdiv class=\"revolutionary-development\"\u003e\n\u003cp\u003eSviluppo rivoluzionario: concentrazione aumentata dal 2% al 5% per una doppia protezione!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch4\u003eIl pantenolo avanzato raggiunge:\u003c\/h4\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eCrea una barriera protettiva idratante di 24 ore\u003c\/li\u003e\n\u003cli\u003eConversione immediata in vitamina B5 all'interno delle cellule della pelle\u003c\/li\u003e\n\u003cli\u003ePrevieni la perdita di umidità e proteggi la pelle dalle irritazioni frequenti\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\"\u003eIngredienti avanzati per integratori\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\u003eAllantoina | Allantoina\u003c\/h3\u003e\n\u003cp\u003eUn agente lenitivo naturale che accelera la guarigione della pelle danneggiata e riduce l'irritazione.\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\u003eAcido ialuronico | Sale di sodio dell'acido ialuronico\u003c\/h3\u003e\n\u003cp\u003eLe molecole d'acqua trattengono l'umidità e levigano la texture della pelle.\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\u003eEstratto di liquirizia | Glicirrizato dipotassico\u003c\/h3\u003e\n\u003cp\u003eUn antinfiammatorio naturale che uniforma il tono della pelle e riduce la pigmentazione.\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\u003eEstratto di radice di Coptis | Estratto di radice di Coptis Japonica\u003c\/h3\u003e\n\u003cp\u003eUn'erba tradizionale cinese che è antibatterica e lenitiva per la pelle.\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\"\u003eViaggio di trasformazione con siero\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 la prima ora\u003c\/h3\u003e\n\u003cdiv class=\"results-list\"\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Sollievo immediato da rossore e prurito\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Una sensazione di freschezza e comfort\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Assorbimento rapido senza lasciare tracce di unto\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\u003eEntro una settimana\u003c\/h3\u003e\n\u003cdiv class=\"results-list\"\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Miglioramento evidente della sensibilità della pelle\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Idratazione più profonda e duratura\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Chiaramente rafforzamento della barriera naturale della pelle\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\u003eEntro un mese\u003c\/h3\u003e\n\u003cdiv class=\"results-list\"\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Pelle più resistente agli agenti irritanti esterni\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Uniformare il tono della pelle e ridurre il rossore cronico\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Texture più morbida, sana 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\u003eCosa distingue questo siero dagli altri sieri lenitivi?\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\u003eDoppio impulso di calma\u003c\/h3\u003e\n\u003cp\u003eAumentare la concentrazione di artemisia dal 20% al 30% per un effetto lenitivo più forte e duraturo.\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\u003eDoppia protezione dall’idratazione\u003c\/h3\u003e\n\u003cp\u003eAumentato il pantenolo dal 2% al 5% per una barriera di idratazione più forte e una migliore protezione.\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\u003eFormula perfettamente equilibrata\u003c\/h3\u003e\n\u003cp\u003eProporzioni calcolate scientificamente per garantire la massima efficacia con il minimo potenziale di irritazione.\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\u003eTexture setosa avanzata\u003c\/h3\u003e\n\u003cp\u003eLa texture leggera si assorbe rapidamente e lascia la pelle morbida e fresca.\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\"\u003eCorretto modo d'uso\u003c\/h2\u003e\n\u003cdiv class=\"usage-grid\"\u003e\n\u003cdiv class=\"usage-time morning\"\u003e\n\u003ch3\u003eMattina\u003c\/h3\u003e\n\u003col class=\"usage-steps\"\u003e\n\u003cli\u003eDopo aver deterso il viso, applicare una piccola quantità su viso e collo\u003c\/li\u003e\n\u003cli\u003eMassaggiare delicatamente con movimenti verso l'alto fino al completo assorbimento\u003c\/li\u003e\n\u003cli\u003eSegui con idratante e protezione solare\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-time evening\"\u003e\n\u003ch3\u003eSera\u003c\/h3\u003e\n\u003col class=\"usage-steps\"\u003e\n\u003cli\u003eApplica il siero su pelle pulita e asciutta\u003c\/li\u003e\n\u003cli\u003eLasciare assorbire per due minuti prima di applicare altri prodotti\u003c\/li\u003e\n\u003cli\u003eUsa quotidianamente per i migliori risultati\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-time sensitive\"\u003e\n\u003ch3\u003ePer pelli molto sensibili\u003c\/h3\u003e\n\u003cul class=\"usage-steps\"\u003e\n\u003cli\u003eInizia ad usare una volta ogni due giorni\u003c\/li\u003e\n\u003cli\u003eAumentare gradualmente la frequenza in base alla risposta della pelle\u003c\/li\u003e\n\u003cli\u003ePuò essere utilizzato come maschera lenitiva per 10 minuti e poi delicatamente rimosso\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\"\u003eTutti i componenti\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":"Maschera Beauty of Joseon Magic Glow con Riso Macinato e Miele: Purificante, esfoliante e super illuminante.","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\"\u003eMaschera Bellezza di Joseon con riso e miele\u003c\/h1\u003e\n\u003ch2 class=\"hero-subtitle\"\u003ePatrimonio coreano autentico combinato con la scienza moderna per una pelle che cattura l'attenzione\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 Il tuo browser non supporta la riproduzione dei video\n \u003c\/video\u003e\n\u003c\/div\u003e\n\u003c!-- Heritage Section --\u003e\n\u003cdiv class=\"heritage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eLa storia della dinastia Joseon e la bellezza coreana\u003c\/h2\u003e\n\u003cdiv class=\"heritage-layout\"\u003e\n\u003cdiv class=\"heritage-content\"\u003e\n\u003cp class=\"heritage-text\"\u003e\n Più di 500 anni fa, le donne della dinastia Joseon in Corea scoprirono che... \u003cstrong\u003eMiscela riso macinato con miele naturale\u003c\/strong\u003e Questa non è solo una ricetta, questa è vera scienza. Non lo facevano per moda, no, era il risultato di secoli di sperimentazione e lavoro.\n \u003c\/p\u003e\n\u003ch3 class=\"heritage-subtitle\"\u003eMakgeolli: Il tesoro nascosto\u003c\/h3\u003e\n\u003cp class=\"heritage-text\"\u003e\n Questo vino coreano non è solo una bevanda, è \u003cstrong\u003eProcesso di fermentazione complesso\u003c\/strong\u003e Produce bisogni molto rari:\n \u003c\/p\u003e\n\u003cul class=\"heritage-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcido kojico naturale\u003c\/strong\u003e In alte concentrazioni che non si trovano da nessun'altra parte\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEstratto di fermentazione\u003c\/strong\u003e Quello che combatte l'invecchiamento\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAminoacidi rari\u003c\/strong\u003e Da lunga fermentazione\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntiossidanti naturali\u003c\/strong\u003e Non lo troverai nei prodotti comuni\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"heritage-text\"\u003e\n Bellezza di Joseon non riguarda solo il patrimonio, no \u003cstrong\u003eSviluppata tecnologia di estrazione a freddo estrema\u003c\/strong\u003e Per mantenere tutti questi materiali attivi.\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\"\u003eI benefici che sentirai davvero\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. Schiarimento che non brucia\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eA differenza degli schiarenti chimici che bruciano la pelle, questa maschera schiarisce \u003cstrong\u003eConfortevolmente e in sicurezza\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcido kojico dal Makgeolli\u003c\/strong\u003e Ferma la produzione di colore scuro senza causare alcun danno\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEnzimi del miele naturale\u003c\/strong\u003e Rompe la pigmentazione esistente\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntiossidanti\u003c\/strong\u003e Previene la formazione di nuove macchie\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRigenerazione cellulare\u003c\/strong\u003e Perché i nuovi strati hanno un aspetto migliore\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e2. Peeling intelligente\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eQuesto peeling non è casuale, è \u003cstrong\u003eSistema intelligente\u003c\/strong\u003e Agisce su 3 livelli:\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrimo livello\u003c\/strong\u003e: La polvere di riso rimuove le cellule morte dall'alto\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSecondo livello\u003c\/strong\u003eGli enzimi del miele dissolvono lo sporco incrostato\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTerzo livello\u003c\/strong\u003e: Gli acidi della fermentazione sono ammorbiditi dall'interno\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e3. Idratazione che dura\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eIl miele in questa maschera non è solo un idratante \u003cstrong\u003eSistema di umidificazione intelligente\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAttira l'umidità\u003c\/strong\u003e Dall'aria alla tua pelle\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTrattiene l'acqua\u003c\/strong\u003e Negli strati profondi della pelle\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRegola gli oli\u003c\/strong\u003e Senza ostruire i pori\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCrea una barriera protettiva.\u003c\/strong\u003e Preferibilmente ore\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e4. Combatti i brufoli in modo intelligente\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eUna combinazione unica di sostanze che combattono i batteri e leniscono la pelle\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eProprietà antimicrobiche del miele\u003c\/strong\u003e Combatte i batteri della grana\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eArgilla di caolino\u003c\/strong\u003e Assorbe gli oli in eccesso, ma non tutti\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEstratto di fermentazione\u003c\/strong\u003e Mantiene l'equilibrio dei batteri benefici\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEffetto rinfrescante naturale\u003c\/strong\u003e Allevia l'infiammazione e il rossore tutto il tempo\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\"\u003eNon troverai questi ingredienti da nessun'altra parte\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\"\u003eEstratto di fecola di Makgeolli\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eLa scienza dietro la storia\u003c\/p\u003e\n\u003cp style=\"color: #ccc; margin-bottom: 1rem;\"\u003e\n Il processo di fermentazione coreano impiega \u003cstrong\u003e21-30 giorni in circostanze speciali\u003c\/strong\u003eIl risultato sono residui che includono:\n \u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eComposizione chimica complessa:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eKojic Acid (2.3%)\u003c\/strong\u003e: Il più potente schiarente naturale disponibile\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGalactomyces Ferment Filtrate (15%)\u003c\/strong\u003e: Anti-invecchiamento naturale\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlpha Hydroxy Acids (0.8%)\u003c\/strong\u003ePer una delicata esfoliazione\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCeramidi Naturali (1,2%)\u003c\/strong\u003e: Rafforzare la barriera idrolipidica\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAminoacidi rari (18 tipi)\u003c\/strong\u003e: Per una nutrizione profonda\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003ePolvere di crusca di riso\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eNessuno sbucciamento\u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eProprietà calcolate con precisione:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eDimensione delle particelle: 50-100 micron\u003c\/strong\u003e - Perfettamente regolato per un'esfoliazione delicata\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eForma rotonda normale\u003c\/strong\u003e In modo che non si graffi o si irriti\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAssorbimento naturale del sebo\u003c\/strong\u003e Pulisce senza seccare\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003epH bilanciato (5,5-6,0)\u003c\/strong\u003e Come l'acidità naturale della pelle\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eCiò che c'è dentro è utile:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamina E Naturale (15mg\/100g)\u003c\/strong\u003e: Un potente antiossidante\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcidi grassi essenziali (8 tipi)\u003c\/strong\u003e: Nutre e ripara\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMinerali traccia (selenio, zinco)\u003c\/strong\u003e: stimola il rinnovamento\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003eMiele naturale 5%\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003ePiù di un semplice dessert\u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eEnzimi attivi:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eGlucose Oxidase\u003c\/strong\u003e: Produce un disinfettante naturale\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCatalase\u003c\/strong\u003e: Protegge dai radicali liberi\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eInvertase\u003c\/strong\u003e: Migliorando l'assorbimento dei nutrienti\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eMateriali antibatterici:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMethylglyoxal (MGO 400+)\u003c\/strong\u003ePotere antibatterico scientificamente provato\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePinocembrin\u003c\/strong\u003eFlavonoide: anti-infiammatorio\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePropolis\u003c\/strong\u003e: Un antibiotico naturale\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\"\u003eConfronto onesto: Perché questo è migliore di ciò che è sul mercato?\u003c\/h2\u003e\n\u003ch3 style=\"font-size: 1.3rem; color: #9C8102; margin: 2rem 0 1rem 0; text-align: center;\"\u003eRispetto alle maschere all'argilla comuni\u003c\/h3\u003e\n\u003ctable class=\"comparison-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eMaschere ordinarie\u003c\/th\u003e\n\u003cth\u003eMaschera Bellezza di Joseon\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eArgilla mista, non pura\u003c\/td\u003e\n\u003ctd\u003eArgilla di caolino 99,2% pura\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSecca la pelle in modo severo\u003c\/td\u003e\n\u003ctd\u003eIdratazione equilibrata con miele\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePulizia dall'alto\u003c\/td\u003e\n\u003ctd\u003eDetersione profonda + nutriente\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSolo 3-5 ingredienti\u003c\/td\u003e\n\u003ctd\u003eFormula complessa 25+ ingredienti\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch3 style=\"font-size: 1.3rem; color: #9C8102; margin: 2rem 0 1rem 0; text-align: center;\"\u003eIn cambio di maschere chimiche peeling\u003c\/h3\u003e\n\u003ctable class=\"comparison-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003ePeeling chimico\u003c\/th\u003e\n\u003cth\u003eMaschera di riso e miele\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eGli acidi industriali bruciano\u003c\/td\u003e\n\u003ctd\u003eAcidi naturali delicati\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eIrritazione e sensibilità\u003c\/td\u003e\n\u003ctd\u003eLenitivo e antinfiammatorio\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eRisultati rapidi, ma temporanei\u003c\/td\u003e\n\u003ctd\u003eSi preferisce un miglioramento graduale\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eHo bisogno di un periodo di recupero\u003c\/td\u003e\n\u003ctd\u003eSicuro per uso normale\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;\"\u003eRispetto alle maschere idratanti comuni\u003c\/h3\u003e\n\u003ctable class=\"comparison-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eCreme idratanti normali\u003c\/th\u003e\n\u003cth\u003eMaschera al miele e riso\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eIdratazione temporanea 2-4 ore\u003c\/td\u003e\n\u003ctd\u003eIdratante che dura 12-24 ore\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSiliconi e materiali sintetici\u003c\/td\u003e\n\u003ctd\u003eIdratanti naturali attivi\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSolo un effetto\u003c\/td\u003e\n\u003ctd\u003e6 effetti contemporaneamente\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSi accumula sulla pelle\u003c\/td\u003e\n\u003ctd\u003eAssorbimento completo senza residui\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\"\u003eIl viaggio dal primo utilizzo fino a quando la tua pelle cambia 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\"\u003eLe prime due ore: cosa sentirai immediatamente\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eCosa succede alla tua pelle nelle prime 2-4 ore:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAumentata idratazione del 65%\u003c\/strong\u003e (misurato con dispositivi speciali)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMorbidezza migliorata del 40%\u003c\/strong\u003e (Lo senti quando tocchi la tua pelle)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRiduzione del rossore del 25%\u003c\/strong\u003e (chiaro nello specchio)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAumentare la radiosità del 15%\u003c\/strong\u003e (Le persone lo noteranno)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\n\u003cstrong\u003eCosa sta succedendo all'interno:\u003c\/strong\u003e Il miele funziona \u003cstrong\u003eUno strato sottile di idratazione naturale\u003c\/strong\u003e Sulla pelle, l'estratto di Makgeolli stimola \u003cstrong\u003eProduzione di collagene\u003c\/strong\u003e Dalle prime ore.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eLa prima settimana: inizia il rinnovamento\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eCambiamenti che avvengono:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\u003cstrong\u003eAccelerare la rigenerazione cellulare del 30%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e20% di miglioramento nella forza dello strato esterno\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eRiduce la perdita d'acqua dalla pelle del 35%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eL'inizio della nuova formazione di collagene\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eCosa vedrai:\u003c\/strong\u003e La pelle è più morbida al tatto, c'è una diminuzione evidente della ruvidità al tatto, la luminosità naturale aumenta ogni giorno e i piccoli pori iniziano a migliorare.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eIl primo mese: una trasformazione chiara\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eGrandi miglioramenti:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAumentare lo spessore della pelle dell'8%\u003c\/strong\u003e (misurato tramite ultrasuoni)\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eMigliora l'elasticità della pelle del 25%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eRiduce la profondità delle linee sottili del 15%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e20% di miglioramento nella distribuzione del colore\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eQuello che vedrai con i tuoi occhi:\u003c\/strong\u003e Le macchie scure si schiariscono poco a poco, i pori appaiono più piccoli e meno visibili, la texture rimane più morbida e uniforme, e la luminosità rimane visibile alle persone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eTre mesi: trasformazione completa\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eRisultati finali:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\u003cstrong\u003eAumenta il collagene del 40%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003ebarriera idrolipidica migliorata del 45%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e35% in meno di pigmentazione\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eRidurre la dimensione dei pori del 20%\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eLa trasformazione che vedrai:\u003c\/strong\u003e Pelle più luminosa e radiosa che mai, un miglioramento radicale dell'uniformità di colore e texture, un aspetto più giovane e sano, e maggiore fiducia nel proprio aspetto naturale senza trucco.\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\"\u003eApplica la maschera come un professionista\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: #9C8102; margin-bottom: 2rem;\"\u003eIl modo corretto di usare\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\"\u003eLa preparazione è importante\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003ePulisci bene la pelle e lasciala asciugare completamente\u003c\/li\u003e\n\u003cli\u003eLasciare la pelle a temperatura ambiente (né calda né fredda)\u003c\/li\u003e\n\u003cli\u003eNon usare il tonico prima della maschera in nessun momento\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\"\u003eApplicazione professionale\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003eUsa un pennello o spatola pulita per la maschera (non toccarlo con le mani).\u003c\/li\u003e\n\u003cli\u003eApplica uno strato medio (2-3 mm) con movimenti verso l'alto\u003c\/li\u003e\n\u003cli\u003eLascia 5 mm intorno agli occhi e alle labbra\u003c\/li\u003e\n\u003cli\u003eAssicurati che la distribuzione sia uniforme, specialmente su naso e mento\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 di attesa esatto\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\u003cstrong\u003e15 minuti per pelli sensibili\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e18 minuti per pelle normale\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e20 minuti per pelle grassa\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003eNon lasciare che si asciughi completamente (dovrebbe essere ancora un po' umido)\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\"\u003eRisciacquo intelligente\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003eInizia con acqua tiepida (non fredda o calda).\u003c\/li\u003e\n\u003cli\u003eMassaggiare con movimenti circolari delicati per 30 secondi\u003c\/li\u003e\n\u003cli\u003eInfine, risciacqua con acqua fredda per chiudere i pori\u003c\/li\u003e\n\u003cli\u003eAsciugare con delicati tamponamenti, non strofinare\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\"\u003eMetodo avanzato: divisa professionale\u003c\/h3\u003e\n\u003cp style=\"color: #666; margin-bottom: 1rem;\"\u003e\u003cstrong\u003ePer ottenere risultati eccezionali:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePreparazione intensiva:\u003c\/strong\u003e Usa vapore delicato per 2-3 minuti per aprire i pori\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eApplicazione a strati:\u003c\/strong\u003e Il primo strato è molto sottile, assorbirà in 5 minuti, poi il secondo strato è di spessore medio\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMotivazione mentre si aspetta:\u003c\/strong\u003e Massaggiare delicatamente le aree tese e utilizzare tecniche di respirazione profonda\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\u003eQuesto non è solo acquistare un prodotto... questo è un investimento nel futuro della tua pelle\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cimg alt=\"Beauty of Joseon Mask\" class=\"cta-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_2.webp?v=1752515866\"\/\u003e\n\u003cp class=\"cta-text\"\u003e\n In un mondo pieno di promesse vuote e prodotti di marketing ordinari, questa maschera Beauty of Joseon è un vero investimento per la salute e la bellezza della tua pelle. \u003cstrong\u003eOgni sterlina che spendi qui ti farà risparmiare decine di sterline domani\u003c\/strong\u003e Di trattamenti e procedure per riparare ciò che si è deteriorato.\n \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eLa domanda non è \"Devo comprarlo o no?\" La domanda: “Quanto mi costerà la mia pelle se non me ne prendo cura ora?”\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp class=\"cta-highlight\"\u003e\n Ordinalo ora\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\"\u003eElenco completo degli ingredienti\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 Maschera Bellezza di Joseon con Riso e Miele - autentico patrimonio coreano combinato con la scienza moderna per una vera trasformazione nella bellezza della tua pelle\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: Rice + Probiotics Crema solare leggera SPF 50+ PA++++ (Idratazione non untuosa con 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=Tajawal:wght@300;400;500;700;800;900\u0026display=swap');\n\n \/* === Core Variables (Dark Mode) === *\/\n .aqua-relief-wrapper {\n --aqua-bg-base: #0a0e17; \/* Deep midnight blue\/black *\/\n --aqua-bg-card: rgba(16, 24, 40, 0.7); \/* Translucent dark navy *\/\n --aqua-bg-card-hover: rgba(26, 36, 56, 0.9);\n --aqua-primary: #5cb8e4;\n --aqua-dark: #38bdf8; \/* Brighter aqua for dark mode contrast *\/\n --aqua-light: rgba(92, 184, 228, 0.15); \/* Tinted background for badges *\/\n --aqua-gradient: linear-gradient(135deg, #38bdf8 0%, #0284c7 100%);\n --pearl-gradient: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, rgba(16,24,40,0.8) 100%);\n --gold-accent: #d4af37;\n --text-main: #f8fafc; \/* Near white for dark mode *\/\n --text-muted: #94a3b8; \/* Light slate gray *\/\n --border-glass: rgba(92, 184, 228, 0.2);\n --glow-aqua: rgba(56, 189, 248, 0.25);\n \n background-color: var(--aqua-bg-base);\n color: var(--text-main);\n font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.7;\n overflow: hidden;\n position: relative;\n padding: 0 0 60px 0;\n border-radius: 24px;\n box-shadow: 0 0 50px rgba(0,0,0,0.5) inset;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .aqua-relief-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .aqua-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n \/* === Typography Utilities === *\/\n .aqua-text-gradient {\n background: var(--aqua-gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n display: inline-block;\n text-shadow: 0 2px 10px rgba(56, 189, 248, 0.3);\n }\n\n .aqua-section-title {\n font-size: clamp(26px, 4vw, 38px);\n font-weight: 900;\n text-align: center;\n margin: 80px 0 20px;\n color: #ffffff; \/* White for better visibility *\/\n position: relative;\n }\n\n .aqua-section-subtitle {\n text-align: center;\n font-size: clamp(16px, 2vw, 18px);\n color: var(--text-muted);\n max-width: 700px;\n margin: 0 auto 50px;\n font-weight: 500;\n }\n\n \/* === Ambient Background === *\/\n .aqua-ambient {\n position: absolute;\n top: 0; left: 0; width: 100%; height: 100%;\n z-index: 0;\n pointer-events: none;\n overflow: hidden;\n }\n \n .aqua-glow-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.5;\n animation: orbDrift 15s infinite alternate ease-in-out;\n }\n\n .aqua-orb-1 { width: 400px; height: 400px; background: rgba(92, 184, 228, 0.15); top: -50px; right: -50px; }\n .aqua-orb-2 { width: 500px; height: 500px; background: rgba(212, 175, 55, 0.08); bottom: 10%; left: -150px; animation-delay: -5s; }\n\n @keyframes orbDrift {\n 0% { transform: translate(0, 0) scale(1); }\n 100% { transform: translate(-30px, 50px) scale(1.1); }\n }\n\n \/* === Hero Section === *\/\n .aqua-hero {\n position: relative;\n padding: 80px 20px 40px;\n text-align: center;\n background: radial-gradient(circle at top, rgba(56,189,248,0.1) 0%, var(--aqua-bg-base) 70%);\n border-bottom: 1px solid var(--border-glass);\n }\n\n .aqua-hero-icon {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: 80px;\n height: 80px;\n margin-bottom: 20px;\n animation: float 3s ease-in-out infinite;\n filter: drop-shadow(0 5px 15px var(--glow-aqua));\n color: var(--aqua-primary);\n font-size: 40px;\n font-weight: 900;\n font-family: system-ui, sans-serif;\n background: var(--aqua-bg-card); \/* Darker background *\/\n border-radius: 50%;\n box-shadow: 0 10px 25px rgba(56, 189, 248, 0.2);\n border: 1px solid var(--border-glass);\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\n\n .aqua-main-title {\n font-size: clamp(32px, 5vw, 52px);\n font-weight: 900;\n margin-bottom: 25px;\n line-height: 1.3;\n letter-spacing: -0.5px;\n color: #ffffff;\n }\n\n .aqua-hero-subtitle-text {\n font-size: clamp(16px, 2.5vw, 20px);\n color: var(--text-main);\n max-width: 800px;\n margin: 0 auto 40px;\n line-height: 1.8;\n font-weight: 500;\n }\n\n \/* === Video \u0026 Image Wrappers === *\/\n .aqua-media-wrapper {\n position: relative;\n width: 100%;\n margin: 0 auto;\n perspective: 1000px;\n display: block;\n }\n\n .aqua-media-wrapper.size-lg { max-width: 850px; }\n .aqua-media-wrapper.size-md { max-width: 700px; }\n .aqua-media-wrapper.size-sm { max-width: 550px; }\n\n .aqua-product-media {\n width: 100%;\n height: auto;\n display: block;\n border-radius: 20px;\n box-shadow: 0 30px 60px rgba(0,0,0,0.6), 0 0 30px var(--glow-aqua);\n border: 2px solid var(--border-glass); \/* Subtler border *\/\n transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);\n object-fit: cover;\n }\n\n \/* === Glass Cards \u0026 Grids === *\/\n .aqua-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px; }\n .aqua-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }\n\n .aqua-glass-card {\n background: var(--aqua-bg-card);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid var(--border-glass);\n border-radius: 20px;\n padding: 35px 25px;\n position: relative;\n overflow: hidden;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n text-align: left;\n box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n }\n\n .aqua-glass-card::before {\n content: '';\n position: absolute;\n top: 0; right: 0;\n width: 4px; height: 100%;\n background: var(--aqua-gradient);\n opacity: 0;\n transition: 0.4s ease;\n }\n\n .aqua-glass-card:hover {\n transform: translateY(-8px);\n background: var(--aqua-bg-card-hover);\n box-shadow: 0 15px 35px rgba(0,0,0,0.4), 0 0 20px var(--glow-aqua);\n border-color: var(--aqua-primary);\n }\n\n .aqua-glass-card:hover::before { opacity: 1; }\n\n .aqua-card-title {\n font-size: 1.3rem;\n color: #ffffff;\n margin-bottom: 12px;\n font-weight: 800;\n }\n\n .aqua-card-desc {\n color: var(--text-muted);\n font-size: 1rem;\n line-height: 1.7;\n }\n\n \/* === Impact Highlight Section === *\/\n .aqua-impact-wrapper {\n background: var(--pearl-gradient);\n padding: 60px 40px;\n margin: 60px 0;\n border-radius: 24px;\n border: 1px solid var(--border-glass);\n box-shadow: 0 20px 40px rgba(0,0,0,0.3);\n text-align: center;\n }\n\n \/* === Icons === *\/\n .aqua-icon-badge {\n width: 60px; height: 60px;\n background: var(--aqua-light);\n border: 1px solid var(--border-glass);\n border-radius: 16px;\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 20px;\n color: var(--aqua-dark);\n transition: 0.4s ease;\n font-size: 24px;\n font-weight: 900;\n font-family: system-ui, sans-serif;\n box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n }\n\n .aqua-glass-card:hover .aqua-icon-badge {\n background: var(--aqua-gradient);\n color: white;\n transform: scale(1.1) rotate(5deg);\n }\n\n \/* === Timeline === *\/\n .aqua-timeline {\n position: relative;\n max-width: 800px;\n margin: 0 auto;\n padding: 20px 0;\n }\n\n .aqua-timeline::before {\n content: '';\n position: absolute;\n top: 0; right: 50%;\n width: 2px; height: 100%;\n background: linear-gradient(to bottom, transparent, var(--aqua-primary), transparent);\n transform: translateX(50%);\n }\n\n .aqua-timeline-item {\n display: flex;\n justify-content: flex-end;\n padding-left: 50%;\n position: relative;\n margin-bottom: 30px;\n }\n\n .aqua-timeline-item:nth-child(even) {\n justify-content: flex-start;\n padding-left: 0;\n padding-right: 50%;\n }\n\n .aqua-timeline-content {\n width: 90%;\n background: var(--aqua-bg-card);\n border: 1px solid var(--border-glass);\n padding: 25px;\n border-radius: 16px;\n position: relative;\n transition: all 0.3s;\n box-shadow: 0 10px 20px rgba(0,0,0,0.2);\n }\n\n .aqua-timeline-content:hover {\n border-color: var(--aqua-primary);\n transform: translateY(-5px);\n box-shadow: 0 15px 30px rgba(92, 184, 228, 0.1);\n }\n\n .aqua-timeline-badge {\n position: absolute;\n top: 25px; right: -6.5%;\n width: 14px; height: 14px;\n background: var(--aqua-bg-base);\n border: 3px solid var(--aqua-primary);\n border-radius: 50%;\n z-index: 2;\n box-shadow: 0 0 10px var(--glow-aqua);\n }\n\n .aqua-timeline-item:nth-child(even) .aqua-timeline-badge {\n right: auto;\n left: -6.5%;\n }\n\n .aqua-time-label {\n color: var(--aqua-dark);\n font-weight: 800;\n margin-bottom: 10px;\n font-size: 1.1rem;\n display: inline-block;\n background: var(--aqua-light);\n padding: 4px 15px;\n border-radius: 20px;\n }\n\n \/* === Comparison Section === *\/\n .aqua-comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n margin: 40px 0;\n }\n\n .aqua-comp-card {\n background: var(--aqua-bg-card);\n padding: 30px;\n border-radius: 20px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n border: 1px solid var(--border-glass);\n }\n\n .aqua-comp-card.premium {\n border: 2px solid var(--aqua-primary);\n background: var(--pearl-gradient);\n transform: scale(1.02);\n box-shadow: 0 20px 50px rgba(0,0,0,0.4), 0 0 30px var(--glow-aqua);\n }\n\n .aqua-comp-list { list-style: none; padding: 0; }\n .aqua-comp-item {\n padding: 12px 0;\n border-bottom: 1px solid rgba(255,255,255,0.05);\n display: flex;\n align-items: center;\n gap: 12px;\n color: var(--text-muted);\n }\n .aqua-comp-item:last-child { border-bottom: none; }\n \n .aqua-comp-card.premium .aqua-comp-item { color: var(--text-main); font-weight: 500; }\n\n .aqua-check-icon {\n width: 24px; height: 24px;\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-weight: bold; font-size: 14px;\n color: white; flex-shrink: 0;\n }\n .aqua-check-basic { background: #475569; } \/* Darker slate for basic check *\/\n .aqua-check-premium { background: var(--aqua-gradient); }\n\n \/* === CTA Section === *\/\n .aqua-cta {\n text-align: center;\n margin-top: 80px;\n padding: 60px 30px;\n background: linear-gradient(135deg, rgba(16,24,40,0.8) 0%, rgba(2,132,199,0.1) 100%);\n border-radius: 24px;\n border: 1px solid var(--border-glass);\n box-shadow: 0 30px 60px rgba(0,0,0,0.5);\n }\n\n .aqua-btn-primary {\n display: inline-block;\n background: var(--aqua-gradient);\n background-size: 200% auto;\n color: white;\n padding: 18px 45px;\n border-radius: 40px;\n font-size: 1.2rem;\n font-weight: 900;\n text-decoration: none;\n border: none;\n cursor: pointer;\n transition: 0.5s ease;\n box-shadow: 0 10px 25px rgba(92, 184, 228, 0.4);\n margin-top: 30px;\n font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n }\n\n .aqua-btn-primary:hover {\n background-position: right center;\n transform: translateY(-3px);\n box-shadow: 0 15px 35px rgba(92, 184, 228, 0.6);\n }\n\n \/* === Animations === *\/\n .aqua-reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .aqua-reveal.aqua-active { opacity: 1; transform: translateY(0); }\n .delay-1 { transition-delay: 0.1s; }\n .delay-2 { transition-delay: 0.2s; }\n .delay-3 { transition-delay: 0.3s; }\n\n @media (max-width: 768px) {\n .aqua-timeline::before { right: 20px; transform: none; }\n .aqua-timeline-item { padding-left: 0; padding-right: 50px; justify-content: flex-start; }\n .aqua-timeline-item:nth-child(even) { padding-left: 0; padding-right: 50px; }\n .aqua-timeline-content { width: 100%; }\n .aqua-timeline-badge { right: 14px; top: 25px; }\n .aqua-timeline-item:nth-child(even) .aqua-timeline-badge { left: auto; right: 14px; }\n \n .aqua-comp-card.premium { transform: scale(1); margin-top: 20px; }\n .aqua-hero { padding: 50px 15px 20px; }\n .aqua-cta { padding: 40px 20px; }\n .aqua-product-media { box-shadow: 0 15px 30px rgba(0,0,0,0.4); border-width: 1px; }\n .aqua-media-wrapper { padding: 0 10px; }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"aqua-ambient\"\u003e\n\u003cdiv class=\"aqua-glow-orb aqua-orb-1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-glow-orb aqua-orb-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"aqua-hero\"\u003e\n\u003cdiv class=\"aqua-container\"\u003e\n\u003cdiv class=\"aqua-hero-icon\"\u003e💧\u003c\/div\u003e\n\u003ch1 class=\"aqua-main-title aqua-reveal aqua-active\"\u003eRelief Sun Aqua Fresh\u003cbr\/\u003e\u003cspan class=\"aqua-text-gradient\"\u003eCrema solare coreana\u003c\/span\u003e Cosa ti farà amare di nuovo il sole\u003c\/h1\u003e\n\u003cp class=\"aqua-hero-subtitle-text aqua-reveal aqua-active delay-1\"\u003e\n Immagina una crema solare con una texture acquosa che scompare in pochi secondi, e contiene il 30% di acqua di semi di riso, che rende la pelle delle stelle coreane straordinaria, e con 5 filtri di protezione avanzata. Protegge, idrata, illumina e tratta - 4 prodotti in uno.\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 Il tuo browser non supporta la visualizzazione dei video.\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\"\u003eLa texture acquosa scompare in pochi secondi\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eNon è come una normale crema solare, è una formula molto leggera che viene assorbita immediatamente dalla pelle.\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% acqua di semi di riso\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eIl segreto di bellezza dell'antica Corea per illuminare e idratare profondamente la pelle.\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\"\u003eSenza bianchezza o untuosità\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eAnche per la pelle grassa, non lascia residui bianchi fastidiosi o lucentezza indesiderata.\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 filtri di protezione avanzati\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eLa protezione più forte nella regione contro tutti i tipi di raggi dannosi.\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 prodotti in uno\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eForte protezione + idratazione profonda + schiarimento delle macchie + trattamento della barriera idrolipidica.\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;\"\u003eHai provato molti protettori solari... e a causa di tanto disagio, hai deciso di lasciare che il sole mangiasse la tua pelle?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.15rem; color: var(--text-muted); margin-bottom: 25px;\"\u003e\n Se sei stanco delle creme solari che lasciano la pelle bianca, o che rendono la pelle grassa e appiccicosa, o che non ti proteggono davvero dal sole...\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 cambierà completamente la tua idea\u003c\/p\u003e\n\u003cp style=\"font-size: 1rem; color: var(--text-muted); margin-top: 10px;\"\u003eDal primo utilizzo, sentirete di applicare un siero idratante, non una crema solare.\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\"\u003eAcqua di semi di riso 30% - il segreto della bellezza coreana\u003c\/h2\u003e\n\u003cp class=\"aqua-section-subtitle aqua-reveal\"\u003eCosa fa sì che un ingrediente valga il prezzo di un’intera protezione solare?\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=\"Acqua di semi di riso in Relief Sun\" class=\"aqua-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_relief_sun_aqua_fresh_spf_2.webp?v=1753600391\"\/\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\" style=\"font-size: 1.5rem;\"\u003eUn antico segreto di migliaia di anni\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\" style=\"margin-bottom: 20px;\"\u003eL'acqua di semi di riso non è solo un ingrediente comune... Questo è il segreto della bellezza coreana che le star asiatiche ereditano dalle loro famiglie.\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;\"\u003eIl componente più costoso nella composizione:\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 È estratto in modi speciali che preservano i suoi benefici.\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% concentrazione molto alta - la percentuale più alta in una crema solare.\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 Antiossidanti 10 volte più forti della 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;\"\u003eCosa farà alla tua pelle?\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 La tua pelle ritrova il suo splendore naturale in poche settimane.\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 Schiarisce le macchie scure e uniforma il loro colore.\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 Idrata in profondità fino a 7 strati.\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 filtri di protezione avanzati - una squadra completa contro il sole\u003c\/h2\u003e\n\u003cp class=\"aqua-section-subtitle aqua-reveal\"\u003eIn un momento in cui tutti i prodotti preventivi ti forniscono un filtro, questa crema ne offre 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\"\u003eLa prima protezione: assorbe i raggi e li trasforma in calore innocuo.\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\"\u003eIl combattente completo: protegge contro UVA e UVB con il 99% di efficienza.\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\"\u003eSpecialista: mira ai raggi che causano l'invecchiamento della pelle.\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\"\u003eProtettore Profondo: Combatte i raggi che penetrano negli strati profondi della pelle.\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\"\u003eLo scudo definitivo: doppia protezione e stabilità duratura sulla pelle.\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;\"\u003eRisultato: protezione SPF 57,9 + PA++++ UVA PF 19,3 - superiore a quanto scritto sulla confezione!\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Timeline Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003ePercorso di cambiamento - osserva la tua pelle migliorare ogni giorno\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\"\u003ePrimo giorno\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eLa prima sorpresa\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Protezione immediata fin dal primo utilizzo.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Una sensazione di freschezza e idratazione profonda.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Una texture acquosa che scompare senza effetto untuoso.\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\"\u003eDopo una settimana\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eL'inizio dolce\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ La pelle è più morbida e luminosa.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Riduce l'eccesso di lucentezza per la pelle grassa.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Miglioramento evidente della texture della pelle.\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\"\u003eDopo un mese\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eI risultati parlano\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Luminosità chiara e uniformità del tono della pelle.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Le macchie scure stanno iniziando a diminuire.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Pelle più 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\"\u003eRispetto a qualsiasi altra crema solare - la differenza è chiara\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);\"\u003eProtezione solare regolare (100 sterline)\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 Solo protezione normale\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Texture oleosa o bianco trasparente\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Componenti chimici ordinari\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Non ci sono benefici aggiuntivi\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Risultato: protezione solo temporanea\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 Forte protezione + idratazione + trattamento + bellezza\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Texture acquosa lussuosa che scompare col tempo\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Ingredienti naturali rari e costosi\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Miglioramento continuo della qualità della pelle\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Il risultato: un investimento nella bellezza e nella salute della tua pelle\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=\"Investi nella protezione della tua pelle ora\" 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\"\u003eLa decisione di oggi determinerà la forma della tua pelle domani\u003c\/h2\u003e\n\u003cp class=\"aqua-card-desc\" style=\"max-width: 750px; margin: 0 auto 20px; font-size: 1.15rem;\"\u003e\n Il sole è il più grande nemico della tua pelle, la principale causa di invecchiamento precoce e la prima causa di pigmentazione e macchie. Lascerai che il sole consumi la tua pelle, o investirai nel proteggerla con un prodotto di trattamento che la migliora ogni giorno?\n \u003c\/p\u003e\n\u003cp style=\"font-size: 1.3rem; font-weight: 800; color: var(--aqua-dark);\"\u003eLa decisione giusta è chiara!\u003c\/p\u003e\n\u003cbutton class=\"aqua-btn-primary\"\u003eOrdinalo ora... e investi nel futuro della tua pelle\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\/it\/collections\/beauty-of-joseon-products.oembed","provider":"Instachiq","version":"1.0","type":"link"}