{"product_id":"capixy-hair-smoothing-and-split-ends-treatment-serum-سيروم-تنعيم-و-علاج-التقصف-من-كابكسي","title":"Capixy haarverzachtende en gespleten haarpunten behandelingsserum Capixy haarverzachtende en gespleten haarpunten behandelingsserum","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: 'Best Value';\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\"\u003eCapexi haarserum\u003c\/h1\u003e\n\u003ch2 class=\"subtitle\"\u003eDe revolutionaire 2 in 1 oplossing om je haar volledig te transformeren\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\u003eTransformeer uw haar van beschadigd en uitvallend haar naar zacht, sterk en gezond met slechts een paar punten pure haarwetenschap.\u003c\/strong\u003e Deze geavanceerde formule met dubbele werking repareert gespleten haarpunten, hydrateert droog en beschadigd haar en voedt alle haartypes, terwijl tegelijkertijd haaruitval wordt behandeld en een ongeëvenaarde hittebescherming wordt geboden voor pluisvrije zachtheid.\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;\"\u003eDrievoudige voordelen in één product\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-item animate-on-scroll\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eBehandeling van haaruitval\u003c\/h3\u003e\n\u003cp\u003eGeavanceerde CAPIXYL™-technologie vermindert de haaruitval met 46% en verhoogt het volume met 13%\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item animate-on-scroll\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eRepareer ledematen\u003c\/h3\u003e\n\u003cp\u003eGehydrolyseerde keratine en zijde herstellen gespleten punten en herstellen beschadigd haar\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item animate-on-scroll\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eBescherming tegen hitte\u003c\/h3\u003e\n\u003cp\u003eAbsolute bescherming tot 230°C tegen alle stylingtools\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\"\u003eAangedreven door CAPIXYL™-technologie\u003c\/h2\u003e\n\u003ch3 class=\"section-subtitle animate-on-scroll\"\u003eWetenschappelijke doorbraak om haaruitval te behandelen\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;\"\u003eMaakt slapende haarzakjes wakker\u003c\/li\u003e\n\u003cli style=\"padding: 8px 0; border-bottom: 1px solid #e0e0e0;\"\u003eStimuleert de groei van nieuw haar vanaf de wortels\u003c\/li\u003e\n\u003cli style=\"padding: 8px 0;\"\u003eVersterkt bestaand haar en voorkomt haaruitval\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;\"\u003eRode klaver-extract\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;\"\u003eHet bestrijdt het DHT-hormoon dat verantwoordelijk is voor kaalheid\u003c\/li\u003e\n\u003cli style=\"padding: 8px 0; border-bottom: 1px solid #e0e0e0;\"\u003eBeschermt de follikels tegen schade\u003c\/li\u003e\n\u003cli style=\"padding: 8px 0;\"\u003eHerstelt het haar zijn natuurlijke dichtheid\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;\"\u003eWetenschappelijk bewezen resultaat\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\u003eVermindering van de uitval\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\u003eToename van de dichtheid\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\u003eMaanden voor volledige resultaten\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\"\u003eDe kracht van premium ingrediënten\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-categories\"\u003e\n\u003cdiv class=\"ingredient-category animate-on-scroll\"\u003e\n\u003ch3 class=\"category-title\"\u003eVoor de haargroei en de gezondheid van de hoofdhuid\u003c\/h3\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eDiaminopyrimidine Oxide:\u003c\/strong\u003e Een verbinding vergelijkbaar met Minoxidil verbetert de bloedcirculatie naar de haarzakjes\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eZaagpalmetto-extract:\u003c\/strong\u003e Het verhindert op natuurlijke wijze de productie van DHT-hormoon\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGinkgo Biloba-extract:\u003c\/strong\u003e Verbetert de bloedcirculatie in de hoofdhuid\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\"\u003eVoor reparatie en versterking\u003c\/h3\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eGehydrolyseerde keratine:\u003c\/strong\u003e Herstelt de beschadigde haarstructuur van binnenuit\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBiotine en panthenol:\u003c\/strong\u003e Essentiële vitamines voor de sterkte en dikte van het haar\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGehydrolyseerde zijde:\u003c\/strong\u003e Creëert een beschermende laag voor onmiddellijke zachtheid en glans\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\"\u003eVoor diepe voeding\u003c\/h3\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eZoete amandelolie:\u003c\/strong\u003e Verrijkt met vitamine E en vetzuren voor diepe hydratatie\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eJojoba-olie:\u003c\/strong\u003e Lichte hydratatie die het haar niet verzwaart\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTarwekiemextract:\u003c\/strong\u003e Vol eiwitten en vitamines voor de vitaliteit van het haar\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\"\u003eVoor hoofdhuidverzorging\u003c\/h3\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eTea tree olie:\u003c\/strong\u003e Antimicrobiële eigenschappen voor een gezond milieu\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAloë vera:\u003c\/strong\u003e Verzacht irritatie en brengt vocht in balans\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGroene thee-extract:\u003c\/strong\u003e Antioxidantbescherming tegen milieuschade\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\"\u003eAbsolute hittebescherming\u003c\/h2\u003e\n\u003cp class=\"animate-on-scroll\" style=\"text-align: center; font-size: 1.1em; color: #666; margin-bottom: 40px;\"\u003eDe geavanceerde siliconenmatrix creëert een onzichtbaar schild dat je haar beschermt tegen alle stylingtools\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;\"\u003eMaximale beschermingsgraad\u003c\/h3\u003e\n\u003cp\u003eAbsolute bescherming tegen de hoogste 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;\"\u003eGeschikt voor alle gereedschappen\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; text-align: center;\"\u003e\n\u003cli style=\"padding: 5px 0;\"\u003eDagelijks föhnen\u003c\/li\u003e\n\u003cli style=\"padding: 5px 0;\"\u003eWekelijks strijkijzer\u003c\/li\u003e\n\u003cli style=\"padding: 5px 0;\"\u003eBaby is niet voor speciale gelegenheden\u003c\/li\u003e\n\u003cli style=\"padding: 5px 0;\"\u003eDiverse stylingapparaten\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;\"\u003eUitzonderlijke prijs-kwaliteitverhouding\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.1em; margin-bottom: 30px;\"\u003eIn plaats van drie afzonderlijke producten te kopen, koopt u alles in één pakket\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;\"\u003eDe traditionele manier\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;\"\u003eBehandelingsserum voor haarverlies = 600 pond\u003c\/li\u003e\n\u003cli style=\"padding: 8px 0; border-bottom: 1px solid #e0e0e0;\"\u003eGladheidsserum = 500 pond\u003c\/li\u003e\n\u003cli style=\"padding: 8px 0; border-bottom: 1px solid #e0e0e0;\"\u003eHittebeschermingscrème = 300 pond\u003c\/li\u003e\n\u003cli style=\"padding: 15px 0; font-weight: 700; color: #d9534f;\"\u003eTotaal = 1400 pond\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;\"\u003eMet Capexy-serum\u003c\/h3\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\n\u003cspan class=\"price-highlight\"\u003eSlechts 475 pond!\u003c\/span\u003e\n\u003cp class=\"small-text\"\u003eGroot formaat 120 ml\u003c\/p\u003e\n\u003cp class=\"small-text\"\u003e4-6 maanden dagelijks gebruik\u003c\/p\u003e\n\u003cp class=\"small-text\"\u003eEen paar druppels zijn voldoende voor al het haar\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;\"\u003eVergeleken met salons\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\"\u003eEén gladmaaksessie in de salon = 300-500 pond\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-weight: 700; color: #5cb85c; margin-top: 15px;\"\u003eMet het serum krijg je permanente zachtheid!\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\"\u003eBewezen resultaten\u003c\/h2\u003e\n\u003cdiv class=\"results-timeline\"\u003e\n\u003cdiv class=\"timeline-card animate-on-scroll\"\u003e\n\u003cspan class=\"timeline-period\"\u003eDirect resultaat\u003c\/span\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003eOnmiddellijke kroescontrole en zachtheid\u003c\/li\u003e\n\u003cli\u003eVerbeterde glans en beheersbaarheid\u003c\/li\u003e\n\u003cli\u003eHittebescherming voor 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 weken\u003c\/span\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003eZichtbare reparatie van gespleten haarpunten\u003c\/li\u003e\n\u003cli\u003eVermindering van haarbreuk\u003c\/li\u003e\n\u003cli\u003eVerbetert de haartextuur en zachtheid\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 maanden\u003c\/span\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003eMerkbare vermindering van haaruitval\u003c\/li\u003e\n\u003cli\u003eSterker, dikker haar\u003c\/li\u003e\n\u003cli\u003eEen complete transformatie in de gezondheid van het haar\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+ maanden\u003c\/span\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003eAanzienlijke verbetering van de haardichtheid\u003c\/li\u003e\n\u003cli\u003eNieuwe borstelharen rond de haarlijn\u003c\/li\u003e\n\u003cli\u003eVolledige haartransformatie\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\"\u003eGeschikt voor alle haartypes\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;\"\u003eGrof haar\u003c\/h3\u003e\n\u003cp\u003eZijdezachtheid en diepe hydratatie\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;\"\u003eFijn haar\u003c\/h3\u003e\n\u003cp\u003eSterkte en dichtheid zonder zwaarte\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;\"\u003eGeverfd haar\u003c\/h3\u003e\n\u003cp\u003eGespecialiseerde bescherming en reparatie\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;\"\u003eKrullend haar\u003c\/h3\u003e\n\u003cp\u003ePerfecte definitie en hydratatie\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;\"\u003eBeschadigd haar\u003c\/h3\u003e\n\u003cp\u003eUitgebreide en geïntegreerde behandeling\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;\"\u003eGebruik\u003c\/h3\u003e\n\u003cp\u003eDagelijks, wekelijks of wanneer nodig\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\"\u003eCapexi Haarserum: De alles-in-één oplossing om uw haar volledig te transformeren\u003c\/h2\u003e\n\u003cp class=\"animate-on-scroll\" style=\"font-size: 1.2em; margin-top: 20px;\"\u003e\u003cstrong\u003eOntvang 3 producten in één: behandeling tegen haaruitval + splitreparatie + hittebescherming.Salonresultaten tegen thuisprijzen en internationale kwaliteitsborging.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cbutton class=\"cta-button animate-on-scroll\"\u003eKoop nu het haar van je dromen\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":475.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:\/\/instachiq.com\/nl\/products\/capixy-haar-verzachtend-en-gespleten-haarpunten-behandelingsserum","provider":"Instachiq","version":"1.0","type":"link"}