{"product_id":"bobana-dead-sea-mud-mask","title":"Bobana Dead Sea Mud Mask","description":"\u003c!-- BOBANA Dead Sea Mud Mask Product Description --\u003e\n\u003cstyle\u003e\n  .bobana-deadsea-container {\n    line-height: 1.6;\n    color: #333;\n    max-width: 1200px;\n    margin: 0 auto;\n    background: linear-gradient(135deg, #f0f8ff 0%, #ffffff 100%);\n    overflow: hidden;\n  }\n  \n  .hero-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 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=\"waves\" width=\"80\" height=\"40\" patternUnits=\"userSpaceOnUse\"\u003e\u003cpath d=\"M0,20 Q20,10 40,20 T80,20\" stroke=\"%23ffffff\" stroke-width=\"0.5\" fill=\"none\" opacity=\"0.1\"\/\u003e\u003cpath d=\"M0,30 Q20,20 40,30 T80,30\" stroke=\"%23ffffff\" stroke-width=\"0.3\" fill=\"none\" opacity=\"0.08\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23waves)\"\/\u003e\u003c\/svg\u003e');\n    animation: wavesFlow 40s 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(156, 129, 2, 0.15);\n    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n    margin: 2rem auto;\n    display: block;\n  }\n  \n  .product-image:hover {\n    transform: translateY(-10px) scale(1.02);\n    box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n  }\n  \n  .product-name {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin: 2rem 0 1rem;\n    animation: slideUp 0.8s ease-out 0.2s both;\n  }\n  \n  .product-intro {\n    font-size: 1.1rem;\n    color: #555;\n    max-width: 800px;\n    margin: 0 auto 3rem;\n    animation: slideUp 0.8s ease-out 0.4s both;\n    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, #9C8102, #D4AF37);\n    transform: scaleX(0);\n    transition: transform 0.4s ease;\n  }\n  \n  .benefit-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n    border-color: #9C8102;\n  }\n  \n  .benefit-card:hover::before {\n    transform: scaleX(1);\n  }\n  \n  .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n  .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n  .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n  \n  .benefit-number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 50px;\n    height: 50px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    color: white;\n    border-radius: 50%;\n    font-weight: bold;\n    margin-bottom: 1rem;\n    animation: mineralGlow 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: #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  .deadsea-info {\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n    border-radius: 20px;\n    padding: 3rem 2rem;\n    margin: 3rem 0;\n    border-left: 5px solid #9C8102;\n  }\n  \n  .mineral-benefits {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 1.5rem;\n    margin-top: 2rem;\n  }\n  \n  .mineral-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 #9C8102;\n    animation: cardSlide 0.6s ease-out both;\n    transition: all 0.3s ease;\n  }\n  \n  .mineral-item:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 12px 35px rgba(156, 129, 2, 0.12);\n  }\n  \n  .mineral-item:nth-child(1) { animation-delay: 0.1s; }\n  .mineral-item:nth-child(2) { animation-delay: 0.2s; }\n  .mineral-item:nth-child(3) { animation-delay: 0.3s; }\n  .mineral-item:nth-child(4) { animation-delay: 0.4s; }\n  \n  .mineral-icon {\n    font-size: 1.8rem;\n    margin-bottom: 1rem;\n    display: block;\n  }\n  \n  .ingredients-section {\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 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  .ingredients-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(156, 129, 2, 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  .ingredient-card:nth-child(4) { animation-delay: 0.4s; }\n  .ingredient-card:nth-child(5) { animation-delay: 0.5s; }\n  \n  .ingredient-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #D4AF37;\n    margin-bottom: 1rem;\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, #9C8102, #D4AF37);\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  .usage-section {\n    background: white;\n    border-radius: 20px;\n    padding: 3rem 2rem;\n    margin: 3rem 0;\n    border: 2px solid #9C8102;\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, #f8f9fa 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(156, 129, 2, 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, #9C8102, #D4AF37);\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, #f8f9fa 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: 90px;\n    height: 90px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\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: mineralPulse 2s ease-in-out infinite;\n    font-size: 0.7rem;\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  .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  \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, #9C8102, #D4AF37);\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-areas {\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n    padding: 3rem 2rem;\n    border-radius: 20px;\n    margin: 3rem 0;\n  }\n  \n  .usage-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 2rem;\n    margin-top: 2rem;\n  }\n  \n  .usage-area {\n    background: white;\n    border-radius: 12px;\n    padding: 2rem;\n    box-shadow: 0 8px 25px rgba(0,0,0,0.06);\n    border-top: 3px solid #9C8102;\n    animation: cardSlide 0.6s ease-out both;\n  }\n  \n  .usage-area h4 {\n    color: #9C8102;\n    margin-bottom: 1rem;\n    font-size: 1.3rem;\n    font-weight: 600;\n  }\n  \n  .cta-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 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-minerals {\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  .mineral-crystal {\n    position: absolute;\n    width: 6px;\n    height: 8px;\n    background: linear-gradient(135deg, #9C8102, #D4AF37);\n    transform: rotate(45deg);\n    opacity: 0.3;\n    animation: floatCrystal 12s linear infinite;\n  }\n  \n  .mineral-crystal:nth-child(1) { left: 10%; animation-delay: 0s; }\n  .mineral-crystal:nth-child(2) { left: 30%; animation-delay: 2s; }\n  .mineral-crystal:nth-child(3) { left: 50%; animation-delay: 4s; }\n  .mineral-crystal:nth-child(4) { left: 70%; animation-delay: 6s; }\n  .mineral-crystal: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 mineralGlow {\n    0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n    50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n  }\n  \n  @keyframes mineralPulse {\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 wavesFlow {\n    0%, 100% { transform: translateX(0px) translateY(0px); }\n    33% { transform: translateX(-10px) translateY(-5px); }\n    66% { transform: translateX(5px) translateY(3px); }\n  }\n  \n  @keyframes floatCrystal {\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, .mineral-benefits, .ingredient-cards, .usage-steps, .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-deadsea-container\"\u003e\n\u003c!-- Floating Mineral Crystals --\u003e\n\u003cdiv class=\"floating-minerals\"\u003e\n\u003cdiv class=\"mineral-crystal\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mineral-crystal\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mineral-crystal\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mineral-crystal\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mineral-crystal\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eDode Zee-wapen tegen de vette huid\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eElke dag ontdek je een nieuw puistje, verstopte poriën en een vervelende glans op je huid en lichaam... en het probleem wordt groter, niet kleiner.de reden?Bacteriën en overtollig talg hebben de strijd tegen jouw huid gewonnen! \u003cstrong\u003eMaar vandaag zal de strijd in jouw voordeel eindigen met de natuurlijke kracht van de Dode Zee.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cimg alt=\"BOBANA Dead Sea Mud Mask\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-dead-sea-brmud-mask-859541.webp?v=1752354376\"\/\u003e\n\u003ch2 class=\"product-name\"\u003eBOBANA Dode Zee Moddermasker - De kracht van sporenelementen tegen de vette huid\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n      De Dode Zee is niet zomaar een zee... Het is het laagste punt op aarde en het zoutste water ter wereld.Een hoog zoutgehalte en geconcentreerde mineralen creëren een volledig vijandige omgeving voor bacteriën en overtollig vet.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Grid --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003e3 radicale oplossingen voor een problematische huid\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\"\u003eVerwijder gifstoffen diep in de huid\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eModder uit de Dode Zee, vol zeldzame mineralen, haalt alle gifstoffen en verontreinigende stoffen diep uit de poriën van het gezicht en het lichaam, waardoor schadelijke bacteriën permanent worden verdreven.\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\"\u003eMaak verstopte poriën volledig schoon\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eEen hoge concentratie natrium en magnesium lost opgehoopte vetten en dode cellen op, opent de poriën en zorgt ervoor dat ze voor het eerst comfortabel kunnen ademen.\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\"\u003eVermindert de vette huid en acne\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eAntibacteriële eigenschappen elimineren de oorzaken van puistjes, absorberen overtollige olie en brengen op natuurlijke wijze de afscheiding van talgklieren in evenwicht.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Dead Sea Science Section --\u003e\n\u003cdiv class=\"deadsea-info\"\u003e\n\u003ch2 style=\"color: #9C8102; text-align: center; margin-bottom: 2rem;\"\u003eDode Zee: de natuurlijke apotheek voor de vette huid\u003c\/h2\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eWaarom is de Dode Zee de perfecte oplossing voor de vette huid?\u003c\/h3\u003e\n\u003cp style=\"color: #555; margin-bottom: 2rem; line-height: 1.7;\"\u003eDe Dode Zee is het laagste punt op aarde en het zoutste water ter wereld (34% zoutgehalte).Dit hoge zoutgehalte en de geconcentreerde mineralen creëren een volledig vijandige omgeving voor bacteriën.\u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eUnieke samenstelling:\u003c\/h4\u003e\n\u003cdiv class=\"mineral-benefits\"\u003e\n\u003cdiv class=\"mineral-item\"\u003e\n\u003cspan class=\"mineral-icon\"\u003e🧂\u003c\/span\u003e\n\u003ch5 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eHoge concentratie natrium\u003c\/h5\u003e\n\u003cp style=\"margin: 0; color: #666; font-size: 0.9rem;\"\u003eDesinfecteert en doodt bacteriën onmiddellijk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mineral-item\"\u003e\n\u003cspan class=\"mineral-icon\"\u003e💎\u003c\/span\u003e\n\u003ch5 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eGeconcentreerd magnesium\u003c\/h5\u003e\n\u003cp style=\"margin: 0; color: #666; font-size: 0.9rem;\"\u003eHet verzacht ontstekingen en herstelt weefsels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mineral-item\"\u003e\n\u003cspan class=\"mineral-icon\"\u003e⚡\u003c\/span\u003e\n\u003ch5 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eZeldzame mineralen\u003c\/h5\u003e\n\u003cp style=\"margin: 0; color: #666; font-size: 0.9rem;\"\u003eVoedt en versterkt de huid van binnenuit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mineral-item\"\u003e\n\u003cspan class=\"mineral-icon\"\u003e🛡️\u003c\/span\u003e\n\u003ch5 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eAntibacteriële eigenschappen\u003c\/h5\u003e\n\u003cp style=\"margin: 0; color: #666; font-size: 0.9rem;\"\u003eVoorkomt de groei van bacteriën en schimmels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem;\"\u003eGeavanceerde wetenschappelijke formule voor de vette huid\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-cards\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eSEA SALT EXTRACT\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003ePure Dode Zee-kracht\u003c\/p\u003e\n\u003cp\u003eDode Zeezoutextract met de hoogste concentratie actieve mineralen:\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Dieptereiniging bereikt de moeilijkste plekken\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Dood bacteriën op natuurlijke wijze vanaf de wortels\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Verwijder opgehoopte dode huidcellen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eKAOLIN\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eSlimme klei om vet te absorberen\u003c\/p\u003e\n\u003cp\u003eZachte witte klei die intelligent werkt:\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Absorbeert alleen overtollige olie\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Reinigt, verstevigt en maakt de poriën kleiner\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Brengt de talgafscheiding op natuurlijke wijze in evenwicht\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eGREEN TEA EXTRACT\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eOntstekingsvechter\u003c\/p\u003e\n\u003cp\u003eGroene thee rijk aan antioxidanten:\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Verzacht roodheid en irritatie\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Beschermt tegen beschadigingen en voorkomt littekens\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Vernieuwt cellen en versnelt de genezing\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eAVOCADO OIL\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eEvenwichtige hydratatie\u003c\/p\u003e\n\u003cp\u003eAvocado-olie geschikt voor de vette huid:\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Lichte hydratatie voorkomt uitdroging\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Versterkt de natuurlijke barrière van de huid\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Het helpt bij het genezen van de effecten van puistjes\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\"\u003e+ Bewezen formule\u003c\/p\u003e\n\u003cp\u003eHulpingrediënten voor optimaal resultaat:\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Glycerine: evenwichtige hydratatie\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Stabilisatoren: perfecte verdeling van ingrediënten\u003c\/p\u003e\n\u003c\/div\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: #9C8102; margin-bottom: 2rem;\"\u003eEenvoudig hoe te gebruiken\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: #9C8102; margin-bottom: 2rem;\"\u003e4 stappen om van een vette huid af te komen\u003c\/h3\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: #9C8102; margin-bottom: 0.5rem;\"\u003eReiniging\u003c\/h4\u003e\n\u003cp\u003eReinig uw gezicht of lichaam 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: #9C8102; margin-bottom: 0.5rem;\"\u003eToepassing\u003c\/h4\u003e\n\u003cp\u003eBreng een dunne laag van het masker aan\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: #9C8102; margin-bottom: 0.5rem;\"\u003eWachten\u003c\/h4\u003e\n\u003cp\u003eWacht 10-15 minuten totdat het droogt\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: #9C8102; 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: #e6f3ff; border-radius: 10px;\"\u003e\n\u003cp style=\"margin: 0; color: #1e3a5f;\"\u003e\u003cstrong\u003eHerhaling:\u003c\/strong\u003e Twee keer per week voor het beste resultaat\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\"\u003eZichtbare resultaten vanaf het begin\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eVanaf het eerste gebruik (10-15 minuten)\u003c\/h4\u003e\n\u003cp\u003e✨ \u003cstrong\u003eOnmiddellijke vetopname\u003c\/strong\u003e - Een mat en evenwichtig gezicht en lichaam\u003c\/p\u003e\n\u003cp\u003e🧹 \u003cstrong\u003eDuidelijke dieptereiniging\u003c\/strong\u003e - Een gevoel van reinheid en frisheid\u003c\/p\u003e\n\u003cp\u003e🌸 \u003cstrong\u003eVerzacht ontstekingen\u003c\/strong\u003e - Minder roodheid en onmiddellijke verlichting\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003eEerste gebruik\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eNa een week (4 keer gebruiken)\u003c\/h4\u003e\n\u003cp\u003e🎯 \u003cstrong\u003eZichtbare vermindering van puistjes\u003c\/strong\u003e - Genees sneller en voorkom het verschijnen van nieuwe puistjes\u003c\/p\u003e\n\u003cp\u003e💧 \u003cstrong\u003eBalans in de vetafscheiding\u003c\/strong\u003e - Minder glans en kleinere poriën\u003c\/p\u003e\n\u003cp\u003e🛡️ \u003cstrong\u003eSterkere, gezondere huid\u003c\/strong\u003e - Grotere weerstand tegen bacteriën\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003eEen hele week\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\u003eVolledige controle van de vette huid\u003c\/strong\u003e - Evenwichtige en gezonde huid\u003c\/p\u003e\n\u003cp\u003e✨ \u003cstrong\u003eDuidelijke duidelijkheid\u003c\/strong\u003e - Reinig gezicht en lichaam van puistjes en mee-eters\u003c\/p\u003e\n\u003cp\u003e💎 \u003cstrong\u003eMeer vertrouwen\u003c\/strong\u003e - Je kunt er zelfverzekerd uitzien zonder verlegen te zijn\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!-- Usage Areas --\u003e\n\u003cdiv class=\"usage-areas\"\u003e\n\u003ch2 class=\"section-title\"\u003eGeschikt voor gezicht en lichaam\u003c\/h2\u003e\n\u003ch3 style=\"color: #9C8102; text-align: center; margin-bottom: 2rem;\"\u003eMeerdere toepassingen voor een alles-in-één oplossing\u003c\/h3\u003e\n\u003cdiv class=\"usage-grid\"\u003e\n\u003cdiv class=\"usage-area\"\u003e\n\u003ch4\u003eVoor het gezicht\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003eT-zone (voorhoofd, neus, kin)\u003c\/li\u003e\n\u003cli\u003ePuistjesgevoelige wangen\u003c\/li\u003e\n\u003cli\u003eKin- en onderkaakgebied\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-area\"\u003e\n\u003ch4\u003eVoor het lichaam\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003eRug en schouders (meest blootgestelde gebieden)\u003c\/li\u003e\n\u003cli\u003eBovenste borst\u003c\/li\u003e\n\u003cli\u003eElk gebied met verstopte poriën\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem;\"\u003e\n\u003cimg alt=\"Face and Body Usage\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-dead-sea-brmud-mask-814824.webp?v=1752354423\" 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\"\u003eJouw vette huid verdient de juiste oplossing\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eBOBANA Dead Sea Mud Mask\u003c\/strong\u003e Het is niet zomaar een masker \u003cstrong\u003eEen radicale en definitieve oplossing\u003c\/strong\u003e Voor de vette huid en acne.\n    \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eBestel nu en win de strijd tegen de vette huid!\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, .mineral-item, .ingredient-card, .usage-step, .usage-area');\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(156, 129, 2, 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 mineral crystals\n  let ticking = false;\n  \n  function updateFloatingMinerals() {\n    const scrolled = window.pageYOffset;\n    const crystals = document.querySelectorAll('.mineral-crystal');\n    \n    crystals.forEach((crystal, index) =\u003e {\n      const speed = 0.1 + (index * 0.02);\n      const yPos = -(scrolled * speed);\n      crystal.style.transform = `translateY(${yPos}px) rotate(${45 + scrolled * 0.01}deg)`;\n    });\n    \n    ticking = false;\n  }\n  \n  function requestTick() {\n    if (!ticking) {\n      requestAnimationFrame(updateFloatingMinerals);\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 = `mineralPulse 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(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  \/\/ Dead Sea themed interactions\n  const seaElements = document.querySelectorAll('.ingredient-card');\n  seaElements.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      this.style.borderColor = 'rgba(212, 175, 55, 0.3)';\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      this.style.borderColor = 'rgba(255,255,255,0.1)';\n    });\n  });\n  \n  \/\/ Mineral benefits glow effect\n  const mineralItems = document.querySelectorAll('.mineral-item');\n  mineralItems.forEach((item, index) =\u003e {\n    item.addEventListener('mouseenter', function() {\n      this.style.borderTopColor = '#9C8102';\n      this.style.borderTopWidth = '5px';\n    });\n    \n    item.addEventListener('mouseleave', function() {\n      this.style.borderTopColor = '#9C8102';\n      this.style.borderTopWidth = '3px';\n    });\n  });\n  \n  \/\/ Usage steps wave effect\n  const usageSteps = document.querySelectorAll('.usage-step');\n  usageSteps.forEach((step, index) =\u003e {\n    step.addEventListener('mouseenter', function() {\n      this.style.background = 'linear-gradient(135deg, #f0f0f0 0%, #ffffff 100%)';\n      this.style.transform = 'translateY(-8px) scale(1.02)';\n    });\n    \n    step.addEventListener('mouseleave', function() {\n      this.style.background = 'linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%)';\n      this.style.transform = 'translateY(0) scale(1)';\n    });\n  });\n  \n  \/\/ Scroll-triggered animations for sections\n  const observerOptions = {\n    threshold: 0.1,\n    rootMargin: '0px 0px -50px 0px'\n  };\n  \n  const observer = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.style.animation = 'slideUp 0.8s ease-out both';\n      }\n    });\n  }, observerOptions);\n  \n  const sectionsToObserve = document.querySelectorAll('.deadsea-info, .usage-areas');\n  sectionsToObserve.forEach(section =\u003e {\n    observer.observe(section);\n  });\n});\n\u003c\/script\u003e","brand":"bobana","offers":[{"title":"Default Title","offer_id":44878357758149,"sku":null,"price":75.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-dead-sea-brmud-mask-520386.webp?v=1752354081","url":"https:\/\/instachiq.com\/nl\/products\/bobana-dead-sea-mud-mask","provider":"Instachiq","version":"1.0","type":"link"}