{"product_id":"bobana-hair-serum-jojoba-oil-for-dull-frizzy-hair-100ml","title":"BOBANA Hair Serum Jojoba Oil For Dull \u0026 Frizzy Hair 100ml","description":"\u003c!-- BOBANA Hair Serum Product Description --\u003e\n\u003cstyle\u003e\n  .bobana-container {\n    line-height: 1.6;\n    color: #333;\n    max-width: 1200px;\n    margin: 0 auto;\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n    overflow: hidden;\n  }\n  \n  .hero-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .hero-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"grain\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"25\" cy=\"25\" r=\"0.5\" fill=\"%23ffffff\" opacity=\"0.05\"\/\u003e\u003ccircle cx=\"75\" cy=\"75\" r=\"0.3\" fill=\"%23ffffff\" opacity=\"0.03\"\/\u003e\u003ccircle cx=\"50\" cy=\"10\" r=\"0.4\" fill=\"%23ffffff\" opacity=\"0.04\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23grain)\"\/\u003e\u003c\/svg\u003e');\n    animation: float 20s 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: 600px;\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(280px, 1fr));\n    gap: 2rem;\n    padding: 2rem;\n    margin: 3rem 0;\n  }\n  \n  .benefit-card {\n    background: white;\n    border-radius: 15px;\n    padding: 2rem;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    border: 2px solid transparent;\n    animation: cardSlide 0.6s ease-out both;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .benefit-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #9C8102, #D4AF37);\n    transform: scaleX(0);\n    transition: transform 0.4s ease;\n  }\n  \n  .benefit-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n    border-color: #9C8102;\n  }\n  \n  .benefit-card:hover::before {\n    transform: scaleX(1);\n  }\n  \n  .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n  .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n  .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n  .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n  \n  .benefit-number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    color: white;\n    border-radius: 50%;\n    font-weight: bold;\n    margin-bottom: 1rem;\n    animation: pulse 2s ease-in-out infinite;\n    font-size: 1.1rem;\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, #9C8102, #D4AF37);\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  .timeline {\n    padding: 3rem 2rem;\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n  }\n  \n  .timeline-item {\n    display: flex;\n    margin: 2rem 0;\n    animation: timelineSlide 0.8s ease-out both;\n    align-items: flex-start;\n  }\n  \n  .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n  .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n  .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n  .timeline-item:nth-child(4) { animation-delay: 0.4s; }\n  \n  .timeline-marker {\n    width: 60px;\n    height: 60px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-weight: bold;\n    margin-left: 2rem;\n    flex-shrink: 0;\n    animation: markerPulse 2s ease-in-out infinite;\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  .cta-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .cta-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n    animation: ctaGlow 4s ease-in-out infinite alternate;\n  }\n  \n  .cta-title {\n    font-size: 2.2rem;\n    font-weight: 600;\n    margin-bottom: 1rem;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: slideUp 0.8s ease-out both;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .cta-text {\n    font-size: 1.1rem;\n    opacity: 0.9;\n    margin-bottom: 2rem;\n    max-width: 600px;\n    margin-left: auto;\n    margin-right: auto;\n    animation: slideUp 0.8s ease-out 0.2s both;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .floating-elements {\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-element {\n    position: absolute;\n    width: 10px;\n    height: 10px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    opacity: 0.3;\n    animation: floatUp 8s linear infinite;\n  }\n  \n  .floating-element:nth-child(1) { left: 10%; animation-delay: 0s; }\n  .floating-element:nth-child(2) { left: 30%; animation-delay: 2s; }\n  .floating-element:nth-child(3) { left: 50%; animation-delay: 4s; }\n  .floating-element:nth-child(4) { left: 70%; animation-delay: 6s; }\n  .floating-element:nth-child(5) { left: 90%; animation-delay: 1s; }\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 imageFloat {\n    0%, 100% { transform: translateY(0px); }\n    50% { transform: translateY(-10px); }\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 float {\n    0%, 100% { transform: translateY(0px) rotate(0deg); }\n    33% { transform: translateY(-10px) rotate(1deg); }\n    66% { transform: translateY(5px) rotate(-1deg); }\n  }\n  \n  @keyframes floatUp {\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      margin: 1rem auto;\n    }\n    \n    .timeline-content {\n      margin: 0;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"bobana-container\"\u003e\n\u003c!-- Floating Elements --\u003e\n\u003cdiv class=\"floating-elements\"\u003e\n\u003cdiv class=\"floating-element\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-element\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-element\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-element\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-element\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eDie Sonne verbrennt jeden Tag dein Haar... und es ist dir egal!\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eDein Haar stirbt langsam... und jeden Tag, der vergeht, verlierst du Haare, die niemals zurückkehren werden\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cimg alt=\"BOBANA Hair Serum\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana_jojoba_oil_heat_protectant_serum_3.webp?v=1751730801\"\/\u003e\n\u003ch2 class=\"product-name\"\u003enährendes Haarserum BOBANA Jojobaöl - ein vollständiger Schutzschild für dein Haar\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n      Jedes Mal, wenn du auf die Straße gehst, jedes Mal, wenn du einen Föhn oder ein Glätteisen benutzt, jedes Mal, wenn du dein Haar der Sonne und dem Wind aussetzt... deine Haut ist durch Cremes geschützt, aber deine Haare? Deine Haare werden allein gelassen, um all diese Feinde ohne jeglichen Schutz zu bekämpfen!\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Grid --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003e4 radikale Lösungen in einem Produkt\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\"\u003eVollständiger Sonnenschutz LSF 30+\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eDas erste Sonnenschutzmittel, das speziell für Haare entwickelt wurde, mit einer fortschrittlichen Formel, die vor ultravioletten Strahlen schützt, die Keratin zerstören und die Haarfarbe stumpf machen.\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\"\u003eHitzeschutz für das Styling\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eEine Isolationsschicht, die dein Haar vor den hohen Temperaturen von Föhn und Glätteisen schützt, das Verbrennen der Proteine und das Austrocknen der Haare verhindert.\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\"\u003eEine magische Lösung für gespaltene Haarspitzen\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eEine regenerierende Formel, die Risse in der Haarstruktur repariert und schwache Spitzen stärkt, um zu verhindern, dass sich Spliss nach oben ausbreitet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003ePerfekte Kontrolle von krausem Haar\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eBeseitigt statische Elektrizität und beschwert das Haar sanft, sodass Sie Ihre Haarpracht bei jedem Wetter kontrollieren können.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product Details --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"two-column\"\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch2 class=\"section-title\"\u003eBOBANA: Das chemische Wunder, das dein Haar vor dem Desaster retten wird\u003c\/h2\u003e\n\u003ch3\u003eEs ist nicht nur ein Serum... es ist ein integriertes Schutzsystem für dein Haar\u003c\/h3\u003e\n\u003cp\u003eDas BOBANA-Serum unterscheidet sich von jedem anderen Produkt, das du auf dem Markt finden kannst. Dieses \u003cstrong\u003eUmfassender Luftschutz\u003c\/strong\u003e Für dein Haar gegen alle Faktoren, die es täglich zerstören.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"BOBANA Product\" class=\"content-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana_jojoba_oil_heat_protectant_serum_4.webp?v=1751731054\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Jojoba Oil Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"two-column\"\u003e\n\u003cimg alt=\"Jojoba Oil\" class=\"content-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/jojoba_oil.jpg?v=1751731143\"\/\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch3\u003eJojobaöl: das natürliche Wunder, das die natürlichen Öle deines Haares imitiert\u003c\/h3\u003e\n\u003cp\u003eL'olio di jojoba non è solo un olio \u003cstrong\u003eNatürliches wachsartiges Sekret\u003c\/strong\u003e Seine Formel ähnelt zu 97 % den natürlichen Ölen deiner Kopfhaut.\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eDringt in die Haarwurzel ein\u003c\/strong\u003e Nährt sie von innen nach außen\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReguliert die Ölsekretion\u003c\/strong\u003e Auf der Kopfhaut\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBerühre die äußeren Schichten\u003c\/strong\u003e Um die Haare zu öffnen und wieder zu schließen\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBehandelt natürliche Feuchtigkeit\u003c\/strong\u003e Lass es 24 Stunden im Haar\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SPF Protection --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"two-column reverse-mobile\"\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch3\u003eSonnenschutz SPF 30+: Dein Haar braucht Sonnenschutz genauso wie deine Haut!\u003c\/h3\u003e\n\u003cp\u003eDeine Haare sind denselben UV-Strahlen ausgesetzt, die die Haut schädigen, aber in größerer Menge, weil sie den ganzen Tag ausgesetzt sind.\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003eVerblasste Farbe\u003c\/li\u003e\n\u003cli\u003eRaue Textur\u003c\/li\u003e\n\u003cli\u003eEinfach zu brechen\u003c\/li\u003e\n\u003cli\u003eVerlust des natürlichen Glanzes\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eHandserum BOBANA Schutz SPF 30+\u003c\/strong\u003e - Genau wie du Sonnencreme aufträgst, wirkt es genauso auf dein Haar.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"SPF Protection\" class=\"content-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana_jojoba_oil_heat_protectant_serum_1.webp?v=1751731174\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Heat Protection --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"two-column\"\u003e\n\u003cimg alt=\"Hair Protection\" class=\"content-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/damaged-hair.jpg?v=1751731310\"\/\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch3\u003eHITZESCHUTZ: Das Ende der verbrannten Haare Ära\u003c\/h3\u003e\n\u003cp\u003eJedes Mal, wenn du einen Haartrockner oder ein Glätteisen ohne Schutz benutzt, ist es so, als würdest du dein Haar mit einem Feuerzeug verbrennen!\u003c\/p\u003e\n\u003cp\u003eDie Temperatur des Bügeleisens erreicht 200 Grad Celsius. Dein Haar kann nur 60 Grad Hitze aushalten.\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eIsolationsschicht\u003c\/strong\u003e Es bildet sich um jedes Haar\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eWärmeverteilung\u003c\/strong\u003e Ebenso\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVerhindern Sie Feuchtigkeitsverlust\u003c\/strong\u003e Während des Stylings\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSchutz der Proteine\u003c\/strong\u003e Von Bruch und Schäden\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Split Ends \u0026 Flyaway Hair --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003ch2 class=\"section-title\"\u003eRepariert Spliss und kontrolliert krauses Haar\u003c\/h2\u003e\n\u003cdiv class=\"two-column\"\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch3\u003eGespaltene Spitzen sind nicht nur ein ästhetisches Problem... es ist ein Warnsignal!\u003c\/h3\u003e\n\u003cp\u003eWenn das Haar bricht, gehen die gespaltenen Spitzen nach oben, wie ein Riss, der sich im Glas ausbreitet.\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eLücken auffüllen\u003c\/strong\u003e In der Struktur geschädigter Haare\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSchichten verteilen\u003c\/strong\u003e Peeling wieder zusammen\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStärkt die Bindungen\u003c\/strong\u003e Schwaches Haar\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVerhindert neue Haarbrüche\u003c\/strong\u003e aus dem Geschehen\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch3\u003eKrauses Haar = Zeichen von extremer Trockenheit und statischer Aufladung\u003c\/h3\u003e\n\u003cp\u003eWenn dein Haar trocken ist, verliert es die Fähigkeit, Elektrizität zu leiten, sodass sich Ladungen auf seiner Oberfläche ansammeln.\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eBefeuchtet das Haar\u003c\/strong\u003e Es macht es zu einem guten Leiter für Elektrizität\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMacht das Haar etwas schwerer\u003c\/strong\u003e Weil die Schwerkraft die Elektrizität überwiegt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eErzeugt eine Schutzschicht\u003c\/strong\u003e Verhindert die Ladungsansammlung\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Safe Formula --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003ch2 class=\"section-title\"\u003eOhne Parabene und Sulfate: Reinigung ohne Schaden\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.1rem; color: #555; max-width: 700px; margin: 0 auto;\"\u003e\n\u003cstrong\u003eParabene:\u003c\/strong\u003e Ein kostengünstiges Konservierungsmittel, das sich jedoch im Gewebe ansammelt und Allergien und Reizungen verursacht\u003cbr\/\u003e\n\u003cstrong\u003eSulfate:\u003c\/strong\u003e Ein sehr starkes Reinigungsmittel, das die natürlichen Öle entfernt und das Haar strohig zurücklässt..\u003cbr\/\u003e\u003cbr\/\u003e\n\u003cstrong\u003eBOBANA hat den schwierigen und teuren Weg gewählt:\u003c\/strong\u003e Verwende natürliche Alternativen, die gleichzeitig sicher und wirksam sind.\n      \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\"\u003eTransformationsreise: Was mit deinem Haar mit BOBANA passieren wird?\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eAb der ersten Anwendung\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003eSofortige Frische und sichtbar glattere Textur\u003c\/li\u003e\n\u003cli\u003eDer natürliche Glanz erscheint in wenigen Minuten\u003c\/li\u003e\n\u003cli\u003eKontrolliert krauses Haar ab der ersten Anwendung\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e1\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eNach einer Woche\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003eSichtbare Weichheit in Konsistenz und Form\u003c\/li\u003e\n\u003cli\u003eStärkere Beständigkeit gegen Feuchtigkeit und äußere Einflüsse\u003c\/li\u003e\n\u003cli\u003eStyling-Leichtigkeit und längeres Halten der Frisur\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e7\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eNach zwei Wochen\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003eSichtbare Reparatur gespaltenen Haarspitzen\u003c\/li\u003e\n\u003cli\u003eLebendigere Farbe und lang anhaltender natürlicher Glanz\u003c\/li\u003e\n\u003cli\u003eGrößere Stärke und Flexibilität gegen Bruch\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e14\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eNach einem Monat\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003eEine vollständige Veränderung der Gesundheit und des Aussehens der Haare\u003c\/li\u003e\n\u003cli\u003eDurchgehender Schutz vor schädlichen Faktoren\u003c\/li\u003e\n\u003cli\u003eGesundes und starkes Haar, das allen täglichen Herausforderungen standhält\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e30\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Proposition --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003ch2 class=\"section-title\"\u003eAußergewöhnlicher Wert für den Preis\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\" style=\"margin-top: 2rem;\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e4 Produkte in einem\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eSonnencreme + Hitzeschutz + Behandlung für gespaltene Spitzen + Frizzkontrolle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e100 ml Flasche\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eAusreichend für 4-6 Monate tägliche Anwendung mit einer konzentrierten Formel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eSchnelle Aufnahme\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eHinterlässt keinen fettigen oder schweren Effekt auf dem Haar\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eKumulative Ergebnisse\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eJede Anwendung baut auf der vorherigen auf\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\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\"\u003eDeine Haare warten darauf, dass du die richtige Entscheidung triffst... bevor es zu spät ist\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n      Jeden Tag, den du die Pflege deiner Haare aufschiebst, ist der Tag, an dem deine Haare schwächer werden. Sonne, Hitze, Verschmutzung und Vernachlässigung... all diese Faktoren arbeiten rund um die Uhr gegen dich..\n    \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eDas nährende Haarserum BOBANA ist nicht nur ein Schönheitsprodukt... es ist eine Investition in dein Selbstwertgefühl.\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 elements\n  let ticking = false;\n  \n  function updateFloatingElements() {\n    const scrolled = window.pageYOffset;\n    const floatingElements = document.querySelectorAll('.floating-element');\n    \n    floatingElements.forEach((element, index) =\u003e {\n      const speed = 0.5 + (index * 0.1);\n      const yPos = -(scrolled * speed);\n      element.style.transform = `translateY(${yPos}px) rotate(${scrolled * 0.1}deg)`;\n    });\n    \n    ticking = false;\n  }\n  \n  function requestTick() {\n    if (!ticking) {\n      requestAnimationFrame(updateFloatingElements);\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.5}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\u003c\/script\u003e","brand":"Bobana","offers":[{"title":"Default Title","offer_id":44878300479685,"sku":null,"price":650.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-serum-brwith-jojoba-oil-688273.webp?v=1751730739","url":"https:\/\/sa.instachiq.com\/de\/products\/bobana-hair-serum-jojoba-oil-for-dull-frizzy-hair-100ml","provider":"Instachiq","version":"1.0","type":"link"}