{"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\"\u003eZie jij het liefst elke dag tekenen van veroudering in de spiegel?\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eElke dag gaat voorbij, dode cellen hopen zich op op je huid, waardoor deze dof en vermoeid wordt, en donkere vlekken nemen toe... maar waar wacht je nog op?Geschild \u003cstrong\u003eBOBANA\u003c\/strong\u003e Met honing en collageen stopt het de tijd en geeft het je jeugdige glans terug in één simpele stap!\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\"\u003eBOBANA Honing- en collageenscrub - Het geheim van de jeugd in één scrub\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n      De tijd zal niet vriendelijk voor je zijn... Elke dag die voorbijgaat, laat zijn sporen achter op je huid.Maar nu kun je de tijd bestrijden en de strijd winnen met de krachtigste natuurlijke scrub voor gezicht en lichaam!\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Grid --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003e3 krachtige voordelen voor gezicht en lichaam\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\"\u003eBestrijd de tekenen van veroudering\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eCollageen stimuleert de celregeneratie en vermindert fijne lijntjes, waardoor de elasticiteit en jeugdige gladheid van uw huid wordt hersteld.\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\"\u003eDiepe exfoliatie van dode cellen\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eZachte honing- en collageenkorrels verwijderen op milde wijze dode huidlagen, waardoor een frisse en stralende huid zichtbaar wordt.\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\"\u003eVerwijder donkere vlekken\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eNatuurlijke honing verlicht pigmentatie, egaliseert de huidskleur, wist de effecten van jaren uit en herstelt de natuurlijke uitstraling.\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;\"\u003eEncapsulatietechnologie: een echte ontwikkeling in de wereld van peeling\u003c\/h2\u003e\n\u003ch3\u003eZachte, ronde korrels = pijnloze peeling\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eBOBANA\u003c\/strong\u003e Gebruik de nieuwste technologieën om uw handen effectief en zacht te exfoliëren:\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;\"\u003ePerfecte ronde korrels\u003c\/h4\u003e\n\u003cp\u003eEr zijn geen krassen of kleine sneetjes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\"\u003e\n\u003ch4 style=\"color: #FF8C00; margin-bottom: 1rem;\"\u003eGeavanceerde verpakkingstechnologie\u003c\/h4\u003e\n\u003cp\u003eLaat de actieve ingrediënten geleidelijk los\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\"\u003e\n\u003ch4 style=\"color: #FF8C00; margin-bottom: 1rem;\"\u003eUitzonderlijke zachtheid\u003c\/h4\u003e\n\u003cp\u003eDiepe peeling met een zijdezacht gevoel\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;\"\u003eActieve ingrediënten\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\u003eNatuurlijke honing:\u003c\/strong\u003e Een krachtige antioxidant die verheldert, hydrateert en geneest\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eMicroscopisch collageen:\u003c\/strong\u003e Stimuleert de natuurlijke collageenproductie en verstevigt de huid\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\"\u003eHaver eiwitten\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003eDirecte rust\u003c\/strong\u003e Voor de gevoelige huid tijdens het exfoliëren\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eContinue hydratatie\u003c\/strong\u003e Voorkomt uitdroging en irritatie\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\"\u003eGLYCERINE + geavanceerde formule\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003eGlycerine:\u003c\/strong\u003e Houdt vocht vast en maakt de huid urenlang zacht\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eBewezen formule:\u003c\/strong\u003e Perfecte verdeling en gegarandeerd resultaat\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 gram = geweldige waarde\u003c\/h2\u003e\n\u003ch3 style=\"color: #FF8C00; margin-bottom: 2rem;\"\u003eGigantisch formaat voor een onweerstaanbare prijs\u003c\/h3\u003e\n\u003cdiv class=\"value-highlights\"\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003cdiv class=\"value-number\"\u003e4-5 maanden\u003c\/div\u003e\n\u003cp\u003eVoor gezicht en lichaam\u003c\/p\u003e\n\u003csmall\u003eRegelmatig gebruik\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003cdiv class=\"value-number\"\u003e1-2 keer\u003c\/div\u003e\n\u003cp\u003eAlleen wekelijks\u003c\/p\u003e\n\u003csmall\u003eVereist gebruik\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003cdiv class=\"value-number\"\u003eMinder dan 2 pond\u003c\/div\u003e\n\u003cp\u003eDagelijkse kosten\u003c\/p\u003e\n\u003csmall\u003eGoedkoper dan sap!\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;\"\u003eSnelle manier van gebruik\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;\"\u003eReiniging\u003c\/h4\u003e\n\u003cp\u003eReinig uw huid met warm water\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;\"\u003eToepassing\u003c\/h4\u003e\n\u003cp\u003eBreng de scrub aan op een natte huid\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;\"\u003eMasseren\u003c\/h4\u003e\n\u003cp\u003eMasseer zachtjes gedurende twee minuten\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;\"\u003eSpoelen\u003c\/h4\u003e\n\u003cp\u003eSpoel af met warm water en geniet ervan\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\u003eHerhaal:\u003c\/strong\u003e 1-2 keer per week voor gezicht en lichaam\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\"\u003eSnel en duidelijk resultaat\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eVanaf het eerste gebruik\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003eOnmiddellijke zachtheid\u003c\/strong\u003e Natuurlijke glans\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eGladdere huid\u003c\/strong\u003e En zijdezachte textuur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003eEerste keer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eNa twee weken\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003eMaak donkere vlekken lichter\u003c\/strong\u003e In een merkbaar tempo\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eVerbetering van de elasticiteit van de huid\u003c\/strong\u003e En verminder fijne lijntjes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003eTwee weken\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eNa een maand\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003eJonge en frisse huid\u003c\/strong\u003e Het is alsof je jaren teruggaat\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eEeuwige uitstraling\u003c\/strong\u003e Uniforme kleur door het hele lichaam\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003eEen hele maand\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;\"\u003eAllergietesten zijn belangrijk!\u003c\/h3\u003e\n\u003cp style=\"margin: 0; color: #8B4513;\"\u003eVoer vóór gebruik een eenvoudige test uit op een klein oppervlak en wacht 24 uur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003eDe tijd dringt... en je huid heeft je nu nodig\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eBOBANA Honey \u0026amp; Collagen Scrub\u003c\/strong\u003e Het is niet zomaar een scrub... dit is het \u003cstrong\u003eTijdmachine\u003c\/strong\u003e Wat je terugbrengt naar de jeugd.\n    \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eBestel nu... en laat uw huid een nieuw jeugdverhaal vertellen!\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":500.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:\/\/sa.instachiq.com\/nl\/products\/bobana-honey-collagen-scrub","provider":"Instachiq","version":"1.0","type":"link"}