{"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\"\u003eArma del Mar Morto contro la pelle grassa\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eOgni giorno trovi un nuovo brufolo, pori ostruiti e una fastidiosa lucentezza sulla tua pelle e sul tuo corpo... e il problema sta aumentando, non diminuendo. Il motivo? I batteri e l'eccesso di sebo hanno vinto la battaglia contro la tua pelle! \u003cstrong\u003eMa oggi la battaglia finirà a tuo favore con il potere naturale del Mar Morto.\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\"\u003eMaschera di Fango del Mar Morto BOBANA - Il potere dei minerali traccia contro la pelle grassa\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n      Il Mar Morto non è solo un mare ordinario... È il punto più basso della Terra e il corpo d'acqua più salato del mondo. L'alta salinità e i minerali concentrati creano un ambiente completamente ostile per batteri e grassi in eccesso.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Grid --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003e3 soluzioni radicali per la pelle problematica\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\"\u003eRimuove le tossine dal profondo della pelle\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eFango del Mar Morto, ricco di minerali rari, estrae tutte le tossine e le sostanze inquinanti dalle profondità dei pori del viso e del corpo, espellendo batteri nocivi in modo permanente.\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\"\u003ePorri completamente ostruiti puliti\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eUn'alta concentrazione di sodio e magnesio dissolve i grassi accumulati e le cellule morte, apre i pori e li fa respirare comodamente per la prima volta.\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\"\u003eRiduce la pelle grassa e l'acne\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eLe proprietà antibatteriche eliminano le cause dei brufoli, assorbono l'eccesso di sebo e bilanciano naturalmente la secrezione delle ghiandole sebacee.\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;\"\u003eMar Morto: la farmacia naturale per la pelle grassa\u003c\/h2\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003ePerché il Mar Morto è la soluzione perfetta per la pelle grassa?\u003c\/h3\u003e\n\u003cp style=\"color: #555; margin-bottom: 2rem; line-height: 1.7;\"\u003eIl Mar Morto è il punto più basso della Terra e il corpo d'acqua più salato del mondo (34% di salinità). Questa alta salinità e i minerali concentrati creano un ambiente completamente ostile per i batteri.\u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eComposizione unica:\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;\"\u003eAlta concentrazione di sodio\u003c\/h5\u003e\n\u003cp style=\"margin: 0; color: #666; font-size: 0.9rem;\"\u003eDisinfetta e uccide immediatamente i batteri\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;\"\u003eMagnesio concentrato\u003c\/h5\u003e\n\u003cp style=\"margin: 0; color: #666; font-size: 0.9rem;\"\u003eLenisce l'infiammazione e ripara i tessuti\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;\"\u003eMinerali rari\u003c\/h5\u003e\n\u003cp style=\"margin: 0; color: #666; font-size: 0.9rem;\"\u003eNutre e rinforza la pelle dall'interno\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;\"\u003eProprietà antibatteriche\u003c\/h5\u003e\n\u003cp style=\"margin: 0; color: #666; font-size: 0.9rem;\"\u003ePreviene la crescita di batteri e funghi\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;\"\u003eFormula scientifica avanzata per pelle grassa\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\"\u003ePotere Puro del Mar Morto\u003c\/p\u003e\n\u003cp\u003eEstratto di sale del Mar Morto con la più alta concentrazione di minerali attivi:\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e La pulizia profonda raggiunge le aree più difficili\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Uccide naturalmente i batteri dalle radici\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Rimuovere le cellule morte accumulate\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\"\u003eArgilla intelligente per assorbire i grassi\u003c\/p\u003e\n\u003cp\u003eArgilla bianca morbida che agisce in modo intelligente:\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Solo assorbe l'eccesso di sebo\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Pulisce, tonifica e rende i pori più piccoli\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Equilibra naturalmente la secrezione di sebo\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\"\u003eCombattente dell'infiammazione\u003c\/p\u003e\n\u003cp\u003eTè verde ricco di antiossidanti:\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Lenisce arrossamento e irritazione\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Protegge dai danni e previene le cicatrici\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Rinnova le cellule e accelera la guarigione\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\"\u003eIdratazione equilibrata\u003c\/p\u003e\n\u003cp\u003eOlio di avocado adatto per pelli grasse:\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Idratazione leggera previene la secchezza\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Rinforza la barriera naturale della pelle\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Aiuta a guarire gli effetti dei brufoli\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+ Formula comprovata\u003c\/p\u003e\n\u003cp\u003eIngredienti ausiliari per risultati ottimali:\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Glicerina: idratazione equilibrata\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Stabilizzatori: distribuzione perfetta degli ingredienti\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;\"\u003eCome usare semplice\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: #9C8102; margin-bottom: 2rem;\"\u003e4 passaggi per liberarti della pelle grassa\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;\"\u003ePulizia\u003c\/h4\u003e\n\u003cp\u003ePulisci il viso o il corpo con acqua tiepida\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;\"\u003eApplicazione\u003c\/h4\u003e\n\u003cp\u003eApplica un sottile strato della maschera\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;\"\u003eIn attesa\u003c\/h4\u003e\n\u003cp\u003eAttendere 10-15 minuti finché non si asciuga\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;\"\u003eRisciacquare\u003c\/h4\u003e\n\u003cp\u003eSciacquare con acqua calda e godere\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\u003eRipetizione:\u003c\/strong\u003e Due volte alla settimana per risultati ottimali\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\"\u003eRisultati visibili dall'inizio\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eDal primo utilizzo (10-15 minuti)\u003c\/h4\u003e\n\u003cp\u003e✨ \u003cstrong\u003eAssorbimento immediato dei grassi\u003c\/strong\u003e - Un viso e corpo opachi e bilanciati\u003c\/p\u003e\n\u003cp\u003e🧹 \u003cstrong\u003ePulizia profonda chiara\u003c\/strong\u003e - Una sensazione di pulizia e freschezza\u003c\/p\u003e\n\u003cp\u003e🌸 \u003cstrong\u003eLenire l'infiammazione\u003c\/strong\u003e - Meno arrossamento e sollievo immediato\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003ePrimo utilizzo\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eDopo una settimana (4 utilizzi)\u003c\/h4\u003e\n\u003cp\u003e🎯 \u003cstrong\u003eRiduzione visibile dei brufoli\u003c\/strong\u003e - Guarisce più velocemente e previene la comparsa di nuovi brufoli\u003c\/p\u003e\n\u003cp\u003e💧 \u003cstrong\u003eEquilibrio nella secrezione di sebo\u003c\/strong\u003e - Meno lucentezza e pori più piccoli\u003c\/p\u003e\n\u003cp\u003e🛡️ \u003cstrong\u003ePelle più forte e sana\u003c\/strong\u003e - Maggiore resistenza ai batteri\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003eUn'intera settimana\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eDopo un mese\u003c\/h4\u003e\n\u003cp\u003e🏆 \u003cstrong\u003eControllo completo della pelle grassa\u003c\/strong\u003e - Pelle equilibrata e sana\u003c\/p\u003e\n\u003cp\u003e✨ \u003cstrong\u003eChiarezza chiara\u003c\/strong\u003e - Pulire viso e corpo da brufoli e punti neri\u003c\/p\u003e\n\u003cp\u003e💎 \u003cstrong\u003ePiù fiducia\u003c\/strong\u003e - Puoi apparire sicuro di te senza essere timido\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003eUn intero mese\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\"\u003eAdatto al viso e al corpo\u003c\/h2\u003e\n\u003ch3 style=\"color: #9C8102; text-align: center; margin-bottom: 2rem;\"\u003eMolti usi per una soluzione tutto-in-uno\u003c\/h3\u003e\n\u003cdiv class=\"usage-grid\"\u003e\n\u003cdiv class=\"usage-area\"\u003e\n\u003ch4\u003ePer il viso\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003eZona T (fronte, naso, mento)\u003c\/li\u003e\n\u003cli\u003eGuance soggette a brufoli\u003c\/li\u003e\n\u003cli\u003eArea del mento e della mandibola inferiore\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-area\"\u003e\n\u003ch4\u003ePer il corpo\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003eSchiena e spalle (aree più esposte)\u003c\/li\u003e\n\u003cli\u003eParte superiore del torace\u003c\/li\u003e\n\u003cli\u003eQualsiasi area con pori ostruiti\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\"\u003eLa tua pelle grassa merita la soluzione giusta\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eBOBANA Dead Sea Mud Mask\u003c\/strong\u003e Non è solo una maschera \u003cstrong\u003eUna soluzione radicale e definitiva\u003c\/strong\u003e Per pelle grassa e acneica.\n    \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eOrdina ora e vinci la battaglia contro la pelle grassa!\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":500.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:\/\/sa.instachiq.com\/it\/products\/bobana-dead-sea-mud-mask","provider":"Instachiq","version":"1.0","type":"link"}