{"product_id":"bobana-honey-collagen-scrub","title":"Bobana Honey \u0026 Collagen Scrub","description":"\u003c!-- BOBANA Honey \u0026 Collagen Scrub Product Description --\u003e\n\u003cstyle\u003e\n  .bobana-honey-container {\n    line-height: 1.6;\n    color: #333;\n    max-width: 1200px;\n    margin: 0 auto;\n    background: linear-gradient(135deg, #fefcf8 0%, #ffffff 100%);\n    overflow: hidden;\n  }\n  \n  .hero-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #8B4513 0%, #CD853F 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=\"honey\" width=\"60\" height=\"60\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"15\" cy=\"15\" r=\"2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"45\" cy=\"45\" r=\"1.5\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"30\" cy=\"50\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23honey)\"\/\u003e\u003c\/svg\u003e');\n    animation: honeyFlow 35s 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, #FFD700, #FFA500);\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: 700px;\n    margin: 0 auto;\n    animation: heroFade 1s ease-out 0.3s both;\n    position: relative;\n    z-index: 2;\n    line-height: 1.7;\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(255, 165, 0, 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(255, 165, 0, 0.25);\n  }\n  \n  .product-name {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #FF8C00;\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    line-height: 1.7;\n  }\n  \n  .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 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, #FFD700, #FFA500);\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(255, 165, 0, 0.15);\n    border-color: #FF8C00;\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  \n  .benefit-number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 50px;\n    height: 50px;\n    background: linear-gradient(45deg, #FFD700, #FFA500);\n    color: white;\n    border-radius: 50%;\n    font-weight: bold;\n    margin-bottom: 1rem;\n    animation: honeyglow 3s ease-in-out infinite;\n    font-size: 1.2rem;\n  }\n  \n  .benefit-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #FF8C00;\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: #FF8C00;\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: #FF8C00;\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-left: 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    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 15px;\n    height: 15px;\n    background: linear-gradient(45deg, #FFD700, #FFA500);\n    border-radius: 50%;\n  }\n  \n  .feature-list li::after {\n    content: '🍯';\n    position: absolute;\n    left: 3px;\n    top: 50%;\n    transform: translateY(-50%);\n    font-size: 0.6rem;\n  }\n  \n  .technology-section {\n    background: linear-gradient(135deg, #FFF8DC 0%, #ffffff 100%);\n    border-radius: 20px;\n    padding: 3rem 2rem;\n    margin: 3rem 0;\n    border-left: 5px solid #FFD700;\n  }\n  \n  .tech-features {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 2rem;\n    margin-top: 2rem;\n  }\n  \n  .tech-feature {\n    background: white;\n    border-radius: 12px;\n    padding: 1.5rem;\n    box-shadow: 0 8px 25px rgba(0,0,0,0.06);\n    border-top: 3px solid #FFA500;\n    animation: cardSlide 0.6s ease-out both;\n    transition: all 0.3s ease;\n  }\n  \n  .tech-feature:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 12px 35px rgba(255, 165, 0, 0.12);\n  }\n  \n  .tech-feature:nth-child(1) { animation-delay: 0.1s; }\n  .tech-feature:nth-child(2) { animation-delay: 0.2s; }\n  .tech-feature:nth-child(3) { animation-delay: 0.3s; }\n  \n  .ingredient-section {\n    background: linear-gradient(135deg, #8B4513 0%, #CD853F 100%);\n    color: white;\n    padding: 4rem 2rem;\n    border-radius: 20px;\n    margin: 3rem 0;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .ingredient-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 70% 30%, rgba(255, 215, 0, 0.1) 0%, transparent 50%);\n    animation: ctaGlow 4s ease-in-out infinite alternate;\n  }\n  \n  .ingredient-cards {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 2rem;\n    margin: 3rem 0;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .ingredient-card {\n    background: rgba(255,255,255,0.1);\n    border-radius: 15px;\n    padding: 2rem;\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255,255,255,0.1);\n    animation: cardSlide 0.6s ease-out both;\n    transition: all 0.3s ease;\n  }\n  \n  .ingredient-card:hover {\n    background: rgba(255,255,255,0.15);\n    transform: translateY(-5px);\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-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #FFD700;\n    margin-bottom: 1rem;\n  }\n  \n  .ingredient-icon {\n    font-size: 2rem;\n    margin-bottom: 1rem;\n    display: block;\n  }\n  \n  .value-section {\n    background: linear-gradient(135deg, #FFF8DC 0%, #ffffff 100%);\n    padding: 3rem 2rem;\n    border-radius: 20px;\n    margin: 3rem 0;\n    text-align: center;\n  }\n  \n  .value-highlights {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 2rem;\n    margin: 2rem 0;\n  }\n  \n  .value-item {\n    background: white;\n    border-radius: 12px;\n    padding: 1.5rem;\n    box-shadow: 0 8px 25px rgba(0,0,0,0.06);\n    border-top: 3px solid #FFD700;\n    animation: cardSlide 0.6s ease-out both;\n  }\n  \n  .value-number {\n    font-size: 1.8rem;\n    font-weight: bold;\n    color: #FF8C00;\n    margin-bottom: 0.5rem;\n  }\n  \n  .usage-section {\n    background: white;\n    border-radius: 20px;\n    padding: 3rem 2rem;\n    margin: 3rem 0;\n    border: 2px solid #FFD700;\n  }\n  \n  .usage-steps {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 2rem;\n    margin-top: 2rem;\n  }\n  \n  .usage-step {\n    text-align: center;\n    padding: 1.5rem;\n    border-radius: 12px;\n    background: linear-gradient(135deg, #FFF8DC 0%, #ffffff 100%);\n    animation: cardSlide 0.6s ease-out both;\n    transition: all 0.3s ease;\n  }\n  \n  .usage-step:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 10px 25px rgba(255, 165, 0, 0.1);\n  }\n  \n  .step-number {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(45deg, #FFD700, #FFA500);\n    color: white;\n    border-radius: 50%;\n    font-weight: bold;\n    margin-bottom: 1rem;\n    font-size: 1.1rem;\n  }\n  \n  .results-timeline {\n    padding: 3rem 2rem;\n    background: linear-gradient(135deg, #FFF8DC 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  \n  .timeline-marker {\n    width: 80px;\n    height: 80px;\n    background: linear-gradient(45deg, #FFD700, #FFA500);\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: honeyPulse 2s ease-in-out infinite;\n    font-size: 0.8rem;\n    text-align: center;\n    line-height: 1.2;\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 #FF8C00;\n  }\n  \n  .timeline-content h4 {\n    color: #FF8C00;\n    margin-bottom: 0.5rem;\n    font-size: 1.2rem;\n    font-weight: 600;\n  }\n  \n  .warning-section {\n    background: linear-gradient(135deg, #FFF0F0 0%, #ffffff 100%);\n    border: 2px solid #FFA500;\n    border-radius: 15px;\n    padding: 2rem;\n    margin: 3rem 0;\n    text-align: center;\n    animation: warningPulse 3s ease-in-out infinite;\n  }\n  \n  .warning-icon {\n    font-size: 2rem;\n    color: #FF8C00;\n    margin-bottom: 1rem;\n  }\n  \n  .cta-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #8B4513 0%, #CD853F 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(255, 215, 0, 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, #FFD700, #FFA500);\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    line-height: 1.7;\n  }\n  \n  .floating-honey {\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  .honey-drop {\n    position: absolute;\n    width: 8px;\n    height: 12px;\n    background: linear-gradient(180deg, #FFD700, #FFA500);\n    border-radius: 50% 50% 50% 50% \/ 60% 60% 40% 40%;\n    opacity: 0.3;\n    animation: honeyDrop 10s linear infinite;\n  }\n  \n  .honey-drop:nth-child(1) { left: 10%; animation-delay: 0s; }\n  .honey-drop:nth-child(2) { left: 30%; animation-delay: 2s; }\n  .honey-drop:nth-child(3) { left: 50%; animation-delay: 4s; }\n  .honey-drop:nth-child(4) { left: 70%; animation-delay: 6s; }\n  .honey-drop:nth-child(5) { left: 90%; animation-delay: 8s; }\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 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 honeyglow {\n    0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.4); }\n    50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(255, 215, 0, 0); }\n  }\n  \n  @keyframes honeyPulse {\n    0%, 100% { box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.4); }\n    50% { box-shadow: 0 0 0 10px rgba(255, 215, 0, 0); }\n  }\n  \n  @keyframes honeyFlow {\n    0%, 100% { transform: translateY(0px) rotate(0deg); }\n    33% { transform: translateY(-8px) rotate(1deg); }\n    66% { transform: translateY(4px) rotate(-1deg); }\n  }\n  \n  @keyframes honeyDrop {\n    0% { transform: translateY(-100px) rotate(0deg); opacity: 0; }\n    10% { opacity: 0.3; }\n    90% { opacity: 0.3; }\n    100% { transform: translateY(100vh) rotate(180deg); opacity: 0; }\n  }\n  \n  @keyframes ctaGlow {\n    0% { opacity: 0.1; }\n    100% { opacity: 0.3; }\n  }\n  \n  @keyframes warningPulse {\n    0%, 100% { border-color: #FFA500; }\n    50% { border-color: #FFD700; }\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, .tech-features, .ingredient-cards, .value-highlights, .usage-steps {\n      grid-template-columns: 1fr;\n    }\n    \n    .timeline-item {\n      flex-direction: column;\n      text-align: center;\n    }\n    \n    .timeline-marker {\n      order: -1;\n      margin: 0 auto 1rem auto;\n    }\n    \n    .timeline-content {\n      margin: 0;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"bobana-honey-container\"\u003e\n\u003c!-- Floating Honey Drops --\u003e\n\u003cdiv class=\"floating-honey\"\u003e\n\u003cdiv class=\"honey-drop\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"honey-drop\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"honey-drop\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"honey-drop\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"honey-drop\"\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하루하루 지날수록 피부에 죽은 세포가 쌓여 칙칙하고 피곤해지며 기미가 늘어나는데... 무엇을 기다리시나요?껍질을 벗긴 \u003cstrong\u003eBOBANA\u003c\/strong\u003e 꿀과 콜라겐이 함유되어 간단한 한번으로 시간을 멈추고 젊고 빛나는 피부를 되찾아드립니다!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cimg alt=\"BOBANA Honey \u0026amp; Collagen Scrub\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-honey-collagen-scrub-972189.webp?v=1752353400\"\/\u003e\n\u003ch2 class=\"product-name\"\u003e보바나 허니\u0026amp;콜라겐 스크럽 - 젊음의 비결을 스크럽 하나로\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얼굴과 몸에 미치는 3가지 강력한 이점\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노화의 징후와 싸우세요\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\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Technology Section --\u003e\n\u003cdiv class=\"technology-section\"\u003e\n\u003cdiv class=\"two-column\"\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch2 style=\"color: #FF8C00; text-align: left;\"\u003e캡슐화 기술: 필링 세계의 진정한 발전\u003c\/h2\u003e\n\u003ch3\u003e부드럽고 둥근 과립 = 무통 각질 제거\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eBOBANA\u003c\/strong\u003e 최신 기술을 사용하여 손에 효과적이고 부드러운 각질 제거를 제공하세요.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Technology\" class=\"content-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-honey-collagen-scrub-508233.webp?v=1752353401\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-features\"\u003e\n\u003cdiv class=\"tech-feature\"\u003e\n\u003ch4 style=\"color: #FF8C00; margin-bottom: 1rem;\"\u003e완벽한 둥근 곡물\u003c\/h4\u003e\n\u003cp\u003e긁힌 자국이나 작은 상처도 없습니다\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\"\u003e\n\u003ch4 style=\"color: #FF8C00; margin-bottom: 1rem;\"\u003e고급 포장 기술\u003c\/h4\u003e\n\u003cp\u003e활성 성분을 점차적으로 방출하십시오.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\"\u003e\n\u003ch4 style=\"color: #FF8C00; margin-bottom: 1rem;\"\u003e탁월한 부드러움\u003c\/h4\u003e\n\u003cp\u003e실키한 느낌으로 깊은 각질 제거\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"ingredient-section\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #FFD700; margin-bottom: 2rem;\"\u003e활성 성분\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-cards\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cspan class=\"ingredient-icon\"\u003e🍯\u003c\/span\u003e\n\u003ch4 class=\"ingredient-title\"\u003eHONEY \u0026amp; COLLAGEN MICROBEADS\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003e천연꿀:\u003c\/strong\u003e 미백, 보습, 치유 효과를 주는 강력한 항산화제\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e미세한 콜라겐:\u003c\/strong\u003e 천연 콜라겐 생성을 촉진하고 피부를 탱탱하게 만들어줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cspan class=\"ingredient-icon\"\u003e🌾\u003c\/span\u003e\n\u003ch4 class=\"ingredient-title\"\u003e귀리 단백질\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003e즉각적인 진정\u003c\/strong\u003e 각질 제거 시 민감한 피부를 위한\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e지속적인 수분공급\u003c\/strong\u003e 건조함과 자극을 예방해줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cspan class=\"ingredient-icon\"\u003e💎\u003c\/span\u003e\n\u003ch4 class=\"ingredient-title\"\u003e글리세린 + 고급 포뮬러\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003e글리세린:\u003c\/strong\u003e 수분을 가두어 몇 시간 동안 피부를 부드럽게 유지합니다.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e입증된 공식:\u003c\/strong\u003e 완벽한 배포 및 보장된 결과\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Section --\u003e\n\u003cdiv class=\"value-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e300그램 = 놀라운 가치\u003c\/h2\u003e\n\u003ch3 style=\"color: #FF8C00; margin-bottom: 2rem;\"\u003e거부할 수 없는 가격의 거대한 크기\u003c\/h3\u003e\n\u003cdiv class=\"value-highlights\"\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003cdiv class=\"value-number\"\u003e4~5개월\u003c\/div\u003e\n\u003cp\u003e얼굴과 몸용\u003c\/p\u003e\n\u003csmall\u003e정기적인 사용\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003cdiv class=\"value-number\"\u003e1~2회\u003c\/div\u003e\n\u003cp\u003e주간에만\u003c\/p\u003e\n\u003csmall\u003e필수 사용량\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003cdiv class=\"value-number\"\u003e2파운드 미만\u003c\/div\u003e\n\u003cp\u003e일일 비용\u003c\/p\u003e\n\u003csmall\u003e주스보다 저렴해요!\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Section --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 style=\"text-align: center; color: #FF8C00; margin-bottom: 2rem;\"\u003e빠른 사용 방법\u003c\/h2\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003ch4 style=\"color: #FF8C00; margin-bottom: 0.5rem;\"\u003e청소\u003c\/h4\u003e\n\u003cp\u003e따뜻한 물로 피부를 클렌징하세요.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003ch4 style=\"color: #FF8C00; margin-bottom: 0.5rem;\"\u003e신청\u003c\/h4\u003e\n\u003cp\u003e젖은 피부에 스크럽을 바르세요\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003ch4 style=\"color: #FF8C00; margin-bottom: 0.5rem;\"\u003e마사지\u003c\/h4\u003e\n\u003cp\u003e2분 동안 부드럽게 마사지하세요.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003ch4 style=\"color: #FF8C00; margin-bottom: 0.5rem;\"\u003e헹굼\u003c\/h4\u003e\n\u003cp\u003e따뜻한 물로 헹구고 즐기세요\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem; padding: 1rem; background: #FFF8DC; border-radius: 10px;\"\u003e\n\u003cp style=\"margin: 0; color: #8B4513;\"\u003e\u003cstrong\u003e반복:\u003c\/strong\u003e 일주일에 1~2회 얼굴과 몸에 사용\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Timeline --\u003e\n\u003cdiv class=\"results-timeline\"\u003e\n\u003ch2 class=\"section-title\"\u003e빠르고 명확한 결과\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003e처음 사용부터\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003e즉각적인 부드러움\u003c\/strong\u003e 자연스러운 광택\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e매끄러운 피부\u003c\/strong\u003e 그리고 실키한 질감\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e처음으로\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\u003cp\u003e\u003cstrong\u003e어두운 점을 밝게\u003c\/strong\u003e 눈에 띄는 속도로\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e피부 탄력 개선\u003c\/strong\u003e 잔주름을 줄이고\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e2주\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\u003cp\u003e\u003cstrong\u003e젊고 신선한 피부\u003c\/strong\u003e 마치 몇 년 전으로 돌아간 것 같아\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e영원한 광채\u003c\/strong\u003e 몸 전체에 균일한 색상\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e한 달 내내\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Warning Section --\u003e\n\u003cdiv class=\"warning-section\"\u003e\n\u003cdiv class=\"warning-icon\"\u003e⚠️\u003c\/div\u003e\n\u003ch3 style=\"color: #FF8C00; margin-bottom: 1rem;\"\u003e알레르기 테스트가 중요해요!\u003c\/h3\u003e\n\u003cp style=\"margin: 0; color: #8B4513;\"\u003e사용 전 작은 부위에 간단한 테스트를 한 후 24시간 동안 기다려주세요.\u003c\/p\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\u003cstrong\u003eBOBANA Honey \u0026amp; Collagen Scrub\u003c\/strong\u003e 그냥 스크럽이 아니라.. 바로 이거다 \u003cstrong\u003e타임머신\u003c\/strong\u003e 당신을 젊음으로 되돌려 줄 것입니다.\n    \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003e지금 주문하세요... 당신의 피부가 젊음의 새로운 이야기를 말하게 해주세요!\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 all cards\n  const cards = document.querySelectorAll('.benefit-card, .tech-feature, .ingredient-card, .value-item, .usage-step');\n  cards.forEach(card =\u003e {\n    card.addEventListener('mouseenter', function() {\n      this.style.transform = 'translateY(-8px) scale(1.02)';\n      this.style.boxShadow = '0 15px 40px rgba(255, 165, 0, 0.15)';\n    });\n    \n    card.addEventListener('mouseleave', function() {\n      this.style.transform = 'translateY(0) scale(1)';\n      this.style.boxShadow = '0 8px 25px rgba(0,0,0,0.08)';\n    });\n  });\n  \n  \/\/ Enhanced parallax effect for floating honey drops\n  let ticking = false;\n  \n  function updateFloatingHoney() {\n    const scrolled = window.pageYOffset;\n    const honeyDrops = document.querySelectorAll('.honey-drop');\n    \n    honeyDrops.forEach((drop, index) =\u003e {\n      const speed = 0.15 + (index * 0.02);\n      const yPos = -(scrolled * speed);\n      drop.style.transform = `translateY(${yPos}px) rotate(${scrolled * 0.01}deg)`;\n    });\n    \n    ticking = false;\n  }\n  \n  function requestTick() {\n    if (!ticking) {\n      requestAnimationFrame(updateFloatingHoney);\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 = `honeyPulse 2s ease-in-out infinite ${index * 0.4}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(255, 215, 0, 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  \/\/ Honey-themed interactions\n  const honeyElements = document.querySelectorAll('.ingredient-card');\n  honeyElements.forEach((element, index) =\u003e {\n    element.addEventListener('mouseenter', function() {\n      this.style.background = 'rgba(255,255,255,0.2)';\n      this.style.transform = 'translateY(-8px) scale(1.02)';\n    });\n    \n    element.addEventListener('mouseleave', function() {\n      this.style.background = 'rgba(255,255,255,0.1)';\n      this.style.transform = 'translateY(0) scale(1)';\n    });\n  });\n  \n  \/\/ Warning section interaction\n  const warningSection = document.querySelector('.warning-section');\n  if (warningSection) {\n    warningSection.addEventListener('mouseenter', function() {\n      this.style.borderColor = '#FFD700';\n      this.style.boxShadow = '0 10px 30px rgba(255, 215, 0, 0.15)';\n    });\n    \n    warningSection.addEventListener('mouseleave', function() {\n      this.style.borderColor = '#FFA500';\n      this.style.boxShadow = 'none';\n    });\n  }\n  \n  \/\/ Value numbers animation on scroll\n  const valueNumbers = document.querySelectorAll('.value-number');\n  const observerOptions = {\n    threshold: 0.5,\n    rootMargin: '0px'\n  };\n  \n  const observer = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.style.animation = 'honeyglow 1.5s ease-out';\n      }\n    });\n  }, observerOptions);\n  \n  valueNumbers.forEach(number =\u003e {\n    observer.observe(number);\n  });\n});\n\u003c\/script\u003e","brand":"Bobana","offers":[{"title":"Default Title","offer_id":44897999519941,"sku":null,"price":70.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-honey-collagenbr-scrub-866517.webp?v=1752353311","url":"https:\/\/instachiq.com\/ko\/products\/bobana-honey-collagen-scrub","provider":"Instachiq","version":"1.0","type":"link"}