{"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":"\u003cdiv class=\"capixy-container\" dir=\"ltr\"\u003e\n  \u003cstyle\u003e\n    .capixy-container {\n      max-width: 100%;\n      margin: 0 auto;\n      color: #333;\n      line-height: 1.6;\n      background: #fff;\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    }\n\n    .hero-section {\n      background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n      padding: 80px 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(128, 174, 147, 0.1), 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: 3em;\n      font-weight: 900;\n      color: #80ae93;\n      margin-bottom: 20px;\n      opacity: 0;\n      transform: translateY(50px);\n      animation: fadeInUp 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      text-shadow: 0 2px 8px rgba(128, 174, 147, 0.3);\n    }\n\n    .subtitle {\n      font-size: 1.6em;\n      color: #555;\n      margin-bottom: 30px;\n      font-style: italic;\n      opacity: 0;\n      transform: translateY(50px);\n      animation: fadeInUp 1.2s cubic-bezier(0.23, 1, 0.32, 1) 0.2s forwards;\n    }\n\n    .hero-text {\n      font-size: 1.2em;\n      color: #666;\n      max-width: 900px;\n      margin: 0 auto 40px;\n      opacity: 0;\n      transform: translateY(50px);\n      animation: fadeInUp 1.2s cubic-bezier(0.23, 1, 0.32, 1) 0.6s forwards;\n    }\n\n    .product-image {\n      max-width: 600px;\n      width: 100%;\n      height: auto;\n      border-radius: 25px;\n      box-shadow: 0 25px 50px rgba(0,0,0,0.15), 0 10px 20px rgba(128, 174, 147, 0.2);\n      margin: 40px auto;\n      display: block;\n      opacity: 0;\n      transform: scale(0.85);\n      animation: zoomIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) 0.8s forwards;\n    }\n\n    .product-image:hover {\n      transform: scale(1.05);\n      box-shadow: 0 35px 60px rgba(0,0,0,0.2), 0 15px 30px rgba(128, 174, 147, 0.3);\n    }\n\n    @keyframes zoomIn {\n      to {\n        opacity: 1;\n        transform: scale(1);\n      }\n    }\n\n    .section-title {\n      text-align: center;\n      font-size: 2.5em;\n      color: #80ae93;\n      margin-bottom: 25px;\n      position: relative;\n      opacity: 0;\n      transform: translateY(50px);\n      text-shadow: 0 2px 8px rgba(128, 174, 147, 0.3);\n    }\n\n    .section-title::after {\n      content: '';\n      position: absolute;\n      bottom: -12px;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 0;\n      height: 4px;\n      background: linear-gradient(90deg, #80ae93, #80ae93);\n      animation: expandLine 1.2s ease-out forwards;\n    }\n\n    @keyframes expandLine {\n      0% { width: 0; }\n      100% { width: 100px; }\n    }\n\n    .section-subtitle {\n      text-align: center;\n      font-size: 1.4em;\n      color: #666;\n      margin-bottom: 40px;\n      opacity: 0;\n      transform: translateY(50px);\n      animation: fadeInUp 1.2s cubic-bezier(0.23, 1, 0.32, 1) 0.4s forwards;\n    }\n\n    .benefits-section {\n      padding: 80px 30px;\n      background: #f8f9fa;\n      text-align: center;\n    }\n\n    .benefits-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 40px;\n      margin-top: 50px;\n    }\n\n    .benefit-item {\n      background: linear-gradient(135deg, #ffffff, #fafafa);\n      padding: 35px;\n      border-radius: 20px;\n      box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n      opacity: 0;\n      transform: translateY(50px);\n      transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n      border: 2px solid transparent;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .benefit-item::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 5px;\n      background: linear-gradient(90deg, #80ae93, #80ae93);\n    }\n\n    .benefit-item:hover {\n      transform: translateY(-10px);\n      box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n      border-color: #80ae93;\n    }\n\n    .benefit-title {\n      color: #80ae93;\n      font-size: 1.5em;\n      font-weight: 800;\n      margin-bottom: 15px;\n    }\n\n    .technology-section {\n      padding: 80px 30px;\n      background: white;\n    }\n\n    .tech-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n      gap: 40px;\n      margin-top: 50px;\n    }\n\n    .tech-card {\n      background: linear-gradient(135deg, #ffffff, #fafafa);\n      padding: 35px;\n      border-radius: 20px;\n      box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n      opacity: 0;\n      transform: translateX(-50px);\n      transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\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, #80ae93, #80ae93);\n    }\n\n    .tech-card:hover {\n      transform: translateY(-10px);\n      box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n      border-color: #80ae93;\n    }\n\n    .tech-title {\n      color: #80ae93;\n      font-size: 1.5em;\n      font-weight: 800;\n      margin-bottom: 20px;\n    }\n\n    .tech-list {\n      list-style: none;\n      padding: 0;\n    }\n\n    .tech-list li {\n      padding: 12px 0;\n      border-bottom: 1px solid #f0f0f0;\n      position: relative;\n      padding-left: 25px;\n    }\n\n    .tech-list li::before {\n      content: '▸';\n      color: #80ae93;\n      font-weight: bold;\n      position: absolute;\n      left: 0;\n    }\n\n    .results-stats {\n      display: flex;\n      justify-content: space-around;\n      flex-wrap: wrap;\n      gap: 30px;\n      margin-top: 40px;\n      background: #f8f9fa;\n      padding: 40px;\n      border-radius: 20px;\n    }\n\n    .stat-item {\n      text-align: center;\n      opacity: 0;\n      transform: translateY(50px);\n      transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n    }\n\n    .stat-item.animated {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    .stat-value {\n      font-size: 2.5em;\n      font-weight: 800;\n      color: #80ae93;\n      display: block;\n      margin-bottom: 10px;\n    }\n\n    .ingredients-section {\n      padding: 80px 30px;\n      background: #f8f9fa;\n    }\n\n    .ingredients-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n      gap: 40px;\n      margin-top: 50px;\n    }\n\n    .ingredient-category {\n      background: linear-gradient(135deg, #ffffff, #fafafa);\n      padding: 35px;\n      border-radius: 20px;\n      box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n      opacity: 0;\n      transform: translateY(50px);\n      transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\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, #80ae93, #80ae93);\n    }\n\n    .ingredient-category:hover {\n      transform: translateY(-10px);\n      box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n      border-color: #80ae93;\n    }\n\n    .category-title {\n      color: #80ae93;\n      font-size: 1.5em;\n      font-weight: 800;\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: 25px;\n    }\n\n    .ingredient-list li::before {\n      content: '▸';\n      color: #80ae93;\n      font-weight: bold;\n      position: absolute;\n      left: 0;\n    }\n\n    .protection-section {\n      padding: 80px 30px;\n      background: white;\n      text-align: center;\n    }\n\n    .protection-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 40px;\n      margin-top: 50px;\n    }\n\n    .protection-card {\n      background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n      padding: 35px;\n      border-radius: 20px;\n      opacity: 0;\n      transform: translateY(50px);\n      transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n      border: 2px solid transparent;\n    }\n\n    .protection-card:hover {\n      transform: translateY(-10px);\n      border-color: #80ae93;\n      box-shadow: 0 20px 40px rgba(0,0,0,0.15);\n    }\n\n    .temp-display {\n      font-size: 3.5em;\n      font-weight: 800;\n      color: #80ae93;\n      margin-bottom: 15px;\n      display: block;\n      text-shadow: 0 2px 8px rgba(128, 174, 147, 0.3);\n    }\n\n    .value-section {\n      padding: 80px 30px;\n      background: #f8f9fa;\n      text-align: center;\n    }\n\n    .value-comparison {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n      gap: 40px;\n      margin-top: 50px;\n    }\n\n    .comparison-card {\n      background: linear-gradient(135deg, #ffffff, #fafafa);\n      padding: 35px;\n      border-radius: 20px;\n      box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n      opacity: 0;\n      transform: translateY(50px);\n      transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n    }\n\n    .comparison-card.highlight {\n      border: 3px solid #80ae93;\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: #80ae93;\n      color: white;\n      padding: 5px 20px;\n      border-radius: 20px;\n      font-size: 0.9em;\n      font-weight: 600;\n    }\n\n    .price-highlight {\n      font-size: 2em;\n      color: #80ae93;\n      font-weight: 800;\n      margin-bottom: 15px;\n    }\n\n    .small-text {\n      font-size: 1em;\n      color: #666;\n      margin: 5px 0;\n    }\n\n    .results-section {\n      padding: 80px 30px;\n      background: white;\n    }\n\n    .results-timeline {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n      gap: 40px;\n      margin-top: 50px;\n    }\n\n    .timeline-card {\n      background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n      padding: 35px;\n      border-radius: 20px;\n      opacity: 0;\n      transform: translateY(50px);\n      transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n      border: 2px solid transparent;\n      position: relative;\n    }\n\n    .timeline-card:hover {\n      transform: translateY(-10px);\n      border-color: #80ae93;\n      box-shadow: 0 20px 40px rgba(0,0,0,0.15);\n    }\n\n    .timeline-period {\n      background: #80ae93;\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    }\n\n    .results-list li {\n      padding: 12px 0;\n      border-bottom: 1px solid #f0f0f0;\n      position: relative;\n      padding-left: 25px;\n    }\n\n    .results-list li::before {\n      content: '✓';\n      color: #80ae93;\n      font-weight: bold;\n      position: absolute;\n      left: 0;\n    }\n\n    .hair-types-section {\n      padding: 80px 30px;\n      background: #f8f9fa;\n      text-align: center;\n    }\n\n    .hair-types-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 40px;\n      margin-top: 50px;\n    }\n\n    .hair-type-card {\n      background: linear-gradient(135deg, #ffffff, #fafafa);\n      padding: 35px;\n      border-radius: 20px;\n      box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n      opacity: 0;\n      transform: translateY(50px);\n      transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n      border: 2px solid transparent;\n    }\n\n    .hair-type-card:hover {\n      transform: translateY(-10px);\n      border-color: #80ae93;\n      box-shadow: 0 20px 40px rgba(0,0,0,0.15);\n    }\n\n    .hair-type-icon {\n      font-size: 3em;\n      color: #80ae93;\n      margin-bottom: 15px;\n      display: block;\n      text-shadow: 0 2px 8px rgba(128, 174, 147, 0.3);\n    }\n\n    .cta-section {\n      background: linear-gradient(135deg, #000000, #1a1a1a, #2d2d2d);\n      color: white;\n      padding: 80px 30px;\n      text-align: center;\n    }\n\n    .cta-button {\n      background: #80ae93;\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(128, 174, 147, 0.5); }\n      100% { box-shadow: 0 0 30px rgba(128, 174, 147, 0.8), 0 0 40px rgba(128, 174, 147, 0.3); }\n    }\n\n    .cta-button:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 15px 30px rgba(128, 174, 147, 0.4);\n      background: #80ae93;\n    }\n\n    .highlight {\n      color: #80ae93;\n      font-weight: 700;\n    }\n\n    .divider {\n      height: 3px;\n      background: linear-gradient(90deg, transparent, #80ae93, transparent);\n      margin: 60px 0;\n      opacity: 0;\n      animation: fadeIn 1.2s forwards;\n    }\n\n    @keyframes fadeIn {\n      to { opacity: 1; }\n    }\n\n    @keyframes fadeInUp {\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @media (max-width: 768px) {\n      .main-title { font-size: 2.2em; }\n      .section-title { font-size: 2em; }\n      .tech-grid, .ingredients-grid, .protection-grid, .value-comparison, .results-timeline, .hair-types-grid {\n        grid-template-columns: 1fr;\n      }\n      .product-image { max-width: 90%; }\n      .hero-section, .benefits-section, .technology-section, .ingredients-section, .protection-section, .value-section, .results-section, .hair-types-section, .cta-section {\n        padding: 50px 20px;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003c!-- Load Inter font --\u003e\n  \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700;900\u0026display=swap\" rel=\"stylesheet\"\u003e\n\n  \u003c!-- Hero Section --\u003e\n  \u003cdiv class=\"hero-section\"\u003e\n    \u003ch1 class=\"main-title\"\u003eCapixy Hair Serum\u003c\/h1\u003e\n    \u003ch2 class=\"subtitle\"\u003eThe Revolutionary 2-in-1 Solution for Total Hair Transformation\u003c\/h2\u003e\n    \u003cp class=\"hero-text\"\u003e\u003cstrong\u003eTransform damaged, thinning hair into smooth, strong, and healthy locks with just a few drops of pure hair science.\u003c\/strong\u003e This advanced dual-action formula repairs split ends, hydrates dry and damaged hair, nourishes all hair types, and treats hair loss while providing unmatched heat protection for frizz-free smoothness.\u003c\/p\u003e\n    \u003cimg 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\" alt=\"Capixy Hair Serum\" class=\"product-image\"\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n  \u003c!-- Benefits Section --\u003e\n  \u003cdiv class=\"benefits-section\"\u003e\n    \u003ch2 class=\"section-title animate-on-scroll\"\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 \u003cspan class=\"highlight\"\u003eCAPIXYL™\u003c\/span\u003e technology reduces hair loss by 46% and increases density by 13%.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"benefit-item animate-on-scroll\"\u003e\n        \u003ch3 class=\"benefit-title\"\u003eSplit End Repair\u003c\/h3\u003e\n        \u003cp\u003eHydrolyzed Keratin and Silk rebuild damaged hair and repair split ends.\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\n  \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\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\"\u003eThe Scientific Breakthrough for Hair Loss\u003c\/h3\u003e\n    \u003cimg 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\" alt=\"Capixy Hair Serum Technology\" class=\"product-image animate-on-scroll\"\u003e\n    \u003cdiv class=\"tech-grid\"\u003e\n      \u003cdiv class=\"tech-card animate-on-scroll\"\u003e\n        \u003ch3 class=\"tech-title\"\u003eAcetyl Tetrapeptide-3\u003c\/h3\u003e\n        \u003cul class=\"tech-list\"\u003e\n          \u003cli\u003eActivates dormant hair follicles.\u003c\/li\u003e\n          \u003cli\u003eStimulates new hair growth from the roots.\u003c\/li\u003e\n          \u003cli\u003eStrengthens existing hair and prevents loss.\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tech-card animate-on-scroll\"\u003e\n        \u003ch3 class=\"tech-title\"\u003eRed Clover Extract\u003c\/h3\u003e\n        \u003cul class=\"tech-list\"\u003e\n          \u003cli\u003eCombats DHT, the hormone responsible for hair loss.\u003c\/li\u003e\n          \u003cli\u003eProtects follicles from damage.\u003c\/li\u003e\n          \u003cli\u003eRestores natural hair density.\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"results-stats\"\u003e\n      \u003cdiv class=\"stat-item animate-on-scroll\"\u003e\n        \u003cspan class=\"stat-value\"\u003e46%\u003c\/span\u003e\n        \u003cspan\u003eReduction in Hair Loss\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"stat-item animate-on-scroll\"\u003e\n        \u003cspan class=\"stat-value\"\u003e13%\u003c\/span\u003e\n        \u003cspan\u003eIncrease in Density\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"stat-item animate-on-scroll\"\u003e\n        \u003cspan class=\"stat-value\"\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\n  \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\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-grid\"\u003e\n      \u003cdiv class=\"ingredient-category animate-on-scroll\"\u003e\n        \u003ch3 class=\"category-title\"\u003eFor Hair Growth \u0026 Scalp Health\u003c\/h3\u003e\n        \u003cul class=\"ingredient-list\"\u003e\n          \u003cli\u003e\u003cstrong\u003eDiaminopyrimidine Oxide:\u003c\/strong\u003e A minoxidil-like compound that improves blood flow to follicles.\u003c\/li\u003e\n          \u003cli\u003e\u003cstrong\u003eSaw Palmetto Extract:\u003c\/strong\u003e Naturally inhibits DHT production.\u003c\/li\u003e\n          \u003cli\u003e\u003cstrong\u003eGinkgo Biloba Extract:\u003c\/strong\u003e Enhances scalp circulation.\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 \u0026 Strengthening\u003c\/h3\u003e\n        \u003cul class=\"ingredient-list\"\u003e\n          \u003cli\u003e\u003cstrong\u003eHydrolyzed Keratin:\u003c\/strong\u003e Rebuilds damaged hair structure from within.\u003c\/li\u003e\n          \u003cli\u003e\u003cstrong\u003eBiotin \u0026 Panthenol:\u003c\/strong\u003e Essential vitamins for hair strength and thickness.\u003c\/li\u003e\n          \u003cli\u003e\u003cstrong\u003eHydrolyzed Silk:\u003c\/strong\u003e Forms a protective layer for instant smoothness 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\u003cstrong\u003eSweet Almond Oil:\u003c\/strong\u003e Rich in Vitamin E and fatty acids for deep hydration.\u003c\/li\u003e\n          \u003cli\u003e\u003cstrong\u003eJojoba Oil:\u003c\/strong\u003e Lightweight moisture that doesn’t weigh hair down.\u003c\/li\u003e\n          \u003cli\u003e\u003cstrong\u003eWheat Germ Extract:\u003c\/strong\u003e Packed with 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\u003cstrong\u003eTea Tree Oil:\u003c\/strong\u003e Antimicrobial properties for a healthy scalp environment.\u003c\/li\u003e\n          \u003cli\u003e\u003cstrong\u003eAloe Vera:\u003c\/strong\u003e Soothes irritation and balances moisture.\u003c\/li\u003e\n          \u003cli\u003e\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\n  \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\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=\"section-subtitle animate-on-scroll\"\u003eAdvanced silicone matrix forms an invisible shield to protect 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°C\u003c\/span\u003e\n        \u003ch3 style=\"color: #80ae93; font-weight: 700; margin-bottom: 10px;\"\u003eMaximum Protection\u003c\/h3\u003e\n        \u003cp\u003eShields hair from the highest styling temperatures.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"protection-card animate-on-scroll\"\u003e\n        \u003ch3 style=\"color: #80ae93; font-weight: 700; margin-bottom: 15px;\"\u003eSuitable for All Tools\u003c\/h3\u003e\n        \u003cul class=\"tech-list\"\u003e\n          \u003cli\u003eDaily blow dryers\u003c\/li\u003e\n          \u003cli\u003eWeekly flat irons\u003c\/li\u003e\n          \u003cli\u003eSpecial occasion curling wands\u003c\/li\u003e\n          \u003cli\u003eVarious styling devices\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n  \u003c!-- Value Section --\u003e\n  \u003cdiv class=\"value-section\"\u003e\n    \u003ch2 class=\"section-title animate-on-scroll\"\u003eExceptional Value for Your Money\u003c\/h2\u003e\n    \u003cp class=\"section-subtitle animate-on-scroll\"\u003eGet three products in one bottle instead of buying them separately.\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;\"\u003eTraditional Approach\u003c\/h3\u003e\n        \u003cul class=\"tech-list\"\u003e\n          \u003cli\u003eHair loss serum = $40\u003c\/li\u003e\n          \u003cli\u003eSmoothness serum = $33\u003c\/li\u003e\n          \u003cli\u003eHeat protection cream = $20\u003c\/li\u003e\n          \u003cli style=\"font-weight: 700; color: #d9534f;\"\u003eTotal = $93\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: #80ae93; margin-bottom: 20px;\"\u003eWith Capixy Serum\u003c\/h3\u003e\n        \u003cdiv style=\"text-align: center;\"\u003e\n          \u003cspan class=\"price-highlight\"\u003e$31 Only!\u003c\/span\u003e\n          \u003cp class=\"small-text\"\u003eLarge 120ml size\u003c\/p\u003e\n          \u003cp class=\"small-text\"\u003e4-6 months of daily use\u003c\/p\u003e\n          \u003cp class=\"small-text\"\u003eA few drops cover 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: #80ae93; margin-bottom: 20px;\"\u003eCompared to Salons\u003c\/h3\u003e\n        \u003cp style=\"text-align: center;\"\u003eOne salon smoothing session = $20-$33\u003c\/p\u003e\n        \u003cp style=\"text-align: center; font-weight: 700; color: #5cb85c; margin-top: 15px;\"\u003eWith the serum, get lasting smoothness!\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\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\"\u003eImmediate Results\u003c\/span\u003e\n        \u003cul class=\"results-list\"\u003e\n          \u003cli\u003eInstant frizz control and smoothness\u003c\/li\u003e\n          \u003cli\u003eEnhanced shine and styling ease\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\u003eReduced hair breakage\u003c\/li\u003e\n          \u003cli\u003eImproved hair texture and smoothness\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\u003eComplete hair health transformation\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 hair growth 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\n  \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\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: #80ae93; font-weight: 700; margin-bottom: 10px;\"\u003eCoarse Hair\u003c\/h3\u003e\n        \u003cp\u003eSilky smoothness 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: #80ae93; font-weight: 700; margin-bottom: 10px;\"\u003eFine Hair\u003c\/h3\u003e\n        \u003cp\u003eStrength and density without weight\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: #80ae93; font-weight: 700; margin-bottom: 10px;\"\u003eColored 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: #80ae93; font-weight: 700; margin-bottom: 10px;\"\u003eCurly Hair\u003c\/h3\u003e\n        \u003cp\u003ePerfect definition and moisture\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: #80ae93; font-weight: 700; margin-bottom: 10px;\"\u003eDamaged Hair\u003c\/h3\u003e\n        \u003cp\u003eComprehensive and complete 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: #80ae93; font-weight: 700; margin-bottom: 10px;\"\u003eUsage\u003c\/h3\u003e\n        \u003cp\u003eDaily, weekly, or as needed\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n  \u003c!-- CTA Section --\u003e\n  \u003cdiv class=\"cta-section\"\u003e\n    \u003ch2 class=\"section-title animate-on-scroll\"\u003eCapixy Hair Serum: The All-in-One Solution for Total Hair Transformation\u003c\/h2\u003e\n    \u003cp class=\"section-subtitle animate-on-scroll\"\u003e\u003cstrong\u003eGet 3 products in one: hair loss treatment, split end repair, and heat protection.\u003c\/strong\u003e Salon-quality results at home with world-class quality assurance.\u003c\/p\u003e\n    \u003cbutton class=\"cta-button animate-on-scroll\"\u003eGet Your Dream Hair Now\u003c\/button\u003e\n  \u003c\/div\u003e\n\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-section').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    const ctaButton = document.querySelector('.cta-button');\n    if (ctaButton) {\n      ctaButton.addEventListener('click', () =\u003e {\n        ctaButton.style.animation = 'none';\n        setTimeout(() =\u003e {\n          ctaButton.style.animation = 'glow 2s infinite alternate';\n        }, 100);\n      });\n    }\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Capixy","offers":[{"title":"Default Title","offer_id":46999400120494,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/capixy_hair_serum_for_split_ends_and_heat_protection_ee2113da-1b45-4a8f-bcf9-96feaa5537f4.jpg?v=1788175346","url":"https:\/\/skingeer.com\/products\/capixy-hair-smoothing-and-split-ends-treatment-serum","provider":"SkinGeer","version":"1.0","type":"link"}