{"product_id":"mud-mask-bobana-shea-butter-mud-mask-300-gm","title":"Mud Mask  Bobana Shea Butter Mud Mask scrub 400 gm","description":"\u003c!-- BOBANA Shea Butter Mud Mask Product Description --\u003e\n\u003cstyle\u003e\n  .bobana-mud-container {\n    line-height: 1.6;\n    color: #333;\n    max-width: 1200px;\n    margin: 0 auto;\n    background: linear-gradient(135deg, #f7f5f3 0%, #ffffff 100%);\n    overflow: hidden;\n  }\n  \n  .hero-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #6b4e3d 0%, #8b6f47 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=\"earth\" width=\"50\" height=\"50\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"10\" cy=\"10\" r=\"1.5\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"35\" cy=\"35\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003ccircle cx=\"25\" cy=\"45\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.04\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23earth)\"\/\u003e\u003c\/svg\u003e');\n    animation: earthFloat 30s 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    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(107, 78, 61, 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(107, 78, 61, 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    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, #6b4e3d, #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(107, 78, 61, 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, #6b4e3d, #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  .ingredient-cards {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 2rem;\n    margin: 3rem 0;\n  }\n  \n  .ingredient-card {\n    background: linear-gradient(135deg, #fff 0%, #f9f7f4 100%);\n    border-radius: 15px;\n    padding: 2rem;\n    border-left: 5px solid #6b4e3d;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    animation: cardSlide 0.6s ease-out both;\n    transition: all 0.3s ease;\n  }\n  \n  .ingredient-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 15px 40px rgba(107, 78, 61, 0.12);\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  .ingredient-card:nth-child(4) { animation-delay: 0.4s; }\n  .ingredient-card:nth-child(5) { animation-delay: 0.5s; }\n  .ingredient-card:nth-child(6) { animation-delay: 0.6s; }\n  \n  .ingredient-title {\n    font-size: 1.2rem;\n    font-weight: 600;\n    color: #6b4e3d;\n    margin-bottom: 0.5rem;\n  }\n  \n  .ingredient-subtitle {\n    font-size: 0.9rem;\n    color: #9C8102;\n    font-weight: 500;\n    margin-bottom: 1rem;\n  }\n  \n  .benefit-icon {\n    display: inline-block;\n    width: 20px;\n    height: 20px;\n    background: linear-gradient(45deg, #6b4e3d, #9C8102);\n    border-radius: 50%;\n    margin-right: 0.5rem;\n    position: relative;\n  }\n  \n  .benefit-icon::after {\n    content: '✓';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    color: white;\n    font-size: 0.7rem;\n    font-weight: bold;\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, #6b4e3d, #9C8102);\n    border-radius: 50%;\n  }\n  \n  .feature-list li::after {\n    content: '✓';\n    position: absolute;\n    left: 4px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: white;\n    font-size: 0.7rem;\n    font-weight: bold;\n  }\n  \n  .usage-section {\n    background: linear-gradient(135deg, #6b4e3d 0%, #8b6f47 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  .usage-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(212, 175, 55, 0.1) 0%, transparent 50%);\n    animation: ctaGlow 4s ease-in-out infinite alternate;\n  }\n  \n  .usage-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n    gap: 3rem;\n    margin-top: 3rem;\n  }\n  \n  .usage-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    position: relative;\n    z-index: 2;\n  }\n  \n  .usage-card h4 {\n    font-size: 1.5rem;\n    color: #D4AF37;\n    margin-bottom: 1.5rem;\n    font-weight: 600;\n  }\n  \n  .step {\n    display: flex;\n    align-items: flex-start;\n    margin: 1rem 0;\n    padding: 0.5rem 0;\n  }\n  \n  .step-number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 30px;\n    height: 30px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    border-radius: 50%;\n    font-weight: bold;\n    margin-right: 1rem;\n    flex-shrink: 0;\n    font-size: 0.9rem;\n  }\n  \n  .timeline {\n    padding: 3rem 2rem;\n    background: linear-gradient(135deg, #f7f5f3 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, #6b4e3d, #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.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 #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  .value-section {\n    background: linear-gradient(135deg, #f7f5f3 0%, #ffffff 100%);\n    padding: 3rem 2rem;\n    border-radius: 20px;\n    margin: 3rem 0;\n    text-align: center;\n  }\n  \n  .value-cards {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 2rem;\n    margin-top: 2rem;\n  }\n  \n  .value-card {\n    background: white;\n    border-radius: 15px;\n    padding: 2rem;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    border-top: 4px solid #6b4e3d;\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, #6b4e3d 0%, #8b6f47 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    line-height: 1.7;\n  }\n  \n  .floating-particles {\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  .particle {\n    position: absolute;\n    width: 6px;\n    height: 6px;\n    background: linear-gradient(45deg, #6b4e3d, #9C8102);\n    border-radius: 50%;\n    opacity: 0.3;\n    animation: floatParticle 15s linear infinite;\n  }\n  \n  .particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n  .particle:nth-child(2) { left: 30%; animation-delay: 3s; }\n  .particle:nth-child(3) { left: 50%; animation-delay: 6s; }\n  .particle:nth-child(4) { left: 70%; animation-delay: 9s; }\n  .particle:nth-child(5) { left: 90%; animation-delay: 12s; }\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 earthFloat {\n    0%, 100% { transform: translateY(0px) rotate(0deg); }\n    33% { transform: translateY(-12px) rotate(1deg); }\n    66% { transform: translateY(6px) rotate(-1deg); }\n  }\n  \n  @keyframes floatParticle {\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, .ingredient-cards {\n      grid-template-columns: 1fr;\n    }\n    \n    .usage-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-mud-container\"\u003e\n\u003c!-- Floating Particles --\u003e\n\u003cdiv class=\"floating-particles\"\u003e\n\u003cdiv class=\"particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eDeine Haut stirbt und es ist dir egal!\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eJeden Tag, der vergeht, dringen Tausende von Toxinen und Schadstoffen in die Poren deiner Haut und deines Körpers ein und lagern sich dort wie Zeitbomben ab... und das Ergebnis? Matte, trockene, müde Haut, als hättest du in deinen Augen 10 Jahre gealtert! Heute wird diese ganze Tragödie enden mit \u003cstrong\u003eBOBANA Shea Butter Mud Mask\u003c\/strong\u003e -Für Gesicht und Körper!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cimg alt=\"BOBANA Shea Butter Mud Mask\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-shea-butter-brmud-mask-840447.webp?v=1751734317\"\/\u003e\n\u003ch2 class=\"product-name\"\u003eBOBANA Schlamm Maske mit Sheabutter - vollständige Reinigung und Feuchtigkeitspflege für Gesicht und Körper\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n      Wusstest du, dass deine Haut (Gesicht und Körper) jedes Jahr etwa 5 Kilogramm Schadstoffe und Chemikalien aufnimmt? Abgase, Rauch, Staub, Rückstände von Produkten und Schweiß... alles sammelt sich in den tiefen Hautschichten an und erstickt die Hautzellen, bis sie langsam sterben.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Grid --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003e3 Wunder in einer Gesichts- und Körpermaske\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\"\u003eTiefenreinigung und entgiftend\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eL'argilla vulcanica naturale penetra a fondo nei pori come un magnete, estrae tutte le tossine, gli inquinanti e i grassi accumulati dal viso e dal corpo, ed espelle permanentemente i batteri nocivi.\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\"\u003eRevitalisiert trockene und stumpfe Haut\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eOriginale und rohe afrikanische Sheabutter, die der Haut intensive und tiefe Feuchtigkeit spendet, und müder, vernachlässigter Haut am ganzen Körper Frische und Leuchtkraft zurückgibt.\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\"\u003eStellt Jugend und Vitalität wieder her\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eEine einzigartige Formel, die die Zellregeneration und Kollagenproduktion anregt, die Zeichen von Müdigkeit und Erschöpfung beseitigt und die glatte und elastische Jugendlichkeit deiner Haut überall wiederherstellt.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Scientific Formula --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"two-column\"\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch2 class=\"section-title\"\u003eFortschrittliche wissenschaftliche Formel: jede Zutat hat einen klaren Zweck\u003c\/h2\u003e\n\u003cp\u003eEs ist nicht nur eine zufällige Mischung von Zutaten... Dies ist eine wissenschaftlich entwickelte Formel, bei der jede Zutat sorgfältig für einen bestimmten Zweck und ein garantiertes Ergebnis ausgewählt wurde.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Scientific Formula\" class=\"content-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-shea-butter-brmud-mask-840447_4c773d84-5b30-44ab-a08d-adeca1c87ace.webp?v=1751734449\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Details --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"ingredient-cards\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eSHEA BUTTER EXTRACT\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eAltes afrikanisches Schönheitsgeheimnis\u003c\/p\u003e\n\u003cp\u003eRohe afrikanische Sheabutter, reich an den Vitaminen A, E, F und essentiellen Fettsäuren.\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Dringt in 7 Hautschichten ein\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Hält die Feuchtigkeit 24 Stunden lang zurück\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Stellt die natürliche Hautschutzbarriere wieder her\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eKAOLIN + BENTONITE\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eDuo-Detox\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eKaolin:\u003c\/strong\u003e Weisse, weiche Tonerde absorbiert überschüssige Öle\u003cbr\/\u003e\u003cstrong\u003eNatron-Ton:\u003c\/strong\u003e Der vulkanische Schlamm entfernt Toxine\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Magnetische Reinigung von Toxinen und Schadstoffen\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Die Durchblutung und die Zellregeneration anregen\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Sanftes Entfernen angesammelter abgestorbener Hautzellen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eARGAN OIL\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eMarokkanisches flüssiges Gold\u003c\/p\u003e\n\u003cp\u003eSeltenes Arganöl aus Marokko, reich an Vitamin E und starken Antioxidantien.\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Bekämpft die Zeichen der Hautalterung und reduziert Falten\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Regt die Kollagenproduktion an und strafft die Haut\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Verleiht einen natürlichen Glanz und eine seidige Textur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eALMOND OIL\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eNatürliche Hautnahrung\u003c\/p\u003e\n\u003cp\u003eSüßmandelöl, reich an Proteinen und Aminosäuren.\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Weicht raue Haut auf und macht sie weich wie die eines Babys\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Repariert Risse und schwere Trockenheit\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Lindert sanft Irritationen und Rötungen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eGLYCERIN\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003ePermanente Hydrationsstation\u003c\/p\u003e\n\u003cp\u003eNatürliches Glycerin zieht Feuchtigkeit aus der Luft an und speichert sie in der Haut.\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Sofortige und kontinuierliche Feuchtigkeit für 12 Stunden\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Erhält die Elastizität der Haut und verhindert Risse\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Stärkt die natürliche Schutzbarriere\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eSTEARIC ACID + DIMETHICONE\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eInstallierte Komposition\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eStearinsäure:\u003c\/strong\u003e Passt die Formel an und macht sie cremig\u003cbr\/\u003e\u003cstrong\u003eDimeticon:\u003c\/strong\u003e Natürliches Silikon\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Weiches Gefühl beim Berühren und langfristiger Schutz\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Zeigt therapeutische Vorteile für die Haut\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Face and Body Uses --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"two-column reverse-mobile\"\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch3\u003eFür Gesicht und Körper: unbegrenzte Flexibilität\u003c\/h3\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eFür das Gesicht:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003eTiefenreinigung verstopfter Poren\u003c\/li\u003e\n\u003cli\u003eMitesser und weiße Punkte entfernen\u003c\/li\u003e\n\u003cli\u003eDunkle Flecken aufhellen und den Hautton ausgleichen\u003c\/li\u003e\n\u003cli\u003eZeichen von Müdigkeit und Erschöpfung reduzieren\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1.5rem 0 1rem;\"\u003eFür den Körper:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003eGlättung rauer Stellen (Knie, Ellbogen, Fersen))\u003c\/li\u003e\n\u003cli\u003eAngesammelte abgestorbene Zellen entfernen\u003c\/li\u003e\n\u003cli\u003ePflegt sehr trockene Stellen\u003c\/li\u003e\n\u003cli\u003eDie Struktur der Haut am ganzen Körper verbessern\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Face and Body Usage\" class=\"content-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-shea-butter-brmud-mask-629486.webp?v=1751734478\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 1rem;\"\u003eWie verwenden: Einfachheit wirkt Wunder\u003c\/h2\u003e\n\u003cdiv class=\"usage-grid\"\u003e\n\u003cdiv class=\"usage-card\"\u003e\n\u003ch4\u003eFür das Gesicht (5 Schritte))\u003c\/h4\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv\u003eReinige das Gesicht mit warmem Wasser, um die Poren zu öffnen\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv\u003eEine gleichmäßige Schicht auftragen, Augen- und Lippenbereich vermeiden\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv\u003e15-20 Minuten warten, bis es teilweise trocken ist\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv\u003eMit lauwarmem Wasser abspülen und sanft einmassieren\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e5\u003c\/div\u003e\n\u003cdiv\u003ePflegt mit einer geeigneten Creme und beendet die Pflege mit einem Serum\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-card\"\u003e\n\u003ch4\u003eFür den Körper (4 Schritte))\u003c\/h4\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv\u003eNimm eine heiße Dusche, um die Haut zu reinigen und die Poren zu öffnen\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv\u003eTrage die Maske auf die bedürftigen Bereiche (oder auf den ganzen Körper) auf).\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv\u003e20-25 Minuten warten und mit lauwarmem Wasser abspülen\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv\u003ePflegt mit einer geeigneten Lotion, um die Ergebnisse zu erhalten\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n\u003ch4 style=\"color: #D4AF37; margin-bottom: 1rem;\"\u003eGebrauchshäufigkeit:\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003eFür das Gesicht:\u003c\/strong\u003e 2-3 Mal pro Woche \u003cstrong\u003eFür den Körper:\u003c\/strong\u003e 1-2 Mal pro Woche \u003cstrong\u003eFür raue Stellen:\u003c\/strong\u003e Täglich für eine Woche, dann zweimal pro Woche\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\"\u003eVerwandlungsreise: Deine Haut wird sich vor deinen Augen verändern\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eAb der ersten Anwendung (15-25 Minuten))\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eSofortige Tiefenreinigung\u003c\/strong\u003e - Zum ersten Mal seit Jahren werden Sie spüren, dass Ihre Haut atmet\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEin Gefühl von Frische\u003c\/strong\u003e - Erfrischende Frische, die gereizte Haut beruhigt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDeutliche Glätte\u003c\/strong\u003e - Weichere Textur und weichere Haut im Vergleich zum ersten Mal\u003c\/li\u003e\n\u003c\/ul\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 3 Anwendungen (1 Woche))\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eSichtbare Verbesserung der Hauttextur\u003c\/strong\u003e - Kleinere Poren und glatte Haut\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDer Beginn der Rückkehr der Helligkeit\u003c\/strong\u003e - Hellere Farbe und natürliche Frische\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eKontinuierliche Tiefenfeuchtigkeit\u003c\/strong\u003e - Meine Haut ist nicht mehr so trocken wie früher\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003eEine Woche\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\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eDie Anzeichen von Müdigkeit verschwinden\u003c\/strong\u003e - Es ist entspannt und strahlend\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDen Hautton ausgleichen\u003c\/strong\u003e - Weniger dunkle Flecken und gleichmäßigere Farbe von Gesicht und Körper\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMehr Flexibilität\u003c\/strong\u003e - Stärkere Haut und höhere Widerstandsfähigkeit gegen äußere Einflüsse\u003c\/li\u003e\n\u003c\/ul\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\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eEine komplette radikale Veränderung\u003c\/strong\u003e - Komplett neue Haut am ganzen Körper\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStändige Frische\u003c\/strong\u003e - Natürliche Ausstrahlung ohne Make-up\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMehr Selbstwertgefühl\u003c\/strong\u003e - Klare und saubere Haut, die dich überall strahlen lässt\u003c\/li\u003e\n\u003c\/ul\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!-- Value Proposition --\u003e\n\u003cdiv class=\"value-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eEine intelligente Investition in Ihre Schönheit\u003c\/h2\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 2rem;\"\u003e1 Maske = 6 Behandlungen in 1 Produkt\u003c\/h3\u003e\n\u003cdiv class=\"value-cards\"\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eFür das Gesicht\u003c\/h4\u003e\n\u003cp style=\"font-size: 1.5rem; font-weight: bold; color: #6b4e3d;\"\u003e2-3 Mal pro Woche\u003c\/p\u003e\n\u003cp\u003eFür 3-4 Monate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eFür den Körper\u003c\/h4\u003e\n\u003cp style=\"font-size: 1.5rem; font-weight: bold; color: #6b4e3d;\"\u003e1-2 Mal pro Woche\u003c\/p\u003e\n\u003cp\u003eFür 2-3 Monate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eGemischte Verwendung\u003c\/h4\u003e\n\u003cp style=\"font-size: 1.5rem; font-weight: bold; color: #6b4e3d;\"\u003eDurchschnitt 3 Monate\u003c\/p\u003e\n\u003cp\u003eVollständige Pflege\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 2rem;\"\u003e\n\u003cimg alt=\"Value\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-shea-butter-brmud-mask-568365.webp?v=1751734512\" style=\"max-width: 300px; width: 100%; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.1);\"\/\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\"\u003eJeder Tag des Aufschiebens = mehr Toxine, mehr abgestorbene Zellen und schnellere Hautalterung\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n      Die Haut von Gesicht und Körper ist 24 Stunden am Tag, 7 Tage die Woche schädlichen Faktoren ausgesetzt. Wenn du sie nicht schützt, reinigst und befeuchtest, zahlst du später einen höheren Preis.\n    \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eBOBANA Shea Butter Mud Mask\u003c\/strong\u003e Es ist nicht nur eine Maske \u003cstrong\u003eInvestiere in deine Jugend\u003c\/strong\u003eIn deinem Selbstbewusstsein, in der Art und Weise, wie die Menschen dich sehen werden.\n    \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eBestelle jetzt!\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, .ingredient-card, .value-card');\n  benefitCards.forEach(card =\u003e {\n    card.addEventListener('mouseenter', function() {\n      this.style.transform = 'translateY(-8px) scale(1.02)';\n      this.style.boxShadow = '0 20px 50px rgba(107, 78, 61, 0.15)';\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 particles\n  let ticking = false;\n  \n  function updateFloatingParticles() {\n    const scrolled = window.pageYOffset;\n    const particles = document.querySelectorAll('.particle');\n    \n    particles.forEach((particle, index) =\u003e {\n      const speed = 0.2 + (index * 0.03);\n      const yPos = -(scrolled * speed);\n      particle.style.transform = `translateY(${yPos}px) rotate(${scrolled * 0.02}deg)`;\n    });\n    \n    ticking = false;\n  }\n  \n  function requestTick() {\n    if (!ticking) {\n      requestAnimationFrame(updateFloatingParticles);\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  \/\/ Ingredient cards special interactions\n  const ingredientCards = document.querySelectorAll('.ingredient-card');\n  ingredientCards.forEach((card, index) =\u003e {\n    card.addEventListener('mouseenter', function() {\n      this.style.borderLeftColor = '#9C8102';\n      this.style.borderLeftWidth = '8px';\n    });\n    \n    card.addEventListener('mouseleave', function() {\n      this.style.borderLeftColor = '#6b4e3d';\n      this.style.borderLeftWidth = '5px';\n    });\n  });\n  \n  \/\/ Usage step animations\n  const steps = document.querySelectorAll('.step');\n  steps.forEach((step, index) =\u003e {\n    step.addEventListener('mouseenter', function() {\n      this.style.transform = 'translateX(10px)';\n      this.style.backgroundColor = 'rgba(255,255,255,0.05)';\n      this.style.borderRadius = '8px';\n    });\n    \n    step.addEventListener('mouseleave', function() {\n      this.style.transform = 'translateX(0)';\n      this.style.backgroundColor = 'transparent';\n    });\n  });\n});\n\u003c\/script\u003e","brand":"bobana","offers":[{"title":"Default Title","offer_id":44878328332485,"sku":null,"price":550.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-shea-butter-brmud-mask-780631.webp?v=1751734291","url":"https:\/\/sa.instachiq.com\/de\/products\/mud-mask-bobana-shea-butter-mud-mask-300-gm","provider":"Instachiq","version":"1.0","type":"link"}