{"product_id":"bobana-hair-serum-jojoba-oil-for-dull-frizzy-hair-100ml","title":"BOBANA Hair Serum Jojoba Oil For Dull \u0026 Frizzy Hair 100ml","description":"\u003c!-- BOBANA Hair Serum Product Description --\u003e\n\u003cstyle\u003e\n  .bobana-container {\n    line-height: 1.6;\n    color: #333;\n    max-width: 1200px;\n    margin: 0 auto;\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n    overflow: hidden;\n  }\n  \n  .hero-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\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: 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=\"0.5\" fill=\"%23ffffff\" opacity=\"0.05\"\/\u003e\u003ccircle cx=\"75\" cy=\"75\" r=\"0.3\" fill=\"%23ffffff\" opacity=\"0.03\"\/\u003e\u003ccircle cx=\"50\" cy=\"10\" r=\"0.4\" fill=\"%23ffffff\" opacity=\"0.04\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23grain)\"\/\u003e\u003c\/svg\u003e');\n    animation: float 20s ease-in-out infinite;\n  }\n  \n  .hero-title {\n    font-size: 2.5rem;\n    font-weight: 700;\n    margin-bottom: 1rem;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: heroSlide 1s ease-out;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .hero-subtitle {\n    font-size: 1.1rem;\n    opacity: 0.9;\n    max-width: 600px;\n    margin: 0 auto;\n    animation: heroFade 1s ease-out 0.3s both;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .product-showcase {\n    padding: 3rem 2rem;\n    text-align: center;\n    position: relative;\n  }\n  \n  .product-image {\n    max-width: 400px;\n    width: 100%;\n    height: auto;\n    border-radius: 20px;\n    box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n    margin: 2rem auto;\n    display: block;\n  }\n  \n  .product-image:hover {\n    transform: translateY(-10px) scale(1.02);\n    box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n  }\n  \n  .product-name {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin: 2rem 0 1rem;\n    animation: slideUp 0.8s ease-out 0.2s both;\n  }\n  \n  .product-intro {\n    font-size: 1.1rem;\n    color: #555;\n    max-width: 800px;\n    margin: 0 auto 3rem;\n    animation: slideUp 0.8s ease-out 0.4s both;\n  }\n  \n  .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 2rem;\n    padding: 2rem;\n    margin: 3rem 0;\n  }\n  \n  .benefit-card {\n    background: white;\n    border-radius: 15px;\n    padding: 2rem;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    border: 2px solid transparent;\n    animation: cardSlide 0.6s ease-out both;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .benefit-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #9C8102, #D4AF37);\n    transform: scaleX(0);\n    transition: transform 0.4s ease;\n  }\n  \n  .benefit-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n    border-color: #9C8102;\n  }\n  \n  .benefit-card:hover::before {\n    transform: scaleX(1);\n  }\n  \n  .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n  .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n  .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n  .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n  \n  .benefit-number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    color: white;\n    border-radius: 50%;\n    font-weight: bold;\n    margin-bottom: 1rem;\n    animation: pulse 2s ease-in-out infinite;\n    font-size: 1.1rem;\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  .section {\n    padding: 3rem 2rem;\n    margin: 2rem 0;\n  }\n  \n  .section-title {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    text-align: center;\n    margin-bottom: 2rem;\n    animation: slideUp 0.8s ease-out both;\n  }\n  \n  .section-content {\n    max-width: 800px;\n    margin: 0 auto;\n    animation: slideUp 0.8s ease-out 0.2s both;\n  }\n  \n  .two-column {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 3rem;\n    align-items: center;\n    margin: 3rem 0;\n  }\n  \n  .content-image {\n    width: 100%;\n    max-width: 350px;\n    height: auto;\n    border-radius: 15px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n    transition: all 0.5s ease;\n    animation: imageSlide 0.8s ease-out both;\n  }\n  \n  .content-image:hover {\n    transform: scale(1.05) rotate(1deg);\n    box-shadow: 0 25px 60px rgba(0,0,0,0.15);\n  }\n  \n  .text-content {\n    animation: slideUp 0.8s ease-out 0.3s both;\n  }\n  \n  .text-content h3 {\n    font-size: 1.5rem;\n    color: #9C8102;\n    margin-bottom: 1rem;\n    font-weight: 600;\n  }\n  \n  .text-content p {\n    color: #555;\n    margin-bottom: 1rem;\n    line-height: 1.7;\n  }\n  \n  .feature-list {\n    list-style: none;\n    padding: 0;\n    margin: 1.5rem 0;\n  }\n  \n  .feature-list li {\n    padding: 0.8rem 0;\n    border-bottom: 1px solid #eee;\n    position: relative;\n    padding-right: 2rem;\n    animation: listSlide 0.5s ease-out both;\n    color: #555;\n  }\n  \n  .feature-list li:nth-child(1) { animation-delay: 0.1s; }\n  .feature-list li:nth-child(2) { animation-delay: 0.2s; }\n  .feature-list li:nth-child(3) { animation-delay: 0.3s; }\n  .feature-list li:nth-child(4) { animation-delay: 0.4s; }\n  \n  .feature-list li::before {\n    content: '✓';\n    position: absolute;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    font-weight: bold;\n    font-size: 1.2rem;\n  }\n  \n  .timeline {\n    padding: 3rem 2rem;\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n  }\n  \n  .timeline-item {\n    display: flex;\n    margin: 2rem 0;\n    animation: timelineSlide 0.8s ease-out both;\n    align-items: flex-start;\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-marker {\n    width: 60px;\n    height: 60px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-weight: bold;\n    margin-left: 2rem;\n    flex-shrink: 0;\n    animation: markerPulse 2s ease-in-out infinite;\n  }\n  \n  .timeline-content {\n    background: white;\n    padding: 1.5rem;\n    border-radius: 15px;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    margin-right: 1rem;\n    flex-grow: 1;\n    border-right: 4px solid #9C8102;\n  }\n  \n  .timeline-content h4 {\n    color: #9C8102;\n    margin-bottom: 0.5rem;\n    font-size: 1.2rem;\n    font-weight: 600;\n  }\n  \n  .cta-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    position: relative;\n    overflow: hidden;\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 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n    animation: ctaGlow 4s ease-in-out infinite alternate;\n  }\n  \n  .cta-title {\n    font-size: 2.2rem;\n    font-weight: 600;\n    margin-bottom: 1rem;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: slideUp 0.8s ease-out both;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .cta-text {\n    font-size: 1.1rem;\n    opacity: 0.9;\n    margin-bottom: 2rem;\n    max-width: 600px;\n    margin-left: auto;\n    margin-right: auto;\n    animation: slideUp 0.8s ease-out 0.2s both;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .floating-elements {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    pointer-events: none;\n    overflow: hidden;\n  }\n  \n  .floating-element {\n    position: absolute;\n    width: 10px;\n    height: 10px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    opacity: 0.3;\n    animation: floatUp 8s linear infinite;\n  }\n  \n  .floating-element:nth-child(1) { left: 10%; animation-delay: 0s; }\n  .floating-element:nth-child(2) { left: 30%; animation-delay: 2s; }\n  .floating-element:nth-child(3) { left: 50%; animation-delay: 4s; }\n  .floating-element:nth-child(4) { left: 70%; animation-delay: 6s; }\n  .floating-element:nth-child(5) { left: 90%; animation-delay: 1s; }\n  \n  @keyframes heroSlide {\n    0% { transform: translateY(30px); opacity: 0; }\n    100% { transform: translateY(0); opacity: 1; }\n  }\n  \n  @keyframes heroFade {\n    0% { opacity: 0; transform: translateY(20px); }\n    100% { opacity: 0.9; transform: translateY(0); }\n  }\n  \n  @keyframes slideUp {\n    0% { transform: translateY(30px); opacity: 0; }\n    100% { transform: translateY(0); opacity: 1; }\n  }\n  \n  @keyframes cardSlide {\n    0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n    100% { transform: translateY(0) scale(1); opacity: 1; }\n  }\n  \n  @keyframes imageFloat {\n    0%, 100% { transform: translateY(0px); }\n    50% { transform: translateY(-10px); }\n  }\n  \n  @keyframes imageSlide {\n    0% { transform: translateX(-30px); opacity: 0; }\n    100% { transform: translateX(0); opacity: 1; }\n  }\n  \n  @keyframes listSlide {\n    0% { transform: translateX(-20px); opacity: 0; }\n    100% { transform: translateX(0); opacity: 1; }\n  }\n  \n  @keyframes timelineSlide {\n    0% { transform: translateX(-50px); opacity: 0; }\n    100% { transform: translateX(0); opacity: 1; }\n  }\n  \n  @keyframes pulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.05); }\n  }\n  \n  @keyframes markerPulse {\n    0%, 100% { box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n    50% { box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n  }\n  \n  @keyframes float {\n    0%, 100% { transform: translateY(0px) rotate(0deg); }\n    33% { transform: translateY(-10px) rotate(1deg); }\n    66% { transform: translateY(5px) rotate(-1deg); }\n  }\n  \n  @keyframes floatUp {\n    0% { transform: translateY(100vh) rotate(0deg); opacity: 0; }\n    10% { opacity: 0.3; }\n    90% { opacity: 0.3; }\n    100% { transform: translateY(-100px) rotate(360deg); opacity: 0; }\n  }\n  \n  @keyframes ctaGlow {\n    0% { opacity: 0.1; }\n    100% { opacity: 0.3; }\n  }\n  \n  @media (max-width: 768px) {\n    .hero-title {\n      font-size: 2rem;\n    }\n    \n    .two-column {\n      grid-template-columns: 1fr;\n      gap: 2rem;\n    }\n    \n    .reverse-mobile {\n      display: flex;\n      flex-direction: column;\n    }\n    \n    .reverse-mobile .content-image {\n      order: -1;\n      margin-bottom: 1rem;\n    }\n    \n    .benefits-grid {\n      grid-template-columns: 1fr;\n    }\n    \n    .timeline-item {\n      flex-direction: column;\n      text-align: center;\n    }\n    \n    .timeline-marker {\n      margin: 1rem auto;\n    }\n    \n    .timeline-content {\n      margin: 0;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"bobana-container\"\u003e\n\u003c!-- Floating Elements --\u003e\n\u003cdiv class=\"floating-elements\"\u003e\n\u003cdiv class=\"floating-element\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-element\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-element\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-element\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-element\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003e태양은 매일 당신의 머리를 태워버립니다. 하지만 당신은 상관하지 않습니다!\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e당신의 머리카락은 서서히 죽어가고 있습니다. 그리고 매일매일 당신은 다시는 돌아오지 않는 머리카락을 잃습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cimg alt=\"BOBANA Hair Serum\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana_jojoba_oil_heat_protectant_serum_3.webp?v=1751730801\"\/\u003e\n\u003ch2 class=\"product-name\"\u003eBOBANA 헤어 세럼 호호바 오일 - 모발을 위한 종합 보호막\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n      거리에 나갈 때마다, 헤어드라이어나 다리미를 사용할 때마다, 머리카락을 햇빛과 바람에 노출시킬 때마다... 크림으로 피부를 보호하고 있는데 머리카락이 맞나요?당신의 머리카락은 아무런 보호도 없이 홀로 남겨져 이 모든 적들과 싸우고 있습니다!\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Grid --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003e하나의 제품에 4가지 근본적인 솔루션이 들어있습니다.\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e종합적인 자외선 차단 SPF 30+\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e각질을 파괴하고 모발 컬러를 칙칙하게 만드는 자외선으로부터 보호하는 첨단 포뮬러로 모발을 위해 특별히 고안된 최초의 자외선 차단제입니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e스타일링 방열판\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e드라이어와 다리미의 고온으로부터 모발을 보호하는 보온층으로, 단백질의 연소와 모발의 건조를 방지합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e갈라진 끝을 위한 마법의 해결책\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e모발 구조의 갈라진 부분을 치유하고 약한 끝 부분을 강화하여 갈라진 끝이 위쪽으로 퍼지는 것을 방지하는 회복 포뮬러입니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e곱슬머리 완벽 컨트롤\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e정전기를 제거하고 모발의 무게를 부드럽게 줄여 어떤 날씨 조건에서도 모발을 관리할 수 있습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product Details --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"two-column\"\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch2 class=\"section-title\"\u003eBOBANA: 재난으로부터 머리카락을 지켜줄 화학적 기적\u003c\/h2\u003e\n\u003ch3\u003e단순한 세럼이 아닌, 모발을 위한 통합 보호 시스템입니다.\u003c\/h3\u003e\n\u003cp\u003eBOBANA 세럼은 시중에서 찾을 수 있는 다른 제품과 다릅니다.이 \u003cstrong\u003e완전한 방공\u003c\/strong\u003e 매일 모발을 파괴하는 모든 요인으로부터 모발을 보호하세요.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"BOBANA Product\" class=\"content-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana_jojoba_oil_heat_protectant_serum_4.webp?v=1751731054\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Jojoba Oil Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"two-column\"\u003e\n\u003cimg alt=\"Jojoba Oil\" class=\"content-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/jojoba_oil.jpg?v=1751731143\"\/\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch3\u003e호호바 오일: 머리카락의 천연 오일을 모방한 천연 기적\u003c\/h3\u003e\n\u003cp\u003e호호바 오일은 단순한 오일이 아닙니다. \u003cstrong\u003e천연 왁스 같은 액체\u003c\/strong\u003e 이 제품의 포뮬러는 두피의 천연 오일과 97% 유사합니다.\u003c\/p\u003e\n\u003cul class=\"feature-list\"\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\u003cli\u003e\n\u003cstrong\u003e바깥층에 닿아요\u003c\/strong\u003e 머리를 열고 닫으려면\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e자연 수분을 잠급니다\u003c\/strong\u003e 24시간 동안 머리카락을 그대로 놓아두세요\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SPF Protection --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"two-column reverse-mobile\"\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch3\u003eSPF 30+ 보호: 머리카락에도 피부와 마찬가지로 자외선 차단제가 필요합니다!\u003c\/h3\u003e\n\u003cp\u003e머리카락은 피부에 해를 끼치는 것과 동일한 자외선에 노출되지만, 하루 종일 노출되기 때문에 더 많은 양이 노출됩니다.\u003c\/p\u003e\n\u003cul class=\"feature-list\"\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\u003cp\u003e\u003cstrong\u003eBOBANA 핸드 세럼 SPF 30+ 보호\u003c\/strong\u003e - 썬크림을 바르는 것과 마찬가지로 머리카락에도 같은 작용을 합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"SPF Protection\" class=\"content-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana_jojoba_oil_heat_protectant_serum_1.webp?v=1751731174\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Heat Protection --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"two-column\"\u003e\n\u003cimg alt=\"Hair Protection\" class=\"content-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/damaged-hair.jpg?v=1751731310\"\/\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch3\u003e열 보호: 머리카락이 타는 시대는 끝났다\u003c\/h3\u003e\n\u003cp\u003e보호 장치 없이 헤어드라이어나 다리미를 사용할 때마다 마치 라이터로 머리카락을 태우는 것과 같습니다!\u003c\/p\u003e\n\u003cp\u003e철의 온도는 섭씨 200도에 이릅니다.머리카락은 60도 정도의 열만 견딜 수 있습니다.\u003c\/p\u003e\n\u003cul class=\"feature-list\"\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\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\u003c\/div\u003e\n\u003c!-- Split Ends \u0026 Flyaway Hair --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003ch2 class=\"section-title\"\u003e갈라진 끝 부분을 복구하고 곱슬머리를 조절합니다.\u003c\/h2\u003e\n\u003cdiv class=\"two-column\"\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch3\u003e끝이 갈라지는 것은 단순한 미학적 문제가 아니라 위험 신호입니다!\u003c\/h3\u003e\n\u003cp\u003e머리카락이 갈라지면 유리에 금이 퍼지는 것처럼 갈라진 부분이 위쪽으로 끝납니다.\u003c\/p\u003e\n\u003cul class=\"feature-list\"\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\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\u003cdiv class=\"text-content\"\u003e\n\u003ch3\u003e곱슬머리 = 극도의 건조함과 정전기의 징후\u003c\/h3\u003e\n\u003cp\u003e머리카락이 건조해지면 전기 전도 능력이 떨어지기 때문에 머리카락 표면에 전하가 모이게 됩니다.\u003c\/p\u003e\n\u003cul class=\"feature-list\"\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\u003cli\u003e\n\u003cstrong\u003e보호 계층을 만듭니다.\u003c\/strong\u003e 전하 축적 방지\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!-- Safe Formula --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003ch2 class=\"section-title\"\u003e파라벤 및 황산염 무첨가: 유해하지 않은 청결함\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.1rem; color: #555; max-width: 700px; margin: 0 auto;\"\u003e\n\u003cstrong\u003e파라벤:\u003c\/strong\u003e 값싼 방부제이지만 조직에 축적되어 알레르기와 자극을 유발합니다.\u003cbr\/\u003e\n\u003cstrong\u003e황산염:\u003c\/strong\u003e 천연 오일을 제거하고 머리카락을 빨대처럼 남겨주는 매우 강력한 클렌저\u003cbr\/\u003e\u003cbr\/\u003e\n\u003cstrong\u003eBOBANA는 어렵고 비용이 많이 드는 길을 선택했습니다.\u003c\/strong\u003e 동시에 안전하고 효과적인 천연 대안을 사용하십시오.\n      \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Results --\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003ch2 class=\"section-title\"\u003e변화의 여정: BOBANA를 사용하면 머리카락에 어떤 일이 일어날까요?\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003e처음 사용부터\u003c\/h4\u003e\n\u003cul class=\"feature-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\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e1\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003e일주일 후\u003c\/h4\u003e\n\u003cul class=\"feature-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\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e7\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003e2주 후\u003c\/h4\u003e\n\u003cul class=\"feature-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\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e14\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003e한 달 후\u003c\/h4\u003e\n\u003cul class=\"feature-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\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e30\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Proposition --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003ch2 class=\"section-title\"\u003e가격대비 탁월한 가치\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\" style=\"margin-top: 2rem;\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e4가지 제품이 하나로\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e자외선 차단제 + 열 보호 + 갈라진 끝 처리 + 곱슬거림 제어\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e100ml 병\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e농축된 포뮬러로 4~6개월간 매일 사용하기에 충분합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e빠른 흡수\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e모발에 기름기가 많거나 무거운 효과를 남기지 않습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e누적 결과\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e각 사용은 이전 사용을 기반으로 합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003e당신의 머리카락은 당신이 올바른 결정을 내리기를 기다리고 있습니다... 너무 늦기 전에\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n      머리 관리를 미루는 날마다 머리카락이 약해지는 날입니다.태양, 열, 오염, 방치 등은 모두 연중무휴 24시간 내내 당신에게 불리한 요인입니다.\n    \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eBOBANA 헤어 세럼은 단순한 뷰티 제품이 아닙니다... 그것은 당신의 자신감에 대한 투자입니다.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Enhanced hover effects for benefit cards\n  const benefitCards = document.querySelectorAll('.benefit-card');\n  benefitCards.forEach(card =\u003e {\n    card.addEventListener('mouseenter', function() {\n      this.style.transform = 'translateY(-12px) scale(1.02)';\n      this.style.boxShadow = '0 25px 60px rgba(156, 129, 2, 0.2)';\n    });\n    \n    card.addEventListener('mouseleave', function() {\n      this.style.transform = 'translateY(0) scale(1)';\n      this.style.boxShadow = '0 10px 30px rgba(0,0,0,0.08)';\n    });\n  });\n  \n  \/\/ Enhanced parallax effect for floating elements\n  let ticking = false;\n  \n  function updateFloatingElements() {\n    const scrolled = window.pageYOffset;\n    const floatingElements = document.querySelectorAll('.floating-element');\n    \n    floatingElements.forEach((element, index) =\u003e {\n      const speed = 0.5 + (index * 0.1);\n      const yPos = -(scrolled * speed);\n      element.style.transform = `translateY(${yPos}px) rotate(${scrolled * 0.1}deg)`;\n    });\n    \n    ticking = false;\n  }\n  \n  function requestTick() {\n    if (!ticking) {\n      requestAnimationFrame(updateFloatingElements);\n      ticking = true;\n    }\n  }\n  \n  window.addEventListener('scroll', requestTick);\n  \n  \/\/ Timeline marker animation enhancement\n  const timelineMarkers = document.querySelectorAll('.timeline-marker');\n  timelineMarkers.forEach((marker, index) =\u003e {\n    setTimeout(() =\u003e {\n      marker.style.animation = `markerPulse 2s ease-in-out infinite ${index * 0.5}s`;\n    }, index * 200);\n  });\n  \n  \/\/ Dynamic text effects\n  const dynamicTexts = document.querySelectorAll('.hero-title, .cta-title');\n  dynamicTexts.forEach(text =\u003e {\n    text.addEventListener('mouseenter', function() {\n      this.style.textShadow = '0 0 20px rgba(156, 129, 2, 0.3)';\n      this.style.transform = 'scale(1.02)';\n    });\n    \n    text.addEventListener('mouseleave', function() {\n      this.style.textShadow = 'none';\n      this.style.transform = 'scale(1)';\n    });\n  });\n});\n\u003c\/script\u003e","brand":"Bobana","offers":[{"title":"Default Title","offer_id":44878300479685,"sku":null,"price":170.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-serum-brwith-jojoba-oil-688273.webp?v=1751730739","url":"https:\/\/instachiq.com\/ko\/products\/bobana-hair-serum-jojoba-oil-for-dull-frizzy-hair-100ml","provider":"Instachiq","version":"1.0","type":"link"}