{"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\"\u003eBevorzugst du es, jeden Tag im Spiegel die Zeichen des Alterns zu sehen?\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eMit jedem Tag sammeln sich abgestorbene Zellen auf deiner Haut, machen sie matt und müde, und die dunklen Flecken nehmen zu... aber worauf wartest du? Peel \u003cstrong\u003eBOBANA\u003c\/strong\u003e Mit Honig und Kollagen, stoppt die Zeit und stellt deine jugendliche Ausstrahlung in einem einzigen einfachen Schritt wieder her!\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\"\u003eScrub BOBANA Honig \u0026amp; Kollagen - Das Geheimnis der Jugend in nur einem Scrub\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n      Die Zeit wird nicht freundlich zu dir sein... Jeder vergehende Tag hinterlässt seine Spuren auf deiner Haut. Aber jetzt kannst du die Zeit bekämpfen und die Schlacht mit dem stärksten natürlichen Peeling für Gesicht und Körper gewinnen!\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Grid --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003e3 kraftvolle Vorteile für Gesicht und Körper\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\"\u003eBekämpfen Sie die Zeichen des Alterns\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eKollagen regt die Zellregeneration an und reduziert feine Linien, wobei es die Elastizität und die jugendliche Weichheit der Haut wiederherstellt.\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\"\u003eTiefenpeeling abgestorbener Zellen\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eWeiche Körner aus Honig und Kollagen entfernen sanft abgestorbene Hautschichten und enthüllen eine frische, strahlende Haut.\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\"\u003eDunkle Flecken entfernen\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eNatürlicher Honig hellt Pigmentierungen auf, vereinheitlicht den Hautton, beseitigt die Zeichen des Alters und stellt die natürliche Strahlkraft wieder her.\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;\"\u003eKapselungstechnologie: eine echte Entwicklung in der Welt des Peelings\u003c\/h2\u003e\n\u003ch3\u003eWeiche und runde Granulate = schmerzfreie Peeling\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eBOBANA\u003c\/strong\u003e Verwenden Sie die neuesten Technologien, um Ihren Händen ein effektives und sanftes Peeling zu geben:\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;\"\u003ePerfekt runde Granulate\u003c\/h4\u003e\n\u003cp\u003eEs gibt keine Kratzer oder kleinen Wunden\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\"\u003e\n\u003ch4 style=\"color: #FF8C00; margin-bottom: 1rem;\"\u003eFortschrittliche Verpackungstechnologie\u003c\/h4\u003e\n\u003cp\u003eGibt die Wirkstoffe allmählich frei\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\"\u003e\n\u003ch4 style=\"color: #FF8C00; margin-bottom: 1rem;\"\u003eAußergewöhnliche Weichheit\u003c\/h4\u003e\n\u003cp\u003eTiefenpeeling mit seidigem Gefühl\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;\"\u003eWirkstoffe\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\u003eNatürlicher Honig:\u003c\/strong\u003e Ein leistungsstarker Antioxidans, der aufhellt, hydratisiert und heilt\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eMikroskopisches Kollagen:\u003c\/strong\u003e Regt die natürliche Produktion von Kollagen an und strafft die Haut\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\"\u003eHafer-Eiweiße\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003eSofortige Beruhigung\u003c\/strong\u003e Für empfindliche Haut während des Peelings\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eKontinuierliche Feuchtigkeit\u003c\/strong\u003e Verhindert Trockenheit und Reizungen\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\"\u003eGLYCERIN + fortschrittliche Formel\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003eGlycerin:\u003c\/strong\u003e Hält die Feuchtigkeit zurück und macht die Haut stundenlang weich\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eBewährte Formel:\u003c\/strong\u003e Perfekte Verteilung und garantierte Ergebnisse\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 Gramm = außergewöhnlicher Wert\u003c\/h2\u003e\n\u003ch3 style=\"color: #FF8C00; margin-bottom: 2rem;\"\u003eRiesige Größe zu einem unwiderstehlichen Preis\u003c\/h3\u003e\n\u003cdiv class=\"value-highlights\"\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003cdiv class=\"value-number\"\u003e4-5 Monate\u003c\/div\u003e\n\u003cp\u003eFür Gesicht und Körper\u003c\/p\u003e\n\u003csmall\u003eRegelmäßige Anwendung\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003cdiv class=\"value-number\"\u003e1-2 Mal\u003c\/div\u003e\n\u003cp\u003eNur wöchentlich\u003c\/p\u003e\n\u003csmall\u003eVerwendung erforderlich\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003cdiv class=\"value-number\"\u003eWeniger als 2 Pfund\u003c\/div\u003e\n\u003cp\u003eTägliche Kosten\u003c\/p\u003e\n\u003csmall\u003eGünstiger als Saft!\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;\"\u003eSchnelle Anwendungsweise\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;\"\u003eReinigung\u003c\/h4\u003e\n\u003cp\u003eReinige die Haut mit lauwarmem Wasser\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;\"\u003eAnwendung\u003c\/h4\u003e\n\u003cp\u003eTrage das Peeling auf die nasse Haut auf\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;\"\u003eMassage\u003c\/h4\u003e\n\u003cp\u003eSanft zwei Minuten einmassieren\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;\"\u003eAusspülen\u003c\/h4\u003e\n\u003cp\u003eMit warmem Wasser abspülen und genießen\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\u003eWiederholen:\u003c\/strong\u003e 1-2 Mal pro Woche für Gesicht und Körper\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\"\u003eSchnelle und klare Ergebnisse\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eAb der ersten Anwendung\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003eSofortige Weichheit\u003c\/strong\u003e Natürlicher Glanz\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eGlattere Haut\u003c\/strong\u003e Und seidige Textur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003eErstes Mal\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eNach zwei Wochen\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003eDunkle Flecken aufhellen\u003c\/strong\u003e Zu einem offensichtlichen Satz\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eVerbesserung der Hautelastizität\u003c\/strong\u003e Und reduziert feine Linien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003eZwei Wochen\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eNach einem Monat\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003eJunge und frische Haut\u003c\/strong\u003e Es ist, als wärst du in die Vergangenheit zurückgekehrt\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eEwige Strahlkraft\u003c\/strong\u003e Einheitliche Farbe am ganzen Körper\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003eEin ganzer Monat\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;\"\u003eDer Allergietest ist wichtig!\u003c\/h3\u003e\n\u003cp style=\"margin: 0; color: #8B4513;\"\u003eVor der Anwendung einen einfachen Test an einer kleinen Fläche durchführen und 24 Stunden abwarten.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003eDie Zeit vergeht... und deine Haut braucht dich genau jetzt\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eBOBANA Honey \u0026amp; Collagen Scrub\u003c\/strong\u003e Es ist nicht nur ein Peeling... das ist alles \u003cstrong\u003eZeitmaschine\u003c\/strong\u003e Das dich zur Jugend zurückbringen wird.\n    \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eBestelle jetzt... und lass deine Haut eine neue Geschichte von Jugend erzählen!\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\/de\/products\/bobana-honey-collagen-scrub","provider":"Instachiq","version":"1.0","type":"link"}