{"product_id":"bobana-coffee-scrub-300-gm","title":"Bobana Coffee Scrub 300 gm","description":"\u003c!-- BOBANA Coffee Body Scrub Product Description --\u003e\n\u003cstyle\u003e\n  .bobana-scrub-container {\n    line-height: 1.6;\n    color: #333;\n    max-width: 1200px;\n    margin: 0 auto;\n    background: linear-gradient(135deg, #faf9f7 0%, #ffffff 100%);\n    overflow: hidden;\n  }\n  \n  .hero-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #2c1810 0%, #5d3a2b 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=\"coffee\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"20\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"80\" cy=\"80\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"50\" cy=\"15\" r=\"0.6\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23coffee)\"\/\u003e\u003c\/svg\u003e');\n    animation: coffeeFloat 25s 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: 700px;\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(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, #8B4513, #9C8102);\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  \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, #8B4513, #9C8102);\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.2rem;\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, #8B4513, #9C8102);\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  .coffee-benefits {\n    background: linear-gradient(135deg, #f5f2f0 0%, #ffffff 100%);\n    border-radius: 20px;\n    padding: 2rem;\n    margin: 2rem 0;\n    border-right: 5px solid #8B4513;\n  }\n  \n  .scientific-fact {\n    background: white;\n    border-radius: 15px;\n    padding: 1.5rem;\n    margin: 1rem 0;\n    border-left: 4px solid #9C8102;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n    animation: cardSlide 0.6s ease-out both;\n  }\n  \n  .scientific-fact:nth-child(1) { animation-delay: 0.1s; }\n  .scientific-fact:nth-child(2) { animation-delay: 0.2s; }\n  .scientific-fact:nth-child(3) { animation-delay: 0.3s; }\n  .scientific-fact:nth-child(4) { animation-delay: 0.4s; }\n  \n  .timeline {\n    padding: 3rem 2rem;\n    background: linear-gradient(135deg, #f8f6f4 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: 80px;\n    height: 80px;\n    background: linear-gradient(45deg, #8B4513, #9C8102);\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    font-size: 0.9rem;\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  .usage-steps {\n    background: linear-gradient(135deg, #2c1810 0%, #5d3a2b 100%);\n    color: white;\n    padding: 3rem 2rem;\n    border-radius: 20px;\n    margin: 3rem 0;\n  }\n  \n  .step-card {\n    background: rgba(255,255,255,0.1);\n    border-radius: 15px;\n    padding: 2rem;\n    margin: 1.5rem 0;\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  .step-card:hover {\n    background: rgba(255,255,255,0.15);\n    transform: translateX(10px);\n  }\n  \n  .step-card:nth-child(1) { animation-delay: 0.1s; }\n  .step-card:nth-child(2) { animation-delay: 0.2s; }\n  .step-card:nth-child(3) { animation-delay: 0.3s; }\n  .step-card:nth-child(4) { animation-delay: 0.4s; }\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, #9C8102, #D4AF37);\n    border-radius: 50%;\n    font-weight: bold;\n    margin-bottom: 1rem;\n    font-size: 1.1rem;\n  }\n  \n  .step-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    margin-bottom: 0.5rem;\n    color: #D4AF37;\n  }\n  \n  .value-proposition {\n    background: linear-gradient(135deg, #f8f6f4 0%, #ffffff 100%);\n    padding: 3rem 2rem;\n    border-radius: 20px;\n    margin: 3rem 0;\n    text-align: center;\n  }\n  \n  .comparison-card {\n    background: white;\n    border-radius: 15px;\n    padding: 2rem;\n    margin: 1rem;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    border-top: 4px solid #9C8102;\n    animation: cardSlide 0.6s ease-out both;\n  }\n  \n  .cta-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #2c1810 0%, #5d3a2b 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-coffee-beans {\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-bean {\n    position: absolute;\n    width: 8px;\n    height: 12px;\n    background: linear-gradient(45deg, #8B4513, #9C8102);\n    border-radius: 50% 50% 50% 50% \/ 60% 60% 40% 40%;\n    opacity: 0.3;\n    animation: floatBean 12s linear infinite;\n  }\n  \n  .floating-bean:nth-child(1) { left: 10%; animation-delay: 0s; }\n  .floating-bean:nth-child(2) { left: 30%; animation-delay: 3s; }\n  .floating-bean:nth-child(3) { left: 50%; animation-delay: 6s; }\n  .floating-bean:nth-child(4) { left: 70%; animation-delay: 9s; }\n  .floating-bean:nth-child(5) { left: 90%; animation-delay: 1.5s; }\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 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 coffeeFloat {\n    0%, 100% { transform: translateY(0px) rotate(0deg); }\n    33% { transform: translateY(-15px) rotate(2deg); }\n    66% { transform: translateY(8px) rotate(-2deg); }\n  }\n  \n  @keyframes floatBean {\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      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-scrub-container\"\u003e\n\u003c!-- Floating Coffee Beans --\u003e\n\u003cdiv class=\"floating-coffee-beans\"\u003e\n\u003cdiv class=\"floating-bean\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-bean\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-bean\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-bean\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-bean\"\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 Coffee Body Scrub\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-coffee-brscrub-186597.webp?v=1751732343\"\/\u003e\n\u003ch2 class=\"product-name\"\u003e보바나 스킨 커피 바디 스크럽 - 완전히 새로운 피부를 위한 커피의 기적\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n      피부는 28일마다 재생된다는 사실을 알고 계셨나요?그러나 문제는 죽은 세포가 새로운 세포가 들어갈 자리를 쉽게 만들지 못한다는 것입니다.골동품 위에 먼지처럼 쌓여있고... 진짜 아름다운 피부는 그 밑에 갇혀있습니다!\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!-- Coffee Science Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"two-column\"\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch2 class=\"section-title\"\u003e특히 왜 커피인가?기적 뒤에 숨은 과학적 비밀\u003c\/h2\u003e\n\u003ch3\u003e커피는 단순한 음료가 아닌 피부를 위한 완벽한 천연약국입니다.\u003c\/h3\u003e\n\u003cdiv class=\"coffee-benefits\"\u003e\n\u003cdiv class=\"scientific-fact\"\u003e\n\u003ch4\u003e\u003cstrong\u003e혈액 순환을 자극합니다\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003e깊은 층까지 혈액과 산소를 공급합니다\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"scientific-fact\"\u003e\n\u003ch4\u003e\u003cstrong\u003e셀룰라이트 지방을 분해합니다.\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003e피부를 조여주고 주름을 줄여줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"scientific-fact\"\u003e\n\u003ch4\u003e\u003cstrong\u003e콜라겐 생성을 자극합니다.\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003e피부를 더욱 튼튼하고 탄력있게 만들어줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"scientific-fact\"\u003e\n\u003ch4\u003e\u003cstrong\u003e자유 라디칼을 공격합니다\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003e노화를 근원적으로 방지합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Coffee Benefits\" class=\"content-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-coffee-brscrub-327832.webp?v=1751732528\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Antioxidants Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003ch3\u003e항산화제: 자연의 보호군\u003c\/h3\u003e\n\u003cp style=\"text-align: center; font-size: 1.1rem; color: #555; margin-bottom: 2rem;\"\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!-- Gentle Granules Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003ch2 class=\"section-title\"\u003e부드럽고 둥근 알갱이: 상처 없이 스마트하게 각질 제거\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: #9C8102;\"\u003e필링이라고 다 똑같은 필링은 아니죠.. 그리고 다른 회사에서도 알리고 싶지 않은 비밀은 바로 이것입니다\u003c\/h3\u003e\n\u003cdiv class=\"two-column\"\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003cp\u003e대부분의 스크럽은 피부에 도움이 되기보다는 상처를 더 많이 주는 거칠고 날카로운 과립을 사용합니다. \u003cstrong\u003eBOBANA\u003c\/strong\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\u003cp\u003e\u003cstrong\u003e결과는?\u003c\/strong\u003e 자극이나 붉은기 없이 깊고 효과적으로 각질을 제거합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; padding: 2rem;\"\u003e\n\u003cdiv style=\"width: 200px; height: 200px; border-radius: 50%; background: linear-gradient(45deg, #8B4513, #9C8102); margin: 0 auto; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.5rem; font-weight: bold; animation: pulse 2s ease-in-out infinite;\"\u003e\n            부드러운 과립\u003cbr\/\u003e라운드\n          \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Proposition --\u003e\n\u003cdiv class=\"value-proposition\"\u003e\n\u003ch2 class=\"section-title\"\u003e300g = 가격 대비 뛰어난 가치\u003c\/h2\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 2rem;\"\u003e경쟁사 대비: BOBANA는 더 저렴한 가격으로 더 많은 것을 제공합니다.\u003c\/h3\u003e\n\u003cdiv style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem;\"\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003e보바나 팩\u003c\/h4\u003e\n\u003cp style=\"font-size: 2rem; font-weight: bold; color: #8B4513;\"\u003e300그램\u003c\/p\u003e\n\u003cp\u003e경쟁사의 규모를 두 배로 늘리세요!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003e사용 기간\u003c\/h4\u003e\n\u003cp style=\"font-size: 2rem; font-weight: bold; color: #8B4513;\"\u003e4~6개월\u003c\/p\u003e\n\u003cp\u003e정기적으로 사용하면\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003e일일 비용\u003c\/h4\u003e\n\u003cp style=\"font-size: 2rem; font-weight: bold; color: #8B4513;\"\u003e5파운드 미만\u003c\/p\u003e\n\u003cp\u003e커피 한잔보다 저렴해요!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 3rem; padding: 2rem; background: white; border-radius: 15px; border: 2px solid #9C8102;\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003e뷰티 센터의 필링 세션과 비교:\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003e한 세션:\u003c\/strong\u003e 800-1500파운드\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e보바나 패키지:\u003c\/strong\u003e 저렴한 가격으로 30개 이상의 세션 결과를 얻으세요\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변화의 여정: 당신의 피부는 당신보다 먼저 변할 것입니다\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\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=\"timeline-marker\"\u003e처음으로\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\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=\"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\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=\"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\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=\"timeline-marker\"\u003e30일\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem;\"\u003e사용 방법: 단순성은 놀라운 일을 합니다.\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: white; margin-bottom: 3rem;\"\u003e꿈의 피부를 위한 간단한 4단계\u003c\/h3\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003e따뜻한 물로 피부에 수분을 공급하세요\u003c\/h4\u003e\n\u003cp\u003e따뜻한 물은 모공을 열어 피부가 스크럽의 효능을 받을 수 있도록 준비시켜 줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003e부드러운 원을 그리며 마사지하세요\u003c\/h4\u003e\n\u003cp\u003e적당량을 덜어 거칠고 어두운 부위에 2~3분간 집중적으로 발라주세요\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003e찬물로 헹궈주세요\u003c\/h4\u003e\n\u003cp\u003e차가운 물이 모공을 닫아 효과를 잡아주어 손이 상쾌해지는 느낌이에요\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003e피부에 수분을 공급하세요\u003c\/h4\u003e\n\u003cp\u003e결과를 유지하고 새로운 피부를 보호하려면 적합한 보습제를 사용하십시오.\u003c\/p\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      매일 연기하면 = 더 많은 죽은 세포, 더 어두운 반점, 더 거친 피부.피부는 정원과 같습니다. 물을 주고 관리하지 않으면 시들고 죽습니다.하지만 잘 관리하면 동네에서 가장 아름다운 정원이 될 거예요.\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 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 coffee beans\n  let ticking = false;\n  \n  function updateFloatingBeans() {\n    const scrolled = window.pageYOffset;\n    const floatingBeans = document.querySelectorAll('.floating-bean');\n    \n    floatingBeans.forEach((bean, index) =\u003e {\n      const speed = 0.3 + (index * 0.05);\n      const yPos = -(scrolled * speed);\n      bean.style.transform = `translateY(${yPos}px) rotate(${scrolled * 0.05}deg)`;\n    });\n    \n    ticking = false;\n  }\n  \n  function requestTick() {\n    if (!ticking) {\n      requestAnimationFrame(updateFloatingBeans);\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.3}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  \/\/ Coffee-themed interactions\n  const coffeeElements = document.querySelectorAll('.coffee-benefits .scientific-fact');\n  coffeeElements.forEach((element, index) =\u003e {\n    element.addEventListener('mouseenter', function() {\n      this.style.transform = 'translateX(10px)';\n      this.style.borderLeftColor = '#8B4513';\n    });\n    \n    element.addEventListener('mouseleave', function() {\n      this.style.transform = 'translateX(0)';\n      this.style.borderLeftColor = '#9C8102';\n    });\n  });\n});\n\u003c\/script\u003e","brand":"bobana","offers":[{"title":"Default Title","offer_id":44878310342853,"sku":null,"price":70.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-coffee-brscrub-233067.webp?v=1751732954","url":"https:\/\/instachiq.com\/ko\/products\/bobana-coffee-scrub-300-gm","provider":"Instachiq","version":"1.0","type":"link"}