{"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\"\u003eDin hud håller på att dö och du bryr dig inte!\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eVarje dag som går tränger tusentals gifter och föroreningar in i porerna i din hud och kropp och slår sig ner där som tidsinställda bomber... och resultatet?Matt, torr, trött hud, som om du har åldrats 10 år före dina ögon!Idag kommer all denna tragedi att sluta med \u003cstrong\u003eBOBANA Shea Butter Mud Mask\u003c\/strong\u003e -För ansikte och kropp!\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 Shea Butter Mud Mask - omfattande rengöring och återfuktande av ansikte och kropp\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n      Visste du att din hud (ansikte och kropp) absorberar cirka 5 kilo föroreningar och kemikalier varje år?Avgaser, rök, damm, produktrester och svett... allt samlas i de djupa lagren av huden och kväver hudcellerna tills de sakta dör.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Grid --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003e3 mirakel i en mask för ansikte och kropp\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\"\u003eDjuprengöring och avgiftning\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eNaturlig vulkanlera tränger djupt in i porerna som en magnet, drar ut alla gifter, föroreningar och ackumulerade fetter från ansikte och kropp och driver ut skadliga bakterier permanent.\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\"\u003eÅteruppliva torr och matt hud\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eUrsprungligt afrikanskt rå sheasmör ger huden djup och intensiv återfuktning, återställer fräschör och lyster till trött och försummad hud över hela kroppen.\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\"\u003eÅterställ ungdom och vitalitet\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eEn unik formula som stimulerar cellförnyelse och kollagenproduktion, raderar tecken på trötthet och trötthet och återställer din huds mjukhet och ungdomliga elasticitet överallt.\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\"\u003eAvancerad vetenskaplig formel: Varje ingrediens har ett tydligt syfte\u003c\/h2\u003e\n\u003cp\u003eDet är inte bara en slumpmässig blandning av ingredienser... Detta är en vetenskapligt studerad formel, där varje ingrediens var noggrant utvald för ett specifikt syfte och ett garanterat resultat.\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\"\u003eForntida afrikansk skönhetshemlighet\u003c\/p\u003e\n\u003cp\u003eRå afrikanskt sheasmör är fullt av vitamin A, E, F och essentiella fettsyror.\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Penetrerar 7 lager av huden\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Låser in fukt i 24 timmar i sträck\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Återuppbygger hudens naturliga barriär\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\"\u003eAvgiftande duo\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eKaolin:\u003c\/strong\u003e Mjuk vit lera absorberar överflödiga oljor\u003cbr\/\u003e\u003cstrong\u003eBentonit:\u003c\/strong\u003e Vulkanisk lera drar ut gifter\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Magnetisk rensning av gifter och föroreningar\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Stimulerar blodcirkulationen och cellregenerering\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Skonsam exfoliering av ackumulerade döda celler\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\"\u003eMarockanskt flytande guld\u003c\/p\u003e\n\u003cp\u003eSällsynt arganolja från Marocko, full av vitamin E och kraftfulla antioxidanter.\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Motverkar tecken på åldrande och minskar rynkor\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Stimulerar kollagenproduktionen och stramar upp huden\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Ger en naturlig glans och silkeslen konsistens\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\"\u003eNaturlig hudnäring\u003c\/p\u003e\n\u003cp\u003eSöt mandelolja, rik på proteiner och aminosyror.\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Mjukar upp grov hud och gör den mjuk som en bebis\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Den reparerar sprickor och svår torrhet\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Lindrar skonsamt irritation och rodnad\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\"\u003ePermanent vätskestation\u003c\/p\u003e\n\u003cp\u003eNaturligt glycerin drar fukt från luften och fångar den i huden.\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Omedelbar och kontinuerlig återfuktning i 12 timmar\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Behåller hudens elasticitet och förhindrar sprickbildning\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Stärker den naturliga skyddsbarriären\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\"\u003eInstallerad sammansättning\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eStearinsyra:\u003c\/strong\u003e Det fixar formulan och gör den krämig\u003cbr\/\u003e\u003cstrong\u003eDimetikon:\u003c\/strong\u003e Naturligt silikon\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Mjuk handkänsla och långvarigt skydd\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Bevisar terapeutiska fördelar i huden\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 ansikte och kropp: obegränsad flexibilitet\u003c\/h3\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eFör ansikte:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003eDjuprengöring av tilltäppta porer\u003c\/li\u003e\n\u003cli\u003eTa bort svarta och vita huvuden\u003c\/li\u003e\n\u003cli\u003eLjusna mörka fläckar och förena färgen\u003c\/li\u003e\n\u003cli\u003eMinska tecken på trötthet och utmattning\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1.5rem 0 1rem;\"\u003eFör kroppen:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003eJämna ut grova områden (knän, armbågar, klackar)\u003c\/li\u003e\n\u003cli\u003eTa bort ackumulerade döda hudceller\u003c\/li\u003e\n\u003cli\u003eÅterfukta mycket torra områden\u003c\/li\u003e\n\u003cli\u003eFörbättrar hudens struktur i hela kroppen\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;\"\u003eHur man använder: Enkelhet gör underverk\u003c\/h2\u003e\n\u003cdiv class=\"usage-grid\"\u003e\n\u003cdiv class=\"usage-card\"\u003e\n\u003ch4\u003eFör ansiktet (5 steg)\u003c\/h4\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv\u003eRengör ansiktet med varmt vatten för att öppna porerna\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv\u003eApplicera ett jämnt lager, undvik ögon- och läppområdet\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv\u003eVänta 15-20 minuter tills det torkar delvis\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv\u003eSkölj med ljummet vatten och massera försiktigt\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e5\u003c\/div\u003e\n\u003cdiv\u003eÅterfukta med en passande kräm och avsluta med ett serum\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-card\"\u003e\n\u003ch4\u003eFör kroppen (4 steg)\u003c\/h4\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv\u003eTa en varm dusch för att rengöra huden och öppna porerna\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv\u003eApplicera masken på de områden som behöver (eller hela kroppen).\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv\u003eVänta 20-25 minuter och skölj med ljummet vatten\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv\u003eFukta med en lämplig lotion för att bibehålla resultatet\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;\"\u003eAnvändningsfrekvens:\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003eFör ansikte:\u003c\/strong\u003e 2-3 gånger i veckan \u003cstrong\u003eFör kroppen:\u003c\/strong\u003e 1-2 gånger i veckan \u003cstrong\u003eFör tuffa områden:\u003c\/strong\u003e Dagligen i en vecka, sedan två gånger i veckan\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\"\u003eTransformation Journey: Din hud kommer att förändras före dig\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eFrån första användningen (15-25 minuter)\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eOmedelbar djuprengöring\u003c\/strong\u003e - Du kommer att känna att din hud andas för första gången på flera år\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEn känsla av friskhet\u003c\/strong\u003e - Uppfriskande svalka lugnar irriterad hud\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMärkbar jämnhet\u003c\/strong\u003e - Mjukare konsistens och mjukare hud än första gången\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003eFörsta gången\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eEfter 3 användningar (1 vecka)\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eSynlig förbättring av hudens struktur\u003c\/strong\u003e - Mindre porer och slät hud\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBörjan av strålglansens återkomst\u003c\/strong\u003e - Ljusare färg och naturlig fräschör\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eKontinuerlig djup återfuktning\u003c\/strong\u003e – Min hud är inte lika torr som tidigare\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003eEn vecka\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eEfter två veckor\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eTecken på trötthet försvinner\u003c\/strong\u003e – Han är avslappnad och glödande\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEnande hudton\u003c\/strong\u003e - Färre mörka fläckar och mer enhetlig färg i ansikte och kropp\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMer flexibilitet\u003c\/strong\u003e - Starkare hud och större motståndskraft mot yttre faktorer\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003eTvå veckor\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eEfter en månad\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eEn fullständig radikal omvandling\u003c\/strong\u003e - Helt ny hud över hela kroppen\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eKontinuerlig fräschör\u003c\/strong\u003e - Naturlig lyster utan smink\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStörre självförtroende\u003c\/strong\u003e – Klar och ren hud som gör dig strålande överallt\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003eEn hel månad\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\"\u003eEn smart investering i din skönhet\u003c\/h2\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 2rem;\"\u003e1 mask = 6 behandlingar i 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 ansiktet\u003c\/h4\u003e\n\u003cp style=\"font-size: 1.5rem; font-weight: bold; color: #6b4e3d;\"\u003e2-3 gånger i veckan\u003c\/p\u003e\n\u003cp\u003eI 3-4 månader\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eFör kroppen\u003c\/h4\u003e\n\u003cp style=\"font-size: 1.5rem; font-weight: bold; color: #6b4e3d;\"\u003e1-2 gånger i veckan\u003c\/p\u003e\n\u003cp\u003eI 2-3 månader\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eBlandad användning\u003c\/h4\u003e\n\u003cp style=\"font-size: 1.5rem; font-weight: bold; color: #6b4e3d;\"\u003eI snitt 3 månader\u003c\/p\u003e\n\u003cp\u003eAv omfattande vård\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\"\u003eVarje dag av uppskjutande = fler gifter, fler döda celler och snabbare åldrande\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n      Ansiktets och kroppens hud utsätts för skadliga faktorer 24\/7.Om du inte skyddar, rengör och återfuktar den får du betala ett högre pris senare.\n    \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eBOBANA Shea Butter Mud Mask\u003c\/strong\u003e Det är inte bara en mask \u003cstrong\u003eInvestera i din ungdom\u003c\/strong\u003eI ditt självförtroende, i hur folk kommer att se dig.\n    \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eBeställ nu!\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":70.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:\/\/instachiq.com\/sv\/products\/mud-mask-bobana-shea-butter-mud-mask-300-gm","provider":"Instachiq","version":"1.0","type":"link"}