{"product_id":"bobana-coffee-scrub-300-gm","title":"Bobana Coffee Scrub 300 gm","description":"\u003c!-- BOBANA Coffee Body Scrub Product Description --\u003e\n\u003cstyle\u003e\n  .bobana-scrub-container {\n    line-height: 1.6;\n    color: #333;\n    max-width: 1200px;\n    margin: 0 auto;\n    background: linear-gradient(135deg, #faf9f7 0%, #ffffff 100%);\n    overflow: hidden;\n  }\n  \n  .hero-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #2c1810 0%, #5d3a2b 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=\"coffee\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"20\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"80\" cy=\"80\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"50\" cy=\"15\" r=\"0.6\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23coffee)\"\/\u003e\u003c\/svg\u003e');\n    animation: coffeeFloat 25s 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  }\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  }\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, #8B4513, #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(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, #8B4513, #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  .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-right: 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    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    background: linear-gradient(45deg, #8B4513, #9C8102);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    font-weight: bold;\n    font-size: 1.2rem;\n  }\n  \n  .coffee-benefits {\n    background: linear-gradient(135deg, #f5f2f0 0%, #ffffff 100%);\n    border-radius: 20px;\n    padding: 2rem;\n    margin: 2rem 0;\n    border-right: 5px solid #8B4513;\n  }\n  \n  .scientific-fact {\n    background: white;\n    border-radius: 15px;\n    padding: 1.5rem;\n    margin: 1rem 0;\n    border-left: 4px solid #9C8102;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n    animation: cardSlide 0.6s ease-out both;\n  }\n  \n  .scientific-fact:nth-child(1) { animation-delay: 0.1s; }\n  .scientific-fact:nth-child(2) { animation-delay: 0.2s; }\n  .scientific-fact:nth-child(3) { animation-delay: 0.3s; }\n  .scientific-fact:nth-child(4) { animation-delay: 0.4s; }\n  \n  .timeline {\n    padding: 3rem 2rem;\n    background: linear-gradient(135deg, #f8f6f4 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, #8B4513, #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.9rem;\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  .usage-steps {\n    background: linear-gradient(135deg, #2c1810 0%, #5d3a2b 100%);\n    color: white;\n    padding: 3rem 2rem;\n    border-radius: 20px;\n    margin: 3rem 0;\n  }\n  \n  .step-card {\n    background: rgba(255,255,255,0.1);\n    border-radius: 15px;\n    padding: 2rem;\n    margin: 1.5rem 0;\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  .step-card:hover {\n    background: rgba(255,255,255,0.15);\n    transform: translateX(10px);\n  }\n  \n  .step-card:nth-child(1) { animation-delay: 0.1s; }\n  .step-card:nth-child(2) { animation-delay: 0.2s; }\n  .step-card:nth-child(3) { animation-delay: 0.3s; }\n  .step-card:nth-child(4) { animation-delay: 0.4s; }\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    border-radius: 50%;\n    font-weight: bold;\n    margin-bottom: 1rem;\n    font-size: 1.1rem;\n  }\n  \n  .step-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    margin-bottom: 0.5rem;\n    color: #D4AF37;\n  }\n  \n  .value-proposition {\n    background: linear-gradient(135deg, #f8f6f4 0%, #ffffff 100%);\n    padding: 3rem 2rem;\n    border-radius: 20px;\n    margin: 3rem 0;\n    text-align: center;\n  }\n  \n  .comparison-card {\n    background: white;\n    border-radius: 15px;\n    padding: 2rem;\n    margin: 1rem;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    border-top: 4px solid #9C8102;\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, #2c1810 0%, #5d3a2b 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  }\n  \n  .floating-coffee-beans {\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  .floating-bean {\n    position: absolute;\n    width: 8px;\n    height: 12px;\n    background: linear-gradient(45deg, #8B4513, #9C8102);\n    border-radius: 50% 50% 50% 50% \/ 60% 60% 40% 40%;\n    opacity: 0.3;\n    animation: floatBean 12s linear infinite;\n  }\n  \n  .floating-bean:nth-child(1) { left: 10%; animation-delay: 0s; }\n  .floating-bean:nth-child(2) { left: 30%; animation-delay: 3s; }\n  .floating-bean:nth-child(3) { left: 50%; animation-delay: 6s; }\n  .floating-bean:nth-child(4) { left: 70%; animation-delay: 9s; }\n  .floating-bean:nth-child(5) { left: 90%; animation-delay: 1.5s; }\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 coffeeFloat {\n    0%, 100% { transform: translateY(0px) rotate(0deg); }\n    33% { transform: translateY(-15px) rotate(2deg); }\n    66% { transform: translateY(8px) rotate(-2deg); }\n  }\n  \n  @keyframes floatBean {\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 {\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-scrub-container\"\u003e\n\u003c!-- Floating Coffee Beans --\u003e\n\u003cdiv class=\"floating-coffee-beans\"\u003e\n\u003cdiv class=\"floating-bean\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-bean\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-bean\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-bean\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-bean\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eOgni giorno, migliaia di cellule morte si accumulano sul tuo corpo...\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eE il risultato? Pelle opaca, ruvida, piena di macchie scure, come se non ti importassi di te! Oggi, tutto questo cambierà con lo Scrub Corpo al Caffè BOBANA.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cimg alt=\"BOBANA Coffee Body Scrub\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-coffee-brscrub-186597.webp?v=1751732343\"\/\u003e\n\u003ch2 class=\"product-name\"\u003eBOBANA Scrub Corpo con Caffè - Il miracolo del caffè per una pelle completamente nuova\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n      Sapevi che la tua pelle si rinnova ogni 28 giorni? Ma il problema è che le cellule morte non lasciano facilmente spazio a quelle nuove. Rimangono accumulate come uno strato di polvere su un mobile antico... e la tua vera pelle bella è intrappolata sotto!\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Grid --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003e3 miracoli in un prodotto\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\"\u003eEsfoliazione profonda delle cellule morte\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eChicchi di caffè naturali morbidi e tondi rimuovono delicatamente gli strati accumulati di pelle morta, rivelando la pelle fresca sottostante.\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\"\u003eRimuovere le macchie scure ostinate\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eLa formula concentrata di caffè con caffeina stimola la circolazione sanguigna e rompe i gruppi di pigmento, eliminando le macchie scure su ginocchia, gomiti e ascelle.\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\"\u003ePelle giovane e vibrante\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eGli antiossidanti presenti nel caffè combattono i segni dell'invecchiamento e stimolano la rigenerazione cellulare, donandoti una pelle soda e radiosa come se fossi tornata indietro negli anni.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Coffee Science Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"two-column\"\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch2 class=\"section-title\"\u003ePerché proprio il caffè? Il segreto scientifico dietro il miracolo\u003c\/h2\u003e\n\u003ch3\u003eIl caffè non è solo una bevanda... è una farmacia naturale completa per la tua pelle\u003c\/h3\u003e\n\u003cdiv class=\"coffee-benefits\"\u003e\n\u003cdiv class=\"scientific-fact\"\u003e\n\u003ch4\u003e\u003cstrong\u003eStimola la circolazione sanguigna\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003eFornisce sangue e ossigeno agli strati profondi\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"scientific-fact\"\u003e\n\u003ch4\u003e\u003cstrong\u003eDiminuisce il grasso della cellulite\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003eRassoda la pelle e riduce l'aspetto delle rughe\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"scientific-fact\"\u003e\n\u003ch4\u003e\u003cstrong\u003eStimola la produzione di collagene\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003eRende la pelle più forte ed elastica\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"scientific-fact\"\u003e\n\u003ch4\u003e\u003cstrong\u003eAttacca i radicali liberi\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003eContrasta l'invecchiamento dalla sua origine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Coffee Benefits\" class=\"content-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-coffee-brscrub-327832.webp?v=1751732528\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Antioxidants Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003ch3\u003eAntiossidanti: l'esercito protettivo della natura\u003c\/h3\u003e\n\u003cp style=\"text-align: center; font-size: 1.1rem; color: #555; margin-bottom: 2rem;\"\u003eIl caffè ha un'alta concentrazione di antiossidanti naturali:\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcido clorogenico\u003c\/strong\u003e Che protegge dai danni del sole\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComposti fenolici\u003c\/strong\u003e Che combatte le infezioni\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCaffeina\u003c\/strong\u003e Che restringe i pori e rafforza la consistenza della pelle\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Gentle Granules Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003ch2 class=\"section-title\"\u003eGranuli morbidi e tondeggianti: esfoliazione intelligente senza dolore\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: #9C8102;\"\u003eNon tutti i peeling sono uguali... e questo è il segreto che altre aziende non vogliono tu sappia\u003c\/h3\u003e\n\u003cdiv class=\"two-column\"\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003cp\u003eLa maggior parte degli scrub utilizza granuli ruvidi e affilati che fanno più male che bene alla pelle. \u003cstrong\u003eBOBANA\u003c\/strong\u003e Investi nella tecnologia dei grani lisci e rotondi:\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eForma perfettamente rotonda\u003c\/strong\u003e - Previene micrograffi e tagli\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDimensione graduata\u003c\/strong\u003e - Pulisce efficacemente tutti gli strati di pelle morta\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTexture morbida\u003c\/strong\u003e - Adatto a pelli sensibili e normali\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDistribuzione uniforme\u003c\/strong\u003e - Esfoliazione regolare di tutte le parti del corpo\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eIl risultato?\u003c\/strong\u003e Esfoliazione profonda ed efficace senza alcuna irritazione o arrossamento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; padding: 2rem;\"\u003e\n\u003cdiv style=\"width: 200px; height: 200px; border-radius: 50%; background: linear-gradient(45deg, #8B4513, #9C8102); margin: 0 auto; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.5rem; font-weight: bold; animation: pulse 2s ease-in-out infinite;\"\u003e\n            Granuli morbidi\u003cbr\/\u003eTondo\n          \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Proposition --\u003e\n\u003cdiv class=\"value-proposition\"\u003e\n\u003ch2 class=\"section-title\"\u003e300g = valore eccezionale per il prezzo\u003c\/h2\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 2rem;\"\u003eRispetto ai concorrenti: BOBANA mi offre di più a un prezzo più basso\u003c\/h3\u003e\n\u003cdiv style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem;\"\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eBOBANA PACK\u003c\/h4\u003e\n\u003cp style=\"font-size: 2rem; font-weight: bold; color: #8B4513;\"\u003e300 grammi\u003c\/p\u003e\n\u003cp\u003eRaddoppia la dimensione dei concorrenti!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eDurata dell'uso\u003c\/h4\u003e\n\u003cp style=\"font-size: 2rem; font-weight: bold; color: #8B4513;\"\u003e4-6 mesi\u003c\/p\u003e\n\u003cp\u003eCon uso regolare\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eCosto quotidiano\u003c\/h4\u003e\n\u003cp style=\"font-size: 2rem; font-weight: bold; color: #8B4513;\"\u003eMeno di 5 libbre\u003c\/p\u003e\n\u003cp\u003ePiù economico di una tazza di caffè!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 3rem; padding: 2rem; background: white; border-radius: 15px; border: 2px solid #9C8102;\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eConfronto con una seduta di peeling in un centro estetico:\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003eUna sessione:\u003c\/strong\u003e 800-1500 libbre\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePACCHETTO BOBANA:\u003c\/strong\u003e Ottieni i risultati di oltre 30 sessioni a una frazione del prezzo\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\"\u003eViaggio di trasformazione: La tua pelle cambierà davanti a te\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eDal primo utilizzo\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eSensazione immediata di morbidezza\u003c\/strong\u003e - Seta uniforme sotto la tua mano\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRimozione immediata delle cellule morte della pelle\u003c\/strong\u003e - Vedrai la differenza nel bagno\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFresco e attivo\u003c\/strong\u003e - Dalla stimolazione della circolazione sanguigna\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003ePrima volta\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eDopo una settimana\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAffinamento visibile della texture complessiva della pelle\u003c\/strong\u003e - Chiaramente più morbido e liscio\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eInizio dello schiarimento delle macchie scure\u003c\/strong\u003e - Specialmente su ginocchia e gomiti\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLuminosità naturale\u003c\/strong\u003e - Pelle luminosa e radiosa\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e7 giorni\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eDopo due settimane\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eLa scomparsa degli strati di pelle morta\u003c\/strong\u003e - Pelle chiara e pulita\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUn miglioramento visibile del tono della pelle.\u003c\/strong\u003e - Uniformità del colore su tutto il corpo\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMorbidezza eccezionale\u003c\/strong\u003e - Più morbida della pelle dei bambini\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e14 giorni\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\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eUna trasformazione radicale completa\u003c\/strong\u003e - Pelle completamente nuova\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLa maggior parte delle macchie scure scompare\u003c\/strong\u003e - Colore uniforme e naturale\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFlessibilità e vivacità\u003c\/strong\u003e -Pelle giovane e luminosa\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e30 giorni\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem;\"\u003eCome usare: La semplicità funziona meraviglie\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: white; margin-bottom: 3rem;\"\u003e4 semplici passaggi per la pelle dei tuoi sogni\u003c\/h3\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eIdrata la tua pelle con acqua calda\u003c\/h4\u003e\n\u003cp\u003eL'acqua calda apre i pori e prepara la pelle a ricevere i benefici dello scrub\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eMassaggiare con movimenti circolari delicati\u003c\/h4\u003e\n\u003cp\u003eUsa una quantità appropriata e concentrati sulle aree ruvide e scure per 2-3 minuti\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eSciacquare con acqua fredda\u003c\/h4\u003e\n\u003cp\u003eL'acqua fredda chiude i pori e fissa i risultati, e le mie mani hanno una sensazione di freschezza\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eIdrata la tua pelle\u003c\/h4\u003e\n\u003cp\u003eUsa un idratante adatto per mantenere i risultati e proteggere la nuova pelle\u003c\/p\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 ti sta aspettando... non lasciarla più a lungo\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n      Ogni giorno che rimandi = più cellule morte, macchie più scure e pelle più ruvida. La pelle è come un giardino... se la innaffi e non te ne prendi cura, appassirà e morirà. Ma se te ne prendi cura, diventerà il giardino più bello del quartiere.\n    \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eOrdina ora e inizia il tuo viaggio di trasformazione!\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');\n  benefitCards.forEach(card =\u003e {\n    card.addEventListener('mouseenter', function() {\n      this.style.transform = 'translateY(-12px) scale(1.02)';\n      this.style.boxShadow = '0 25px 60px rgba(156, 129, 2, 0.2)';\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 coffee beans\n  let ticking = false;\n  \n  function updateFloatingBeans() {\n    const scrolled = window.pageYOffset;\n    const floatingBeans = document.querySelectorAll('.floating-bean');\n    \n    floatingBeans.forEach((bean, index) =\u003e {\n      const speed = 0.3 + (index * 0.05);\n      const yPos = -(scrolled * speed);\n      bean.style.transform = `translateY(${yPos}px) rotate(${scrolled * 0.05}deg)`;\n    });\n    \n    ticking = false;\n  }\n  \n  function requestTick() {\n    if (!ticking) {\n      requestAnimationFrame(updateFloatingBeans);\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  \/\/ Coffee-themed interactions\n  const coffeeElements = document.querySelectorAll('.coffee-benefits .scientific-fact');\n  coffeeElements.forEach((element, index) =\u003e {\n    element.addEventListener('mouseenter', function() {\n      this.style.transform = 'translateX(10px)';\n      this.style.borderLeftColor = '#8B4513';\n    });\n    \n    element.addEventListener('mouseleave', function() {\n      this.style.transform = 'translateX(0)';\n      this.style.borderLeftColor = '#9C8102';\n    });\n  });\n});\n\u003c\/script\u003e","brand":"bobana","offers":[{"title":"Default Title","offer_id":44878310342853,"sku":null,"price":70.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-coffee-brscrub-233067.webp?v=1751732954","url":"https:\/\/instachiq.com\/it\/products\/bobana-coffee-scrub-300-gm","provider":"Instachiq","version":"1.0","type":"link"}