{"product_id":"capixy-hair-smoothing-and-split-ends-treatment-serum-سيروم-تنعيم-و-علاج-التقصف-من-كابكسي","title":"Capixy Serum zum Glätten der Haare und zur Behandlung von Spliss Capixy Serum zum Glätten der Haare und zur Behandlung von Spliss","description":"\u003cstyle\u003e\n  .capixy-hair-container {\n    max-width: 100%;\n    margin: 0 auto;\n    color: #333;\n    line-height: 1.6;\n    background: #fff;\n  }\n\n  .hero-section {\n    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n    padding: 60px 30px;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .hero-section::before {\n    content: '';\n    position: absolute;\n    top: -50%;\n    left: -50%;\n    width: 200%;\n    height: 200%;\n    background: linear-gradient(45deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n    animation: shimmer 6s infinite;\n  }\n\n  @keyframes shimmer {\n    0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\n    100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\n  }\n\n  .main-title {\n    font-size: 2.5em;\n    font-weight: 700;\n    color: #9C8102;\n    margin-bottom: 15px;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUp 1s 0.2s forwards;\n  }\n\n  .subtitle {\n    font-size: 1.4em;\n    color: #666;\n    margin-bottom: 20px;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUp 1s 0.4s forwards;\n    font-style: italic;\n  }\n\n  .hero-text {\n    font-size: 1.1em;\n    color: #666;\n    margin-bottom: 40px;\n    max-width: 900px;\n    margin-left: auto;\n    margin-right: auto;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUp 1s 0.6s forwards;\n  }\n\n  .product-image {\n    max-width: 600px;\n    width: 100%;\n    height: auto;\n    border-radius: 20px;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n    margin: 30px auto;\n    display: block;\n    opacity: 0;\n    transform: scale(0.9);\n    animation: zoomIn 1s 0.8s forwards;\n  }\n\n  @keyframes zoomIn {\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  .benefits-highlight {\n    background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n    color: #333;\n    padding: 50px 30px;\n    text-align: center;\n    margin: 40px 0;\n    border-radius: 15px;\n  }\n\n  .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 30px;\n    margin-top: 40px;\n  }\n\n  .benefit-item {\n    background: white;\n    padding: 25px;\n    border-radius: 15px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.3s ease;\n    border: 2px solid transparent;\n  }\n\n  .benefit-item:hover {\n    transform: translateY(-5px);\n    border-color: #9C8102;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n  }\n\n  .benefit-title {\n    color: #9C8102;\n    font-size: 1.2em;\n    font-weight: 700;\n    margin-bottom: 15px;\n  }\n\n  .technology-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .tech-cards {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n    gap: 30px;\n    margin-top: 40px;\n  }\n\n  .tech-card {\n    background: white;\n    padding: 35px;\n    border-radius: 20px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateX(-50px);\n    transition: all 0.3s ease;\n    border: 2px solid transparent;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .tech-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 5px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n  }\n\n  .tech-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n    border-color: #9C8102;\n  }\n\n  .ingredients-section {\n    padding: 60px 30px;\n    background: #f8f9fa;\n  }\n\n  .ingredients-categories {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 30px;\n    margin-top: 40px;\n  }\n\n  .ingredient-category {\n    background: white;\n    padding: 30px;\n    border-radius: 15px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateY(50px);\n    transition: all 0.3s ease;\n    border: 1px solid #e9ecef;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .ingredient-category::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  }\n\n  .ingredient-category:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n    border-color: #9C8102;\n  }\n\n  .category-title {\n    color: #9C8102;\n    font-size: 1.3em;\n    font-weight: 700;\n    margin-bottom: 20px;\n  }\n\n  .ingredient-list {\n    list-style: none;\n    padding: 0;\n  }\n\n  .ingredient-list li {\n    padding: 12px 0;\n    border-bottom: 1px solid #f0f0f0;\n    position: relative;\n    padding-right: 20px;\n  }\n\n  .ingredient-list li::before {\n    content: '▸';\n    color: #9C8102;\n    font-weight: bold;\n    position: absolute;\n    right: 0;\n  }\n\n  .protection-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .protection-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 30px;\n    margin-top: 40px;\n  }\n\n  .protection-card {\n    background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n    padding: 30px;\n    border-radius: 15px;\n    text-align: center;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.3s ease;\n    border: 2px solid transparent;\n  }\n\n  .protection-card:hover {\n    border-color: #9C8102;\n    transform: translateY(-5px);\n  }\n\n  .temp-display {\n    font-size: 3em;\n    font-weight: 700;\n    color: #9C8102;\n    margin-bottom: 15px;\n    display: block;\n  }\n\n  .value-section {\n    background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n    color: #333;\n    padding: 60px 30px;\n    text-align: center;\n    margin: 40px 0;\n    border-radius: 15px;\n  }\n\n  .value-comparison {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 30px;\n    margin-top: 40px;\n  }\n\n  .comparison-card {\n    background: white;\n    padding: 30px;\n    border-radius: 15px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.3s ease;\n  }\n\n  .comparison-card.highlight {\n    border: 3px solid #9C8102;\n    position: relative;\n  }\n\n  .comparison-card.highlight::before {\n    content: 'Bester Wert';\n    position: absolute;\n    top: -15px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: #9C8102;\n    color: white;\n    padding: 5px 20px;\n    border-radius: 20px;\n    font-size: 0.9em;\n    font-weight: 600;\n  }\n\n  .results-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .results-timeline {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 30px;\n    margin-top: 40px;\n  }\n\n  .timeline-card {\n    background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n    padding: 30px;\n    border-radius: 15px;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.3s ease;\n    border: 2px solid transparent;\n    position: relative;\n  }\n\n  .timeline-card:hover {\n    border-color: #9C8102;\n    transform: translateY(-5px);\n  }\n\n  .timeline-period {\n    background: #9C8102;\n    color: white;\n    padding: 10px 20px;\n    border-radius: 25px;\n    font-weight: 700;\n    display: inline-block;\n    margin-bottom: 20px;\n  }\n\n  .results-list {\n    list-style: none;\n    padding: 0;\n    text-align: left;\n  }\n\n  .results-list li {\n    padding: 8px 0;\n    border-bottom: 1px solid #e0e0e0;\n    position: relative;\n    padding-right: 20px;\n  }\n\n  .results-list li::before {\n    content: '✓';\n    color: #9C8102;\n    font-weight: bold;\n    position: absolute;\n    right: 0;\n  }\n\n  .hair-types-section {\n    padding: 60px 30px;\n    background: #f8f9fa;\n  }\n\n  .hair-types-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 30px;\n    margin-top: 40px;\n  }\n\n  .hair-type-card {\n    background: white;\n    padding: 30px;\n    border-radius: 15px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateY(50px);\n    transition: all 0.3s ease;\n    text-align: center;\n    border: 2px solid transparent;\n  }\n\n  .hair-type-card:hover {\n    transform: translateY(-5px);\n    border-color: #9C8102;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n  }\n\n  .hair-type-icon {\n    font-size: 2.5em;\n    color: #9C8102;\n    margin-bottom: 15px;\n    display: block;\n  }\n\n  .cta-section {\n    background: linear-gradient(135deg, #000000, #1a1a1a, #2d2d2d);\n    color: white;\n    padding: 60px 30px;\n    text-align: center;\n  }\n\n  .cta-button {\n    background: #9C8102;\n    color: white;\n    padding: 15px 40px;\n    border: none;\n    border-radius: 50px;\n    font-size: 1.2em;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    margin-top: 30px;\n    animation: glow 2s infinite alternate;\n  }\n\n  @keyframes glow {\n    0% { box-shadow: 0 0 20px rgba(156, 129, 2, 0.5); }\n    100% { box-shadow: 0 0 30px rgba(156, 129, 2, 0.8), 0 0 40px rgba(156, 129, 2, 0.3); }\n  }\n\n  .cta-button:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 15px 30px rgba(156, 129, 2, 0.4);\n    background: #d4af37;\n  }\n\n  .section-title {\n    text-align: center;\n    font-size: 2.2em;\n    color: #9C8102;\n    margin-bottom: 20px;\n    position: relative;\n    opacity: 0;\n    transform: translateY(30px);\n  }\n\n  .section-subtitle {\n    text-align: center;\n    font-size: 1.3em;\n    color: #666;\n    margin-bottom: 40px;\n    opacity: 0;\n    transform: translateY(30px);\n  }\n\n  .section-title::after {\n    content: '';\n    position: absolute;\n    bottom: -10px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 80px;\n    height: 3px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n    animation: expandLine 1s ease-out forwards;\n  }\n\n  @keyframes expandLine {\n    0% { width: 0; }\n    100% { width: 80px; }\n  }\n\n  @keyframes fadeInUp {\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  .animate-on-scroll {\n    opacity: 0;\n    transform: translateY(50px);\n    transition: all 0.8s ease;\n  }\n\n  .animate-on-scroll.animated {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .highlight {\n    color: #9C8102;\n    font-weight: 700;\n  }\n\n  .divider {\n    height: 2px;\n    background: linear-gradient(90deg, transparent, #9C8102, transparent);\n    margin: 40px 0;\n    opacity: 0;\n    animation: fadeIn 1s forwards;\n  }\n\n  @keyframes fadeIn {\n    to { opacity: 1; }\n  }\n\n  .price-highlight {\n    font-size: 1.5em;\n    color: #9C8102;\n    font-weight: 700;\n  }\n\n  .small-text {\n    font-size: 0.9em;\n    color: #666;\n    margin-top: 10px;\n  }\n\n  @media (max-width: 768px) {\n    .main-title { font-size: 2em; }\n    .section-title { font-size: 1.8em; }\n    .ingredients-categories, .tech-cards, .protection-grid, .value-comparison, .results-timeline, .hair-types-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"capixy-hair-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"main-title\"\u003enährendes Haarserum Capexi\u003c\/h1\u003e\n\u003ch2 class=\"subtitle\"\u003eDie revolutionäre 2-in-1-Lösung, um dein Haar vollständig zu verwandeln\u003c\/h2\u003e\n\u003cimg alt=\"Capixy Hair Serum\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/capixy_hair_serum_for_split_ends_and_heat_protection_2.jpg?v=1748442394\"\/\u003e\n\u003cp class=\"hero-text\"\u003e\u003cstrong\u003eVerwandle dein Haar, das beschädigt ist und ausfällt, in weiches, starkes und gesundes Haar mit nur wenigen Punkten reiner Haarwissenschaft.\u003c\/strong\u003e Diese fortschrittliche Formel mit doppelter Wirkung repariert gespaltene Spitzen, spendet trockenen und beschädigten Haaren Feuchtigkeit und pflegt alle Haartypen, während sie gleichzeitig Haarausfall behandelt und einen unvergleichlichen Hitzeschutz für geschmeidige, frizzfreie Haare bietet..\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"benefits-highlight\"\u003e\n\u003ch2 style=\"font-size: 1.8em; color: #9C8102; margin-bottom: 20px;\"\u003eDreifache Vorteile in einem einzigen Produkt\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-item animate-on-scroll\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eBehandlung bei Haarausfall\u003c\/h3\u003e\n\u003cp\u003eDie fortschrittliche Technologie CAPIXYL™ reduziert den Haarausfall um 46 % und erhöht das Volumen um 13 %\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item animate-on-scroll\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eReparatur von Gliedmaßen\u003c\/h3\u003e\n\u003cp\u003eHydrolysiertes Keratin und Seide reparieren gespaltene Spitzen und rekonstruieren geschädigtes Haar\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item animate-on-scroll\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eHitzeschutz\u003c\/h3\u003e\n\u003cp\u003eAbsoluter Schutz bis 230°C vor allen Stylinggeräten\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Technology Section --\u003e\n\u003cdiv class=\"technology-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eAngetrieben von der CAPIXYL™-Technologie\u003c\/h2\u003e\n\u003ch3 class=\"section-subtitle animate-on-scroll\"\u003eWissenschaftliche Innovation zur Behandlung von Haarausfall\u003c\/h3\u003e\n\u003cimg alt=\"Capixy Hair Serum Technology\" class=\"product-image animate-on-scroll\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/capixy_hair_serum_for_split_ends_and_heat_protection_3.jpg?v=1748442546\"\/\u003e\n\u003cdiv class=\"tech-cards\"\u003e\n\u003cdiv class=\"tech-card animate-on-scroll\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.4em; font-weight: 700; margin-bottom: 20px;\"\u003eAcetyl Tetrapeptide-3\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; text-align: left;\"\u003e\n\u003cli style=\"padding: 8px 0; border-bottom: 1px solid #e0e0e0;\"\u003eWeckt ruhende Haarfollikel\u003c\/li\u003e\n\u003cli style=\"padding: 8px 0; border-bottom: 1px solid #e0e0e0;\"\u003eRegt das Wachstum neuer Haare von den Wurzeln an\u003c\/li\u003e\n\u003cli style=\"padding: 8px 0;\"\u003eStärkt das vorhandene Haar und beugt Haarausfall vor\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-card animate-on-scroll\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.4em; font-weight: 700; margin-bottom: 20px;\"\u003eRoter Klee Extrakt\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; text-align: left;\"\u003e\n\u003cli style=\"padding: 8px 0; border-bottom: 1px solid #e0e0e0;\"\u003eBekämpft das Hormon DHT, das für Haarausfall verantwortlich ist\u003c\/li\u003e\n\u003cli style=\"padding: 8px 0; border-bottom: 1px solid #e0e0e0;\"\u003eSchützt die Haarfollikel vor Schäden\u003c\/li\u003e\n\u003cli style=\"padding: 8px 0;\"\u003eStellen Sie die natürliche Haardichte wieder her\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 40px; background: #f8f9fa; padding: 30px; border-radius: 15px;\"\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 20px;\"\u003eWissenschaftlich nachgewiesenes Ergebnis\u003c\/h3\u003e\n\u003cdiv style=\"display: flex; justify-content: space-around; flex-wrap: wrap; gap: 20px;\"\u003e\n\u003cdiv\u003e\n\u003cspan style=\"font-size: 2em; font-weight: 700; color: #9C8102; display: block;\"\u003e46%\u003c\/span\u003e\n\u003cspan\u003eReduzierung des Haarausfalls\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan style=\"font-size: 2em; font-weight: 700; color: #9C8102; display: block;\"\u003e13%\u003c\/span\u003e\n\u003cspan\u003eErhöhung der Dichte\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan style=\"font-size: 2em; font-weight: 700; color: #9C8102; display: block;\"\u003e4\u003c\/span\u003e\n\u003cspan\u003eMonate für vollständige Ergebnisse\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eDie Kraft der Premium-Inhaltsstoffe\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-categories\"\u003e\n\u003cdiv class=\"ingredient-category animate-on-scroll\"\u003e\n\u003ch3 class=\"category-title\"\u003eFür das Haarwachstum und die Gesundheit der Kopfhaut\u003c\/h3\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eDiaminopyrimidine Oxide:\u003c\/strong\u003e Eine Minoxidil-ähnliche Verbindung verbessert die Durchblutung der Haarfollikel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSägepalmenextrakt:\u003c\/strong\u003e Verhindert die natürliche Produktion des Hormons DHT\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGinkgo Biloba-Extrakt:\u003c\/strong\u003e Verbessert die Durchblutung der Kopfhaut\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category animate-on-scroll\"\u003e\n\u003ch3 class=\"category-title\"\u003eZur Reparatur und Stärkung\u003c\/h3\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydrolysiertes Keratin:\u003c\/strong\u003e Stellt die von innen beschädigte Haarstruktur wieder her\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBiotin und Panthenol:\u003c\/strong\u003e Essenzielle Vitamine für die Stärke und Dicke der Haare\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydrolysiertes Seidenprotein:\u003c\/strong\u003e Erzeugt eine Schutzschicht für sofortige Weichheit und Leuchtkraft\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category animate-on-scroll\"\u003e\n\u003ch3 class=\"category-title\"\u003eFür tiefe Pflege\u003c\/h3\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eSüßmandelöl:\u003c\/strong\u003e Angereichert mit Vitamin E und Fettsäuren für tiefe Feuchtigkeit\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eJojobaöl:\u003c\/strong\u003e Leichte Feuchtigkeit, die das Haar nicht beschwert\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eWeizenkeim-Extrakt:\u003c\/strong\u003e Reich an Proteinen und Vitaminen für die Vitalität der Haare\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category animate-on-scroll\"\u003e\n\u003ch3 class=\"category-title\"\u003eFür die Pflege der Kopfhaut\u003c\/h3\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eTeebaumöl:\u003c\/strong\u003e Antimikrobielle Eigenschaften für eine gesunde Umgebung\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAloe vera:\u003c\/strong\u003e Beruhigt die Reizung und gleicht die Feuchtigkeit aus\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGrüner Tee Extrakt:\u003c\/strong\u003e Antioxidativer Schutz vor Umweltschäden\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Protection Section --\u003e\n\u003cdiv class=\"protection-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eAbsoluter Hitzeschutz\u003c\/h2\u003e\n\u003cp class=\"animate-on-scroll\" style=\"text-align: center; font-size: 1.1em; color: #666; margin-bottom: 40px;\"\u003eDie fortschrittliche Silikonmatrix bildet einen unsichtbaren Schild, der Ihr Haar vor allen Stylinggeräten schützt\u003c\/p\u003e\n\u003cdiv class=\"protection-grid\"\u003e\n\u003cdiv class=\"protection-card animate-on-scroll\"\u003e\n\u003cspan class=\"temp-display\"\u003e230°\u003c\/span\u003e\n\u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eHöchster Schutzgrad\u003c\/h3\u003e\n\u003cp\u003eAbsoluter Schutz vor hohen Temperaturen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"protection-card animate-on-scroll\"\u003e\n\u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 15px;\"\u003eGeeignet für alle Werkzeuge\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; text-align: center;\"\u003e\n\u003cli style=\"padding: 5px 0;\"\u003eTägliches Haare trocknen\u003c\/li\u003e\n\u003cli style=\"padding: 5px 0;\"\u003eWöchentliches Eisen\u003c\/li\u003e\n\u003cli style=\"padding: 5px 0;\"\u003eBaby ist nicht für besondere Gelegenheiten\u003c\/li\u003e\n\u003cli style=\"padding: 5px 0;\"\u003eVerschiedene Stylinggeräte\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Section --\u003e\n\u003cdiv class=\"value-section\"\u003e\n\u003ch2 style=\"font-size: 1.8em; color: #9C8102; margin-bottom: 20px;\"\u003eAußergewöhnlicher Wert für das Geld\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.1em; margin-bottom: 30px;\"\u003eAnstatt 3 separate Produkte zu kaufen, erhältst du alles in einem einzigen Paket\u003c\/p\u003e\n\u003cdiv class=\"value-comparison\"\u003e\n\u003cdiv class=\"comparison-card animate-on-scroll\"\u003e\n\u003ch3 style=\"color: #666; margin-bottom: 20px;\"\u003eDie traditionelle Methode\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; text-align: center;\"\u003e\n\u003cli style=\"padding: 8px 0; border-bottom: 1px solid #e0e0e0;\"\u003eSerum zur Behandlung von Haarausfall = 600 Pfund\u003c\/li\u003e\n\u003cli style=\"padding: 8px 0; border-bottom: 1px solid #e0e0e0;\"\u003eGlättungsserum = 500 Pfund\u003c\/li\u003e\n\u003cli style=\"padding: 8px 0; border-bottom: 1px solid #e0e0e0;\"\u003eHitzeschutzcreme = 300 Pfund\u003c\/li\u003e\n\u003cli style=\"padding: 15px 0; font-weight: 700; color: #d9534f;\"\u003eGesamt = 1400 Pfund\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card highlight animate-on-scroll\"\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 20px;\"\u003eMit dem Capexy-Serum\u003c\/h3\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\n\u003cspan class=\"price-highlight\"\u003eNur 475 Pfund!\u003c\/span\u003e\n\u003cp class=\"small-text\"\u003eGroße Größe 120 ml\u003c\/p\u003e\n\u003cp class=\"small-text\"\u003e4-6 Monate tägliche Anwendung\u003c\/p\u003e\n\u003cp class=\"small-text\"\u003eEin paar Tropfen sind für alle Haare ausreichend\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card animate-on-scroll\"\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 20px;\"\u003eVergleich mit Salons\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\"\u003eEine Glättungssitzung im Salon = 300-500 Pfund\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-weight: 700; color: #5cb85c; margin-top: 15px;\"\u003eMit dem Serum erzielst du dauerhafte Geschmeidigkeit!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Section --\u003e\n\u003cdiv class=\"results-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eBewährte Ergebnisse\u003c\/h2\u003e\n\u003cdiv class=\"results-timeline\"\u003e\n\u003cdiv class=\"timeline-card animate-on-scroll\"\u003e\n\u003cspan class=\"timeline-period\"\u003eSofortige Ergebnisse\u003c\/span\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003eSofortige Kontrolle von Frizz und Weichheit\u003c\/li\u003e\n\u003cli\u003eVerbesserter Glanz und Handhabbarkeit\u003c\/li\u003e\n\u003cli\u003eHitzeschutz für das Styling\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-card animate-on-scroll\"\u003e\n\u003cspan class=\"timeline-period\"\u003e2-4 Wochen\u003c\/span\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003eSichtbare Reparatur gespaltenen Haarspitzen\u003c\/li\u003e\n\u003cli\u003eHaarbruch reduzieren\u003c\/li\u003e\n\u003cli\u003eVerbessert die Textur und Weichheit der Haare\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-card animate-on-scroll\"\u003e\n\u003cspan class=\"timeline-period\"\u003e2-3 Monate\u003c\/span\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003eDeutliche Reduzierung des Haarausfalls\u003c\/li\u003e\n\u003cli\u003eStärkeres und dickeres Haar\u003c\/li\u003e\n\u003cli\u003eEine vollständige Veränderung der Gesundheit der Haare\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-card animate-on-scroll\"\u003e\n\u003cspan class=\"timeline-period\"\u003e4+ Monate\u003c\/span\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003eSignifikante Verbesserung der Haardichte\u003c\/li\u003e\n\u003cli\u003eNeue Borsten um den Haaransatz\u003c\/li\u003e\n\u003cli\u003eKomplette Haartransformation\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hair Types Section --\u003e\n\u003cdiv class=\"hair-types-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eGeeignet für alle Haartypen\u003c\/h2\u003e\n\u003cdiv class=\"hair-types-grid\"\u003e\n\u003cdiv class=\"hair-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"hair-type-icon\"\u003e💫\u003c\/span\u003e\n\u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eGrobes Haar\u003c\/h3\u003e\n\u003cp\u003eSeidige Weichheit und intensive Feuchtigkeit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hair-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"hair-type-icon\"\u003e✨\u003c\/span\u003e\n\u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eDünnes Haar\u003c\/h3\u003e\n\u003cp\u003eKraft und Dichte ohne zu beschweren\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hair-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"hair-type-icon\"\u003e🎨\u003c\/span\u003e\n\u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eSchutz colorierter Haare\u003c\/h3\u003e\n\u003cp\u003eSpezialisierter Schutz und Reparatur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hair-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"hair-type-icon\"\u003e🌀\u003c\/span\u003e\n\u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003ePflege und Definition von Locken\u003c\/h3\u003e\n\u003cp\u003ePerfekte Definition und Feuchtigkeit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hair-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"hair-type-icon\"\u003e🔧\u003c\/span\u003e\n\u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eGeschädigtes Haar\u003c\/h3\u003e\n\u003cp\u003eKomplette und integrierte Behandlung\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hair-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"hair-type-icon\"\u003e⏰\u003c\/span\u003e\n\u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eVerwendung\u003c\/h3\u003e\n\u003cp\u003eTäglich, wöchentlich oder nach Bedarf\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"animate-on-scroll\"\u003enährendes Haarserum Capexi: Die All-in-One-Lösung, um dein Haar vollständig zu verwandeln\u003c\/h2\u003e\n\u003cp class=\"animate-on-scroll\" style=\"font-size: 1.2em; margin-top: 20px;\"\u003e\u003cstrong\u003eErhalte 3 Produkte in einem: Behandlung gegen Haarausfall + Reparatur gespaltenen Spitzen + Hitzeschutz. Salonergebnisse zu Heimpreisen mit internationaler Qualitätsgarantie.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cbutton class=\"cta-button animate-on-scroll\"\u003eErhalte jetzt das Haar deiner Träume\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n  \/\/ Intersection Observer for scroll animations\n  const observerOptions = {\n    threshold: 0.1,\n    rootMargin: '0px 0px -50px 0px'\n  };\n\n  const observer = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('animated');\n      }\n    });\n  }, observerOptions);\n\n  \/\/ Observe all animate-on-scroll elements\n  document.querySelectorAll('.animate-on-scroll').forEach(el =\u003e {\n    observer.observe(el);\n  });\n\n  \/\/ Animate benefit items\n  const benefitObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const items = entry.target.querySelectorAll('.benefit-item');\n        items.forEach((item, index) =\u003e {\n          setTimeout(() =\u003e {\n            item.style.opacity = '1';\n            item.style.transform = 'translateY(0)';\n          }, index * 200);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.benefits-highlight').forEach(section =\u003e {\n    benefitObserver.observe(section);\n  });\n\n  \/\/ Animate tech cards\n  const techObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.style.opacity = '1';\n        entry.target.style.transform = 'translateX(0)';\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.tech-card').forEach(card =\u003e {\n    techObserver.observe(card);\n  });\n\n  \/\/ Animate ingredient categories\n  const ingredientObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.style.opacity = '1';\n        entry.target.style.transform = 'translateY(0)';\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.ingredient-category').forEach(category =\u003e {\n    ingredientObserver.observe(category);\n  });\n\n  \/\/ Animate protection cards\n  const protectionObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.protection-card');\n        cards.forEach((card, index) =\u003e {\n          setTimeout(() =\u003e {\n            card.style.opacity = '1';\n            card.style.transform = 'translateY(0)';\n          }, index * 200);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.protection-section').forEach(section =\u003e {\n    protectionObserver.observe(section);\n  });\n\n  \/\/ Animate value comparison cards\n  const valueObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.comparison-card');\n        cards.forEach((card, index) =\u003e {\n          setTimeout(() =\u003e {\n            card.style.opacity = '1';\n            card.style.transform = 'translateY(0)';\n          }, index * 300);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.value-section').forEach(section =\u003e {\n    valueObserver.observe(section);\n  });\n\n  \/\/ Animate timeline cards\n  const timelineObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.timeline-card');\n        cards.forEach((card, index) =\u003e {\n          setTimeout(() =\u003e {\n            card.style.opacity = '1';\n            card.style.transform = 'translateY(0)';\n          }, index * 200);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.results-section').forEach(section =\u003e {\n    timelineObserver.observe(section);\n  });\n\n  \/\/ Animate hair type cards\n  const hairTypeObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.hair-type-card');\n        cards.forEach((card, index) =\u003e {\n          setTimeout(() =\u003e {\n            card.style.opacity = '1';\n            card.style.transform = 'translateY(0)';\n          }, index * 150);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.hair-types-section').forEach(section =\u003e {\n    hairTypeObserver.observe(section);\n  });\n\n  \/\/ CTA button interaction\n  document.querySelector('.cta-button')?.addEventListener('click', () =\u003e {\n    const button = document.querySelector('.cta-button');\n    button.style.animation = 'none';\n    setTimeout(() =\u003e {\n      button.style.animation = 'glow 2s infinite alternate';\n    }, 100);\n  });\n\u003c\/script\u003e","brand":"Capixy","offers":[{"title":"Default Title","offer_id":44757885026501,"sku":"","price":950.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/capixy_hair_serum_for_split_ends_and_heat_protection.jpg?v=1748441421","url":"https:\/\/sa.instachiq.com\/de\/products\/capixy-hair-smoothing-and-split-ends-treatment-serum-3","provider":"Instachiq","version":"1.0","type":"link"}