{"product_id":"thr-ordinary-multipeptide-eyebrows-eyelash-serum","title":"펩타이드 기술로 속눈썹과 눈썹을 굵어지게 만들어주는 디오디너리 세럼","description":"\u003cstyle\u003e\n  * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n  \n  body {\n  \n    direction: ltr;\n    color: #333;\n    line-height: 1.6;\n    background-color: white;\n  }\n  \n  .product-description {\n    max-width: 900px;\n    margin: 0 auto;\n    padding: 20px;\n  }\n  \n  .section {\n    margin: 40px 0;\n    opacity: 0;\n    transform: translateY(20px);\n    transition: opacity 0.8s ease, transform 0.8s ease;\n  }\n  \n  .section.active {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  \n  .title {\n    color: #9C8102;\n    font-size: 28px;\n    margin-bottom: 20px;\n    position: relative;\n    font-weight: 600;\n    text-align: center;\n    padding-bottom: 10px;\n  }\n  \n  .title::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    right: 50%;\n    transform: translateX(50%);\n    width: 60px;\n    height: 3px;\n    background-color: #9C8102;\n  }\n  \n  .product-image {\n    width: 100%;\n    max-width: 600px;\n    height: auto;\n    margin: 20px auto;\n    display: block;\n    border-radius: 5px;\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n    transition: transform 0.3s ease;\n  }\n  \n  .product-image:hover {\n    transform: scale(1.02);\n    box-shadow: 0 8px 25px rgba(156, 129, 2, 0.2);\n  }\n  \n  .description {\n    font-size: 16px;\n    line-height: 1.8;\n    margin-bottom: 20px;\n    text-align: justify;\n  }\n  \n  .features-list {\n    list-style: none;\n    margin-bottom: 20px;\n  }\n  \n  .features-list li {\n    position: relative;\n    padding-right: 30px;\n    margin-bottom: 15px;\n  }\n  \n  .features-list li::before {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 8px;\n    width: 12px;\n    height: 12px;\n    background-color: #9C8102;\n    border-radius: 50%;\n  }\n  \n  \/* Timeline styles *\/\n  .timeline-container {\n    position: relative;\n    margin: 40px auto;\n    max-width: 800px;\n  }\n  \n  .timeline-track {\n    position: relative;\n    width: 100%;\n    height: 4px;\n    background-color: #e0e0e0;\n    border-radius: 4px;\n    margin: 50px 0;\n  }\n  \n  .timeline-progress {\n    position: absolute;\n    top: 0;\n    right: 0;\n    height: 100%;\n    background-color: #9C8102;\n    border-radius: 4px;\n    width: 0;\n    transition: width 1s ease;\n  }\n  \n  .timeline-markers {\n    position: relative;\n    display: flex;\n    justify-content: space-between;\n    margin-top: -14px;\n  }\n  \n  .timeline-marker {\n    position: relative;\n    width: 24px;\n    height: 24px;\n    background-color: white;\n    border: 2px solid #e0e0e0;\n    border-radius: 50%;\n    cursor: pointer;\n    z-index: 2;\n  }\n  \n  .timeline-marker.active {\n    background-color: #9C8102;\n    border-color: #9C8102;\n  }\n  \n  .timeline-marker-label {\n    position: absolute;\n    top: -30px;\n    right: 50%;\n    transform: translateX(50%);\n    font-size: 14px;\n    font-weight: 600;\n    color: #777;\n    text-align: center;\n    white-space: nowrap;\n  }\n  \n  .timeline-marker.active .timeline-marker-label {\n    color: #9C8102;\n  }\n  \n  .timeline-content {\n    display: none;\n    background-color: #f8f8f8;\n    padding: 20px;\n    border-radius: 8px;\n    margin-top: 30px;\n    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n  }\n  \n  .timeline-content.active {\n    display: block;\n  }\n  \n  .timeline-content h3 {\n    color: #9C8102;\n    margin-bottom: 15px;\n    font-size: 18px;\n  }\n  \n  .timeline-content p {\n    font-size: 14px;\n    line-height: 1.6;\n    margin-bottom: 15px;\n  }\n  \n  .timeline-content ul {\n    padding-right: 20px;\n  }\n  \n  .timeline-content li {\n    margin-bottom: 8px;\n    font-size: 14px;\n  }\n  \n  .highlight {\n    color: #9C8102;\n    font-weight: 600;\n  }\n  \n  .info-box {\n    background-color: #f8f8f8;\n    border-radius: 8px;\n    padding: 20px;\n    margin: 20px 0;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);\n  }\n  \n  .info-title {\n    color: #9C8102;\n    font-size: 18px;\n    margin-bottom: 10px;\n    font-weight: 600;\n  }\n  \n  .ingredients-list {\n    font-size: 14px;\n    margin-top: 10px;\n    color: #666;\n    line-height: 1.5;\n  }\n  \n  .science-icon {\n    display: inline-block;\n    width: 50px;\n    height: 50px;\n    margin-left: 15px;\n    vertical-align: middle;\n    background-color: #9C8102;\n    border-radius: 50%;\n    position: relative;\n    text-align: center;\n    line-height: 50px;\n    color: white;\n    font-size: 24px;\n  }\n  \n  .peptide-info {\n    display: flex;\n    margin: 30px 0;\n    background-color: #f8f8f8;\n    border-radius: 8px;\n    overflow: hidden;\n  }\n  \n  .peptide-left {\n    padding: 20px;\n    flex: 2;\n  }\n  \n  .peptide-right {\n    background-color: #9C8102;\n    color: white;\n    flex: 1;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n  }\n  \n  .peptide-right h3 {\n    margin-bottom: 10px;\n    font-size: 18px;\n  }\n  \n  .peptide-right p {\n    text-align: center;\n    font-size: 14px;\n  }\n  \n  .usage-steps {\n    margin: 30px 0;\n  }\n  \n  .step {\n    display: flex;\n    margin-bottom: 20px;\n    align-items: center;\n  }\n  \n  .step-number {\n    width: 30px;\n    height: 30px;\n    background-color: #9C8102;\n    border-radius: 50%;\n    color: white;\n    text-align: center;\n    line-height: 30px;\n    margin-left: 15px;\n    flex-shrink: 0;\n  }\n  \n  .step-content {\n    flex: 1;\n  }\n  \n  .step h4 {\n    margin-bottom: 5px;\n    color: #444;\n  }\n  \n  .step p {\n    font-size: 14px;\n    color: #666;\n  }\n\n  \/* Animation for eye blink *\/\n  @keyframes blink {\n    0% { transform: scaleY(1); }\n    5% { transform: scaleY(0.1); }\n    10% { transform: scaleY(1); }\n    100% { transform: scaleY(1); }\n  }\n\n  .eye-icon {\n    display: inline-block;\n    font-size: 24px;\n    animation: blink 5s infinite;\n    transform-origin: center;\n  }\n\n  \/* Before\/After comparison *\/\n  .before-after-container {\n    position: relative;\n    max-width: 600px;\n    margin: 30px auto;\n    overflow: hidden;\n    border-radius: 8px;\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n  }\n  \n  .comparison-label {\n    position: absolute;\n    padding: 5px 10px;\n    background-color: rgba(156, 129, 2, 0.8);\n    color: white;\n    font-size: 14px;\n    font-weight: bold;\n    border-radius: 4px;\n  }\n  \n  .before-label {\n    top: 10px;\n    right: 10px;\n  }\n  \n  .after-label {\n    top: 10px;\n    left: 10px;\n  }\n  \n  .result-stat {\n    text-align: center;\n    margin-top: 15px;\n    font-size: 18px;\n    color: #9C8102;\n    font-weight: 600;\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cdiv class=\"section\" id=\"section1\"\u003e\n\u003ch2 class=\"title\"\u003e눈은 아름답지만 짧은 속눈썹과 눈썹 틈이 눈을 가리고 있어요\u003c\/h2\u003e\n\u003cp class=\"description\"\u003e속눈썹은 여성스러움의 상징이다.긴 속눈썹만큼 눈의 아름다움을 강조하는 것은 없습니다.이제 과학 혁신의 소유자, 합리적인 가격의 소유자인 The Ordinary의 최신 글로벌 모발 성장 기술을 사용하여 속눈썹을 굵고 길게 하고 눈썹 틈을 자연스럽게 완성할 수 있습니다.\u003c\/p\u003e\n\u003cp class=\"result-stat\"\u003e4주를 넘지 않은 기간 동안 속눈썹과 눈썹의 밀도가 눈에 띄게 개선되었습니다. \u003cspan class=\"eye-icon\"\u003e👁️\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section2\"\u003e\n\u003ch2 class=\"title\"\u003e속눈썹과 눈썹 모낭의 50% 이상이 휴면 상태로 성장을 촉진할 자극을 기다리고 있습니다.\u003c\/h2\u003e\n\u003cp class=\"description\"\u003e위쪽 속눈썹에는 150~200개의 모낭이 있고 아래쪽 속눈썹에는 75~100개의 모낭이 있습니다.지금 당신의 눈 속 속눈썹 수를 세어보면, 그 털이 모낭 수의 50%도 안 되는 것을 알 수 있습니다.\u003c\/p\u003e\n\u003cp class=\"description\"\u003e속눈썹의 50%-60%는 성장을 촉진하기 위해 화학적 자극이 필요하기 때문입니다.\u003c\/p\u003e\n\u003cdiv class=\"peptide-info\"\u003e\n\u003cdiv class=\"peptide-left\"\u003e\n\u003ch3 class=\"info-title\"\u003e폴리펩티드 기술\u003c\/h3\u003e\n\u003cp\u003e디오디너리 세럼에는 모낭을 자극하고 속눈썹과 눈썹의 밀도를 개선하는 4가지 첨단 펩타이드 성분이 함유되어 있습니다.이 펩타이드는 모낭에 단백질을 형성하고 콜라겐 수치를 향상시켜 더 풍성하고 조밀한 외모를 만드는 역할을 합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peptide-right\"\u003e\n\u003ch3\u003e4\u003c\/h3\u003e\n\u003cp\u003e고급 펩타이드 복합체\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"description\"\u003e이 세럼을 사용하면 다음과 같은 효과가 있습니다.\u003c\/p\u003e\n\u003cul class=\"features-list\"\u003e\n\u003cli\u003e활성 모낭의 길이를 늘리고 두께를 증가시킵니다.\u003c\/li\u003e\n\u003cli\u003e휴면구근을 발아시켜 성장단계에 돌입\u003c\/li\u003e\n\u003cli\u003e속눈썹 사이의 틈을 줄여 자연스러운 연장 효과를 줄 수 있습니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"description\"\u003e\u003cstrong\u003e오늘부터 값비싼 임시 속눈썹 시술 불필요\u003c\/strong\u003e이제 매 세션마다 막대한 돈을 지출하지만 자연스럽게 영구적인 결과와 부작용이 없는 이러한 모습을 얻을 수 있습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"timelineSection\"\u003e\n\u003ch2 class=\"title\"\u003eThe Ordinary의 속눈썹 \u0026amp; 브로우 세럼으로 결과를 향한 여행을 떠나보세요\u003c\/h2\u003e\n\u003cp class=\"description\"\u003e정기적인 사용으로 속눈썹과 눈썹의 점진적인 변화를 발견해보세요.계속 사용하시면 속눈썹과 눈썹의 밀도, 길이, 모양이 눈에 띄게 개선되는 것을 느끼실 수 있습니다!\u003c\/p\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-track\"\u003e\n\u003cdiv class=\"timeline-progress\" id=\"timelineProgress\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-markers\"\u003e\n\u003cdiv class=\"timeline-marker active\" data-week=\"1\" onclick=\"showTimelineContent(0)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003e1주차\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\" data-week=\"2\" onclick=\"showTimelineContent(1)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003e2주차\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\" data-week=\"4\" onclick=\"showTimelineContent(2)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003e4주차\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\" data-week=\"8\" onclick=\"showTimelineContent(3)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003e8~12주차\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content active\" id=\"content-0\"\u003e\n\u003ch3\u003e1주차: 보습 및 강화\u003c\/h3\u003e\n\u003cp\u003e사용 첫날에는 속눈썹과 눈썹 부위에 수분감과 부드러움을 느낄 수 있습니다.아직 눈에 보이는 결과가 나타나지 않을 수도 있지만 활성 성분은 이미 모낭에 침투하여 영양을 공급하기 시작했습니다.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e속눈썹과 눈썹 부위에 수분을 공급하고 부드럽게 해줍니다.\u003c\/li\u003e\n\u003cli\u003e기존 모발의 초기 강화\u003c\/li\u003e\n\u003cli\u003e속눈썹 손실 감소\u003c\/li\u003e\n\u003cli\u003e성장을 위해 휴면 모낭 준비\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-1\"\u003e\n\u003ch3\u003e두 번째 주: 개선의 징후가 나타나기 시작합니다.\u003c\/h3\u003e\n\u003cp\u003e이 시점에서 속눈썹과 눈썹 모양이 약간 개선되는 것을 느끼기 시작할 것입니다.일부 사용자는 특히 희박한 부위에서 새로운 모발의 성장을 발견합니다.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e속눈썹 밀도가 약간 증가\u003c\/li\u003e\n\u003cli\u003e눈썹의 빈틈을 메우기 시작해요\u003c\/li\u003e\n\u003cli\u003e속눈썹이 튼튼해지고 빠지는 현상이 줄어듭니다\u003c\/li\u003e\n\u003cli\u003e기존 모발이 더욱 건강하고 생기있게 보입니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-2\"\u003e\n\u003ch3\u003e4주차: 밀도와 길이의 눈에 띄는 개선\u003c\/h3\u003e\n\u003cp\u003e한 달 동안 정기적으로 사용하면 임상 연구에서 속눈썹과 눈썹의 볼륨과 밀도가 크게 개선되는 것으로 나타났습니다.이 단계에서는 사용 전과 비교하여 확연한 차이를 느낄 수 있습니다.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e눈에 띄는 속눈썹 길이 증가\u003c\/li\u003e\n\u003cli\u003e눈썹의 밀도가 높아지고 풍성해집니다.\u003c\/li\u003e\n\u003cli\u003e보이드 및 갭의 명확한 감소\u003c\/li\u003e\n\u003cli\u003e머리카락이 더 강해지고 윤기나는 모습\u003c\/li\u003e\n\u003cli\u003e더욱 굴곡있고 매력적인 속눈썹\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-3\"\u003e\n\u003ch3\u003e8~12주차: 완전하고 지속 가능한 결과\u003c\/h3\u003e\n\u003cp\u003e8~12주 동안 계속 사용하면 가능한 최대의 결과를 얻을 수 있습니다.이 단계에서는 속눈썹과 눈썹의 모양이 자연스럽고 지속적으로 완전히 변화되는 것을 느끼실 수 있습니다.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e눈에 띄게 길고 두꺼운 속눈썹\u003c\/li\u003e\n\u003cli\u003e풍성하고 모양이 좋은 눈썹\u003c\/li\u003e\n\u003cli\u003e보이드와 틈이 거의 완전히 사라짐\u003c\/li\u003e\n\u003cli\u003e에센스를 닮은 건강하고 자연스러운 모습\u003c\/li\u003e\n\u003cli\u003e정기적으로 사용하는 한 지속적인 결과\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section4\"\u003e\n\u003ch2 class=\"title\"\u003e독특한 세럼 포뮬러에 숨은 과학의 힘\u003c\/h2\u003e\n\u003cdiv class=\"info-box\"\u003e\n\u003cdiv style=\"display: flex; align-items: center;\"\u003e\n\u003cdiv class=\"science-icon\"\u003e🧪\u003c\/div\u003e\n\u003ch3 class=\"info-title\"\u003e고급 포뮬러에 담긴 11가지 활성 성분\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp class=\"description\"\u003e오디너리 세럼은 모낭을 자극하고 속눈썹과 눈썹의 성장과 밀도를 촉진하는 4가지 고급 펩타이드 복합체와 강력한 식물 추출물을 포함한 11가지 활성 성분의 독특한 조합을 함유하고 있습니다.\u003c\/p\u003e\n\u003ch4 style=\"margin-top: 20px; color: #9C8102;\"\u003e주요 성분:\u003c\/h4\u003e\n\u003cul class=\"features-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e미리스토일 펜타펩타이드-17:\u003c\/strong\u003e 모발 성장을 자극하고 모낭을 강화합니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e비오티닐 트리펩타이드-1:\u003c\/strong\u003e 모발의 성장주기를 촉진하고 탈모를 감소시킵니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e올리고펩타이드-2:\u003c\/strong\u003e 모발의 밀도를 향상시키고 굵기를 증가시킵니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e아세틸테트라펩타이드-3:\u003c\/strong\u003e 콜라겐 생성을 지원하여 모발의 힘을 강화합니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e카페인:\u003c\/strong\u003e 혈액순환을 활성화하고 모발 성장을 촉진합니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e식물 추출물:\u003c\/strong\u003e 모낭에 영양을 공급하고 보호하며 건강을 향상시킵니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section5\"\u003e\n\u003ch2 class=\"title\"\u003e최상의 결과를 위한 사용 방법\u003c\/h2\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-content\"\u003e\n\u003ch4\u003e먼저 피부를 깨끗하게 해주세요\u003c\/h4\u003e\n\u003cp\u003e속눈썹과 눈썹 부위에 메이크업이나 오일을 깨끗이 닦아낸 후 완전히 건조시켜주세요.\u003c\/p\u003e\n\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-content\"\u003e\n\u003ch4\u003e세럼을 얇게 바르고\u003c\/h4\u003e\n\u003cp\u003e브러쉬를 이용해 속눈썹 라인과 눈썹 부위에 얇게 펴 바르고, 부족한 부분은 꼭 커버해 주세요.\u003c\/p\u003e\n\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-content\"\u003e\n\u003ch4\u003e매일 2회 사용하세요.\u003c\/h4\u003e\n\u003cp\u003e최상의 결과를 얻으려면 아침과 저녁에 정기적으로 세럼을 사용하십시오.\u003c\/p\u003e\n\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-content\"\u003e\n\u003ch4\u003e최소 4주 동안 계속하세요\u003c\/h4\u003e\n\u003cp\u003e결과는 점진적으로 나타나며, 정기적으로 사용하면 8~12주 후에 최고조에 이릅니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section6\"\u003e\n\u003ch2 class=\"title\"\u003e완전한 재료\u003c\/h2\u003e\n\u003cdiv class=\"info-box\"\u003e\n\u003cp class=\"ingredients-list\"\u003e\n        정제수, 글리세린, 부틸렌글라이콜, 미리스토일펜타펩타이드-17, 부티노일트리펩타이드-1, 올리고펩타이드-2, 아세틸테트라펩타이드-3, 카페인, 판테놀, 아르기닌, 글리신, 당단백질, 라릭스삼나무추출물, 토끼풀추출물, 동백나무잎추출물, 덱스트란, 말토덱스트린, 아연염화물, 하이드록시에틸셀룰로오스, 잔탄검, 에틸렌디아민디숙신산삼나트륨, 폴리소르베이트 20, 메타중아황산나트륨, 카프릴릴글리콜, 1,2-헥산디올, 벤조산나트륨, 벤조산, 에칠헥실글리세린, 페녹시에탄올, 클로르페네신.\n      \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n  \/\/ Make all sections visible initially to fix display issues\n  document.addEventListener('DOMContentLoaded', function() {\n    \/\/ Make all sections visible\n    const sections = document.querySelectorAll('.section');\n    sections.forEach(section =\u003e {\n      section.classList.add('active');\n    });\n    \n    \/\/ Initialize timeline functionality\n    initializeTimeline();\n  });\n  \n  \/\/ Timeline functionality\n  function initializeTimeline() {\n    \/\/ Set the first marker active by default\n    const progress = document.getElementById('timelineProgress');\n    progress.style.width = '0%';\n  }\n  \n  \/\/ Show timeline content\n  function showTimelineContent(index) {\n    \/\/ Reset all markers and contents\n    const markers = document.querySelectorAll('.timeline-marker');\n    const contents = document.querySelectorAll('.timeline-content');\n    \n    markers.forEach(m =\u003e m.classList.remove('active'));\n    contents.forEach(c =\u003e c.classList.remove('active'));\n    \n    \/\/ Activate selected marker and content\n    markers[index].classList.add('active');\n    contents[index].classList.add('active');\n    \n    \/\/ Update progress bar\n    const progress = document.getElementById('timelineProgress');\n    const progressWidth = [0, 33, 66, 100][index];\n    progress.style.width = progressWidth + '%';\n  }\n\u003c\/script\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":41922894594245,"sku":"","price":900.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/The_ordinary_multipeptide_eyelashes_eyebrows_serum_2.jpg?v=1735483832","url":"https:\/\/instachiq.com\/ko\/products\/thr-ordinary-multipeptide-eyebrows-eyelash-serum","provider":"Instachiq","version":"1.0","type":"link"}