{"title":"Cúram Craicinn Hanbang Áilleacht Joseon","description":"\n\u003cstyle\u003e\n.collection-hero-section {\n background: linear-gradient(135deg, #232025, #101116);\n padding: 60px 20px;\n position: relative;\n overflow: hidden;\n font-family:Cairo',sans-serif;\n color: #ffffff;\n line-height: 1.6;\n}\n.collection-content {\n position: relative; z-index: 2;\n max-width: 1200px; margin: 0 auto;\n}\n.wisdom-quote {\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(128,174,147,0.3);\n border-radius: 12px;\n padding: 20px;\n text-align: center;\n margin-bottom: 30px;\n position: relative;\n max-width: 600px;\n margin-left: auto;\n margin-left: auto;\n}\n.wisdom-text {\n font-size: 1.05rem;\n color: #b8d2d1;\n font-weight: 600;\n font-style: italic;\n line-height: 1.6;\n}\n.collection-title {\n font-size: 3rem;\n font-weight: 700;\n margin-bottom: 20px;\n background: linear-gradient(135deg, #eeecdf 30%, #80ae93 95%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n text-align: center;\n line-height: 1.2;\n}\n.collection-description {\n font-size: 1.07rem;\n line-height: 1.8;\n color: rgba(255,255,255,0.93);\n text-align: center;\n max-width: 600px;\n margin: 0 auto 25px auto;\n font-weight: 300;\n}\n.features-section {\n margin-top: 40px;\n padding: 10px 0;\n}\n.features-title {\n text-align: center;\n font-size: 1rem;\n letter-spacing: 2px;\n color: #80ae93;\n margin-bottom: 24px;\n font-weight: 600;\n}\n.features-grid {\n display: flex;\n gap: 12px;\n overflow-x: auto;\n overflow-y: visible;\n padding: 10px 5px 15px 5px;\n scroll-behavior: smooth;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: thin;\n scrollbar-color: #80ae93 rgba(255,255,255,0.1);\n margin: 0 -5px;\n}\n.features-grid::-webkit-scrollbar {\n height: 6px;\n}\n.features-grid::-webkit-scrollbar-thumb {\n background: #80ae93;\n border-radius: 3px;\n}\n.feature-card {\n background: rgba(255,255,255,0.07);\n border: 1px solid rgba(128,174,147,0.12);\n border-radius: 12px;\n padding: 14px 14px;\n min-width: 110px;\n max-width: 165px;\n min-height: 45px;\n text-align: center;\n font-weight: 600;\n font-size: 0.99rem;\n color: #80ae93;\n box-shadow: 0 4px 10px rgba(0,0,0,0.06);\n cursor:default;\n transition: transform 0.14s;\n display: flex;\n align-items: center;\n justify-content: center;\n word-break: keep-all;\n white-space: pre-line;\n}\n.feature-card:hover {\n transform: translateY(-3px) scale(1.04);\n border-color: #80ae93;\n}\n@media (max-width: 850px) {\n .collection-title { font-size: 2.1rem; }\n .features-title { font-size: 0.9rem; }\n .feature-card { font-size: 0.93rem; padding: 10px 8px; min-width: 100px; }\n}\n@media (max-width: 410px) {\n .feature-card { font-size: 0.86rem; padding: 8px 6px; min-width: 88px;}\n}\n\u003c\/style\u003e\n\u003cdiv class=\"collection-hero-section\"\u003e\n\u003cdiv class=\"collection-content\"\u003e\n\u003cdiv class=\"wisdom-quote\"\u003e\n\u003cp class=\"wisdom-text\"\u003eTosaíonn áilleacht fíor le glanadh na fréimhe... agus a fhíorghnásacht i oidhreacht na sinsir!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"collection-title\"\u003eBeasaíocht Joseon | Áilleacht ríoga Cóiréach\u003c\/h1\u003e\n\u003cp class=\"collection-description\"\u003eCeiliúrann bailiúchán Álainn Joseon fréamhacha fíor-áilleacht Cheanadaise: meascán barántúil de luibheanna ríoga agus eisintseanna hiodrálacha spreagtha ag traidisiúin ré Joseon. Tugann foirmlí nua-aimseartha lonrú cothroma agus cúram mín do d’chéir lá i ndiaidh lae. Bain triail as éifeachtaí ginseng Cheanadais barántúil, rís, agus eisintseanna hanbang chun sláinte, bogacht, agus glanadh na craiceann finscéalach a bhaint amach.!\u003c\/p\u003e\n\u003cdiv class=\"features-section\"\u003e\n\u003ch2 class=\"features-title\"\u003eIs é atá an tréith dhifríoch ag an ngrúpa seo?\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003eLuibheanna ríchóireála Cóiréacha\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003eCothromaíocht nádúrtha don chraiceann\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003eTionchar ginseng agus rís\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003eAg lonrú agus ag neartú na craiceann\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003eFoirmle bhog agus íogair\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003eOidhreacht aistéitiúil nua-aimseartha\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003eÉadromú agus cothú cuimsitheach\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003eGlanadh agus bog ar an gcéad úsáid\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003eTáirgí neamhchineádaí\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003eTroid le dath bán agus tuirse\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","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-left: 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-left: 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-left: 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-left: auto;\n }\n \n .cta-button {\n display: inline-block;\n padding: 15px 40px;\n background: linear-gradient(to right, #c9a97e, #d9c09e);\n color: white;\n text-decoration: none;\n border-radius: 50px;\n font-size: 18px;\n font-weight: bold;\n box-shadow: 0 5px 15px rgba(201, 169, 126, 0.2);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n \n .cta-button::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(to right, #d9c09e, #c9a97e);\n opacity: 0;\n transition: opacity 0.3s ease;\n z-index: -1;\n }\n \n .cta-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 25px rgba(201, 169, 126, 0.3);\n }\n \n .cta-button:hover::after {\n opacity: 1;\n }\n \n .footer-note {\n text-align: center;\n margin-top: 20px;\n font-size: 14px;\n color: #777;\n }\n \n \/* Fade animations *\/\n .fade-up {\n opacity: 0;\n transform: translateY(20px);\n }\n \n .pulse {\n animation: pulse 2s infinite;\n }\n \n @keyframes pulse {\n 0% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.03);\n }\n 100% {\n transform: scale(1);\n }\n }\n \n @media (max-width: 768px) {\n .hero-content {\n flex-direction: column;\n }\n \n .hero-image {\n width: 200px;\n margin-bottom: 20px;\n }\n \n .ingredients-section, .how-it-works {\n flex-direction: column;\n }\n \n .timeline-items {\n flex-direction: column;\n }\n \n .timeline-bar {\n top: 0;\n left: 50%;\n width: 4px;\n height: 100%;\n transform: translateX(-50%);\n }\n \n .timeline-item {\n width: 100%;\n margin-bottom: 30px;\n display: flex;\n align-items: flex-start;\n }\n \n .timeline-dot {\n margin: 0 15px;\n }\n \n .timeline-content {\n flex: 1;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"joseon-container\"\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003cimg alt=\"Beauty of Joseon Glow Serum\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty-of-joseon-beauty-of-joseon-glow-serum-propolis-niacinamide-30ml-55897506382162_1.webp?v=1746458212\"\/\u003e\n\u003cdiv class=\"hero-text\"\u003e\n\u003cdiv class=\"brand\"\u003eBeauty of Joseon\u003c\/div\u003e\n\u003ch1 class=\"main-title\"\u003eSerum \u003cspan\u003eSolas na gréine\u003c\/span\u003e Le niacinamide agus próipóilis beach\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eMeascán neamhshamhlacha de níacsinímíd agus própolis beacha don chraiceann lonrach agus geal\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 Foirmle Cóiré bhunaidh\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 Gan ceimicí guaiseacha\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 Foirfe do gach cineál craiceann\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\"\u003eMeascán neamhshamhlacha de níacsinímíd agus própolis beacha\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-box\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003eNiacinamide\u003c\/h3\u003e\n\u003cp class=\"ingredient-desc\"\u003eNí comhábhar amháin é, is míorúilt é a athchuireann cothromaíocht na craiceann, a laghdaíonn pigmentation agus a thugann dath aonfhoirmeach agus lonrach dó. Feabhsaíonn sé uigeacht na craiceann agus neartaíonn sé bacainn nádúrtha an taise..\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-box\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003e \u003c\/h3\u003e\n\u003cp class=\"ingredient-desc\"\u003eBainte as samhlacha beacha, feidhmíonn sé mar frith-athlastach cumhachtach agus spreagthóir athghiniúint cealla, ag coinneáil an chraicinn óg agus ag soláthar cosaint nádúrtha. Troidann sé le cuma comhdhúil agus comharthaí seanachta.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp\u003eNuair a théann na comhábhair seo le chéile i bhfoirmle amháin, athraíonn siad go cumhacht nádúrtha neamh-inchaite; Miracle a dhéanann athghiniúint ar óige do chraiceann agus a thugann an lonrar atá i gcónaí i do bhrionglóid.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"video-container\"\u003e\n\u003cvideo autoplay=\"\" loop=\"\" muted=\"\" playsinline=\"\" style=\"display: block; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.1);\" width=\"100%\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/3edfc44f88a3463c8bdfafe9115a57e1.mp4\" type=\"video\/mp4\"\/\u003e\n Ní thacaíonn do bhrabhsálaí le seinm físe.\n \u003c\/video\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"instant-results\"\u003e\n\u003ch2 class=\"section-title\"\u003eTorthaí láithreach!\u003c\/h2\u003e\n\u003ch3 style=\"color: #c9a97e; text-align: center; margin: 20px 0; font-size: 22px;\"\u003ePóraí níos lú, craiceann níos soiléire, craiceann foirfe\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eBuntáistí iontacha do do chraiceann\u003c\/h2\u003e\n\u003cp\u003eIs réiteach cuimsitheach é an searim seo do chraiceann lag agus tuirseach, ós rud é go léiríonn sé éifeachtaí iontacha a chuimsíonn:\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\"\u003eFeabhsaigh gealadh na cistine\u003c\/h3\u003e\n\u003cp\u003eÉadóidh agus aontóidh dath an chraiceann agus í a laghdú go héifeachtach ar pigmentation agus ar dhath dorcha.\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\"\u003eUigeacht na craiceann a fheabhsú\u003c\/h3\u003e\n\u003cp\u003eMéadaigh réidh an chraiceann de bharr maoine taiscthe agus soilseacha 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\"\u003eCosaint craicinn\u003c\/h3\u003e\n\u003cp\u003eCosaint ó ionfhabhtuithe seachtracha agus damáiste a dhéanamh ag radaigh been saor buíochas le cumhacht propóil.\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\"\u003eTacaigh le feidhm bhacainní craicinn\u003c\/h3\u003e\n\u003cp\u003eAg coinneáil taise an chraiceann agus ag cosc a chaillteanais, rud a chabhraíonn le línte mín a laghdú.\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\"\u003eTuras torthaí iontacha\u003c\/h2\u003e\n\u003cp\u003eLe húsáid rialta, feicfidh tú feabhas de réir a chéile agus sroichfidh tú na torthaí is fearr i gceann cúpla seachtain.\u003c\/p\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-bar\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-items\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"timeline-date\"\u003eÚsáid den chéad uair\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\"\u003eTaise láithreach\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eBeidh tú faoi deara taise láithreach ar an gcraiceann agus uigeacht níos mín. Tá an craiceann le feiceáil go soiléir níos úr agus níos gile ón úsáid chéad.\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\"\u003eTar éis seachtaine\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\"\u003eFeabhas ar uigeacht agus lonradh\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eÉiríonn an craiceann níos lonracha agus níos réidh. Laghdaítear deargadh agus greannú buíochas le hairíonna frith-thógálacha an propóil. Laghdaítear olaíocht an chraicinn go suntasach.\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\"\u003eTar éis dhá sheachtain\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\"\u003eAg laghdú pigmentation\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eTosaíonn torthaí aontaithe le dath craicinn le teacht chun cinn. Laghdaíonn Spotaí Dorcha \u0026amp; Hipir-Pigmentú go mall. Éiríonn an craiceann níos gile agus níos úr, le poirí níos lú agus níos lú le feiceáil.\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\"\u003eTar éis mí\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\"\u003eAthrú suntasach\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eFeabhsú suntasach i scaipeadh agus ton craiceann. Imoibriú suntasach ar go leor fadhbanna craiceann amhail spotaí dorcha agus scaranna. Laghdú infheicthe ar línte beaga agus comharthaí aoise.\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\"\u003eTar éis dhá mhí\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\"\u003eCraiceann atá athnuaite go hiomlán\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eCraiceann iontach lonrach agus radanta. Aontú iomlán ar dhath an chraicinn agus laghdú suntasach ar líníní. Feabhsú buan ar chuma agus uigeacht an chraicinn, le leáíocht feabhsaithe agus sláinte níos fearr don chraiceann.\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=\"Foirmle chun cinn go heolaíoch\" 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\"\u003eFoirmle chun cinn go heolaíoch\u003c\/h2\u003e\n\u003ch3 style=\"margin-bottom: 20px; font-size: 22px; color: #333;\"\u003eConas a oibríonn an serum?\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.8; margin-bottom: 20px;\"\u003eOibríonn an meascán \u003cspan style=\"color: #c9a97e; font-weight: bold;\"\u003eBeauty Of Joseon Glow Serum Propolis + Niacinamide\u003c\/span\u003e Go comhchuí chun éifeacht chuimsitheach a chruthú ar an gcraiceann. Glanann próipóilis, a eascraíonn as beachlónna, an craiceann, troidann sé ionfhabhtuithe agus spreagann sé athnuachan cille, ag troid le cuma filleadh agus comharthaí aosaithe.\u003c\/p\u003e\n\u003cp style=\"line-height: 1.8;\"\u003eCé go n-oibríonn niacinamide chun scáth craicinn a aontú agus pigmentation a laghdú, chomh maith le héifeachtacht craicinn a fheabhsú agus bacainn taise a neartú. Le chéile, athraíonn na comhdhúile gníomhacha seo uigeacht na craiceann go radacach, ag tabhairt cuma níos lonracha agus níos beoga dó..\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eConas a Úsáid\u003c\/h2\u003e\n\u003cp\u003eTar éis an craicinn a ghlanadh go maith, cuirtear an tsúirim i bhfeidhm ar an limistéar aghaidhe, ag díriú ar na réimsí a bhfuil gá le gealú agus feabhsú, mar shampla timpeall na súl, an forehead, agus línte an bhéil. Massage go réidh go dtí go bhfuil sé glactha go hiomlán, ansin lean le taiseoir chun taise a chothabháil agus éifeachtacht a mhéadú. Úsáid maidin agus tráthnóna chun na torthaí is fearr a fháil..\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\"\u003eAn craiceann a ghlanadh\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\"\u003eCur i bhfeidhm serum\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\"\u003eMassáil go séimh\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\"\u003eCuir taiseoir i bhfeidhm\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\"\u003eDéan lúcháir do chraiceann a athbhunú inniu\u003c\/h2\u003e\n\u003cp class=\"cta-subtitle\"\u003eLuach iontach ar airgead - chomhcheanglaíonn ár bhfoirmle serum gealaithe comhábhair nádúrtha a cruthaíodh go heolaíoch chun craiceann lonrach, sláintiúil a thabhairt.\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eDéan é a ordú anois\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"footer-note\"\u003e\n\u003cp\u003eComhcheanglaíonn Serum Glow Álainn Joseon Propolis + Niacinamide comhábhair nádúrtha cruthaithe go heolaíoch a fheabhsaíonn gealadh agus tóna an chraicinn le cosaint chomhshaoil ​​chláraithe. Cé go bhféadfadh sé a bheith beagán níos costasaí i gcomparáid le roinnt táirgí eile, tá méid beag leordhóthanach chun torthaí iontacha, fadtréimhseacha a bhaint amach, rud a fhágann go bhfuil sé ina infheistíocht éifeachtach i sláinte agus áilleacht do chraicinn..\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Init functions\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Fade-in animations\n initFadeEffects();\n \n \/\/ Video autoplay fix for some mobile browsers\n const video = document.querySelector('video');\n if (video) {\n video.play().catch(function(error) {\n console.log(\"Video autoplay prevented by browser\");\n });\n }\n });\n \n \/\/ Initialize fade effects\n function initFadeEffects() {\n const fadeElements = document.querySelectorAll('.fade-up');\n const observerOptions = {\n root: null,\n rootMargin: '0px',\n threshold: 0.1\n };\n \n const observer = new IntersectionObserver((entries, observer) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\n entry.target.style.opacity = 1;\n entry.target.style.transform = 'translateY(0)';\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n \n fadeElements.forEach(el =\u003e {\n observer.observe(el);\n });\n \n \/\/ Add staggered animations\n const staggerElements = document.querySelectorAll('.fade-up');\n staggerElements.forEach((el, index) =\u003e {\n el.style.transitionDelay = `${index * 0.05}s`;\n });\n }\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":46999392977070,"sku":null,"price":19.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/beauty-of-joseon-glow-serum-propolis-niacinamide-30ml_ab4d3ffb-55f0-4df0-bd12-88a787a4a89b.jpg?v=1788175381"},{"product_id":"beauty-of-joseon-revive-eye-serum","title":"Sreabhán Súil Faoi Athbheochan Álainn Joseon speisialtaithe i scáthanna dorcha | Malaí súl Comharthaí aoise","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\"\u003eTosaíonn do thuras athnuachana súl anois\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\u003eFaigh rúndiamhair chun do shúile a lonrú le \u003cspan class=\"highlight\"\u003eBeauty of Joseon Revive Eye Serum\u003c\/span\u003eFoirmle nuálaíoch a chomhcheanglaíonn na teicneolaíochtaí eolaíochta is déanaí le comhábhair nádúrtha glan chun an limistéar íogair timpeall na súl a athbheochan. Oibríonn an searóm réabhlóideach seo chun comharthaí tuirse agus aosaithe a chosc go comhthreomhar, rud a thugann cuma níos óige agus lonracha do do shúile.\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-left: 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\"\u003eConas a oibríonn an serum?\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\u003eOibríonn an serum trí thrí chomhábhar príomhúil a chomhcheangal a chruthaíonn éifeacht chuimsitheach: Cuireann Retinal réidh ar an gcraiceann agus spreagann sé athghiniúint cealla, agus éifeachtach go leor cuireann liposóim cobhsaíocht ar an retinal agus feabhsaíonn siad a ionsúchán, agus soláthraíonn sliocht fréimhe ginseng hidríocht fadtéarmach agus cosaint den scoth. Leis an meicníocht uathúil seo, athchóirithear bacainn an chraiceann agus laghdaítear cuma roic bheaga, ciorcail dhorcha agus ailléir, ag filleadh nua ar bheocht agus ar lonrú do shúile..\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\"\u003eIs é atá an tréith dhifríoch ag an gcomhdhéanamh?\u003c\/h3\u003e\n\u003cp\u003eIs iomaíochas na foirmle seo ina chomhcheangal cumhacht retinal le liposóim agus eisceacht ginseng; Meastar gach comhábhar ina aonar mar shíceal chun feabhas a chur ar shláinte an chraiceann. Nuair a chomhcheanglaítear iad, éiríonn siad ina fórsa nádúrtha dochloíte a athnuachan an limistéar súl agus spreagadh táirgeadh collaigine, ag feabhsú leaisteachas an chraiceann agus ag laghdú comharthaí tuirse agus aosaithe..\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\"\u003eCén fáth go measfar an foirmle seo níos fearr ná dériúintí eile retinóil?\u003c\/h3\u003e\n\u003cp\u003eIs cineál vitimín A é retinol a chaithfidh a bheith athraithe laistigh den chraiceann chun é a dhéanamh gníomhach, rud a fhágann nach bhfuil sé chomh héifeachtach i gcomparáid le retinal.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e Maidir le retina\u003c\/strong\u003e, oibríonn sé go díreach chun athnuachan cealla agus táirgeadh collagen a spreagadh gan gá le tiontú, rud a luasghéadaíonn torthaí agus a laghdaíonn an baol greannú. Déanann an difríocht seo Retinal an rogha idéalach chun aire dhian a thabhairt don limistéar súl.\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\"\u003eConas a Úsáid\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\u003eTar éis an craiceann a ghlanadh go mín, cuir an serum i bhfeidhm ar cheantar na súl ag úsáid beagán díreach. Massage go mín an táirge go dtí go ndéantar é a ionsú go hiomlán, ansin lean le hidrileoir oiriúnach chun taise a chothú agus torthaí a fheabhsú. Is fearr an serum a úsáid ar maidin agus san oíche chun na torthaí is fearr a bhaint amach..\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\"\u003eGlan an craiceann go réidh\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\"\u003eCuir méid beag serum i bhfeidhm\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\"\u003eMassáil go bog go dtí go n-ionsaítear é\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\"\u003eLean suas le taiseoir cuí\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\"\u003eTorthaí cliniciúla\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\u003eTaispeánann turgnaimh go mbíonn feabhsuithe suntasacha i roinnt réimsí le húsáid rialta ar an serum:\u003c\/p\u003e\n\u003cdiv class=\"clinical-results\"\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eAg laghdú fine wrinkles\u003c\/h3\u003e\n\u003cdiv class=\"percentage-wrapper\"\u003e\n\u003cdiv class=\"circle-container\"\u003e\n\u003cdiv class=\"counter\"\u003e\n\u003cspan class=\"counter-value\"\u003e16\u003c\/span\u003e\u003cspan class=\"counter-suffix\"\u003e%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"result-description\"\u003eLaghdú ar dhomhantarraingt cuasach roimh na súile tar éis 8 seachtain d'úsáid rialta.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eMéadaigh hidratiú\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\"\u003eFeabhsú i leibhéil hidríochta i gceantar na súl i gcomparáid le tomhais bunlíne roimh úsáid.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eCiorcail dhorcha a laghdú\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\"\u003eFeabhas suntasach ar dhath craicinn agus laghdú ar dhathú timpeall na súl tar éis díreach 4 seachtaine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eUigeacht na craiceann a fheabhsú\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\"\u003eCraiceann níos réidh agus uigeacht fheabhsaithe buíochas le athnú cealla agus láidriú bhacainn na craiceann.\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\u003eI \u003cstrong data-end=\"2016\" data-start=\"1979\"\u003eBeauty of Joseon Revive Eye Serum\u003c\/strong\u003e Ní amháin táirge cúraim; Is infheistíocht fhíor i n-óige agus i mbéasa do shúile é. Tugann a fhoirmle chun cinn torthaí iontacha i dáileog bheag, rud a dhéanann é an rogha idéalach dóibh siúd atá ag lorg lonrúil fhada buan agus cuma óg.\u003c\/p\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":46999393206446,"sku":null,"price":19.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/beauty-of-joseon-ginseng-retinal-revive-eye-serum-30ml_8983ece1-5852-4017-b948-c0b9eba55985.jpg?v=1788175380"},{"product_id":"beauty-of-joseon-ginseng-essence-water-150-ml","title":"Beauty of Joseon Ginseng Essence Water 150 Ml","description":"\n\u003cstyle\u003e\n\n.ginseng-product-description {\n\n max-width: 100%;\n margin: 0 auto;\n direction: ltr;\n color: #333;\n}\n\n\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\n.ginseng-intro {\n text-align: center;\n font-size: 16px;\n margin-bottom: 30px;\n line-height: 1.6;\n}\n\n\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\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\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\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\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\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\n.ginseng-highlight-section {\n position: relative;\n padding-left: 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\n.ginseng-fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n\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\"\u003eUisce Ginseng – foinse shíoraí na hóige don chraiceann\u003c\/h2\u003e\n\u003cp class=\"ginseng-intro ginseng-fade-in\"\u003e\n Meascán annamh de rún leighis thraidisiúnta Cóiréach agus teicneolaíocht nua-aimseartha. Ní leathóg nádúrtha amháin atá sa 80% uisce ginseng a úsáidtear sa táirge seo, ach seoid atá saibhir i frithocsaídeoirí, saponíní, agus micreatháirgí a thacaíonn le craiceann óg ólaistigh, agus a thugann athchóiriú dó le gach úsáid.\n \u003c\/p\u003e\n\u003cimg alt=\"Uisce 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 – ceann de na rúin is mó maidir le craiceann na Cóiré\n \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n Ar feadh na gcéadta bliain, tá ginseng á aithint mar an “Luibh na nDéithe” i leabhair leighis traidisiúnta Cóiritheacha ar nós Donguibogam. Úsáid na chéad mná Cóiritheach é chun folcadáin a ghlacadh agus cúram a thabhairt don craiceann mar gheall ar a chumas dochreidte an tsreabhadh fola a spreagadh, cealla a cothú, agus an craiceann a athnuachan.\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 Foirmle éadrom – torthaí troma\n \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n In ainneoin a uigeachta éadrom cosúil le huisce, tugann an toner seo borradh tiomnaithe taise agus cothaithigh don chraiceann. Is ionsúite go tapa é gan aon rian sailleach fágtha, ag tabhairt taithí compordach agus tapa duit, le torthaí le feiceáil ón gcéad seachtain..\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 Réiteach radacach ar fhadhbanna iritithe agus éidéime na craiceann\n \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n Tá 2% níasaínamíd sa tháirge, comhábhar éifeachtach tacaíocht eolaíoch a fhágann le neartú an bhacáin craicinn, le cuidiú le fíochán a mhaolú, agus le laghdú ar dheargacht a chruthaítear le tosca comhshaoil nó le frithchuimilt laethúil.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cimg alt=\"Buntáistí uisce 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 Taiseoir ollmhór don chraiceann\n \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n Meallann na saponíní gníomhacha atá le fáil i ndán ginseng uisceach agus ceanglaíonn siad taise go domhain isteach sa chraiceann, ag fágáil an chraicinn taiseáilte níos faide gan gá le húsáid arís. Foirfe dóibh siúd a bhíonn ag fulaingt le tirim fhada nó craiceann scoilte..\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 Craiceann níos réidhe, níos soiléire, níos geal\n \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n Trí uigeacht na gcraicinn a réidh, scaoileadh ola a rialú, agus cuidiú le laghdú ar chuma na bpóire móra, cuireann an tonar seo le feabhsú ar shoiléireacht ghinearálta na gcraicinn. Oibríonn Niacinamide freisin chun pigmentéireacht a mhaolú agus dath a aonfhoirmiú, ag fágáil do chéad le lonrú níos aonfhoirmeach agus soiléir.\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 Speisialtóir cóireála dífhoirmithe\n \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n Ní amháin go gcruthaíonn tuirse seasmhach ar an aghaidh an míchompord, ach cruthaítear é freisin de bharr easpa eilimintí sa chraiceann a spreagann a athghiniúint nádúrtha. Tugann uisce Ginseng fuinneamh do chealla an chraicinn agus atosóidh sé micreachur sa aghaidh, ag filleadh a lonrúil agus a ghealgháire nádúrtha.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cimg alt=\"Comhábhair uisce 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\"\u003eFoirmle an-arddeireadh de uisce ginseng agus niacinamide!\u003c\/h3\u003e\n\u003cp style=\"text-align: center; margin-bottom: 20px;\"\u003eTá an fhoirmle seo a forbraíodh go cúramach ag meascadh eolaíochta agus traidisiúin, le comhábhair smaoinimh:\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\"\u003eUisce fréimhe sinséir Chóiréach\u003c\/div\u003e\n\u003cdiv class=\"ginseng-ingredient-percentage\"\u003e80%\u003c\/div\u003e\n\u003cp\u003eAn comhábhar riachtanach chun athnuachan na gcraicinn\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\u003eChun ton craiceann a aontú agus athlasadh a laghdú\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-ingredient ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-ingredient-title\"\u003eComhábhair Bhreise\u003c\/div\u003e\n\u003cdiv style=\"color: #d4a017; font-size: 24px; margin: 10px 0;\"\u003e\n\u003ci class=\"fas fa-plus-circle\"\u003e\u003c\/i\u003e\n\u003c\/div\u003e\n\u003cp\u003ePanthenol, allantoin, eisceacht ginseng fermented, aigéad hialurónach\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; margin-top: 20px;\"\u003eOibríonn gach comhábhar iontu le chéile chun na torthaí is fearr a thabhairt duit le iarracht mhín, agus gan aon iritíocht.\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\"\u003ePríomh-Buntáistí\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\u003eTacaigh le craiceann óg agus déan é a atógáil\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\u003eAg spreagadh sruth fola agus athnuachan an chraicinn\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\u003eTaise domhain agus cothú láithreach don chraiceann\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\u003eGlanú tapa gan éifeacht salach\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\u003eAg neartú bacainn na craiceann agus ag suaimhniú athlasadh\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\u003eLaghdú ar dheargadh agus ar iritéis\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\u003eAg taiseáil na gcraicinn ar feadh tréimhsí fada\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\u003eRéidh uigeacht an chraicinn agus rialú scaoileadh ola\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\"\u003eConas a Úsáid\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 Tar éis an craiceann a ghlanadh, cuir méid beag ar na lámha nó ar phíosa cadáis\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 Scríobh an aghaidh agus an mhuineál go bog i ngluaisneacha ciorclacha\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 Fág é go hiomlán ionsúite sula n-uirlisfidh tú an chéad táirge eile i do ghnáthamh\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":46999394484398,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Beauty_of_Joseon_Ginseng_Essence_Water_44852e5e-9e5d-463b-a5e8-e87bd2920fa5.webp?v=1788175375"},{"product_id":"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-left: 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-left: 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-left: 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\u003eCOSAINT IOMLÁNACH: Sciath gréine le cúram Cóiré\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 Is grianúire nuálach Cóiré é a chomhcheanglaíonn cosaint leathan-speictream le SPF50+ láidir PA++++ agus foirmle saibhir i núitriúintí chun an craiceann a mhéadaíonn agus a bheathú go domhain. Tá 30% sliocht rís le fáilteach agus meascán de probiotics sa chosantóir seo a athchothromaíonn mícróbhiom craicinn agus a mhaolaíonn deargadh agus tirim. Buíochas lena uigeacht éadrom, lonrach a imíonn láithreach gan scannán ramhar nó bán, cuireann Relief Sun éifeachtúlacht agus compord laethúil ar fáil do gach cineál craicinn, fiú na cinn íogaire..\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\u003eCosaint chuimsitheach gan aon stró\u003c\/h2\u003e\n\u003ch3\u003e- Foirmle chun cur le damáiste na gréine a chosc -\u003c\/h3\u003e\n\u003cp\u003eCuireann Relief Sun cosaint éifeachtach ar fáil i gcoinne shráid UVA agus UVB trí scagairí ceimiceacha chun cinn a ráthaíonn SPF50+ PA++++, ag laghdú an riosca de gréine-chras agus hipir-dhathú a eascraíonn as nochtadh laethúil don ghrian. Foirmle saor ó bholadh, saor ó alcól agus rátáilte sábháilte (Leibhéal Glas EWG), oiriúnach do chraiceann íogair agus dóibh siúd a bhfuil ailléirgí acu do ghrianlóirí coitianta.\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\u003eDúshraith hidríochtaí agus cothaithe: rís agus próbaictigh i meascán amháin\u003c\/h2\u003e\n\u003ch3\u003e- Comhábhair nádúrtha do thirim domhain agus suaimhneas láithreach -\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\u003eComhcheanglaíonn Relief Sun 30% eisíontas rís fheirméadaithe le meascán próbaitice agus gránaigh fheirméadaithe, saibhir i vitimíní B, C, E, aigéid aminéacha agus mianraí, chun uisce a thabhairt don chraiceann láithreach agus chun deargadh agus tirim a mhaolú i rith an lae.\u003c\/p\u003e\n\u003cp\u003eTá an fhoirmle feabhsaithe freisin le Niacinamide a dhéanann cothromaíocht ar leibhéil ola agus taise na gcraicinn, ag laghdú méid na bpóir le cuma níos réidhe agus níos plúise.\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\u003eConas a oibríonn an táirge?\u003c\/h2\u003e\n\u003ch3\u003e- Comhtháthaíonn teicneolaíocht fliuchráin le cosaint na gréine -\u003c\/h3\u003e\n\u003cdiv class=\"process-steps\"\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eTús an tsocair\u003c\/div\u003e\n\u003cp\u003eNuair a chuirtear an cosantóir i bhfeidhm, suaimhníonn probiotics agus rís fheirmithe an craiceann agus suaimhneacht ar mhothúcháin tirime agus deargadh.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eBacainn chosanta láidir\u003c\/div\u003e\n\u003cp\u003eScagairí SPF50+ PA++++ a léiríonn agus a ionsú gathanna dochracha sular sroicheann siad an craiceann.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eFolláine agus cothaitheach\u003c\/div\u003e\n\u003cp\u003eScaoileann rís fermented a chomhábhair taise isteach go domhain sa chraiceann, agus neartaíonn niacinamide bacainn uisce nádúrtha an chraicinn.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eCríoch éadrom\u003c\/div\u003e\n\u003cp\u003eÚsáideann an uigeacht ghreamaitheacha lonracha go tapa, ag fágáil an chraiceann bog gan aon scáth bán ná greim míthaitneamhach.\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\u003eAn rún don sármhaitheas: Cén fáth a bhfuil Relief Sun níos fearr ná daoine eile?\u003c\/h2\u003e\n\u003ch3\u003e- Torthaí praiticiúla agus taithí úsáide iontaofa -\u003c\/h3\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eUigeacht do-thuartha\u003c\/h4\u003e\n\u003cp\u003eÉadrom mar aer, meascann sé le craiceann gan aon rian greannmhar nó bán as cuimse a fhágáil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eÉifeachtúlacht chruthaithe\u003c\/h4\u003e\n\u003cp\u003eCeann de na grianághaidheanna is airde ráite ar domhan le rátálacha os cionn 4.5 réalta ó mhilliúin úsáideoirí\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eFoirmle eolaíoch agus nádúrtha\u003c\/h4\u003e\n\u003cp\u003eMeascann scagairí ceimiceacha ardteicneolaíochta le slaodáin orgánacha traidisiúnta ó rís fhiuchta agus probiotics, chun cosaint agus taise iomlán a chinntiú.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eAitheantas saineolaithe\u003c\/h4\u003e\n\u003cp\u003eTacaithe ag moladh Allure mar cheann de na scáthanna gréine Cóiré is fearr dá chomhcheangal cosanta agus stíle, agus moltar ag liachrónaoirí buíoch dá fhoirmle shábháilte agus éifeachtach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eOiriúnach do gach coinníoll\u003c\/h4\u003e\n\u003cp\u003eOibríonn sé go hiontach i dteocht ard taise agus cuireann sé cosc ar mhothú trom nó sleamhain, rud a fhágann go bhfuil sé an rogha foirfe le húsáid laethúil faoi nó gan smideadh.\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\"\u003eCosain do chraiceann le galántas Cóiréis uachtarach\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003eBain sult as cosaint SPF50+ le hidríocht dhomhain agus cothú i dtáirge amháin. Abair slán le grianphéintéirí troma, bán, agus dia dhuit le lonrú sláintiúil, cosanta ar feadh an lae!\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eCeannaigh anois\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Add subtle animations and interactions\n (function() {\n \/\/ Function to handle fade-in animations\n const observeElements = (elements, callback) =\u003e {\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n callback(entry.target);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n \n elements.forEach(el =\u003e observer.observe(el));\n };\n \n \/\/ Apply animations to fade-in elements when they come into view\n observeElements(document.querySelectorAll('.fade-in'), (element) =\u003e {\n setTimeout(() =\u003e {\n element.classList.add('visible');\n }, 100);\n });\n \n \/\/ Add hover effects to process steps\n document.querySelectorAll('.process-step').forEach(step =\u003e {\n step.addEventListener('mouseenter', () =\u003e {\n step.style.transform = 'translateX(-5px)';\n });\n \n step.addEventListener('mouseleave', () =\u003e {\n step.style.transform = '';\n });\n });\n })();\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":46999396057262,"sku":null,"price":19.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/51KXcVZceoL_fd748b52-4e55-4a76-8c3f-58d52954320a.jpg?v=1788175363"},{"product_id":"beauty-of-joseon-light-on-serum-30ml","title":"BEAUTY OF JOSEON Light On Whitening Serum le Eastóscán Centella agus Vita C, Méid 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-left: 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-left: 25px;\n position: relative;\n margin-bottom: 15px;\n }\n \n .custom-list li::before {\n content: '';\n position: absolute;\n right: 0;\n top: 10px;\n width: 8px;\n height: 8px;\n background-color: #9C8102;\n border-radius: 50%;\n }\n\n \/* Benefits grid *\/\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 30px 0;\n }\n \n .benefit-card {\n background-color: #ffffff;\n border-radius: 15px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n border: 1px solid #f0f0f0;\n transition: transform 0.3s ease;\n }\n \n .benefit-card:hover {\n transform: translateY(-8px);\n }\n \n .benefit-title {\n color: #9C8102;\n font-weight: bold;\n font-size: 1.1rem;\n margin-bottom: 10px;\n }\n\n \/* Testimonials section *\/\n .testimonials-section {\n background-color: #fafafa;\n border-radius: 15px;\n padding: 30px;\n margin: 40px 0;\n }\n \n .testimonials-title {\n text-align: center;\n margin-bottom: 30px;\n }\n \n .testimonials-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n }\n \n .testimonial-card {\n background-color: #ffffff;\n border-radius: 10px;\n padding: 20px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n }\n \n .testimonial-highlight {\n color: #9C8102;\n font-weight: bold;\n font-size: 1.1rem;\n margin-bottom: 10px;\n }\n\n \/* Call to action - Black *\/\n .cta-section {\n background: #000000;\n color: white;\n padding: 40px;\n border-radius: 15px;\n text-align: center;\n margin: 40px 0;\n }\n \n .cta-title {\n color: white;\n font-size: 1.6rem;\n margin-bottom: 20px;\n position: relative;\n }\n \n .cta-title::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n margin: 15px auto 0;\n }\n \n .cta-text {\n font-size: 1.1rem;\n margin-bottom: 30px;\n color: white;\n }\n \n .cta-button {\n display: inline-block;\n padding: 12px 35px;\n background-color: #9C8102;\n color: white;\n font-weight: bold;\n border-radius: 30px;\n text-decoration: none;\n font-size: 1.1rem;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\n }\n \n .cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);\n background-color: #b49a1c;\n }\n\n \/* Separator *\/\n .separator {\n height: 1px;\n background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.3), transparent);\n margin: 40px 0;\n width: 100%;\n }\n\n \/* Animation classes *\/\n .fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Ingredients section *\/\n .ingredients-section {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n margin: 40px 0;\n gap: 30px;\n }\n \n .ingredients-image {\n flex: 1;\n min-width: 300px;\n }\n \n .ingredients-content {\n flex: 1;\n min-width: 300px;\n }\n \n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .benefits-grid,\n .testimonials-grid {\n grid-template-columns: 1fr;\n }\n \n .ingredients-section {\n flex-direction: column;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section fade-in\"\u003e\n\u003ch1\u003eBeauty of Joseon Solas Ar Serum (Centella + Vita C) – gile Cóiréis lonrach\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\u003eLonrú gan bhac: tábhacht an pigmentation a chóireáil agus an craiceann a athnuachan\u003c\/h2\u003e\n\u003cp\u003eNí amháin go laghdaíonn pigmentation agus spotanna dorcha áilleacht na craiceann, ach cuireann siad air freisin cuma éadrom agus níos sine ná a aois dhairíre. Déanann cóireáil pigmentation cothromaíocht nádúrtha na craiceann a athbhunú, ag fágáil é níos soiléire, níos éadroime, agus níos gile. Imríonn Vitimín C ról ríthábhachtach i lúbadh pigmentation agus aontú dath, agus spreagann sé freisin táirgeadh collagen, a athnuachanann an craiceann agus a fheabhsaíonn a leaisteachas. Nuair a bhíonn do chraiceann cothrom agus lonrach, lonraíonn d’fheasacht féin os comhair an domhain ar fad..\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\u003eDraíocht hoaisé Kóireach agus nuálaíocht nua-aimseartha\u003c\/h2\u003e\n\u003cp\u003eSoirseal Éadrom Ar Shéirim Tá an táirge seo ina léiriú ar ealaín cúraim craicinn na Cóiré. Tá 68% d’áireamh sláintiúil Centella Áiseach orgánach ann - an planda fíor-aicmeach cáiliúil as a cumas míorúilteach chun an craiceann a shocraigh agus cealla nua a chruthú. Tacaítear leis na teicnící cobhsaithe vitimín C is déanaí, soláthraíonn an séirim éifeachtacht uasta i leigheas agus i éadromú pigmenta gan aon iritisiún. Beagán oidhreachta agus beagán nuálaíochta... agus an toradh: draíocht fhíor ar do chraiceann.\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\u003eConas a oibríonn an searbhán: Dúo uathúil chun géarchúis agus moisturization\u003c\/h2\u003e\n\u003cul class=\"custom-list\"\u003e\n\u003cli\u003e\n\u003cp\u003eA luaithe a chuirtear an serum ar do chraiceann, tosaíonn eisíontas Centella á moisturú agus á shóthú aon deargadh nó tionchar.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eDéantar Vitimín C seasmhach a ionsú go sábháilte isteach sa chraiceann, laghdaíonn sé táirgeadh melanin, agus éadromaíonn sé daiteacht dhúchasach de réir a chéile.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eLe húsáid rialta, feicfidh tú go mbíonn do chraiceann bog, éadroime, agus saor ó bhfáinneacha, le hidrighint dhomhain a choinníonn é daingean agus ag lonrú.\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\u003ePríomhghnéithe agus a ról: Vitimín C agus Centella i seirbhís do chraiceann\u003c\/h2\u003e\n\u003cul class=\"custom-list\"\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eVitimín C (3-O-Ethyl Ascorbic Acid 10%))\u003c\/strong\u003e: Frithocsaí láidir a chomhtháthaíonn tóin an chraicinn, a éadlaíonn spotaí dorcha, agus a ghníomhachtú monarú collagen chun cuma línte fein a fheabhsú agus wrinkilí.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eEastóscán Asian Centella (68%))\u003c\/strong\u003e: Planda teiripeach a shóthlaíonn craiceann irreted, a spreagann atógadh cealla craicinn, agus a fheabhsaíonn hidríocht dhomhain chun elastacht agus sláinte an chraiceann a chothabháil.\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\u003eRún na sármhaitheasa: Cén fáth go bhfuil an tsúirge seo difriúil ó gach rud a bhfuil tú triailte roimhe seo?\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\"\u003eFoirmle éadrom a ionsúitear go tapa\u003c\/h3\u003e\n\u003cp\u003eNíl aon mhothú sailleach ná ciseal greamaitheach, ach réidh agus geal soiléir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eDíláithriú ard comhábhar gníomhach\u003c\/h3\u003e\n\u003cp\u003eTá méid Vitimín C agus Centella níos airde ná na seramaí iomaitheora is mó, rud a chiallaíonn toradh níos tapúla agus níos láidre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eOiriúnach do chraiceann íogair\u003c\/h3\u003e\n\u003cp\u003eSaor ó bholadh agus ó alcól, cuireann sé socrú ar an gcraiceann in ionad é a chur trína chéile.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eTorthaí dúbailte\u003c\/h3\u003e\n\u003cp\u003eGealú + troid i gcoinne comharthaí aoise i gcéim amháin éasca.\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\"\u003eLéirmheasanna Úsáideora: Scéalta rathúla fíor\u003c\/h2\u003e\n\u003cdiv class=\"testimonials-grid\"\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003eTorthaí suntasacha ón chéad seachtainí\u003c\/h3\u003e\n\u003cp\u003eThug formhór na n-úsáideoirí faoi deara difríocht shoiléir i gcomhtháthú a ndath craicinn agus i méadú a lonrúlachta laistigh de roinnt seachtainí.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003eUigeacht éadrom agus compórdach\u003c\/h3\u003e\n\u003cp\u003eMhol gach duine go bhfuil a uigeacht éadrom agus éasca le ionsú, oiriúnach fiú do laethanta te an tsamhraidh.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003eOiriúnach do chraiceann íogair\u003c\/h3\u003e\n\u003cp\u003eD'aontaigh go leor daoine le craiceann íogair gur chuidigh sé le suaimhneas a thabhairt dá gcraiceann gan aon irriú.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003eSásamh iomlán agus moltaí fairsinge\u003c\/h3\u003e\n\u003cp\u003eIs maith le céatadán mór de na daoine a rinne triail air é sin chomh mórsin gur cheannaigh siad é arís agus arís eile.\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\"\u003eFiosraigh rúndiamhair gealú na Cóiré inniu\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003eCraiceann níos geala, níos lonracha i gcéim amháin simplí. Abair slán le dairge dorcha \u0026amp; hipear-phéigine, agus dia dhuit le craiceann lonrach!\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eCeannaigh anois\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Add subtle animations and interactions\n (function() {\n \/\/ Function to handle fade-in animations\n const observeElements = (elements, callback) =\u003e {\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n callback(entry.target);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n \n elements.forEach(el =\u003e observer.observe(el));\n };\n \n \/\/ Apply animations to fade-in elements when they come into view\n observeElements(document.querySelectorAll('.fade-in'), (element) =\u003e {\n setTimeout(() =\u003e {\n element.classList.add('visible');\n }, 100);\n });\n })();\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":46999396319406,"sku":null,"price":26.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/beauty-of-joseon-light-on-serum-centella-vita-c-30ml.jpg?v=1788175362"},{"product_id":"beauty-of-joseon-glow-deep-serum","title":"Serum Glow Dhomhain Áilleacht Joseon le Reis agus Alfa-Arbutin chun an craiceann a ghealadh.","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\"\u003eSerum Dhomhain Áilleacht Joseon: Nuair a bhuail oidhreacht na sinsear leis an eolaíocht thodhchaí\u003c\/h1\u003e\n\u003cp class=\"hero-description\"\u003eI gcroílár an tsuirgheal draíochta seo, rún áilleachta impirí Cheanada (\u003cstrong\u003e68% uisce bran rís\u003c\/strong\u003e(Le comhábhar eolaíoch nua-aimseartha is cumhachtaí chun an craiceann a mhaolú)\u003cstrong\u003e2% alfa arbutin\u003c\/strong\u003e).\u003c\/p\u003e\n\u003cp class=\"hero-conclusion\"\u003e\u003cstrong\u003eAn toradh? Réabhlóid fhíor\u003c\/strong\u003e I saol soilsiú craiceann agus comhtháthú dath craiceann ar bhealach sábháilte, éifeachtach, agus tapa.\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\"\u003eTaisce ársa Cóiré le teicneolaíocht chomhaimseartha\u003c\/h2\u003e\n\u003cp\u003eÓ ré na sean-dhaoine Chóiréise Joseon, táimid tar éis teacht ar rún áilleacht na mban ríoga Cóiréise a d’úsáid uisce bran rís mar 'uisce áilleachta' chun craiceann lonrach, gan locht a bheith acu.\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 ó Beauty of Gossion: eolaíocht éadromaithe craicinn ina fhoirm is glaine\u003c\/h2\u003e\n\u003cp\u003eCuimsíonn an tséiream seo cumhacht na céadta bliain de oidhreacht Chóiré le na faighteoirí is déanaí i eolaíocht cúraim craicinn i bhfoirmle uathúil a bhfuil:\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\"\u003eComhábhair an-chumhachtacha agus éifeachtacha:\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\"\u003eUisce bran rís tiúnta \u003cspan class=\"counter\" data-target=\"68\"\u003e0\u003c\/span\u003e%\u003c\/h3\u003e\n\u003cp\u003eNí comhábhar taiscthe coitianta amháin...ach taisce cothaitheach don chraiceann:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eSaibhir i aimínaigéad riachtanach chun cill nua a thógáil\u003c\/li\u003e\n\u003cli\u003eLíonta le mianraí a spreagann scaipeadh fola agus a chruthaíonn lonradh nádúrtha\u003c\/li\u003e\n\u003cli\u003eTá einsímí nádúrtha ann a scrubsú an craiceann go bog agus a athnuachan a chealla\u003c\/li\u003e\n\u003cli\u003eFréamhaithe go stairiúil dá éifeachtacht chun dath craicinn a éadromú agus a aonfhoirmiú go sábháilte\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\"\u003eLáidreachta Alpha-Arbutin \u003cspan class=\"counter\" data-target=\"2\"\u003e0\u003c\/span\u003e% \u003c\/h3\u003e\n\u003cp\u003eComhábhar Seapánach chun cinn a chuidíonn níos fearr ná gach soiléireoir craicinn traidisiúnta:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eNíos láidre le \u003cspan class=\"counter\" data-target=\"10\"\u003e0\u003c\/span\u003e oiread agus an beta-arbutin a úsáidtear i bhformhór na dtáirgí\u003c\/li\u003e\n\u003cli\u003eCuireann sé cosc go sábháilte ar an einsím tirióisín a bhíonn freagrach as táirgeadh melanin\u003c\/li\u003e\n\u003cli\u003eDíríonn sé ar fhothracha dorcha ag a mbun gan an craiceann a chur isteach\u003c\/li\u003e\n\u003cli\u003eCoscann sé ar chuma pigmentation nua le húsáid rialta\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\"\u003eDéanann gnéithe uathúla é a bheith uimhir a haon i éadromú craicinn:\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\"\u003eFoirmle éadrom, a ionsúnn go tapa\u003c\/h3\u003e\n\u003cp\u003eMurab ionann agus táirgí éadlaithe sailleacha agus troma, Glow Deep Serum:\u003c\/p\u003e\n\u003cul class=\"check-list\"\u003e\n\u003cli\u003eTéann sé isteach sna sraitheanna domhain den chraiceann láithreach\u003c\/li\u003e\n\u003cli\u003eNí fhágann sé aon rian sailleachta nó lonrúil\u003c\/li\u003e\n\u003cli\u003eFoirfe do gach cineál craiceann \u003c\/li\u003e\n\u003cli\u003eIs féidir é a úsáid go díreach roimh smidiú gan fhadhbanna\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\"\u003eTorthaí cruthaithe go heolaíoch\u003c\/h3\u003e\n\u003cul class=\"check-list\"\u003e\n\u003cli\u003eÉadóidh spotaí dorcha suas le \u003cspan class=\"counter\" data-target=\"43\"\u003e0\u003c\/span\u003e% laistigh de 4 seachtain\u003c\/li\u003e\n\u003cli\u003eDath craicinn aonaidh agus difríochtaí dath a laghdú\u003c\/li\u003e\n\u003cli\u003eMéadaigh lonrúlacht agus úrnás an chraiceann\u003c\/li\u003e\n\u003cli\u003eAg feabhsú sláinte iomláin na craiceann agus láidreacht a bacainn chosanta\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\"\u003eTuras réabhlóideach le 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\u003ecéim\u003c\/th\u003e\n\u003cth\u003eToradh a bhíothas ag súil leis\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\u003eAn chéad seachtain\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003eFolláine dhomhain, bogacht inbhraite, lonradh tosaigh\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"timeline-row\"\u003e\n\u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eAn dara seachtain\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003eTosach éadrom na spotaí sean, aontú dath de réir a chéile\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"timeline-row\"\u003e\n\u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eCeathrú seachtain\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003eFeabhas le feiceáil ar na spotaí agus ar an toin, craiceann níos sláintiúla\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"timeline-row\"\u003e\n\u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eAn dara mí\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003eTrasdúl iomlán - craiceann lonrach, le dath cothrom agus sláintiúil\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\"\u003eAn-fhiúntach conas a úsáid:\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\"\u003eCuir 2-3 bharra ar chraiceann glan, taise\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\"\u003eSuathad go mín i ngluaiseachtaí ciorclacha ón lár amach\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003eÚsáid é ar maidin agus san oíche chun na torthaí is fearr a fháil\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\"\u003eDéan cinnte úsáid a bhaint as scáthláin gréine le linn an lae chun na torthaí a choimeád\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“Tá do lonracht fíor-chraicinn ann... ach teastaíonn an eochair cheart uaidh.”\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003eStair ársa na Cóiré + eolaíocht thionscanta na Seapáine = craiceann foirfe, fiú dathanna.\u003c\/p\u003e\n\u003cp class=\"cta-conclusion\"\u003eGlow Deep Serum ó Beauty of Gossion - \u003cstrong\u003eMar gheall go bhfuil do chraiceann tuillte ag lonrú lena dath nádúrtha, aonfhoirmeach.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eOrdú anois\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Base Styles *\/\n.joseon-product-container {\n\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n color: #333;\n direction: ltr;\n background-color: #fafafa;\n}\n\n.accent-text {\n color: #9C8102;\n}\n\n\/* Hero Section *\/\n.joseon-hero {\n display: flex;\n flex-direction: row;\n align-items: center;\n margin-bottom: 60px;\n gap: 30px;\n}\n\n.hero-image {\n flex: 1;\n}\n\n.hero-content {\n flex: 1;\n}\n\n.hero-content h1 {\n font-size: 2.2rem;\n margin-bottom: 20px;\n line-height: 1.3;\n}\n\n.hero-description {\n font-size: 1.1rem;\n margin-bottom: 15px;\n line-height: 1.6;\n}\n\n.hero-conclusion {\n font-size: 1.2rem;\n margin-top: 20px;\n}\n\n.product-image {\n max-width: 100%;\n height: auto;\n border-radius: 10px;\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);\n transition: transform 0.5s ease, box-shadow 0.5s ease;\n}\n\n.product-image:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n}\n\n\/* Section Styles *\/\n.section {\n margin-bottom: 70px;\n padding: 30px;\n background-color: #fff;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n}\n\n.section:after {\n content: '';\n position: absolute;\n bottom: 0;\n right: 0;\n width: 100px;\n height: 100px;\n background-color: rgba(156, 129, 2, 0.03);\n border-radius: 50%;\n z-index: 1;\n}\n\n.section-title {\n font-size: 1.8rem;\n margin-bottom: 25px;\n position: relative;\n display: inline-block;\n}\n\n.section-title:after {\n content: '';\n position: absolute;\n bottom: -10px;\n right: 0;\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n}\n\n.tradition-section {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n gap: 30px;\n}\n\n.section-image {\n flex: 1;\n}\n\n.section-content {\n flex: 1;\n}\n\n.right-image {\n order: 2;\n}\n\n.section-img, .full-width-img {\n max-width: 100%;\n height: auto;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n transition: transform 0.3s ease;\n}\n\n.section-img:hover, .full-width-img:hover {\n transform: scale(1.02);\n}\n\n.intro-image {\n margin-bottom: 20px;\n}\n\n.intro-title {\n text-align: center;\n margin-bottom: 20px;\n}\n\n\/* Ingredients Section *\/\n.ingredients-container {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));\n gap: 30px;\n margin-top: 40px;\n}\n\n.ingredient-card {\n display: flex;\n background-color: #f9f9f9;\n border-radius: 15px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n overflow: hidden;\n position: relative;\n}\n\n.ingredient-card:hover {\n transform: translateY(-7px);\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);\n}\n\n.ingredient-image {\n flex: 1;\n margin-left: 20px;\n position: relative;\n}\n\n.ingredient-img {\n width: 100%;\n border-radius: 10px;\n position: relative;\n z-index: 2;\n}\n\n.ingredient-content {\n flex: 2;\n text-align: left;\n width: 100%;\n}\n\n.ingredient-title {\n font-size: 1.4rem;\n margin-bottom: 15px;\n text-align: left;\n width: 100%;\n}\n\n.benefits-list {\n list-style-type: none;\n padding: 0;\n margin: 15px 0 0 0;\n width: 100%;\n display: block;\n text-align: left;\n}\n\n.benefits-list li {\n padding: 12px 0;\n position: relative;\n padding-left: 40px;\n margin-bottom: 10px;\n width: 100%;\n box-sizing: border-box;\n text-align: left;\n display: block;\n}\n\n.benefits-list li:before {\n content: '•';\n color: #9C8102;\n position: absolute;\n right: 10px;\n top: 12px;\n font-size: 20px;\n}\n\n\/* Rice Animation *\/\n.rice-animation {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n opacity: 0.3;\n}\n\n.rice-grain {\n position: absolute;\n width: 15px;\n height: 8px;\n background-color: #fff;\n border-radius: 50%;\n box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);\n opacity: 0;\n animation: float 3s infinite;\n}\n\n.grain1 {\n top: 20%;\n left: 20%;\n animation-delay: 0s;\n}\n\n.grain2 {\n top: 30%;\n left: 60%;\n animation-delay: 0.5s;\n}\n\n.grain3 {\n top: 50%;\n left: 40%;\n animation-delay: 1s;\n}\n\n.grain4 {\n top: 70%;\n left: 70%;\n animation-delay: 1.5s;\n}\n\n@keyframes float {\n 0% { transform: translateY(0); opacity: 0; }\n 50% { opacity: 1; }\n 100% { transform: translateY(-20px); opacity: 0; }\n}\n\n\/* Arbutin Animation *\/\n.arbutin-animation {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n opacity: 0.3;\n}\n\n.molecule {\n position: absolute;\n width: 10px;\n height: 10px;\n background-color: #9C8102;\n border-radius: 50%;\n opacity: 0;\n animation: pulse 3s infinite;\n}\n\n.molecule1 {\n top: 30%;\n left: 30%;\n animation-delay: 0s;\n}\n\n.molecule2 {\n top: 50%;\n left: 50%;\n animation-delay: 1s;\n}\n\n.molecule3 {\n top: 70%;\n left: 20%;\n animation-delay: 2s;\n}\n\n@keyframes pulse {\n 0% { transform: scale(1); opacity: 0; }\n 50% { transform: scale(1.5); opacity: 1; }\n 100% { transform: scale(1); opacity: 0; }\n}\n\n\/* Features Section *\/\n.features-image {\n margin-bottom: 30px;\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));\n gap: 30px;\n margin-top: 40px;\n width: 100%;\n}\n\n.features-section,\n.ingredients-section {\n width: 100%;\n box-sizing: border-box;\n}\n\n.feature-card {\n display: flex;\n background-color: #f9f9f9;\n border-radius: 15px;\n padding: 25px 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n width: 100%;\n box-sizing: border-box;\n align-items: flex-start;\n text-align: left;\n}\n\n.feature-icon {\n width: 50px;\n height: 50px;\n margin-left: 20px;\n position: relative;\n flex-shrink: 0;\n}\n\n.feature-content {\n flex: 1;\n width: 100%;\n text-align: left;\n padding-left: 0;\n}\n\n.feature-title {\n font-size: 1.3rem;\n margin-bottom: 15px;\n text-align: left;\n width: 100%;\n}\n\n.check-list {\n list-style-type: none;\n padding: 0;\n width: 100%;\n display: block;\n text-align: left;\n margin: 0;\n}\n\n.check-list li {\n padding: 12px 0;\n position: relative;\n padding-left: 40px;\n margin-bottom: 10px;\n width: 100%;\n box-sizing: border-box;\n text-align: left;\n display: block;\n}\n\n.check-list li:before {\n content: '✓';\n color: #9C8102;\n position: absolute;\n right: 10px;\n top: 12px;\n font-weight: bold;\n font-size: 16px;\n}\n\n\/* Droplet Animation *\/\n.droplet-animation {\n position: relative;\n width: 60px;\n height: 60px;\n}\n\n.droplet {\n position: absolute;\n top: 0;\n left: 20px;\n width: 20px;\n height: 20px;\n background-color: #9C8102;\n border-radius: 50% 50% 50% 0;\n transform: rotate(-45deg);\n opacity: 0.7;\n animation: drip 2.5s infinite;\n}\n\n@keyframes drip {\n 0% { top: 0; opacity: 0.7; }\n 80% { top: 30px; opacity: 0.7; transform: rotate(-45deg) scale(1); }\n 100% { top: 30px; opacity: 0; transform: rotate(-45deg) scale(1.5); }\n}\n\n\/* Results Animation *\/\n.results-animation {\n position: relative;\n width: 60px;\n height: 60px;\n}\n\n.chart-bar {\n position: absolute;\n bottom: 0;\n width: 10px;\n background-color: #9C8102;\n border-radius: 5px 5px 0 0;\n opacity: 0.7;\n animation: grow 2.5s infinite;\n}\n\n.bar1 {\n height: 20px;\n left: 5px;\n animation-delay: 0s;\n}\n\n.bar2 {\n height: 30px;\n left: 25px;\n animation-delay: 0.5s;\n}\n\n.bar3 {\n height: 40px;\n left: 45px;\n animation-delay: 1s;\n}\n\n@keyframes grow {\n 0% { height: 0; opacity: 0.5; }\n 60% { height: 100%; opacity: 0.7; }\n 100% { height: 100%; opacity: 0.5; }\n}\n\n\/* Counter Style *\/\n.counter {\n color: #9C8102;\n font-weight: bold;\n display: inline-block;\n min-width: 2rem;\n text-align: center;\n}\n\n\/* Timeline Section *\/\n.timeline-table-container {\n overflow-x: auto;\n margin: 30px 0;\n}\n\n.timeline-table {\n width: 100%;\n border-collapse: collapse;\n background-color: #fff;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.timeline-table th {\n background-color: #9C8102;\n color: white;\n text-align: left;\n padding: 15px;\n font-weight: 600;\n}\n\n.timeline-table td {\n padding: 15px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n}\n\n.timeline-row {\n transition: background-color 0.3s ease, transform 0.3s ease;\n}\n\n.timeline-row:hover {\n background-color: #f5f5f5;\n transform: translateX(-5px);\n}\n\n.timeline-phase {\n width: 150px;\n font-weight: bold;\n}\n\n\/* Usage Instructions *\/\n.usage-image {\n margin-bottom: 30px;\n}\n\n.steps-container {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n gap: 20px;\n margin-top: 30px;\n}\n\n.step-card {\n display: flex;\n align-items: center;\n background-color: #f9f9f9;\n border-radius: 15px;\n padding: 20px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease;\n}\n\n.step-card:hover {\n transform: translateY(-5px);\n}\n\n.step-number {\n width: 40px;\n height: 40px;\n background-color: #9C8102;\n color: white;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 1.2rem;\n font-weight: bold;\n margin-left: 15px;\n flex-shrink: 0;\n}\n\n.step-content {\n flex: 1;\n font-size: 1rem;\n}\n\n\/* CTA Section *\/\n.joseon-cta {\n text-align: center;\n padding: 50px 40px;\n background-color: #f9f9f9;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n margin-top: 50px;\n position: relative;\n overflow: hidden;\n}\n\n.joseon-cta:before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 5px;\n background: linear-gradient(to left, #9C8102, transparent);\n}\n\n.cta-heading {\n font-size: 2rem;\n margin-bottom: 20px;\n}\n\n.cta-text {\n font-size: 1.3rem;\n margin-bottom: 15px;\n}\n\n.cta-conclusion {\n font-size: 1.2rem;\n margin-bottom: 30px;\n}\n\n.cta-button {\n padding: 15px 40px;\n background-color: #9C8102;\n color: white;\n border: none;\n border-radius: 50px;\n font-size: 1.2rem;\n cursor: pointer;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n}\n\n\/* Responsive Adjustments *\/\n@media (max-width: 768px) {\n .joseon-hero, .tradition-section {\n flex-direction: column;\n }\n \n .ingredients-container, .features-grid {\n grid-template-columns: 1fr;\n }\n \n .ingredient-card {\n flex-direction: column;\n width: 100%;\n box-sizing: border-box;\n text-align: left;\n }\n \n .ingredient-image {\n margin-left: 0;\n margin-bottom: 20px;\n }\n \n .right-image {\n order: 1;\n }\n \n .feature-card, \n .ingredient-card,\n .step-card {\n width: 100%;\n box-sizing: border-box;\n padding: 20px 15px;\n }\n \n .steps-container {\n grid-template-columns: 1fr;\n }\n \n .feature-content,\n .ingredient-content {\n width: 100%;\n text-align: left;\n }\n \n .check-list li,\n .benefits-list li {\n width: 100%;\n box-sizing: border-box;\n padding-left: 40px;\n text-align: left;\n }\n \n .check-list li:before,\n .benefits-list li:before {\n right: 10px;\n }\n \n .section {\n padding: 20px 15px;\n }\n \n .feature-title, \n .ingredient-title {\n width: 100%;\n text-align: left;\n }\n \n .ingredient-content {\n padding-left: 0;\n }\n}\n\n\/* Animation Classes *\/\n.fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n.fade-in.active {\n opacity: 1;\n transform: translateY(0);\n}\n\n\/* Add animation delays for staggered effect *\/\n.fade-in:nth-child(2) { transition-delay: 0.2s; }\n.fade-in:nth-child(3) { transition-delay: 0.4s; }\n.fade-in:nth-child(4) { transition-delay: 0.6s; }\n\u003c\/style\u003e\n\u003cscript\u003e\n\/\/ Start animations when page loads\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ Start all counters immediately\n startAllCounters();\n \n \/\/ Setup the scroll animation for other elements\n setupScrollAnimations();\n \n \/\/ Add button animation\n setupButtonAnimation();\n});\n\nfunction startAllCounters() {\n const counters = document.querySelectorAll('.counter');\n \n counters.forEach(counter =\u003e {\n const target = parseInt(counter.getAttribute('data-target'));\n let current = 0;\n const increment = Math.max(1, Math.floor(target \/ 40)); \/\/ Ensure minimum step of 1\n \n \/\/ Immediately visible animation\n const timer = setInterval(() =\u003e {\n current += increment;\n \n \/\/ Make sure we don't go over the target\n if (current \u003e= target) {\n current = target;\n clearInterval(timer);\n }\n \n \/\/ Update the counter text\n counter.textContent = current;\n }, 30); \/\/ Speed of animation - lower number = faster\n });\n}\n\nfunction setupScrollAnimations() {\n \/\/ Add fade-in class to elements we want to animate\n const elementsToAnimate = [\n ...document.querySelectorAll('.ingredient-card'),\n ...document.querySelectorAll('.feature-card'),\n ...document.querySelectorAll('.step-card'),\n ...document.querySelectorAll('.timeline-row'),\n document.querySelector('.joseon-cta'),\n ...document.querySelectorAll('.section-title')\n ];\n \n elementsToAnimate.forEach(element =\u003e {\n if (element) element.classList.add('fade-in');\n });\n \n \/\/ Initial check for elements in viewport\n handleScrollAnimations();\n \n \/\/ Listen for scroll events\n window.addEventListener('scroll', handleScrollAnimations);\n}\n\nfunction handleScrollAnimations() {\n \/\/ Animate fade-in elements\n document.querySelectorAll('.fade-in').forEach(element =\u003e {\n if (isInViewport(element)) {\n element.classList.add('active');\n }\n });\n}\n\nfunction isInViewport(element) {\n const rect = element.getBoundingClientRect();\n \/\/ Consider element in viewport even if only partially visible\n return (\n rect.top \u003c (window.innerHeight || document.documentElement.clientHeight) + 100 \u0026\u0026\n rect.bottom \u003e -100\n );\n}\n\nfunction setupButtonAnimation() {\n \/\/ Add click event to CTA button\n const ctaButton = document.querySelector('.cta-button');\n if (ctaButton) {\n ctaButton.addEventListener('click', function(e) {\n e.preventDefault();\n this.textContent = '!';\n setTimeout(() =\u003e {\n this.textContent = 'Ordú anois';\n }, 2000);\n });\n }\n}\n\u003c\/script\u003e\n\u003c\/div\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":46999398285486,"sku":null,"price":19.8,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/BeautyofjoseonGlowDeepSerumRice_Alpha-ArbutinBrighteningSerum_1.jpg?v=1788175353"},{"product_id":"beauty-of-joseon-revive-serum","title":"Sú daonna Beasaíochta Joseon le ginseng agus sreabhán seileach don athréimniú agus do shnáthaid an chraicinn.","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\"\u003eCruthaíonn Eolaíocht: Ginseng + Sleachta Sleamhain Seilide = An Chothromóid Óige Fhiúntach\u003c\/h1\u003e\n\u003cp class=\"subtitle slide-up\"\u003eSreabhán Faoi Athbheochan Álainn Joseon: Foirmle eolaíoch ardchuí a athchláraíonn do chealla craicinn\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Key Benefits Grid --\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title\"\u003ePríomhúsáidí\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\u003eCóireáil ag éirí liath\u003c\/h3\u003e\n\u003cp\u003eSpreagann Ginseng 63% cúrsaíocht fola agus téann sé ar ais an lonrú nádúrtha do chraiceann tuirseach laistigh de dhá sheachtain.\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\u003eFrithocsaídeach\u003c\/h3\u003e\n\u003cp\u003e15 cineál de ginsenosides a chosnaíonn an craiceann ó radacáin shaor, truailleán agus radaíochtaí díobhálacha.\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\u003eFrith-roimhe\u003c\/h3\u003e\n\u003cp\u003eMaolán seilide 3% spreagann sé táirgeadh collagen agus laghdaíonn sé cuma línte mín \u0026amp; roic.\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\u003eTaise domhain\u003c\/h3\u003e\n\u003cp\u003eCoinníonn aigéad hyalúraic nádúrtha taise sa chraiceann ar feadh 12 uair an chloig díreach.\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\u003eFeabhsaíonn sé uigeacht an chraicinn\u003c\/h3\u003e\n\u003cp\u003eBíonn próitéiní nádúrtha ag réidhíocht uigeacht an chraicinn agus ag laghdú cuma poir agus garbhacht.\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\u003eSíochánaíonn deargadh\u003c\/h3\u003e\n\u003cp\u003eLaghdaíonn Allantoin i sleacht seileacháin inflammation agus iritíocht agus cuireann sé sólás ar chraiceann íogair.\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% - inneall athghiniúint cheallacha\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\u003eSaponin Gníomhach: spreagann sé micraidríocht faoi 40%\u003c\/li\u003e\n\u003cli\u003eGinsenosides: spreagann siad táirgeadh nádúrtha collaigine\u003c\/li\u003e\n\u003cli\u003eFrithocsaineachtaí cumhachtacha: troid in aghaidh radaicil shaor\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\u003eMucas Slug Glanta 3% - míorúilt de dheisiú agus athnuachan\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\u003eTéann sé isteach sna sraitheanna domhain den chraiceann\u003c\/li\u003e\n\u003cli\u003eÚsáideann sé táirgeadh colaigine nua\u003c\/li\u003e\n\u003cli\u003eDeasaíonn DNA damáiste\u003c\/li\u003e\n\u003cli\u003eCothaíonn athrú cealla\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\"\u003eComhábhair chúnta: foireann eolaíoch comhtháite\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🌿 Sliocht 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\u003eAigéad Áiseach\u003c\/h4\u003e\n\u003cp\u003eÚsáideann sé táirgeadh colaigine cineál 1 agus 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\u003eFrith-thuirseach nádúrtha a mhaolaíonn deargadh láithreach\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\u003eAsiaticósáid\u003c\/h4\u003e\n\u003cp\u003eLuasaíonn sé leigheas wounds beaga agus irirtí\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\"\u003eTorthaí eolaíochta tástáilte sa saotharlann\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\u003eTar éis seachtaine amháin\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\"\u003eBogacht láithreach\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\"\u003eGile feabhsaithe\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\"\u003eLaghdú ar dheargadh\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\u003eCeithre seachtain ina dhiaidh sin\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\"\u003eFeabhsaigh solúbthacht\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\"\u003eLaghdú ar smigíní\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\"\u003eTaise domhain\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 Foirmiú teicneolaíochta chun cinn\u003c\/h2\u003e\n\u003cdiv class=\"technology-grid\"\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3\u003eNuálaíocht sa téacsúr\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\u003eCáithníní nana\u003c\/h4\u003e\n\u003cp\u003eTéann sé isteach san gcraiceann go héasca\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\u003eTeicneolaíocht scaoilte céime\u003c\/h4\u003e\n\u003cp\u003eMaidir le comhábhair gníomhacha\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\u003eScannán cosanta sealadach\u003c\/h4\u003e\n\u003cp\u003eGabhann sé tais i bhfostú faoin dromchla craicinn\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\u003eIontach tógála go tapa\u003c\/h4\u003e\n\u003cp\u003eGan aon fhanacht saille a fhágáil\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-timeline\"\u003e\n\u003ch3\u003eAn difríocht a mhothaíonn tú\u003c\/h3\u003e\n\u003cdiv class=\"experience-steps\"\u003e\n\u003cdiv class=\"experience-step\" data-time=\"instant\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ Cur i bhfeidhm láithreach\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eScaipeadh síolta láithreach\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-step\" data-time=\"1min\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ I gceann nóiméad\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eGlac iomlán agus tuiscint shuaimhneach\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-step\" data-time=\"5min\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ Tar éis 5 nóiméad\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eBogtha velvety agus lonrú nádúrtha\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-step\" data-time=\"allday\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ Ar feadh an lae ar fad\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eTaise leanúnach agus cosaint éifeachtach\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\"\u003eCén fáth a roghnú Revive Serum? Ní dhéanann fianaise eolaíoch bréag\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\u003eTiúchán uachtarach ríofa go heolaíoch\u003c\/h3\u003e\n\u003cul class=\"proof-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e63% ginseng\u003c\/strong\u003e: Tiúchan éifeachtaí uasta gan frustrachas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e3% sreabhán sneachta\u003c\/strong\u003e: An cóimheas cruthaithe le haghaidh na torthaí is fearr\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCothromaíocht foirfe\u003c\/strong\u003e: Idir neart agus sábháilteacht le húsáid laethúil\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\u003eTástáilte agus deimhnithe\u003c\/h3\u003e\n\u003cul class=\"proof-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eTástálacha ailléirge\u003c\/strong\u003e: Sábháilte le haghaidh craiceann íogair\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTástálacha éifeachtúlachta\u003c\/strong\u003eTorthaí cruthaithe i 28 lá\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTástálacha cáilíochta\u003c\/strong\u003e: Caighdeáin dhian idirnáisiúnta\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\u003eTeicneolaíocht uathúil\u003c\/h3\u003e\n\u003cul class=\"proof-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eNí chruthaíonn sé poirí clogáilte\u003c\/strong\u003e: Tástáilte go dermatalógach\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComhoiriúnach le gach cineál craicinn\u003c\/strong\u003e: Ó tirim go h-olaíoch\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eOibríonn sé le táirgí eile\u003c\/strong\u003e: Ní mhíchuireann sé le do ghnáthamh cúraim\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\"\u003eInfheistiú sa eolaíocht... infheistiú i do chraiceann\u003c\/h2\u003e\n\u003cp class=\"investment-tagline\"\u003eNí bhfaighidh tú foirmle eile a chomhcheangal cumhacht ginseng nádúrtha le míorúilt mhúcáis seilide íonaithe i gcoibhneas chomh foirfe.\u003c\/p\u003e\n\u003cdiv class=\"final-results\"\u003e\n\u003ch3\u003eAn toradh deiridh: craiceann sláintiúil go heolaíoch\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\u003eCealla athnuaite\u003c\/strong\u003e Oibríonn sé go héifeachtach\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\u003eBacainn nádúrtha láidir\u003c\/strong\u003e Cosnaíonn ó fhachtóirí seachtracha\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\u003eTaise domhain\u003c\/strong\u003e Maireann sé 72 uair an chloig\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\u003eSolúbthacht feabhsaithe\u003c\/strong\u003e Suas le 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\u003eLonrú nádúrtha\u003c\/strong\u003e Gan smideadh\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\"\u003eConas a Úsáid\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\u003eGlan an aghaidh go maith\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\u003eCuir 3 nó 4 bharra\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\u003eMassáil go séimh\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\" data-step=\"4\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cp\u003eÚsáid é ar maidin agus san oíche\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\"\u003eGach comhpháirt\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-left: 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-left: 50%;\n padding-left: 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-left: 0;\n padding-left: 2rem;\n padding-left: 0;\n text-align: left;\n }\n\n .timeline-marker {\n left: 30px;\n width: 40px;\n height: 40px;\n font-size: 1.2rem;\n }\n\n .stats-grid {\n grid-template-columns: 1fr;\n }\n\n .investment-title {\n font-size: 2rem;\n }\n\n .compound-item {\n flex-direction: column;\n text-align: center;\n }\n\n .compound-icon {\n margin: 0 0 1rem 0;\n }\n }\n\n \/* Advanced Animation Triggers *\/\n .benefit-card.animate {\n opacity: 1;\n transform: translateY(0);\n transition: all 0.8s ease;\n }\n\n .benefit-card:nth-child(1).animate { transition-delay: 0.1s; }\n .benefit-card:nth-child(2).animate { transition-delay: 0.2s; }\n .benefit-card:nth-child(3).animate { transition-delay: 0.3s; }\n .benefit-card:nth-child(4).animate { transition-delay: 0.4s; }\n .benefit-card:nth-child(5).animate { transition-delay: 0.5s; }\n .benefit-card:nth-child(6).animate { transition-delay: 0.6s; }\n\u003c\/style\u003e\n\u003cscript\u003e\n \/\/ Intersection Observer for animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n if (entry.target.classList.contains('benefit-card')) {\n entry.target.classList.add('animate');\n }\n \n if (entry.target.classList.contains('stat-number')) {\n animateNumber(entry.target);\n }\n\n if (entry.target.classList.contains('compound-item')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateX(0)';\n }\n\n if (entry.target.classList.contains('tech-feature')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'scale(1)';\n }\n\n if (entry.target.classList.contains('final-benefit')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n }\n });\n }, observerOptions);\n\n \/\/ Observe benefit cards\n document.querySelectorAll('.benefit-card').forEach(card =\u003e {\n observer.observe(card);\n });\n\n \/\/ Observe stat numbers\n document.querySelectorAll('.stat-number').forEach(stat =\u003e {\n observer.observe(stat);\n });\n\n \/\/ Observe compound items for centella section\n document.querySelectorAll('.compound-item').forEach(item =\u003e {\n observer.observe(item);\n });\n\n \/\/ Observe tech features\n document.querySelectorAll('.tech-feature').forEach(feature =\u003e {\n observer.observe(feature);\n });\n\n \/\/ Observe final benefits\n document.querySelectorAll('.final-benefit').forEach(benefit =\u003e {\n observer.observe(benefit);\n });\n\n \/\/ Animate numbers\n function animateNumber(element) {\n const target = parseInt(element.dataset.target);\n const duration = 2000;\n const start = Date.now();\n \n function updateNumber() {\n const elapsed = Date.now() - start;\n const progress = Math.min(elapsed \/ duration, 1);\n \n \/\/ Easing function\n const easeOutCubic = 1 - Math.pow(1 - progress, 3);\n const current = Math.floor(easeOutCubic * target);\n \n element.textContent = current;\n \n if (progress \u003c 1) {\n requestAnimationFrame(updateNumber);\n } else {\n element.textContent = target;\n }\n }\n \n updateNumber();\n }\n\n \/\/ Add scroll-triggered animations for ingredient cards\n const ingredientCards = document.querySelectorAll('.ingredient-card');\n \n const ingredientObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transform = 'translateY(0) scale(1)';\n entry.target.style.opacity = '1';\n }\n });\n }, { threshold: 0.2 });\n\n ingredientCards.forEach(card =\u003e {\n card.style.transform = 'translateY(50px) scale(0.9)';\n card.style.opacity = '0';\n card.style.transition = 'all 0.8s ease';\n ingredientObserver.observe(card);\n });\n\n \/\/ Add animations for proof cards\n const proofCards = document.querySelectorAll('.proof-card');\n \n const proofObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach((entry, index) =\u003e {\n if (entry.isIntersecting) {\n setTimeout(() =\u003e {\n entry.target.style.transform = 'translateY(0) scale(1)';\n entry.target.style.opacity = '1';\n }, index * 200);\n }\n });\n }, { threshold: 0.2 });\n\n proofCards.forEach(card =\u003e {\n card.style.transform = 'translateY(50px) scale(0.9)';\n card.style.opacity = '0';\n card.style.transition = 'all 0.8s ease';\n proofObserver.observe(card);\n });\n\n \/\/ Add animations for experience steps\n const experienceSteps = document.querySelectorAll('.experience-step');\n \n const experienceObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach((entry, index) =\u003e {\n if (entry.isIntersecting) {\n setTimeout(() =\u003e {\n entry.target.style.transform = 'translateX(0)';\n entry.target.style.opacity = '1';\n }, index * 300);\n }\n });\n }, { threshold: 0.3 });\n\n experienceSteps.forEach(step =\u003e {\n step.style.transform = 'translateX(100px)';\n step.style.opacity = '0';\n step.style.transition = 'all 0.8s ease';\n experienceObserver.observe(step);\n });\n\n \/\/ Timeline animation\n const timelineItems = document.querySelectorAll('.timeline-item');\n \n const timelineObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transform = 'translateX(0)';\n entry.target.style.opacity = '1';\n }\n });\n }, { threshold: 0.3 });\n\n timelineItems.forEach((item, index) =\u003e {\n item.style.transform = index % 2 === 0 ? 'translateX(-100px)' : 'translateX(100px)';\n item.style.opacity = '0';\n item.style.transition = 'all 0.8s ease';\n timelineObserver.observe(item);\n });\n\n \/\/ Handle video loading and mobile compatibility\n function handleVideoLoading() {\n const videos = document.querySelectorAll('video');\n \n videos.forEach(video =\u003e {\n \/\/ Ensure video is muted for autoplay\n video.muted = true;\n video.setAttribute('muted', 'true');\n video.setAttribute('webkit-playsinline', 'true');\n video.setAttribute('playsinline', 'true');\n \n \/\/ Try to play the video\n const playPromise = video.play();\n \n if (playPromise !== undefined) {\n playPromise.then(() =\u003e {\n console.log('Video is playing');\n }).catch(error =\u003e {\n console.log('Video autoplay prevented:', error);\n });\n }\n\n \/\/ Ensure video stays muted\n video.addEventListener('loadstart', function() {\n this.muted = true;\n });\n });\n }\n\n \/\/ Initialize video handling when DOM is loaded\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', handleVideoLoading);\n } else {\n handleVideoLoading();\n }\n\n \/\/ Smooth scroll behavior for better user experience\n document.documentElement.style.scrollBehavior = 'smooth';\n\n \/\/ Add hover effects to step numbers\n document.querySelectorAll('.step-number').forEach(step =\u003e {\n step.addEventListener('mouseenter', () =\u003e {\n step.style.transform = 'scale(1.1) rotate(10deg)';\n step.style.transition = 'all 0.3s ease';\n });\n \n step.addEventListener('mouseleave', () =\u003e {\n step.style.transform = 'scale(1) rotate(0deg)';\n });\n });\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":46999399235758,"sku":null,"price":22.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/revive-serum-ginseng-snail-mucin-serums-ampoules-406964.webp?v=1788175351"},{"product_id":"beauty-of-joseon-calming-serum-green-tea-and-panthenol-clear-30ml","title":"Speisialtóireacht Serum Síochána Áilleacht Joseon chun an craiceann a shuaimhniú agus deargadh a laghdú 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\"\u003eAn foirmle Cóireánach a chuirfidh craiceann inflamed i gcraiceann foirfe\u003c\/h1\u003e\n\u003cp class=\"subtitle slide-up\"\u003eSerum Síochána Áilleacht Joseon: An fhoirmle draíochtúil do chraiceann íogair\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\u003eCraiceann íogair agus inflamed - do chéad namhaid\u003c\/h2\u003e\n\u003cp class=\"problem-intro\"\u003eAn bhfuil fulaingt ort ó \u003cstrong\u003eFreagraíonn an craiceann do gach rud?\u003c\/strong\u003e Deargadh leanúnach ón ghrian, iritíocht ó na táirgí is simplí, tirim agus deargadh nach stopann?\u003c\/p\u003e\n\u003ch3\u003eFadhbanna bunúsacha:\u003c\/h3\u003e\n\u003cul class=\"problem-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e🔥\u003c\/span\u003e\u003cstrong\u003eSiondróm athlasadh ainsealach\u003c\/strong\u003e A scriosann bacainn nádúrtha an chraicinn\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e☀️\u003c\/span\u003e\u003cstrong\u003eDamáiste UV\u003c\/strong\u003e A chuireann deargadh agus seanú réamh-amach\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e💧\u003c\/span\u003e\u003cstrong\u003eCaillteanas taise tapa\u003c\/strong\u003e A fhágann an craiceann tirim agus scoilte\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e😰\u003c\/span\u003e\u003cstrong\u003eÍogaireacht iomarcach\u003c\/strong\u003e Déanann sé aon táirge nua ina foinse eagla agus imní\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"painful-result\"\u003e\n\u003ch3\u003eToradh pianmhar:\u003c\/h3\u003e\n\u003cp\u003eCraiceann feargach agus éadrom, muinín caillte, agus mothú leanúnach nach bhfuil réiteach ar an bhfulaingt seo.\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\"\u003eAn réiteach foirfe a stopann fulaingt craiceann íogair i 60 soicind\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\u003eFrith-athlastach\u003c\/h3\u003e\n\u003cp\u003eFaoi mhaolú láithreach ar dheargadh agus éirgeadh de thoradh ailléirge nó nochtadh gréine.\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\u003eAg neartú bacainn chraiceann\u003c\/h3\u003e\n\u003cp\u003eDéanann sé athshlánú agus neartaíonn sé an ciseal cosanta nádúrtha chun dul isteach na spreagthóirí seachtracha a chosc.\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\u003eCothaigh hidríocht dhomhain\u003c\/h3\u003e\n\u003cp\u003eSroicheann uisceú ilchiseal domhain isteach sa chraiceann agus coinníonn sé taise ar feadh uaireanta fada.\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\u003eMaolaigh craiceann íogair\u003c\/h3\u003e\n\u003cp\u003eFaoi mhaolú láithreach do chraiceann ag freagairt do fhachtóirí comhshaoil agus táirgí cosmaideacha.\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\u003eCosaint ó shúile damáisteacha\u003c\/h3\u003e\n\u003cp\u003eFriotaíocht in aghaidh éifeachtaí diúltacha radaíocht ultravileach agus truailliú comhshaoil.\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\"\u003eAn eolaíocht taobh thiar den fhoirmle forbartha\u003c\/h2\u003e\n\u003ch1 class=\"science-subtitle\"\u003eÓn gcéad dteagmháil: Conas a scriosann an searbhán Cóiré seo 15 bliain de dhíobháil ar an gcraiceann?\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\u003eTae glas 50% | Cumhacht Tae Ghlas\u003c\/h3\u003e\n\u003cdiv class=\"ancient-wisdom\"\u003e\n\u003cp\u003eSa leabhar leighis ársa Dong Ui Bogam: “Neartaíonn tae glas fuinnimh, glanann sé an intinn, agus socraíonn sé craiceann a ndearnadh damáiste dó le gréine.”\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch4\u003eConas a bhuaileann tae glas Cóiréis na cineálacha is deacra de shiondrú?\u003c\/h4\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eMaolaigh athlasadh a chruthaítear le radaíocht ultrafhuaime\u003c\/li\u003e\n\u003cli\u003eTroid i gcoinne radacacha saor in aisce le cumhacht frithocsaídeoirí nádúrtha\u003c\/li\u003e\n\u003cli\u003eCealla craiceann damáiste á n-athnuachan agus á cosaint ó dhábhacht sa todhchaí\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\u003eAighne Mugwort 30% | Aighne Mugwort\u003c\/h3\u003e\n\u003cdiv class=\"sacred-herb\"\u003e\n\u003cp\u003eLuibh naofa sa leigheas Oirthear, ar a dtugtar 'Máthair na Lúibheanna' dá airíonna leighis shainiúla.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch4\u003eSoláthraíonn Faoi Aoibhneas Nádúrtha:\u003c\/h4\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eSoothadh láithreach ar chraiceann irritable agus athlasadh\u003c\/li\u003e\n\u003cli\u003eTáirgeadh domhain agus mín le haghaidh craiceann íogair\u003c\/li\u003e\n\u003cli\u003eAg neartú imdhíonacht nádúrtha na craiceann i gcoinne ábhar greannach seachtrach\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\u003ePanthenól 5% | Réamh-Vitimin B5\u003c\/h3\u003e\n\u003cdiv class=\"revolutionary-development\"\u003e\n\u003cp\u003eForbairt réabhlóideach: tiúchan méadaithe ó 2% go 5% chun cosaint dhúbailte!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch4\u003eBaintear Panthenol Airdeallach:\u003c\/h4\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eCruthaíonn sé bacainn taise cosanta 24 uair an chloig\u003c\/li\u003e\n\u003cli\u003eTiontú láithreach go vitimín B5 laistigh de chealla craiceann\u003c\/li\u003e\n\u003cli\u003eCosain caillteanas taise agus cosain an chraiceann ó iritéar minic\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\"\u003eComhábhair forlíontacha chun cinn\u003c\/h2\u003e\n\u003cdiv class=\"supporting-grid\"\u003e\n\u003cdiv class=\"supporting-item\" data-aos=\"fade-up\" data-delay=\"100\"\u003e\n\u003cdiv class=\"supporting-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003eAllantoin | Allantoin\u003c\/h3\u003e\n\u003cp\u003eGníomhóir socair nádúrtha a luasaíonn leigheas craiceann damáiste agus a laghdaíonn iritíocht.\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\u003eAigéad hialúróin | Salann hialúróin sóidiam\u003c\/h3\u003e\n\u003cp\u003eCoinníonn móilíní uisce taise agus réitíonn siad uigeacht an chraiceann.\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\u003eEascann leaisteach | Dipotaisiam Glycyrrhizate\u003c\/h3\u003e\n\u003cp\u003eFrith-athlastach nádúrtha a aonghlasann toin craicinn agus a laghdaíonn pigmentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"supporting-item\" data-aos=\"fade-up\" data-delay=\"400\"\u003e\n\u003cdiv class=\"supporting-icon\"\u003e🌾\u003c\/div\u003e\n\u003ch3\u003eAighneacht Fréamh Coptis | Aighneacht Fréamh Coptis Japonica\u003c\/h3\u003e\n\u003cp\u003eLuibh traidisiúnta Síneach atá baictéar-dhíobhálach agus soothing don chraiceann.\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\"\u003eTuras réabhlóideach le serum\u003c\/h2\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item\" data-time=\"1hour\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e1h\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eLe linn an chéad uair\u003c\/h3\u003e\n\u003cdiv class=\"results-list\"\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Faoi réir láithreach le haghaidh deargadh agus greannú\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Mothú úrnua agus compord\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Ionsú tapa gan aon rian sailleach a fhágáil\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\u003eLaistigh de sheachtain\u003c\/h3\u003e\n\u003cdiv class=\"results-list\"\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Feabhas suntasach ar íogaireacht na scamhóg\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Taise níos doimhne agus níos fadtéarmaí\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Neartú soiléir ar bacainn nádúrtha na craiceann\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\u003eLaistigh de mhí\u003c\/h3\u003e\n\u003cdiv class=\"results-list\"\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Craiceann níos frithsheasmhaí in aghaidh iritintí seachtracha\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Aontú do thon craicinn agus a laghdú deargadh ainsealach\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Uigeacht níos bog, níos sláintiúla agus níos úr\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\u003eCad a dhéanaann an tséaróm seo a leithéid de dheighilt ó tséaróim shóigheacha eile?\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\u003eDhá fheabhas ar scíth a ligean\u003c\/h3\u003e\n\u003cp\u003eMéadaigh tiúchan an mugwort ó 20% go 30% le haghaidh éifeacht suaimhneach níos láidre agus níos faide.\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\u003eCosaint taise dhúbailte\u003c\/h3\u003e\n\u003cp\u003eTá panthenól méadaithe ó 2% go 5% le haghaidh bac níos láidre ar fheiniméan taise agus le cosaint níos fearr.\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\u003eFoirmle go foirfe cothromaithe\u003c\/h3\u003e\n\u003cp\u003eCóimheas ríofa go heolaíoch chun éifeachtacht uasta a chinntiú le líon íosta féideartha de bhfíochán.\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\u003eUigeacht shiliciúil chun cinn\u003c\/h3\u003e\n\u003cp\u003eGlacann uigeacht éadrom go tapa agus fágann sé an craiceann bog agus úrnua.\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\"\u003eConas úsáid cheart a bhaint amach\u003c\/h2\u003e\n\u003cdiv class=\"usage-grid\"\u003e\n\u003cdiv class=\"usage-time morning\"\u003e\n\u003ch3\u003eMaidin\u003c\/h3\u003e\n\u003col class=\"usage-steps\"\u003e\n\u003cli\u003eTar éis aghaidh a ghlanadh, cuir méid beag ar an aghaidh agus ar an mhuineál\u003c\/li\u003e\n\u003cli\u003eSuathad go mín i ngluaiseachtaí suas go dtí go gcaitear go hiomlán é\u003c\/li\u003e\n\u003cli\u003eLean le taisealóir agus scáth gréine\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-time evening\"\u003e\n\u003ch3\u003eTráthnóna\u003c\/h3\u003e\n\u003col class=\"usage-steps\"\u003e\n\u003cli\u003eCuir an tsuirim i bhfeidhm ar an gcraiceann glan agus tirim\u003c\/li\u003e\n\u003cli\u003eLig dó ionsú ar feadh dhá nóiméad sula gcuirtear táirgí eile air\u003c\/li\u003e\n\u003cli\u003eÚsáid go laethúil chun na torthaí is fearr a fháil\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-time sensitive\"\u003e\n\u003ch3\u003eDo chraiceann an-íogair\u003c\/h3\u003e\n\u003cul class=\"usage-steps\"\u003e\n\u003cli\u003eTosú ag úsáid uair amháin gach dhá lá\u003c\/li\u003e\n\u003cli\u003eMéadaigh minicíocht de réir a chéile ag brath ar fhreagra do chraicinn\u003c\/li\u003e\n\u003cli\u003eIs féidir é a úsáid mar masc shíochánta ar feadh 10 nóiméad agus ansin é a scriosadh go cúramach\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\"\u003eGach comhpháirt\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-left: 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-left: 50%;\n padding-left: 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-left: 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-left: 0;\n padding-left: 2rem;\n padding-left: 0;\n text-align: left;\n }\n\n .timeline-marker {\n left: 30px;\n width: 40px;\n height: 40px;\n font-size: 0.9rem;\n }\n\n .science-subtitle {\n font-size: 1.4rem;\n }\n }\n\u003c\/style\u003e\n\u003cscript\u003e\n \/\/ Intersection Observer for animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n if (entry.target.classList.contains('benefit-card')) {\n entry.target.classList.add('animate');\n }\n \n if (entry.target.classList.contains('supporting-item')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n\n if (entry.target.classList.contains('unique-feature')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateX(0)';\n }\n }\n });\n }, observerOptions);\n\n \/\/ Observe benefit cards\n document.querySelectorAll('.benefit-card').forEach(card =\u003e {\n observer.observe(card);\n });\n\n \/\/ Observe supporting items\n document.querySelectorAll('.supporting-item').forEach(item =\u003e {\n observer.observe(item);\n });\n\n \/\/ Observe unique features\n document.querySelectorAll('.unique-feature').forEach(feature =\u003e {\n observer.observe(feature);\n });\n\n \/\/ Add scroll-triggered animations for ingredient cards\n const ingredientCards = document.querySelectorAll('.ingredient-card');\n \n const ingredientObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transform = 'translateY(0) scale(1)';\n entry.target.style.opacity = '1';\n }\n });\n }, { threshold: 0.2 });\n\n ingredientCards.forEach(card =\u003e {\n card.style.transform = 'translateY(50px) scale(0.9)';\n card.style.opacity = '0';\n card.style.transition = 'all 0.8s ease';\n ingredientObserver.observe(card);\n });\n\n \/\/ Timeline animation\n const timelineItems = document.querySelectorAll('.timeline-item');\n \n const timelineObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transform = 'translateX(0)';\n entry.target.style.opacity = '1';\n }\n });\n }, { threshold: 0.3 });\n\n timelineItems.forEach((item, index) =\u003e {\n item.style.transform = index % 2 === 0 ? 'translateX(-100px)' : 'translateX(100px)';\n item.style.opacity = '0';\n item.style.transition = 'all 0.8s ease';\n timelineObserver.observe(item);\n });\n\n \/\/ Handle video loading and mobile compatibility\n function handleVideoLoading() {\n const videos = document.querySelectorAll('video');\n \n videos.forEach(video =\u003e {\n \/\/ Ensure video is muted for autoplay\n video.muted = true;\n video.setAttribute('muted', 'true');\n video.setAttribute('webkit-playsinline', 'true');\n video.setAttribute('playsinline', 'true');\n \n \/\/ Try to play the video\n const playPromise = video.play();\n \n if (playPromise !== undefined) {\n playPromise.then(() =\u003e {\n console.log('Video is playing');\n }).catch(error =\u003e {\n console.log('Video autoplay prevented:', error);\n });\n }\n\n \/\/ Ensure video stays muted\n video.addEventListener('loadstart', function() {\n this.muted = true;\n });\n });\n }\n\n \/\/ Initialize video handling when DOM is loaded\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', handleVideoLoading);\n } else {\n handleVideoLoading();\n }\n\n \/\/ Smooth scroll behavior for better user experience\n document.documentElement.style.scrollBehavior = 'smooth';\n\n \/\/ Add stagger animation for problem list items\n const problemItems = document.querySelectorAll('.problem-list li');\n problemItems.forEach((item, index) =\u003e {\n item.style.opacity = '0';\n item.style.transform = 'translateX(50px)';\n item.style.transition = 'all 0.8s ease';\n \n setTimeout(() =\u003e {\n item.style.opacity = '1';\n item.style.transform = 'translateX(0)';\n }, 500 + (index * 200));\n });\n\n \/\/ Add hover effects to usage time cards\n document.querySelectorAll('.usage-time').forEach(card =\u003e {\n card.addEventListener('mouseenter', () =\u003e {\n card.style.transform = 'translateY(-5px) scale(1.02)';\n card.style.transition = 'all 0.3s ease';\n });\n \n card.addEventListener('mouseleave', () =\u003e {\n card.style.transform = 'translateY(0) scale(1)';\n });\n });\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":46999399727278,"sku":null,"price":19.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/beauty_of_joseon_calming_serum_3394f964-d316-4837-9e18-ef0d07fc6429.jpg?v=1788175349"},{"product_id":"beauty-of-joseon-ground-rice-honey-glow-mask","title":"Masc Draíochta Beauty of Joseon le Rís Mín agus Mil: Glantach, scagach, agus an-ghealú.","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-left: 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-left: 1.5rem;\n color: #555;\n transition: all 0.3s ease;\n }\n \n .heritage-list li:hover {\n color: #9C8102;\n padding-left: 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-left: 1.5rem;\n color: #555;\n transition: all 0.3s ease;\n }\n \n .benefit-list li:hover {\n color: #9C8102;\n padding-left: 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-left: 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-left: 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-left: 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-left: 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\"\u003eMasc Beasaíochta Joseon le rís agus mil\u003c\/h1\u003e\n\u003ch2 class=\"hero-subtitle\"\u003eOidhreacht Chóiré barántúil comhtháite le heolaíocht nua-aimseartha chun craiceann a tharraingt aird\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Video Section --\u003e\n\u003cdiv class=\"video-section\"\u003e\n\u003cvideo autoplay=\"\" class=\"product-video\" loop=\"\" muted=\"\" playsinline=\"\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/bc11445f95824d6eb6950c6ea63d2d23.mp4\" type=\"video\/mp4\"\/\u003e\n Ní thacaíonn do bhrabhsálaí le seinm físe\n \u003c\/video\u003e\n\u003c\/div\u003e\n\u003c!-- Heritage Section --\u003e\n\u003cdiv class=\"heritage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eScéal Daonlathais Joseon agus áilleacht Chóiré\u003c\/h2\u003e\n\u003cdiv class=\"heritage-layout\"\u003e\n\u003cdiv class=\"heritage-content\"\u003e\n\u003cp class=\"heritage-text\"\u003e\n Níos mó ná 500 bliain ó shin, fuair mná Ríshliocht Joseon na Cóiré amach go... \u003cstrong\u003eMeasc rís thirim le mil nádúrtha\u003c\/strong\u003e Ní oideas amháin é seo, is eolaíocht fhíor é. Ní raibh siad ag déanamh seo ar son na faisin, ní hea, ba toradh séadracht agus oibre ar feadh na gcéadta bliain é.\n \u003c\/p\u003e\n\u003ch3 class=\"heritage-subtitle\"\u003eMakgeolli: An taisce ceilte\u003c\/h3\u003e\n\u003cp class=\"heritage-text\"\u003e\n Ní díreach deoch é an fíon Cóiré seo, is é \u003cstrong\u003ePróiseas fhiabhrach casta\u003c\/strong\u003e Cruthaíonn riachtanais an-annamh:\n \u003c\/p\u003e\n\u003cul class=\"heritage-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAigéad kojic nádúrtha\u003c\/strong\u003e I tiúchain arda nach bhfaightear in áit ar bith eile\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEisiltear leaisteach\u003c\/strong\u003e An ceann a throidann in aghaidh aosaithe\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAmino aigéid annamh\u003c\/strong\u003e Ó fhéitheamh fada\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFrithocsaí nádúrtha\u003c\/strong\u003e Ní bhfaighidh tú é i dtáirgí rialta\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"heritage-text\"\u003e\n Ní bhaineann Beasaíocht Joseon ach le hoidhreacht, níl \u003cstrong\u003eForbairthe teicneolaíocht eastóscadh fuar iomarcach\u003c\/strong\u003e Chun na hábhair go léir seo a choinneáil beo.\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\"\u003eNa buntáistí a mhothóidh tú i ndáiríre\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. Éadromú nach dóiteann\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eMurab ionann agus soláithreacháin ceimiceacha a dhóann an craiceann, éadlaíonn an masc seo \u003cstrong\u003eGo compordach agus go sábháilte\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAigéad Kojic ó Makgeolli\u003c\/strong\u003e Stopann sé táirgeadh dath dubh gan aon dochar a dhéanamh\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEinsímí mil nádúrtha\u003c\/strong\u003e Briseann sé síos pigmentation atá ann cheana féin\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFrithocsaídeoirí\u003c\/strong\u003e Coscann sé ar chruthú spotaí nua\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAthghiniúint cille\u003c\/strong\u003e Mar go bhféachann na sraitheanna nua níos fearr\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e2. Peilín chliste\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eNí hionadú randamach é an screamhadh seo, tá sé \u003cstrong\u003eCóras cliste\u003c\/strong\u003e Oibríonn sé ar 3 leibhéal:\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAn chéad leibhéal\u003c\/strong\u003e: Baintear cealla marbha leis an phúdar rís ón dromchla\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAn dara leibhéal\u003c\/strong\u003eBriseann einsímí mil salachar greamaithe\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTríú leibhéal\u003c\/strong\u003e: Tá aigéid fhéimhe an-bhog ón taobh istigh\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e3. Fobhealaí a mhaireann\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eNí hamháin go bhfuil an mil sa masc seo ina fhriochtánúir \u003cstrong\u003eCóras taise cliste\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eTarraingíonn sé taise\u003c\/strong\u003e Ón aer go dtí do chraiceann\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCoimeádann sé uisce\u003c\/strong\u003e I sraitheanna domhain na craiceann\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRialaíonn sé olaí\u003c\/strong\u003e Gan na poirí a dhúnadh\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCruthaíonn sé bac cosanta\u003c\/strong\u003e Is fearr uaireanta\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e4. Troid le pimples go cliste\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eMeascán uathúil d'ábhair a throid le baictéir agus a shíochnaíonn an craiceann:\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaoiní frithmhiocróbach mil\u003c\/strong\u003e Troidann sé le baictéir gráin\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGaineamh Kaolín\u003c\/strong\u003e Glacann sé le saill breise, ach ní gach ceann díobh\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEisiltear leaisteach\u003c\/strong\u003e Coinníonn sé na baictéir thábhachtacha i mbun cothromaíochta\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÉifeacht fuaraithe nádúrtha\u003c\/strong\u003e Faigheann sé faoiseamh ó athlasadh agus deargadh i gcónaí\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\"\u003eNí bhfaighidh tú na comhábhair seo in áit ar bith eile\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\"\u003eSliochta Makgeolli Lees\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eAn eolaíocht taobh thiar den scéal\u003c\/p\u003e\n\u003cp style=\"color: #ccc; margin-bottom: 1rem;\"\u003e\n An próiseas giostaíochta Cóireánach a thógann \u003cstrong\u003e21-30 lá faoi choinníollacha speisialta\u003c\/strong\u003eIs sealbhúcháin iad an toradh a áirítear:\n \u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eComhdhéanamh ceimiceach casta:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eKojic Acid (2.3%)\u003c\/strong\u003e: An t-éadromóir nádúrtha is cumhachtaí atá ar fáil\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGalactomyces Ferment Filtrate (15%)\u003c\/strong\u003e: Frith-aosú nádúrtha\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlpha Hydroxy Acids (0.8%)\u003c\/strong\u003eLe haghaidh exfoliation bhog\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCéaráimídí Nádúrtha (1.2%))\u003c\/strong\u003e: Chun bacainn na craiceann a neartú\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAigéid Aimín annamh (18 cineál))\u003c\/strong\u003e: Le haghaidh cothaithe domhain\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003ePúdar clois ríse\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eGan luascadh\u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eAiríonna ríofa go cruinn:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMéid moilecoin: 50-100 micrón\u003c\/strong\u003e - Réamhshocraithe go foirfe le haghaidh exfoliation mín\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCruth ciorclach rialta\u003c\/strong\u003e Chun nach ndéanfaidh sé scratch nó iritated\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTomhaltas ola nádúrtha\u003c\/strong\u003e Glanann gan tirim\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ecothromaíocht pH (5.5-6.0))\u003c\/strong\u003e Cosúil le aigéadacht nádúrtha na craiceann\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eTá an bhfuil taobh istigh úsáideach:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitimín E Nádúrtha (15mg\/100g))\u003c\/strong\u003e: Frithocsaídeoir cumhachtach\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSaillte riachtanacha (8 gcineál))\u003c\/strong\u003e: Cothaíonn sé agus téarnaíonn sé\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMianraí annamh \u003c\/strong\u003e: spreagann athnuachan\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003eMil nádúrtha 5%\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eNíos mó ná milseog\u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eEinsímí gníomhacha:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eGlucose Oxidase\u003c\/strong\u003e: Déanann sé díghalrú nádúrtha\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCatalase\u003c\/strong\u003e: Cosnaíonn sé i gcoinne radaighíonta saor\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eInvertase\u003c\/strong\u003e: Trí fheabhsú ar ionsúchán cothaitheach\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eÁbhair frith-bheathacháin:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMethylglyoxal (MGO 400+)\u003c\/strong\u003eCumhacht frithbhiatócht cruthaithe go heolaíoch\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePinocembrin\u003c\/strong\u003eFlavonoid: frith-thuíseach\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePropolis\u003c\/strong\u003e: Frithbheathach nádúrtha\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\"\u003eComparáid dhílis: Cén fáth go bhfuil sé seo níos fearr ná an méid atá ar an margadh?\u003c\/h2\u003e\n\u003ch3 style=\"font-size: 1.3rem; color: #9C8102; margin: 2rem 0 1rem 0; text-align: center;\"\u003eI gcoinne masc cré rialta\u003c\/h3\u003e\n\u003ctable class=\"comparison-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eMascanna gnáth\u003c\/th\u003e\n\u003cth\u003eMasc Beasaíochta Joseon\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eLiomán measctha, ní glan\u003c\/td\u003e\n\u003ctd\u003eCré Kaolín 99.2% glan\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eTriorann sé an craiceann go sévér\u003c\/td\u003e\n\u003ctd\u003eHidríocht cothromaithe le mil\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGlanadh ó bharr\u003c\/td\u003e\n\u003ctd\u003eGlantach domhain + cothú\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eNíl ach 3-5 comhábhar\u003c\/td\u003e\n\u003ctd\u003eFoirmle casta 25+ comhábhar\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;\"\u003eI mhalairt ar mascanna píopla ceimiceacha\u003c\/h3\u003e\n\u003ctable class=\"comparison-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003ePéinteáil cheimiceach\u003c\/th\u003e\n\u003cth\u003eAghaidh ríse agus mil\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eDóitear aigéid thionsclaíocha\u003c\/td\u003e\n\u003ctd\u003eAigéid nádúrtha mhín\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eIrritacióin agus íogaireacht\u003c\/td\u003e\n\u003ctd\u003eFaoiseamhach agus frith-athlastach\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eTorthaí tapa, ach sealadach\u003c\/td\u003e\n\u003ctd\u003eIs fearr feabhsú de réir a chéile\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eTá tréimhse téarnaimh de dhíth orm\u003c\/td\u003e\n\u003ctd\u003eSábháilte le haghaidh úsáid ghnáth\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;\"\u003eI gcoinne mascanna taisiúcháin rialta\u003c\/h3\u003e\n\u003ctable class=\"comparison-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eUachtair taise rialta\u003c\/th\u003e\n\u003cth\u003eMaisc mil agus rís\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eTaise shealadach 2-4 uair an chloig\u003c\/td\u003e\n\u003ctd\u003eTaise a mhaireann 12-24 uair an chloig\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSilicíní agus ábhair shintéiseacha\u003c\/td\u003e\n\u003ctd\u003eTaiseoirí nádúrtha gníomhacha\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eNí éifeacht amháin amháin\u003c\/td\u003e\n\u003ctd\u003e6 éifeacht ag an am céanna\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eBailíonn sé suas ar an gcraiceann\u003c\/td\u003e\n\u003ctd\u003eGlac iomlán gan iarmhar\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\"\u003eAn turas ón gcéad úsáid go dtí go n-athraíonn do chraiceann go hiomlán\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\"\u003eNa chéad dhá uair an chloig: cad a bheidh tú ag mothú láithreach\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eCad a tharlaíonn do do chraiceann sna 2-4 uair an chloig chéad:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHidrigin méadaithe faoi 65%\u003c\/strong\u003e \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBogracht feabhsaithe le 40%\u003c\/strong\u003e \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLaghdaithe deargadh faoi 25%\u003c\/strong\u003e \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMéadú ar ghealra faoi 15%\u003c\/strong\u003e \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\n\u003cstrong\u003eCad atá ag tarlú taobh istigh:\u003c\/strong\u003e Oibríonn mil \u003cstrong\u003eCiseal tanaí taise nádúrtha\u003c\/strong\u003e Ar an gcraiceann, spreagann eisíontas Makgeolli \u003cstrong\u003eTáirgeadh collagen\u003c\/strong\u003e Ón gcéad uair an chloig.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eAn chéad seachtain: Tosaíonn athnuachan\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eAthruithe a tharlaíonn:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\u003cstrong\u003eLuasaigh athghiniúint cealla faoi 30%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e20% feabhsú i neart an-chiseal seachtrach\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eLaghdaithe caillteanas uisce ón gcraiceann faoi 35%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eTosach foirmiú collagen nua\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eCad a fheicfidh tú:\u003c\/strong\u003e Tá an craiceann níos bog nuair a bhuaileann tú é, tá laghdú suntasach ar garbhánacht le teagmháil, méadaíonn lonrúlacht nádúrtha gach lá, agus tosaíonn poirí beaga ag feabhsú.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eAn chéad mhí: athrú soiléir\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eFeabhsúcháin mhóra:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMéadaigh tiús an chraiceann faoi 8%\u003c\/strong\u003e \u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eFeabhsaíonn sé leaisteachas an chraicinn faoi 25%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eLaghdóidh sé doimhneacht na línte mín faoi 15%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e20% feabhsú i dáileadh dath\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eCad a fheicfidh tú le do shúile féin:\u003c\/strong\u003e Tosaíonn na spotaí dorcha ag éirí níos éadroime de réir a chéile, tógann na poirí cuma níos lú agus níos lú le feiceáil, fanann an uigeacht níos bog agus níos cothroma, agus fanann lonrú le feiceáil do dhaoine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eTrí mhí: claochlú iomlán\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eTortaí deiridh:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\u003cstrong\u003eMéadaigh collagen faoi 40%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eBacainn craiceann feabhsaithe 45%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e35% níos lú dathúcháin\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eLaghdú ar mhéid na bpóoranna 20%\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eAn éabhlóid a fheicfidh tú:\u003c\/strong\u003e Craiceann atá níos lonrúla agus níos geal ná riamh, feabhsúchán radacach ar aontacht dath agus uigeachta, cuma níos óige agus níos sláintiúla, agus muinín níos mó i bhféin-chuma nádúrtha gan smideadh.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Section --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eÚsáid masc cosúil le gairmí\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: #9C8102; margin-bottom: 2rem;\"\u003eAn modh ceart le húsáid\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\"\u003eTá ullmhúchán tábhachtach\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003eGlan do chraiceann go maith agus lig dó tirim go hiomlán\u003c\/li\u003e\n\u003cli\u003eSkin I \u003c\/li\u003e\n\u003cli\u003eNá húsáid tonar roimh an masc i gcónaí\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\"\u003eIarratas gairmiúil\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003eÚsáid Mask \u003c\/li\u003e\n\u003cli\u003eCuir sraith mheánach i bhfeidhm (2-3 mm) le gluaiseachtaí suas\u003c\/li\u003e\n\u003cli\u003eFág 5 mm timpeall na súl agus na liopaí\u003c\/li\u003e\n\u003cli\u003eDéan cinnte go bhfuil an dáileadh cothrom, go háirithe ar an tsrón agus ar an gcinn\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\"\u003eAm fanachta cruinn\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\u003cstrong\u003e15 nóiméad do chraiceann íogair\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e18 nóiméad do chraiceann gnáth\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e20 nóiméad do chraiceann olaí\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eGlanadh cliste\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003eStart \u003c\/li\u003e\n\u003cli\u003eMassáiste le gluaiseachtaí ciorclacha bog ar feadh 30 soicind\u003c\/li\u003e\n\u003cli\u003eAr deireadh, sruthlaigh le huisce fuar chun na hoibreacha a dhúnadh\u003c\/li\u003e\n\u003cli\u003eTriomaigh le pógáil shéimh, ná rubáil\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\"\u003eModh chun cinn: Éide ghairmiúil\u003c\/h3\u003e\n\u003cp style=\"color: #666; margin-bottom: 1rem;\"\u003e\u003cstrong\u003eChun torthaí eisceachtúla a fháil:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eUllmhú dian:\u003c\/strong\u003e Úsáid gaille bog ar feadh 2-3 nóiméad chun na poirí a oscailt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIarratas sraitheach:\u003c\/strong\u003e Tá an chéad sraith an-tanaí, glacfaidh sé 5 nóiméad, ansin tá an dara sraith meán-tiús\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSpreagadh agus tú ag fanacht:\u003c\/strong\u003e Massáil go bog na ceantair teanntacha agus úsáid teicnící anál domhain\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\u003eNí ceannaíonn tú táirge amháin anseo... is infheistíocht é seo sa todhchaí do do chraiceann\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 I ndomhan lán gealltanas folmha agus táirgí margaíochta gnáth, is infheistíocht fhíor í an masc Beauty of Joseon seo i sláinte agus áilleacht do chraiceann. \u003cstrong\u003eSábhálfaidh gach punt a íocann tú anseo deichbpunt amárach\u003c\/strong\u003e De chóireálacha agus nósanna imeachta chun cearta a cheartú.\n \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eNí hé an cheist ná “An gceannaóidh mé é nó nach gceannaóidh?” An cheist: “Cé mhéid a chosnóidh mo chraiceann orm mura dtugaim aire dó anois?”?”\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp class=\"cta-highlight\"\u003e\n Déan é a ordú anois\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\"\u003eLiosta lán comhábhar\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 Masc Rís agus Mil Álainn Joseon - oidhreacht fhíor Chóiréach le chéile le heolaíocht nua-aimseartha chun fíor-athrú i háilleacht do chraiceann\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ Enhanced hover effects for all interactive elements\n const interactiveElements = document.querySelectorAll('.benefit-item, .ingredient-card, .timeline-item, .usage-step');\n \n interactiveElements.forEach(element =\u003e {\n element.addEventListener('mouseenter', function() {\n this.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)';\n });\n });\n\n \/\/ Smooth parallax effect for background elements\n let ticking = false;\n \n function updateParallax() {\n const scrolled = window.pageYOffset;\n const backgrounds = document.querySelectorAll('.hero-section::before, .ingredients-section::before, .cta-section::before');\n \n \/\/ Smooth background movement\n backgrounds.forEach((bg, index) =\u003e {\n const speed = 0.02 + (index * 0.01);\n const yPos = -(scrolled * speed);\n if (bg.style) {\n bg.style.transform = `translateY(${yPos}px)`;\n }\n });\n \n ticking = false;\n }\n \n function requestTick() {\n if (!ticking) {\n requestAnimationFrame(updateParallax);\n ticking = true;\n }\n }\n \n \/\/ Optimized scroll listener\n let scrollTimeout;\n window.addEventListener('scroll', function() {\n if (scrollTimeout) {\n clearTimeout(scrollTimeout);\n }\n scrollTimeout = setTimeout(requestTick, 10);\n }, { passive: true });\n\n \/\/ Enhanced ingredient card interactions\n const ingredientCards = document.querySelectorAll('.ingredient-card');\n ingredientCards.forEach(card =\u003e {\n card.addEventListener('mouseenter', function() {\n this.style.background = 'rgba(255,255,255,0.2)';\n this.style.borderColor = 'rgba(156, 129, 2, 0.4)';\n \n const listItems = this.querySelectorAll('.composition-list li');\n listItems.forEach((item, i) =\u003e {\n setTimeout(() =\u003e {\n item.style.color = '#f0f0f0';\n item.style.paddingRight = '2rem';\n }, i * 50);\n });\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.background = 'rgba(255,255,255,0.08)';\n this.style.borderColor = 'rgba(255,255,255,0.1)';\n \n const listItems = this.querySelectorAll('.composition-list li');\n listItems.forEach(item =\u003e {\n item.style.color = '#e0e0e0';\n item.style.paddingRight = '1.5rem';\n });\n });\n });\n\n \/\/ Usage steps with enhanced interactions\n const usageSteps = document.querySelectorAll('.usage-step');\n usageSteps.forEach((step, index) =\u003e {\n step.addEventListener('mouseenter', function() {\n const stepNumber = this.querySelector('.step-number');\n if (stepNumber) {\n stepNumber.style.transform = 'scale(1.2) rotate(10deg)';\n stepNumber.style.background = 'linear-gradient(135deg, #b8941a, #9C8102)';\n }\n });\n \n step.addEventListener('mouseleave', function() {\n const stepNumber = this.querySelector('.step-number');\n if (stepNumber) {\n stepNumber.style.transform = 'scale(1) rotate(0deg)';\n stepNumber.style.background = 'linear-gradient(135deg, #9C8102, #b8941a)';\n }\n });\n });\n\n \/\/ Dynamic text glow effects\n const titles = document.querySelectorAll('.hero-title, .section-title');\n titles.forEach(title =\u003e {\n title.addEventListener('mouseenter', function() {\n this.style.textShadow = '0 0 15px rgba(156, 129, 2, 0.3)';\n this.style.transform = 'scale(1.02)';\n });\n \n title.addEventListener('mouseleave', function() {\n this.style.textShadow = 'none';\n this.style.transform = 'scale(1)';\n });\n });\n\n \/\/ Heritage and benefit list interactions\n const lists = document.querySelectorAll('.heritage-list, .benefit-list, .timeline-stats');\n lists.forEach(list =\u003e {\n const items = list.querySelectorAll('li');\n items.forEach(item =\u003e {\n item.addEventListener('mouseenter', function() {\n this.style.backgroundColor = 'rgba(156, 129, 2, 0.05)';\n this.style.borderRadius = '5px';\n });\n \n item.addEventListener('mouseleave', function() {\n this.style.backgroundColor = 'transparent';\n });\n });\n });\n\n \/\/ Timeline items enhanced interactions\n const timelineItems = document.querySelectorAll('.timeline-item');\n timelineItems.forEach(item =\u003e {\n item.addEventListener('mouseenter', function() {\n this.style.borderRightColor = '#b8941a';\n this.style.borderRightWidth = '6px';\n });\n \n item.addEventListener('mouseleave', function() {\n this.style.borderRightColor = '#9C8102';\n this.style.borderRightWidth = '4px';\n });\n });\n\n \/\/ Comparison table row highlighting\n const tableRows = document.querySelectorAll('.comparison-table tr');\n tableRows.forEach(row =\u003e {\n row.addEventListener('mouseenter', function() {\n if (!this.querySelector('th')) {\n this.style.background = 'rgba(156, 129, 2, 0.1)';\n }\n });\n \n row.addEventListener('mouseleave', function() {\n if (!this.querySelector('th')) {\n this.style.background = '';\n }\n });\n });\n\n \/\/ Video hover effects\n const video = document.querySelector('.product-video');\n if (video) {\n video.addEventListener('mouseenter', function() {\n this.style.filter = 'brightness(1.1)';\n });\n \n video.addEventListener('mouseleave', function() {\n this.style.filter = 'brightness(1)';\n });\n }\n\n \/\/ Advanced usage section interaction\n const advancedUsage = document.querySelector('.advanced-usage');\n if (advancedUsage) {\n advancedUsage.addEventListener('mouseenter', function() {\n this.style.background = 'rgba(156, 129, 2, 0.08)';\n this.style.borderColor = 'rgba(156, 129, 2, 0.3)';\n this.style.transform = 'scale(1.01)';\n });\n \n advancedUsage.addEventListener('mouseleave', function() {\n this.style.background = 'rgba(156, 129, 2, 0.05)';\n this.style.borderColor = 'rgba(156, 129, 2, 0.2)';\n this.style.transform = 'scale(1)';\n });\n }\n\n \/\/ Smooth image loading enhancement\n const images = document.querySelectorAll('img');\n images.forEach(img =\u003e {\n img.addEventListener('load', function() {\n this.style.opacity = '1';\n this.style.transform = 'scale(1)';\n });\n });\n\n \/\/ Performance optimization: debounced resize handler\n let resizeTimeout;\n window.addEventListener('resize', function() {\n if (resizeTimeout) {\n clearTimeout(resizeTimeout);\n }\n resizeTimeout = setTimeout(() =\u003e {\n \/\/ Recalculate any size-dependent animations\n const cards = document.querySelectorAll('.benefit-item, .ingredient-card, .timeline-item');\n cards.forEach(card =\u003e {\n card.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)';\n });\n }, 250);\n });\n});\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":46999404019886,"sku":null,"price":30.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/beauty_of_joseon_rice_honey_mask_5.webp?v=1788175325"},{"product_id":"beauty-of-joseon-relief-sun-aqua-fresh-rice-b5-spf50","title":"Beauty of Joseon Relief Sun: Rís + Probiotics Scáth Greine Éadrom SPF 50+ PA++++ (Taimsigh neamh-ola le 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:Tajawal',-apple-system,BlinkMacSystemFont,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-left: 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:Tajawal',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-left: 50px; justify-content: flex-start; }\n .aqua-timeline-item:nth-child(even) { padding-left: 0; padding-left: 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\"\u003eScáth gréine Cóiré\u003c\/span\u003e Cad a chuirfidh áthas ort an ghrian a ghrá arís\u003c\/h1\u003e\n\u003cp class=\"aqua-hero-subtitle-text aqua-reveal aqua-active delay-1\"\u003e\n Samhlaigh scáth na gréine le leacht uiscí a dhumhdaíonn i gceann soicindí, agus tá 30% uisce síl rís ann, rud a fhágann go bhfuil craiceann réaltaí Cóiréach iontach, agus le 5 scagaire cosanta chun cinn. Cosnaíonn sé, taisceann sé, lonraíonn sé agus déileálann sé - 4 tháirge i gceann.\n \u003c\/p\u003e\n\u003cdiv class=\"aqua-tilt-card aqua-media-wrapper size-md aqua-reveal aqua-active delay-2\"\u003e\n\u003cvideo autoplay=\"\" class=\"aqua-product-media\" loop=\"\" muted=\"\" playsinline=\"\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/0362c453e2b64b73adce019c177484fe.mp4\" type=\"video\/mp4\"\/\u003e\n Ní thacaíonn do bhrabhsálaí le taispeáint físe.\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\"\u003eImíonn uigeacht uisceach i gceann soicind\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eNíl sé cosúil le aon scáthláin ghréine gnáth, foirmle an-éadrom a ionsúitear ag an gcraiceann láithreach.\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% uisce síolta rís\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eAn rún áilleachta Cóiré ársa chun an craiceann a gileadh agus a thuaslagán go domhain.\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\"\u003eGan báine ná olaíocht\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eFiú do chraiceann olaigh, ní fhágann sé aon iarmhar bán míthaitneamhach nó lonradh nach dteastaíonn.\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 scagairí cosanta ardleibhéil\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eAn chosaint is láidre sa réigiún i gcoinne gach cineál gathanna díobhálacha.\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 tháirge i gceann amháin\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eCosaint láidir + taise domhain + soilsiú spotaí + cóireáil bacainn craicinn.\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;\"\u003eAn ndearna tú iarracht a lán scáthanna gréine... agus mar gheall ar an iomarca míchaoithiúlachta, shocraigh tú ligean don ghrian bia a ithe ar do chraiceann?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.15rem; color: var(--text-muted); margin-bottom: 25px;\"\u003e\n Má tá tuirse ort de scaipthe gréine a fhágann do chraiceann bán, nó a dhéanann do chraiceann sailleach agus greamaitheach, nó nach gcosnaíonn tú go fírinneach ón ngrian...\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;\"\u003eBeidh Relief Sun Aqua Fresh ag athrú do smaoineamh go hiomlán\u003c\/p\u003e\n\u003cp style=\"font-size: 1rem; color: var(--text-muted); margin-top: 10px;\"\u003eÓn úsáid chéad uair, mothóidh tú go bhfuil tú ag cur sreabhán taisiúcháin, ní gnáthlós.\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\"\u003eUisce síol ríse 30% - rún áilleacht na Cóiré\u003c\/h2\u003e\n\u003cp class=\"aqua-section-subtitle aqua-reveal\"\u003eCad a dhéanann comhábhar amháin cothrom le praghas grianán iomlán?\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=\"Uisce síol ríse i 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;\"\u003eRún ársa míle bliain d'aois\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\" style=\"margin-bottom: 20px;\"\u003eNí comhábhar gnáth é uisce síol ríse... Is é seo rún áilleacht na Cóiré a fhaigheann réaltaí na hÁise óna dteaghlaigh.\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;\"\u003eAn chomhpháirt is costasaí sa chomhdhéanamh:\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 Baintear é amach ar bhealaí speisialta a coinníonn a bhuntáistí.\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% tiúchan an-arda - an céatadán is airde i gcosaint gréine.\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 Frithocsaídeoirí 10 n-uaire níos láidre ná Vitimín 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;\"\u003eCad a dhéanfaidh sé do do chraiceann?\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 Faigheann do chuid craiceann a ghealacht nádúrtha ar ais laistigh de roinnt seachtainí.\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 Soilseann spotaí dorcha agus comhtháthaíonn a dath.\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 Cuirfidh sé taise go doimhneacht 7 sraithe.\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 scagairí cosanta ardleibhéil - foireann iomlán i gcoinne na gréine\u003c\/h2\u003e\n\u003cp class=\"aqua-section-subtitle aqua-reveal\"\u003eAg am nuair a thugann na táirgí cosanta go léir scagaire amháin duit, tugann an uachtar seo 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\"\u003eAn chéad garda: Glacann sé na radaithe agus déanann sé iad a thiontú ina teas neamhchontúirteach.\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\"\u003eAn trodaire cuimsitheach: cosnaíonn sé in aghaidh UVA agus UVB le héifeachtacht 99%.\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\"\u003eSpeisialtóir: Díríonn sé ar na gaotha a dhéanann dul in aois ar an gcraiceann.\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\"\u003eCosantóir Domhain: Troidíonn sé in aghaidh na ngathanna a shruthlaíonn isteach sna sraitheanna domhain den chraiceann.\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\"\u003eAn scáth uachtarach: cosaint dhúbailte agus cobhsaíocht fhadtéarmach ar an gcraiceann.\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;\"\u003eToradh: Cosaint SPF 57.9 + PA++++ UVA PF 19.3 - níos airde ná mar atá scríofa ar an bpacáiste!\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Timeline Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003eTuras athraithe - feiceann tú do chraiceann ag feabhsú gach lá\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\"\u003eAn chéad lá\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eAn chéad iontas\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Cosaint láithreach ón gcéad uair.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Mothú úr agus hidrítú domhain.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Uigeacht uisceach a imíonn gan éifeacht sailleach.\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\"\u003eTar éis seachtaine\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eAn tús milis\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Tá an craiceann níos bog agus níos geal.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Laghdú ar sholas breise don chraiceann olaí.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Feabhas suntasach ar uigeacht na cuirp.\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\"\u003eTar éis mí\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eLabhraíonn na torthaí\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Gile soiléir agus aontas dath craicinn.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Tá na spotanna dorcha ag tosú ag laghdú.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Craiceann níos láidre agus níos friotaí.\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\"\u003eI gcomparáid le haon scáth gréine eile - tá an difríocht soiléir\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);\"\u003eScáth gréine rialta (100 punt))\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 Cosaint ghnáth\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Uigeacht saille nó báine soiléir\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Comhpháirteanna ceimiceacha gnáth\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Níl tairbhí breise ar bith ann\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Toradh: cosaint sealadach amháin\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 Cosaint láidir + taise + cóireáil + áilleacht\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Uigeacht uisceach só a imíonn le himeacht ama\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Comhábhair nádúrtha annamh agus costasach\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Feabhsú leanúnach ar cháilíocht na hóige\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e An toradh: infheistíocht i ndea-thábhacht agus sláinte do chraiceann\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=\"Infheistiú i gcosaint do chraiceann anois\" 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\"\u003eDéanfaidh cinneadh an lae inniu cruth do chraicinn amárach\u003c\/h2\u003e\n\u003cp class=\"aqua-card-desc\" style=\"max-width: 750px; margin: 0 auto 20px; font-size: 1.15rem;\"\u003e\n Is é an ghrian namhaid is mó do do chraiceann, príomhchúis roimh am aibíochta, agus príomhchúis le pigmentation agus spotaí. An ligfidh tú don ghrian ithe do chraiceann, nó an infheistófá ina chosaint le táirge cóireála a fheabhsaíonn é gach lá?\n \u003c\/p\u003e\n\u003cp style=\"font-size: 1.3rem; font-weight: 800; color: var(--aqua-dark);\"\u003eTá an cinneadh ceart soiléir!\u003c\/p\u003e\n\u003cbutton class=\"aqua-btn-primary\"\u003eOrdaigh é anois... agus infheistiú i dtodhchaí do chraiceann\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', () =\u003e {\n \/\/ Scroll Reveal Animation\n const reveals = document.querySelectorAll('.aqua-reveal');\n const observer = new IntersectionObserver((entries, obs) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('aqua-active');\n obs.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\n\n reveals.forEach(el =\u003e observer.observe(el));\n\n \/\/ Premium 3D Tilt Effect\n if (window.matchMedia(\"(hover: hover)\").matches) {\n const tiltCards = document.querySelectorAll('.aqua-tilt-card');\n tiltCards.forEach(card =\u003e {\n const media = card.querySelector('.aqua-product-media');\n card.addEventListener('mousemove', e =\u003e {\n const rect = card.getBoundingClientRect();\n const x = e.clientX - rect.left;\n const y = e.clientY - rect.top;\n const centerX = rect.width \/ 2;\n const centerY = rect.height \/ 2;\n \n const rotateX = ((y - centerY) \/ centerY) * -5;\n const rotateY = ((x - centerX) \/ centerX) * 5;\n \n media.style.transform = `scale(1.02) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;\n });\n\n card.addEventListener('mouseleave', () =\u003e {\n media.style.transform = `scale(1) rotateX(0deg) rotateY(0deg)`;\n });\n });\n }\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":46999412408494,"sku":null,"price":22.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/4000a17e-2027-48ff-9425-bb8669e8ee8a.webp?v=1788175293"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/collections\/beauty_of_joseon_products_3_2.jpg?v=1762087149","url":"https:\/\/skingeer.com\/ga\/collections\/beauty-of-joseon-products.oembed","provider":"SkinGeer","version":"1.0","type":"link"}