{"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: rtl;\n    text-align: right;\n    color: #333;\n    overflow-x: hidden;\n    padding: 0 15px;\n    font-family: sans-serif;\n    background: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c9a97e' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n  }\n  \n  .hero-section {\n    position: relative;\n    padding: 35px 25px;\n    background: linear-gradient(135deg, #f8f8f8 0%, #fff 100%);\n    border-radius: 10px;\n    overflow: hidden;\n    margin-bottom: 30px;\n    box-shadow: 0 10px 30px rgba(201, 169, 126, 0.08);\n    border: 1px solid rgba(201, 169, 126, 0.12);\n  }\n  \n  .hero-section::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 100%;\n    height: 5px;\n    background: linear-gradient(to right, rgba(201, 169, 126, 0.5), #c9a97e);\n  }\n  \n  .hero-section::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 50%;\n    height: 180px;\n    background: url(\"data:image\/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23c9a97e' fill-opacity='0.1' fill-rule='evenodd'\/%3E%3C\/svg%3E\");\n    opacity: 0.2;\n    z-index: 1;\n  }\n  \n  .hero-content {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    gap: 30px;\n    align-items: center;\n  }\n  \n  .hero-image {\n    flex-shrink: 0;\n    width: 250px;\n    border-radius: 5px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n  }\n  \n  .hero-text {\n    flex: 1;\n  }\n  \n  .brand {\n    font-size: 18px;\n    color: #c9a97e;\n    letter-spacing: 1px;\n    margin-bottom: 10px;\n    font-weight: bold;\n    text-transform: uppercase;\n    display: inline-block;\n    position: relative;\n  }\n  \n  .brand::after {\n    content: \"\";\n    position: absolute;\n    bottom: -3px;\n    right: 0;\n    width: 100%;\n    height: 1px;\n    background: linear-gradient(to left, #c9a97e, transparent);\n  }\n  \n  .main-title {\n    font-size: 32px;\n    margin-bottom: 15px;\n    color: #222;\n    line-height: 1.2;\n    font-weight: bold;\n  }\n  \n  .main-title span {\n    color: #c9a97e;\n    position: relative;\n    display: inline-block;\n  }\n  \n  .main-title span::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 6px;\n    background: rgba(201, 169, 126, 0.1);\n    border-radius: 3px;\n    z-index: -1;\n  }\n  \n  .hero-subtitle {\n    font-size: 18px;\n    margin-bottom: 20px;\n    opacity: 0.9;\n    line-height: 1.5;\n  }\n  \n  .hero-badges {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    margin-top: 20px;\n  }\n  \n  .badge {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(201, 169, 126, 0.05);\n    padding: 6px 12px;\n    border-radius: 30px;\n    font-size: 13px;\n    font-weight: 500;\n    color: #555;\n    border: 1px solid rgba(201, 169, 126, 0.1);\n  }\n  \n  .ingredients-section {\n    margin: 40px 0;\n    display: flex;\n    gap: 30px;\n    align-items: center;\n  }\n  \n  .ingredients-content {\n    flex: 1;\n  }\n  \n  .section-title {\n    font-size: 28px;\n    margin-bottom: 20px;\n    color: #222;\n    position: relative;\n    padding-bottom: 12px;\n    font-weight: bold;\n  }\n  \n  .section-title::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 60px;\n    height: 3px;\n    background: linear-gradient(to left, #c9a97e, rgba(201, 169, 126, 0.3));\n    border-radius: 3px;\n  }\n  \n  .ingredient-box {\n    background: white;\n    border-radius: 10px;\n    padding: 20px;\n    margin-bottom: 20px;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n    border: 1px solid rgba(201, 169, 126, 0.08);\n    position: relative;\n    overflow: hidden;\n    transition: all 0.3s ease;\n  }\n  \n  .ingredient-box:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 10px 25px rgba(201, 169, 126, 0.1);\n  }\n  \n  .ingredient-box::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 100%;\n    height: 3px;\n    background: linear-gradient(to left, #c9a97e, transparent);\n  }\n  \n  .ingredient-title {\n    font-size: 20px;\n    margin-bottom: 12px;\n    color: #c9a97e;\n    font-weight: bold;\n  }\n  \n  .ingredient-desc {\n    line-height: 1.6;\n    color: #555;\n  }\n  \n  .video-container {\n    flex: 1;\n    border-radius: 10px;\n    overflow: hidden;\n    position: relative;\n  }\n  \n  .video-container video {\n    width: 100%;\n    height: auto;\n    display: block;\n    object-fit: cover;\n  }\n  \n  .benefits-section {\n    margin: 50px 0;\n  }\n  \n  .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n    gap: 20px;\n    margin-top: 25px;\n  }\n  \n  .benefit-card {\n    background: white;\n    border-radius: 10px;\n    padding: 25px;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n    border: 1px solid rgba(201, 169, 126, 0.08);\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .benefit-card::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 3px;\n    background: linear-gradient(to right, rgba(201, 169, 126, 0.3), #c9a97e);\n    transform: scaleX(0);\n    transform-origin: right;\n    transition: transform 0.4s ease;\n  }\n  \n  .benefit-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 10px 25px rgba(201, 169, 126, 0.1);\n  }\n  \n  .benefit-card:hover::after {\n    transform: scaleX(1);\n  }\n  \n  .benefit-icon {\n    color: #c9a97e;\n    font-size: 30px;\n    margin-bottom: 15px;\n  }\n  \n  .benefit-title {\n    font-size: 18px;\n    margin-bottom: 10px;\n    color: #333;\n    font-weight: bold;\n  }\n  \n  .timeline-section {\n    margin: 60px 0;\n    background: linear-gradient(135deg, rgba(201, 169, 126, 0.03) 0%, rgba(201, 169, 126, 0.08) 100%);\n    padding: 40px 15px;\n    border-radius: 10px;\n    border: 1px solid rgba(201, 169, 126, 0.1);\n  }\n  \n  .timeline-container {\n    position: relative;\n    margin-top: 40px;\n    padding-right: 40px;\n  }\n  \n  .timeline-bar {\n    position: absolute;\n    top: 0;\n    right: 18px;\n    width: 3px;\n    height: 100%;\n    background: linear-gradient(to bottom, rgba(201, 169, 126, 0.3), #c9a97e, rgba(201, 169, 126, 0.3));\n    border-radius: 2px;\n    z-index: 1;\n  }\n  \n  .timeline-items {\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .timeline-item {\n    display: flex;\n    flex-direction: column;\n    margin-bottom: 60px;\n    position: relative;\n  }\n  \n  .timeline-item:last-child {\n    margin-bottom: 0;\n  }\n  \n  .timeline-header {\n    display: flex;\n    align-items: center;\n    margin-bottom: 15px;\n  }\n  \n  .timeline-date {\n    font-weight: bold;\n    color: #c9a97e;\n    text-align: right;\n    font-size: 16px;\n    margin-right: 10px;\n  }\n  \n  .timeline-dot {\n    width: 18px;\n    height: 18px;\n    background: white;\n    border: 3px solid #c9a97e;\n    border-radius: 50%;\n    margin-right: 10px;\n    flex-shrink: 0;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .timeline-dot.active {\n    background: #c9a97e;\n  }\n  \n  .timeline-content {\n    background: white;\n    border-radius: 8px;\n    padding: 20px;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n    border: 1px solid rgba(201, 169, 126, 0.08);\n    width: 100%;\n  }\n  \n  .timeline-title {\n    font-size: 20px;\n    margin-bottom: 10px;\n    color: #333;\n    font-weight: bold;\n  }\n  \n  .timeline-desc {\n    font-size: 14px;\n    line-height: 1.6;\n    color: #555;\n  }\n  \n  .timeline-title {\n    font-size: 20px;\n    margin-bottom: 10px;\n    color: #333;\n    font-weight: bold;\n  }\n  \n  .timeline-desc {\n    font-size: 14px;\n    line-height: 1.6;\n    color: #555;\n  }\n  \n  .how-it-works {\n    margin: 50px 0;\n    display: flex;\n    gap: 30px;\n    align-items: center;\n  }\n  \n  .how-it-works-image {\n    flex: 1;\n    border-radius: 10px;\n    overflow: hidden;\n  }\n  \n  .how-it-works-image img {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 10px;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n    transition: all 0.3s ease;\n  }\n  \n  .how-it-works-image:hover img {\n    transform: scale(1.02);\n  }\n  \n  .how-it-works-content {\n    flex: 1;\n  }\n  \n  .usage-section {\n    margin: 50px 0;\n  }\n  \n  .usage-steps {\n    display: flex;\n    justify-content: space-between;\n    margin-top: 30px;\n    flex-wrap: wrap;\n  }\n  \n  .step {\n    flex: 1;\n    min-width: 200px;\n    text-align: center;\n    padding: 0 15px;\n    margin-bottom: 20px;\n  }\n  \n  .step-number {\n    width: 50px;\n    height: 50px;\n    background: linear-gradient(135deg, #c9a97e, #d9c09e);\n    border-radius: 50%;\n    color: white;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 20px;\n    font-weight: bold;\n    margin: 0 auto 15px;\n    box-shadow: 0 5px 15px rgba(201, 169, 126, 0.2);\n  }\n  \n  .step-text {\n    font-size: 16px;\n    line-height: 1.5;\n    color: #333;\n  }\n  \n  .cta-section {\n    text-align: center;\n    margin: 60px 0;\n    padding: 50px;\n    background: linear-gradient(135deg, rgba(201, 169, 126, 0.05) 0%, rgba(201, 169, 126, 0.1) 100%);\n    border-radius: 10px;\n    border: 1px solid rgba(201, 169, 126, 0.1);\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .cta-section::before, .cta-section::after {\n    content: \"\";\n    position: absolute;\n    width: 200px;\n    height: 200px;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(201, 169, 126, 0.15) 0%, transparent 70%);\n    z-index: 0;\n  }\n  \n  .cta-section::before {\n    top: -100px;\n    right: -50px;\n  }\n  \n  .cta-section::after {\n    bottom: -100px;\n    left: -50px;\n  }\n  \n  .cta-content {\n    position: relative;\n    z-index: 1;\n  }\n  \n  .cta-title {\n    font-size: 32px;\n    margin-bottom: 15px;\n    color: #333;\n  }\n  \n  .cta-subtitle {\n    font-size: 18px;\n    margin-bottom: 30px;\n    color: #555;\n    max-width: 700px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n  \n  .cta-button {\n    display: inline-block;\n    padding: 15px 40px;\n    background: linear-gradient(to right, #c9a97e, #d9c09e);\n    color: white;\n    text-decoration: none;\n    border-radius: 50px;\n    font-size: 18px;\n    font-weight: bold;\n    box-shadow: 0 5px 15px rgba(201, 169, 126, 0.2);\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .cta-button::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(to right, #d9c09e, #c9a97e);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    z-index: -1;\n  }\n  \n  .cta-button:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 8px 25px rgba(201, 169, 126, 0.3);\n  }\n  \n  .cta-button:hover::after {\n    opacity: 1;\n  }\n  \n  .footer-note {\n    text-align: center;\n    margin-top: 20px;\n    font-size: 14px;\n    color: #777;\n  }\n  \n  \/* Fade animations *\/\n  .fade-up {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n  \n  .pulse {\n    animation: pulse 2s infinite;\n  }\n  \n  @keyframes pulse {\n    0% {\n      transform: scale(1);\n    }\n    50% {\n      transform: scale(1.03);\n    }\n    100% {\n      transform: scale(1);\n    }\n  }\n  \n  @media (max-width: 768px) {\n    .hero-content {\n      flex-direction: column;\n    }\n    \n    .hero-image {\n      width: 200px;\n      margin-bottom: 20px;\n    }\n    \n    .ingredients-section, .how-it-works {\n      flex-direction: column;\n    }\n    \n    .timeline-items {\n      flex-direction: column;\n    }\n    \n    .timeline-bar {\n      top: 0;\n      left: 50%;\n      width: 4px;\n      height: 100%;\n      transform: translateX(-50%);\n    }\n    \n    .timeline-item {\n      width: 100%;\n      margin-bottom: 30px;\n      display: flex;\n      align-items: flex-start;\n    }\n    \n    .timeline-dot {\n      margin: 0 15px;\n    }\n    \n    .timeline-content {\n      flex: 1;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"joseon-container\"\u003e\n  \u003cdiv class=\"hero-section\"\u003e\n    \u003cdiv class=\"hero-content\"\u003e\n      \u003cimg 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\" alt=\"Beauty of Joseon Glow Serum\" class=\"hero-image\"\u003e\n      \u003cdiv class=\"hero-text\"\u003e\n        \u003cdiv class=\"brand\"\u003eBeauty of Joseon\u003c\/div\u003e\n        \u003ch1 class=\"main-title\"\u003eسيروم \u003cspan\u003eالإشراق\u003c\/span\u003e بالنياسيناميد وصمغ النحل\u003c\/h1\u003e\n        \u003cp class=\"hero-subtitle\"\u003eتركيبة غير مسبوقة من النياسيناميد و صمغ النحل لبشرة متألقة ومشرقة\u003c\/p\u003e\n        \u003cdiv class=\"hero-badges\"\u003e\n          \u003cdiv class=\"badge\"\u003e\n            \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n              \u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n            تركيبة كورية أصلية\n          \u003c\/div\u003e\n          \u003cdiv class=\"badge\"\u003e\n            \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n              \u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n            بدون مواد كيميائية ضارة\n          \u003c\/div\u003e\n          \u003cdiv class=\"badge\"\u003e\n            \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n              \u003cpath d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n            مناسب لجميع أنواع البشرة\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \n  \u003cdiv class=\"ingredients-section\"\u003e\n    \u003cdiv class=\"ingredients-content\"\u003e\n      \u003ch2 class=\"section-title\"\u003eتركيبة غير مسبوقة من النياسيناميد و صمغ النحل\u003c\/h2\u003e\n      \n      \u003cdiv class=\"ingredient-box\"\u003e\n        \u003ch3 class=\"ingredient-title\"\u003eالنياسيناميد\u003c\/h3\u003e\n        \u003cp class=\"ingredient-desc\"\u003eليس مجرد مكون، بل هو معجزة تُعيد توازن البشرة، تقلل من التصبغات وتمنحها لونًا موحدًا ومشرقًا. يعمل على تحسين مرونة الجلد وتقوية حاجز الترطيب الطبيعي.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ingredient-box\"\u003e\n        \u003ch3 class=\"ingredient-title\"\u003eالبروبوليس (صمغ النحل)\u003c\/h3\u003e\n        \u003cp class=\"ingredient-desc\"\u003eيستخلص من خلايا النحل، ويعمل كمضاد قوي للالتهابات ومُعزز لتجديد الخلايا، مما يحافظ على شباب البشرة ويمنحها حماية طبيعية. يحارب ظهور البثور وعلامات التقدم في السن.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cp\u003eعندما تلتقي هذه المكونات في تركيبة واحدة، تتحول إلى قوة طبيعية لا تُضاهى؛ معجزة تُعيد لبشرتك شبابها وتمنحها الإشراق الذي لطالما حلمتِ به.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"video-container\"\u003e\n      \u003cvideo autoplay loop muted playsinline width=\"100%\" style=\"display: block; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.1);\"\u003e\n        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/3edfc44f88a3463c8bdfafe9115a57e1.mp4\" type=\"video\/mp4\"\u003e\n        متصفحك لا يدعم تشغيل الفيديو.\n      \u003c\/source\u003e\u003c\/video\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \n  \u003cdiv class=\"instant-results\"\u003e\n    \u003ch2 class=\"section-title\"\u003eنتائج لحظية!\u003c\/h2\u003e\n    \u003ch3 style=\"color: #c9a97e; text-align: center; margin: 20px 0; font-size: 22px;\"\u003eمسام أصغر , بشرة أصفى , جلد مثالي\u003c\/h3\u003e\n  \u003c\/div\u003e\n  \n  \u003cdiv class=\"benefits-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eفوائد مذهلة لبشرتك\u003c\/h2\u003e\n    \u003cp\u003eهذا السيروم هو الحل الشامل للبشرة الباهتة والمتعبة، حيث يُظهر تأثيرات مذهلة تشمل:\u003c\/p\u003e\n    \n    \u003cdiv class=\"benefits-grid\"\u003e\n      \u003cdiv class=\"benefit-card fade-up\"\u003e\n        \u003cdiv class=\"benefit-icon\"\u003e\n          \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"36\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003ccircle cx=\"12\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\n            \u003cline x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"\u003e\u003c\/line\u003e\n            \u003cline x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"\u003e\u003c\/line\u003e\n            \u003cline x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"\u003e\u003c\/line\u003e\n            \u003cline x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"\u003e\u003c\/line\u003e\n            \u003cline x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"\u003e\u003c\/line\u003e\n            \u003cline x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"\u003e\u003c\/line\u003e\n            \u003cline x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"\u003e\u003c\/line\u003e\n            \u003cline x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"\u003e\u003c\/line\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch3 class=\"benefit-title\"\u003eتعزيز إشراقة البشرة\u003c\/h3\u003e\n        \u003cp\u003eتفتيح البشرة وتوحيد لونها مع تقليل التصبغات والعلامات الداكنة بفعالية.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"benefit-card fade-up\"\u003e\n        \u003cdiv class=\"benefit-icon\"\u003e\n          \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"36\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cpath d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch3 class=\"benefit-title\"\u003eتحسين ملمس البشرة\u003c\/h3\u003e\n        \u003cp\u003eزيادة نعومة البشرة بفضل خصائص النياسيناميد المُرطبة والمضيئة.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"benefit-card fade-up\"\u003e\n        \u003cdiv class=\"benefit-icon\"\u003e\n          \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"36\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch3 class=\"benefit-title\"\u003eحماية البشرة\u003c\/h3\u003e\n        \u003cp\u003eحماية من الالتهابات الخارجية والأضرار الناتجة عن الجذور الحرة بفضل قوة البروبوليس.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"benefit-card fade-up\"\u003e\n        \u003cdiv class=\"benefit-icon\"\u003e\n          \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"36\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\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\" y1=\"1\" x2=\"6\" y2=\"4\"\u003e\u003c\/line\u003e\n            \u003cline x1=\"10\" y1=\"1\" x2=\"10\" y2=\"4\"\u003e\u003c\/line\u003e\n            \u003cline x1=\"14\" y1=\"1\" x2=\"14\" y2=\"4\"\u003e\u003c\/line\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch3 class=\"benefit-title\"\u003eدعم وظيفة الحاجز الجلدي\u003c\/h3\u003e\n        \u003cp\u003eالحفاظ على رطوبة البشرة ومنع فقدانها، مما يساعد في تقليل الخطوط الدقيقة.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \n  \u003cdiv class=\"timeline-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eرحلة النتائج المذهلة\u003c\/h2\u003e\n    \u003cp\u003eمع الاستخدام المنتظم، ستلاحظين تحسناً تدريجياً يصل إلى النتائج المثالية خلال أسابيع قليلة.\u003c\/p\u003e\n    \n    \u003cdiv class=\"timeline-container\"\u003e\n      \u003cdiv class=\"timeline-bar\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"timeline-items\"\u003e\n        \u003cdiv class=\"timeline-item\"\u003e\n          \u003cdiv class=\"timeline-header\"\u003e\n            \u003cdiv class=\"timeline-date\"\u003eالاستخدام الأول\u003c\/div\u003e\n            \u003cdiv class=\"timeline-dot active\" id=\"timeline-0\"\u003e\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"timeline-content\"\u003e\n            \u003ch3 class=\"timeline-title\"\u003eترطيب فوري\u003c\/h3\u003e\n            \u003cp class=\"timeline-desc\"\u003eستلاحظين ترطيباً فورياً للبشرة وملمساً أكثر نعومة. البشرة تبدو أكثر انتعاشاً وإشراقاً بشكل ملحوظ منذ الاستخدام الأول.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"timeline-item\"\u003e\n          \u003cdiv class=\"timeline-header\"\u003e\n            \u003cdiv class=\"timeline-date\"\u003eبعد أسبوع\u003c\/div\u003e\n            \u003cdiv class=\"timeline-dot\" id=\"timeline-1\"\u003e\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"timeline-content\"\u003e\n            \u003ch3 class=\"timeline-title\"\u003eتحسن الملمس والتوهج\u003c\/h3\u003e\n            \u003cp class=\"timeline-desc\"\u003eتصبح البشرة أكثر توهجاً ونعومة. تقل الاحمرار والتهيجات بفضل خصائص البروبوليس المضادة للالتهابات. انخفاض ملحوظ في دهنية البشرة.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"timeline-item\"\u003e\n          \u003cdiv class=\"timeline-header\"\u003e\n            \u003cdiv class=\"timeline-date\"\u003eبعد أسبوعين\u003c\/div\u003e\n            \u003cdiv class=\"timeline-dot\" id=\"timeline-2\"\u003e\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"timeline-content\"\u003e\n            \u003ch3 class=\"timeline-title\"\u003eتقليل التصبغات\u003c\/h3\u003e\n            \u003cp class=\"timeline-desc\"\u003eبداية ظهور نتائج توحيد لون البشرة. تقل البقع الداكنة والتصبغات تدريجياً. تصبح البشرة أكثر إشراقاً ونضارة، مع مسام أصغر حجماً وأقل وضوحاً.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"timeline-item\"\u003e\n          \u003cdiv class=\"timeline-header\"\u003e\n            \u003cdiv class=\"timeline-date\"\u003eبعد شهر\u003c\/div\u003e\n            \u003cdiv class=\"timeline-dot\" id=\"timeline-3\"\u003e\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"timeline-content\"\u003e\n            \u003ch3 class=\"timeline-title\"\u003eتحول ملحوظ\u003c\/h3\u003e\n            \u003cp class=\"timeline-desc\"\u003eتحسن كبير في نسيج البشرة ولونها. اختفاء ملحوظ للعديد من مشاكل البشرة كالبقع الداكنة والندبات. تقليل واضح للخطوط الدقيقة وعلامات الشيخوخة.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"timeline-item\"\u003e\n          \u003cdiv class=\"timeline-header\"\u003e\n            \u003cdiv class=\"timeline-date\"\u003eبعد شهرين\u003c\/div\u003e\n            \u003cdiv class=\"timeline-dot\" id=\"timeline-4\"\u003e\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"timeline-content\"\u003e\n            \u003ch3 class=\"timeline-title\"\u003eبشرة متجددة تماماً\u003c\/h3\u003e\n            \u003cp class=\"timeline-desc\"\u003eبشرة مشرقة ومتألقة بشكل مذهل. توحيد كامل للون البشرة وتقليل كبير للتصبغات. تحسن دائم في مظهر البشرة وملمسها، مع مرونة محسنة وصحة أفضل للجلد.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \n  \u003cdiv class=\"how-it-works\"\u003e\n    \u003cdiv class=\"how-it-works-image\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_niacinamide_propolis.jpg?v=1746458373\" alt=\"تركيبة متقدمة علمياً\"\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"how-it-works-content\"\u003e\n      \u003ch2 class=\"section-title\"\u003eتركيبة متقدمة علمياً\u003c\/h2\u003e\n      \u003ch3 style=\"margin-bottom: 20px; font-size: 22px; color: #333;\"\u003eكيف يعمل السيروم؟\u003c\/h3\u003e\n      \n      \u003cp style=\"line-height: 1.8; margin-bottom: 20px;\"\u003eتعمل تركيبة \u003cspan style=\"color: #c9a97e; font-weight: bold;\"\u003eBeauty Of Joseon Glow Serum Propolis + Niacinamide\u003c\/span\u003e بتناغم لإحداث تأثير شامل على البشرة. يقوم البروبوليس، المُستخلص من خلايا النحل، بتطهير البشرة ومكافحة الالتهابات وتحفيز تجديد الخلايا، مما يحارب ظهور البثور وعلامات التقدم في السن.\u003c\/p\u003e\n      \n      \u003cp style=\"line-height: 1.8;\"\u003eبينما يعمل النياسيناميد على توحيد لون البشرة وتقليل التصبغات، بالإضافة إلى تحسين مرونة الجلد وتقوية حاجز الترطيب. هذه المكونات النشطة معًا تُحدث تغييرًا جذريًا في نسيج البشرة، فتمنحها مظهرًا أكثر إشراقًا وحيوية.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \n  \u003cdiv class=\"usage-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eطريقة الاستخدام\u003c\/h2\u003e\n    \u003cp\u003eبعد تنظيف البشرة جيدًا، يُوضع السيروم على منطقة الوجه مع التركيز على المناطق التي تحتاج إلى تفتيح وتحسين، مثل حول العينين والجبهة وخطوط الفك. يُدلك بلطف حتى يتم امتصاصه بالكامل، ثم يُتبع بمرطب للحفاظ على الترطيب وتعزيز الفعالية. يُستخدم صباحًا ومساءً لتحقيق أفضل النتائج.\u003c\/p\u003e\n    \n    \u003cdiv class=\"usage-steps\"\u003e\n      \u003cdiv class=\"step fade-up\"\u003e\n        \u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"step-text\"\u003eتنظيف البشرة\u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"step fade-up\"\u003e\n        \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"step-text\"\u003eوضع السيروم\u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"step fade-up\"\u003e\n        \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"step-text\"\u003eتدليك برفق\u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"step fade-up\"\u003e\n        \u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"step-text\"\u003eوضع المرطب\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \n  \u003cdiv class=\"cta-section pulse\"\u003e\n    \u003cdiv class=\"cta-content\"\u003e\n      \u003ch2 class=\"cta-title\"\u003eاستعيدي إشراقة بشرتك اليوم\u003c\/h2\u003e\n      \u003cp class=\"cta-subtitle\"\u003eقيمة عالية مقابل سعر مناسب - تجمع تركيبة سيروم الإشراق بين مكونات طبيعية مُثبتة علمياً لبشرة متألقة وصحية\u003c\/p\u003e\n      \u003ca href=\"#\" class=\"cta-button\"\u003eاطلبيه الآن\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \n  \u003cdiv class=\"footer-note\"\u003e\n    \u003cp\u003eتجمع تركيبة Beauty Of Joseon Glow Serum Propolis + Niacinamide بين مكونات طبيعية مُثبتة علمياً تعمل على تحسين إشراقة البشرة وتوحيد لونها مع حماية متقدمة من العوامل البيئية. بالرغم من أنه قد يكون بسعر أعلى قليلاً مقارنة ببعض المنتجات الأخرى، فإن كمية قليلة منه تكفي لتحقيق نتائج مذهلة وطويلة الأمد، مما يجعله استثمارًا فعّالًا لصحة وجمال بشرتك.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\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","url":"https:\/\/skingeer.com\/ar\/products\/beauty-of-joseon-glow-serum-propolis-niacinamide","provider":"SkinGeer","version":"1.0","type":"link"}