{"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-left: 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-left: 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-left: 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-left: 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\"\u003eTá do chraiceann ag éirí marbh agus níl cúram ort!\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eGach lá a théann thart, scaoileann na mílte tocsaineacha agus an salachar isteach i bpóirí do chraicinn agus do choirp agus socraíonn siad ansin amhail lámha ama... agus an toradh? Craiceann tirim, leadránach, tuirseach, amhail is go bhfuil tú ag dul in aois 10 mbliana os do shúile! Inniu, tá deireadh leis an tragóid seo le \u003cstrong\u003eBOBANA Shea Butter Mud Mask\u003c\/strong\u003e -Don aghaidh agus don chorp!\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 Másc Móin Síleála Shea - glanadh agus taise iomlán don aghaidh agus don chorp\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n      I Do chraiceann Maidir le 5 Cé ... I Skin .\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Grid --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003e3 mhiracail i mask amháin don aghaidh agus don chorp\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\"\u003eGlantach domhain agus díthocsainniú\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eIompaíonn cré shléibhe nádúrtha isteach go domhain sna poill cosúil le maighnéad, ag tarraingt amach gach tocsaine, truailleán agus saille carntha ón aghaidh agus ón gcorp, agus ag scaoileadh baictéir dochracha go buan.\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\"\u003eAthbheochan craiceann tirim agus dull\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eIm shea amh Afraiceach bunaidh a infhúscraíonn an craiceann le taise domhain agus dhian, ag athchóiriú úire agus lonradh don chraiceann tuirseach agus dearmadta ar fud an choirp.\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\"\u003eAthghiniú na hóige agus na beogachta\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eFoirmle uathúil a spreagann athghiniúint cealla agus táirgeadh collagen, a scriosann comharthaí tuirse agus tuirse, agus a athchóiríonn réidh na craiceann agus éabhlóid ógántacht gach áit.\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\"\u003eFoirmle eolaíoch chun cinn: Tá cuspóir soiléir ag gach comhábhar\u003c\/h2\u003e\n\u003cp\u003eNí mheascán randamach comhábhar amháin é... Foirmle staidéir eolaíoch í seo, ina roghnaíodh gach comhábhar go cúramach chun cuspóir áirithe a bhaint amach agus toradh ráthaithe.\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\"\u003eRún áilleacht ársa Afracach\u003c\/p\u003e\n\u003cp\u003eTá Im Sicilachh Afraiceach amh lán le vitimíní A, E, F agus aigéid shailleacha riachtanacha.\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Téann sé trí 7 sraithe craicinn\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Dúnann sí an taise ar feadh 24 uair an chloig díreach\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Athshlánann bacainn nádúrtha na craiceann\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\"\u003eDuó díthocsainithe\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eKaolín:\u003c\/strong\u003e Imeall bán bog a ionsúann ró-ola\u003cbr\/\u003e\u003cstrong\u003eBentinít:\u003c\/strong\u003e Tarraingíonn gaineamh bolcánach nimhchuacha amach\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Glanadh mhaighnéadach de thocsainí agus truailliúintí\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Ag spreagadh sruth fola agus athghiniúint cealla\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Scaipthe géar bog ar chealla marbha carntha\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\"\u003eÓr leachtach Mharracó\u003c\/p\u003e\n\u003cp\u003eOlann argan annamh ó Mharacó, lán le víatamín E agus frithocsaídeoirí cumhachtacha.\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Troid le comharthaí aois agus laghdaíonn sé roic\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Méadaíonn sé táirgeadh collaigine agus daingníonn sé an craiceann\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Tugann lonrú nádúrtha agus uigeacht silky\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\"\u003eCothaitheoir nádúrtha don chraiceann\u003c\/p\u003e\n\u003cp\u003eOla almóin bhinn, saibhir i bprótéiní agus i aimínaigéid.\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Bogann craiceann garbh agus déanann sé bog cosúil le leanbh\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Deisiúir sé scoilteanna agus tirim fhíochmhar\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Socraíonn sé greannú agus deargadh go bog\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\"\u003eStáisiún hidratachta buan\u003c\/p\u003e\n\u003cp\u003eTarraingíonn glyserín nádúrtha taise ón aer agus greamaíonn sé é sa chraiceann.\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Hidratiú láithreach agus leanúnach ar feadh 12 uair an chloig\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Coinníonn sé solúbthacht na hóige agus coinníonn sé é ag scoilteadh\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Neartaíonn an bacainn chosanta nádúrtha\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\"\u003eComhdhéanamh suiteáilte\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eAigéad steárach:\u003c\/strong\u003e Déanann sé an foirmle a cheartú agus déanann sé í a dhéanamh uachtarúil\u003cbr\/\u003e\u003cstrong\u003eDimethicone:\u003c\/strong\u003e Sicsíleán nádúrtha\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Mothú lámh bog agus cosaint fhadtéarmach\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Cruthaíonn buntáistí teiripeacha sa chraiceann\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\u003eDon aghaidh agus don chorp: solúbthacht neamhtheoranta\u003c\/h3\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eDon aghaidh:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003eGlantach domhain ar poill dhorcha\u003c\/li\u003e\n\u003cli\u003eBain cinn dhubha agus bána\u003c\/li\u003e\n\u003cli\u003eÉadóidh spotaí dorcha agus aontóidh dath\u003c\/li\u003e\n\u003cli\u003eAg laghdú comharthaí tuirse agus tuirse\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1.5rem 0 1rem;\"\u003eDon chorp:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003eSmoothing \u003c\/li\u003e\n\u003cli\u003eBain na cillí marbha atá carntha\u003c\/li\u003e\n\u003cli\u003eMaolaigh ceantair an-tirim\u003c\/li\u003e\n\u003cli\u003eAg feabhsú uigeachta an chraiceann ar fud an choirp\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;\"\u003eConas a Úsáid: Oibríonn Simplíocht draíochta\u003c\/h2\u003e\n\u003cdiv class=\"usage-grid\"\u003e\n\u003cdiv class=\"usage-card\"\u003e\n\u003ch4\u003eDon aghaidh (5 céimeanna)\u003c\/h4\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv\u003eGlan do aghaidh le huisce te chun na pores a oscailt\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv\u003eCuir sraith cothrom i bhfeidhm, ag seachaint ceantar na súl agus na mbéal\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv\u003eFan 15-20 nóiméad go dtí go tirim go páirteach\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv\u003eNigh le huisce te te agus massage go mín\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e5\u003c\/div\u003e\n\u003cdiv\u003eMaolaigh le huachtar oiriúnach agus críochnaigh le serum\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-card\"\u003e\n\u003ch4\u003eDon chorp (4 chéim))\u003c\/h4\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv\u003eTóg cith te chun an craiceann a ghlanadh agus na pores a oscailt\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv\u003eAir \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv\u003eFan 20-25 nóiméad agus sruthlaigh le huisce te teasa\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv\u003eMaolaigh le lota oiriúnach chun na torthaí a chothabháil\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;\"\u003eMinicíocht úsáid:\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003eDon aghaidh:\u003c\/strong\u003e 2-3 uair sa tseachtain \u003cstrong\u003eDon chorp:\u003c\/strong\u003e 1-2 huaire sa tseachtain \u003cstrong\u003eLe haghaidh ceantanna garbh:\u003c\/strong\u003e Laethúil ar feadh seachtaine, ansin dhá uair sa tseachtain\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\"\u003eTuras Réabhlóideach: Athróidh do chraiceann roimh do shúile\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eÓn gcéad úsáid (15-25 nóiméad)\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eGlanadh domhain láithreach\u003c\/strong\u003e - Mothóidh tú go bhfuil do chraiceann ag análú den chéad uair i roinnt blianta\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMothú úrnua\u003c\/strong\u003e - Fuarú athnuachana a mhaolaíonn craiceann scaoilte\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRéidh shuntasach\u003c\/strong\u003e - Uigeacht níos bog agus craiceann níos bog ná an chéad uair\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003eAn chéad uair\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eTar éis 3 \u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eFeabhas le feiceáil ar uigeacht an chraicinn\u003c\/strong\u003e - Poirí níos lú agus craiceann réidh\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTús filleadh na lonrúil\u003c\/strong\u003e - Dath níos éadroime agus úrnás nádúrtha\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTaise dhomhain leanúnach\u003c\/strong\u003e - Níl mo chraiceann chomh tirim le roimhe seo\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003eSeachtain\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eTar éis dhá sheachtain\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eImíonn comharthaí tuirse\u003c\/strong\u003e - Tá sé faoisimh agus ag lonrú\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAontú toin craicinn\u003c\/strong\u003e - Níos lú smúit dhorcha agus dath níos aonfhoirme ar an aghaidh agus ar an gcorp\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNíos mó solúbthachta\u003c\/strong\u003e - Craiceann níos láidre agus friotaíocht níos mó do fhachtóirí seachtracha\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003eDhá sheachtain\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eTar éis mí\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAthrú radacach iomlán\u003c\/strong\u003e - Craiceann nua go hiomlán ar fud an choirp\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNíochán leanúnach\u003c\/strong\u003e - Radiantas nádúrtha gan smideadh\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMuinín níos mó ionam\u003c\/strong\u003e - Craiceann glan agus soiléir a dhéanann tú geal áit ar bith\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003eMí iomlán\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\"\u003eInfheistíocht chliste i do háilleacht\u003c\/h2\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 2rem;\"\u003e1 masc = 6 leigheasanna i 1 táirge\u003c\/h3\u003e\n\u003cdiv class=\"value-cards\"\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eDon aghaidh\u003c\/h4\u003e\n\u003cp style=\"font-size: 1.5rem; font-weight: bold; color: #6b4e3d;\"\u003e2-3 uair sa tseachtain\u003c\/p\u003e\n\u003cp\u003eAr feadh 3-4 mhí\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eDon chorp\u003c\/h4\u003e\n\u003cp style=\"font-size: 1.5rem; font-weight: bold; color: #6b4e3d;\"\u003e1-2 huaire sa tseachtain\u003c\/p\u003e\n\u003cp\u003eAr feadh 2-3 mhí\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eÚsáid mheasctha\u003c\/h4\u003e\n\u003cp style=\"font-size: 1.5rem; font-weight: bold; color: #6b4e3d;\"\u003eMeán 3 mhí\u003c\/p\u003e\n\u003cp\u003eDe chúram cuimsitheach\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\"\u003eGach lá de chur siar = níos mó tocsaineach, níos mó cill bháis, agus aosú níos tapúla\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n      Tá craiceann an duine agus an choirp nochtaithe do fhachtóirí díobhálacha 24\/7. Mura gcosnaíonn tú, mura ghlantaíonn tú agus mura ndéanann tú é a shéideadh, íocfaidh tú praghas níos airde níos déanaí..\n    \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eBOBANA Shea Butter Mud Mask\u003c\/strong\u003e Ní masc amháin atá ann \u003cstrong\u003eInfheistigh i do óige\u003c\/strong\u003eI do mhuinín ionat féin, sa chaoi a bhfeicfidh daoine thú.\n    \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eOrdú anois!\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":46999401562286,"sku":null,"price":20.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/bobanabr-shea-butter-brmud-mask-780631.webp?v=1788175338","url":"https:\/\/skingeer.com\/ga\/products\/mud-mask-bobana-shea-butter-mud-mask-300-gm","provider":"SkinGeer","version":"1.0","type":"link"}