{"product_id":"capixy-hair-smoothing-and-split-ends-treatment-serum-سيروم-تنعيم-و-علاج-التقصف-من-كابكسي","title":"Sérum lissant pour cheveux et traitement des pointes fourchues Capixy Sérum lissant pour cheveux et traitement des pointes fourchues Capixy","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-left: 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-left: 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: ' ';\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-left: 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\"\u003eSérum capillaire Capexi\u003c\/h1\u003e\n\u003ch2 class=\"subtitle\"\u003eLa solution révolutionnaire 2 en 1 pour transformer complètement vos cheveux\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\u003eTransformez vos cheveux endommagés et tombants en cheveux doux, forts et sains avec seulement quelques points de science capillaire pure.\u003c\/strong\u003e Cette formule avancée à double action répare les pointes fourchues, hydrate les cheveux secs et abîmés, et nourrit tous les types de cheveux tout en traitant simultanément la perte de cheveux et en offrant une protection thermique inégalée pour une douceur sans frisottis.\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;\"\u003eTriple bénéfices en un seul produit\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-item animate-on-scroll\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eTraitement de la perte de cheveux\u003c\/h3\u003e\n\u003cp\u003eLa technologie avancée CAPIXYL™ réduit la chute de 46 % et augmente le volume de 13 %\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item animate-on-scroll\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eRéparer les membres\u003c\/h3\u003e\n\u003cp\u003eKératine hydrolysée et soie réparent les pointes fourchues et reconstruisent les cheveux abîmés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item animate-on-scroll\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eProtection contre la chaleur\u003c\/h3\u003e\n\u003cp\u003eProtection absolue jusqu'à 230°C contre tous les outils de coiffage\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\"\u003ePropulsé par la technologie CAPIXYL™\u003c\/h2\u003e\n\u003ch3 class=\"section-subtitle animate-on-scroll\"\u003ePercée scientifique pour traiter la perte de cheveux\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;\"\u003eRéveille les follicules pileux dormants\u003c\/li\u003e\n\u003cli style=\"padding: 8px 0; border-bottom: 1px solid #e0e0e0;\"\u003eStimule la croissance de nouveaux cheveux à partir des racines\u003c\/li\u003e\n\u003cli style=\"padding: 8px 0;\"\u003eRenforce les cheveux existants et prévient la perte de cheveux\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;\"\u003eExtrait de trèfle rouge\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;\"\u003eIl combat l'hormone DHT responsable de la calvitie\u003c\/li\u003e\n\u003cli style=\"padding: 8px 0; border-bottom: 1px solid #e0e0e0;\"\u003eProtège les follicules contre les dommages\u003c\/li\u003e\n\u003cli style=\"padding: 8px 0;\"\u003eRestaure à la chevelure sa densité naturelle\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;\"\u003eRésultat scientifiquement prouvé\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\u003eRéduction de la chute\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\u003eAugmentation de la densité\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\u003eMois pour des résultats complets\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\"\u003eLe pouvoir des ingrédients de qualité supérieure\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-categories\"\u003e\n\u003cdiv class=\"ingredient-category animate-on-scroll\"\u003e\n\u003ch3 class=\"category-title\"\u003ePour la croissance des cheveux et la santé du cuir chevelu\u003c\/h3\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eDiaminopyrimidine Oxide:\u003c\/strong\u003e Un composé similaire au Minoxidil améliore la circulation sanguine vers les follicules pileux\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrait de palmier scie:\u003c\/strong\u003e Il empêche la production naturellement de l'hormone DHT\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrait de Ginkgo Biloba:\u003c\/strong\u003e Améliore la circulation sanguine du cuir chevelu\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\"\u003ePour la réparation et le renforcement\u003c\/h3\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eKératine hydrolysée:\u003c\/strong\u003e Reconstruit la structure des cheveux endommagés de l'intérieur\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBiotine et panthénol:\u003c\/strong\u003e Vitamines essentielles pour la force et l'épaisseur des cheveux\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoie hydrolysée:\u003c\/strong\u003e Crée une couche protectrice pour une douceur et un éclat instantanés\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\"\u003ePour une nutrition en profondeur\u003c\/h3\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile d'amande douce:\u003c\/strong\u003e Enrichi en vitamine E et en acides gras pour une hydratation profonde\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile de jojoba:\u003c\/strong\u003e Hydratation légère qui ne alourdit pas les cheveux\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrait de germe de blé:\u003c\/strong\u003e Plein de protéines et de vitamines pour la vitalité des cheveux\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\"\u003ePour le soin du cuir chevelu\u003c\/h3\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile d'arbre à thé:\u003c\/strong\u003e Propriétés antimicrobiennes pour un environnement sain\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAloe vera:\u003c\/strong\u003e Apaise l'irritation et équilibre l'humidité\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrait de thé vert:\u003c\/strong\u003e Protection antioxydante contre les dommages environnementaux\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\"\u003eProtection thermique absolue\u003c\/h2\u003e\n\u003cp class=\"animate-on-scroll\" style=\"text-align: center; font-size: 1.1em; color: #666; margin-bottom: 40px;\"\u003eLa matrice avancée en silicone crée un bouclier invisible qui protège vos cheveux de tous les outils de coiffure\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;\"\u003eDegré de protection maximal\u003c\/h3\u003e\n\u003cp\u003eProtection absolue contre les températures les plus élevées\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;\"\u003eConvient à tous les outils\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; text-align: center;\"\u003e\n\u003cli style=\"padding: 5px 0;\"\u003eBrushing quotidien\u003c\/li\u003e\n\u003cli style=\"padding: 5px 0;\"\u003eFer hebdomadaire\u003c\/li\u003e\n\u003cli style=\"padding: 5px 0;\"\u003eLe bébé n'est pas pour les occasions spéciales\u003c\/li\u003e\n\u003cli style=\"padding: 5px 0;\"\u003eDivers dispositifs de style\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;\"\u003eValeur exceptionnelle pour l'argent\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.1em; margin-bottom: 30px;\"\u003eAu lieu d'acheter 3 produits séparés, obtenez tout dans un seul paquet\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;\"\u003eLa méthode traditionnelle\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;\"\u003eSérum de traitement de la perte de cheveux = 600 livres\u003c\/li\u003e\n\u003cli style=\"padding: 8px 0; border-bottom: 1px solid #e0e0e0;\"\u003eSérum de lissage = 500 livres\u003c\/li\u003e\n\u003cli style=\"padding: 8px 0; border-bottom: 1px solid #e0e0e0;\"\u003eCrème de protection contre la chaleur = 300 livres\u003c\/li\u003e\n\u003cli style=\"padding: 15px 0; font-weight: 700; color: #d9534f;\"\u003eTotal = 1400 livres\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;\"\u003eAvec le sérum Capexy\u003c\/h3\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\n\u003cspan class=\"price-highlight\"\u003eseulement 475 livres!\u003c\/span\u003e\n\u003cp class=\"small-text\"\u003eGrande taille 120 ml\u003c\/p\u003e\n\u003cp class=\"small-text\"\u003e4-6 mois d'utilisation quotidienne\u003c\/p\u003e\n\u003cp class=\"small-text\"\u003eQuelques gouttes suffisent pour tous les cheveux\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;\"\u003eComparé aux salons\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\"\u003eUne séance de lissage au salon = 300-500 livres\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-weight: 700; color: #5cb85c; margin-top: 15px;\"\u003eAvec le sérum, vous obtenez une douceur permanente!\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\"\u003eRésultats prouvés\u003c\/h2\u003e\n\u003cdiv class=\"results-timeline\"\u003e\n\u003cdiv class=\"timeline-card animate-on-scroll\"\u003e\n\u003cspan class=\"timeline-period\"\u003eRésultats instantanés\u003c\/span\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003eContrôle instantané des frisottis et douceur\u003c\/li\u003e\n\u003cli\u003eBrillance et maniabilité améliorées\u003c\/li\u003e\n\u003cli\u003eProtection contre la chaleur pour le coiffage\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 semaines\u003c\/span\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003eRéparation visible des pointes fourchues\u003c\/li\u003e\n\u003cli\u003eRéduire la casse des cheveux\u003c\/li\u003e\n\u003cli\u003eAméliore la texture et la douceur des cheveux\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 mois\u003c\/span\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003eRéduction notable de la chute des cheveux\u003c\/li\u003e\n\u003cli\u003eCheveux plus forts et plus épais\u003c\/li\u003e\n\u003cli\u003eUne transformation complète de la santé des cheveux\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\"\u003eplus de 4 mois\u003c\/span\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003eAmélioration significative de la densité des cheveux\u003c\/li\u003e\n\u003cli\u003eDe nouvelles soies autour de la ligne des cheveux\u003c\/li\u003e\n\u003cli\u003eTransformation complète des cheveux\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\"\u003eConvient à tous les types de cheveux\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;\"\u003eCheveux grossiers\u003c\/h3\u003e\n\u003cp\u003eDouceur soyeuse et hydratation en profondeur\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;\"\u003eCheveux fins\u003c\/h3\u003e\n\u003cp\u003eForce et densité sans lourdeur\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;\"\u003eCheveux teints\u003c\/h3\u003e\n\u003cp\u003eProtection et réparation spécialisées\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;\"\u003eCheveux bouclés\u003c\/h3\u003e\n\u003cp\u003eDéfinition et hydratation parfaites\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;\"\u003eCheveux abîmés\u003c\/h3\u003e\n\u003cp\u003eTraitement complet et intégré\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;\"\u003eUtilisation\u003c\/h3\u003e\n\u003cp\u003eQuotidien, hebdomadaire ou selon les besoins\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\"\u003eSérum Capexi pour cheveux : La solution tout-en-un pour transformer complètement vos cheveux\u003c\/h2\u003e\n\u003cp class=\"animate-on-scroll\" style=\"font-size: 1.2em; margin-top: 20px;\"\u003e\u003cstrong\u003eObtenez 3 produits en un : traitement contre la perte de cheveux + réparation des pointes fourchues + protection contre la chaleur. Résultats de salon à prix maison et assurance qualité internationale.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cbutton class=\"cta-button animate-on-scroll\"\u003eObtenez les cheveux de vos rêves maintenant\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\/fr\/products\/capixy-hair-smoothing-and-split-ends-treatment-serum-serum-smoothing-and-breakage-who","provider":"Instachiq","version":"1.0","type":"link"}