{"product_id":"capixy-hair-smoothing-and-split-ends-treatment-serum-سيروم-تنعيم-و-علاج-التقصف-من-كابكسي","title":"Capixy hair smoothing and split ends treatment serum Capixy hair smoothing and split ends treatment serum","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 hair serum\u003c\/h1\u003e\n\u003ch2 class=\"subtitle\"\u003eThe revolutionary 2 in 1 solution to completely transform your hair\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\u003eTransform your hair from damaged and falling out to soft, strong and healthy with just a few points of pure hair science.\u003c\/strong\u003e This advanced dual-action formula repairs split ends, moisturizes dry and damaged hair, and nourishes all hair types while simultaneously treating hair loss and unparalleled heat protection for frizz-free softness.\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 benefits in one product\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-item animate-on-scroll\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eHair loss treatment\u003c\/h3\u003e\n\u003cp\u003eAdvanced CAPIXYL™ technology reduces shedding by 46% and increases volume by 13%\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item animate-on-scroll\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eRepair limbs\u003c\/h3\u003e\n\u003cp\u003eHydrolyzed keratin and silk repair split ends and rebuild damaged hair\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item animate-on-scroll\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eHeat protection\u003c\/h3\u003e\n\u003cp\u003eAbsolute protection up to 230°C from all styling tools\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\"\u003ePowered by CAPIXYL™ technology\u003c\/h2\u003e\n\u003ch3 class=\"section-subtitle animate-on-scroll\"\u003eScientific breakthrough to treat hair loss\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;\"\u003eAwakens dormant hair follicles\u003c\/li\u003e\n\u003cli style=\"padding: 8px 0; border-bottom: 1px solid #e0e0e0;\"\u003eStimulates the growth of new hair from the roots\u003c\/li\u003e\n\u003cli style=\"padding: 8px 0;\"\u003eStrengthens existing hair and prevents hair loss\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;\"\u003eRed clover 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;\"\u003eIt fights the DHT hormone responsible for baldness\u003c\/li\u003e\n\u003cli style=\"padding: 8px 0; border-bottom: 1px solid #e0e0e0;\"\u003eProtects follicles from damage\u003c\/li\u003e\n\u003cli style=\"padding: 8px 0;\"\u003eRestores hair its natural density\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;\"\u003eScientifically proven result\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\u003eReduction in shedding\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\u003eIncrease in density\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\u003eMonths for full results\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\"\u003eThe power of premium ingredients\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-categories\"\u003e\n\u003cdiv class=\"ingredient-category animate-on-scroll\"\u003e\n\u003ch3 class=\"category-title\"\u003eFor hair growth and scalp health\u003c\/h3\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eDiaminopyrimidine Oxide:\u003c\/strong\u003e A compound similar to Minoxidil improves blood circulation to hair follicles\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSaw palmetto extract:\u003c\/strong\u003e It prevents the production of DHT hormone naturally\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGinkgo Biloba Extract:\u003c\/strong\u003e Improves blood circulation in the scalp\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\"\u003eFor repair and strengthening\u003c\/h3\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydrolyzed keratin:\u003c\/strong\u003e Rebuilds damaged hair structure from the inside\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBiotin and panthenol:\u003c\/strong\u003e Essential vitamins for hair strength and thickness\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydrolyzed silk:\u003c\/strong\u003e Creates a protective layer for instant softness and shine\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\"\u003eFor deep nourishment\u003c\/h3\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eSweet almond oil:\u003c\/strong\u003e Enriched with Vitamin E and fatty acids for deep hydration\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eJojoba oil:\u003c\/strong\u003e Light moisturizing that does not weigh down the hair\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eWheat germ extract:\u003c\/strong\u003e Full of proteins and vitamins for hair vitality\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\"\u003eFor scalp care\u003c\/h3\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eTea tree oil:\u003c\/strong\u003e Antimicrobial properties for a healthy environment\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAloe vera:\u003c\/strong\u003e Soothes irritation and balances moisture\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGreen tea extract:\u003c\/strong\u003e Antioxidant protection against environmental damage\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 heat protection\u003c\/h2\u003e\n\u003cp class=\"animate-on-scroll\" style=\"text-align: center; font-size: 1.1em; color: #666; margin-bottom: 40px;\"\u003eThe advanced silicone matrix creates an invisible shield that protects your hair from all styling tools\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;\"\u003eMaximum degree of protection\u003c\/h3\u003e\n\u003cp\u003eAbsolute protection from the highest temperatures\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;\"\u003eSuitable for all tools\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; text-align: center;\"\u003e\n\u003cli style=\"padding: 5px 0;\"\u003eDaily blowdry\u003c\/li\u003e\n\u003cli style=\"padding: 5px 0;\"\u003eWeekly iron\u003c\/li\u003e\n\u003cli style=\"padding: 5px 0;\"\u003eBaby is not for special occasions\u003c\/li\u003e\n\u003cli style=\"padding: 5px 0;\"\u003eVarious styling devices\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;\"\u003eExceptional value for money\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.1em; margin-bottom: 30px;\"\u003eInstead of buying 3 separate products, get all in one package\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;\"\u003eThe traditional way\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;\"\u003eHair loss treatment serum = 600 pounds\u003c\/li\u003e\n\u003cli style=\"padding: 8px 0; border-bottom: 1px solid #e0e0e0;\"\u003eSmoothness serum = 500 pounds\u003c\/li\u003e\n\u003cli style=\"padding: 8px 0; border-bottom: 1px solid #e0e0e0;\"\u003eHeat protection cream = 300 pounds\u003c\/li\u003e\n\u003cli style=\"padding: 15px 0; font-weight: 700; color: #d9534f;\"\u003eTotal = 1400 pounds\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;\"\u003eWith Capexy serum\u003c\/h3\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\n\u003cspan class=\"price-highlight\"\u003e475 pounds only!\u003c\/span\u003e\n\u003cp class=\"small-text\"\u003eLarge size 120 ml\u003c\/p\u003e\n\u003cp class=\"small-text\"\u003e4-6 months daily use\u003c\/p\u003e\n\u003cp class=\"small-text\"\u003eA few drops are enough for all hair\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;\"\u003eCompared with salons\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\"\u003eOne smoothing session in the salon = 300-500 pounds\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-weight: 700; color: #5cb85c; margin-top: 15px;\"\u003eWith the serum you get permanent softness!\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\"\u003eProven results\u003c\/h2\u003e\n\u003cdiv class=\"results-timeline\"\u003e\n\u003cdiv class=\"timeline-card animate-on-scroll\"\u003e\n\u003cspan class=\"timeline-period\"\u003eInstant results\u003c\/span\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003eInstant frizz control and softness\u003c\/li\u003e\n\u003cli\u003eEnhanced shine and manageability\u003c\/li\u003e\n\u003cli\u003eHeat protection for 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 weeks\u003c\/span\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003eVisible repair of split ends\u003c\/li\u003e\n\u003cli\u003eReducing hair breakage\u003c\/li\u003e\n\u003cli\u003eImproves hair texture and softness\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 months\u003c\/span\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003eNoticeable reduction in hair loss\u003c\/li\u003e\n\u003cli\u003eStronger, thicker hair\u003c\/li\u003e\n\u003cli\u003eA complete transformation in hair health\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+ months\u003c\/span\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003eSignificant improvement in hair density\u003c\/li\u003e\n\u003cli\u003eNew bristles around the hairline\u003c\/li\u003e\n\u003cli\u003eComplete hair transformation\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\"\u003eSuitable for all hair types\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;\"\u003eCoarse hair\u003c\/h3\u003e\n\u003cp\u003eSilky softness and deep hydration\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;\"\u003eFine hair\u003c\/h3\u003e\n\u003cp\u003eStrength and density without heaviness\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;\"\u003eDyed hair\u003c\/h3\u003e\n\u003cp\u003eSpecialized protection and repair\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;\"\u003eCurly hair\u003c\/h3\u003e\n\u003cp\u003ePerfect definition and hydration\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;\"\u003eDamaged hair\u003c\/h3\u003e\n\u003cp\u003eComprehensive and integrated treatment\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;\"\u003eUsage\u003c\/h3\u003e\n\u003cp\u003eDaily, weekly, or when needed\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 Hair Serum: The all-in-one solution to completely transform your hair\u003c\/h2\u003e\n\u003cp class=\"animate-on-scroll\" style=\"font-size: 1.2em; margin-top: 20px;\"\u003e\u003cstrong\u003eGet 3 products in one: hair loss treatment + split repair + heat protection. Salon results at home prices and international quality assurance.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cbutton class=\"cta-button animate-on-scroll\"\u003eGet the hair of your dreams now\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\/en\/products\/capixy-hair-smoothing-and-split-ends-treatment-serum","provider":"Instachiq","version":"1.0","type":"link"}