{"title":"Haircare","description":"\u003cp\u003eDiscover our premium haircare collection — beauty tech tools and treatments designed to nourish, strengthen, and transform your hair from root to tip.\u003c\/p\u003e","products":[{"product_id":"c-f-collective™-silicone-scalp-massager-healthier-hair-starts-at-the-root","title":"C\u0026F Collective™ Silicone Scalp Massager | Healthier Hair Starts at the Root","description":"\u003csection class=\"cf-scalp-massager\"\u003e\n  \u003cstyle\u003e\n    .cf-scalp-massager{\n      --rose:#d8a7a7;\n      --rose-dark:#c78f8f;\n      --gold:#c8a96b;\n      --cream:#fbf8f6;\n      --white:#ffffff;\n      --text:#2f2f2f;\n      --muted:#6f6f6f;\n      --shadow:0 20px 50px rgba(0,0,0,.08);\n      font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\n      background:linear-gradient(180deg,#fff 0%,#faf7f5 100%);\n      padding:70px 20px;\n      overflow:hidden;\n      color:var(--text);\n    }\n\n    .cf-wrap{\n      max-width:1200px;\n      margin:auto;\n    }\n\n    \/* Hero *\/\n    .cf-hero{\n      text-align:center;\n      max-width:900px;\n      margin:0 auto 60px;\n      animation:fadeUp 1s ease;\n    }\n\n    .cf-badge{\n      display:inline-block;\n      background:rgba(216,167,167,.15);\n      color:var(--rose-dark);\n      padding:10px 22px;\n      border-radius:50px;\n      font-size:13px;\n      font-weight:700;\n      letter-spacing:1px;\n      text-transform:uppercase;\n      margin-bottom:20px;\n    }\n\n    .cf-hero h2{\n      font-size:clamp(2.5rem,6vw,4.8rem);\n      line-height:1.05;\n      margin-bottom:20px;\n      font-weight:800;\n    }\n\n    .cf-gradient{\n      background:linear-gradient(135deg,var(--rose),var(--gold));\n      -webkit-background-clip:text;\n      -webkit-text-fill-color:transparent;\n    }\n\n    .cf-hero p{\n      font-size:1.15rem;\n      line-height:1.9;\n      color:var(--muted);\n    }\n\n    \/* Floating circles *\/\n    .cf-hero{\n      position:relative;\n    }\n\n    .cf-hero:before,\n    .cf-hero:after{\n      content:\"\";\n      position:absolute;\n      border-radius:50%;\n      z-index:-1;\n      animation:float 8s ease-in-out infinite;\n    }\n\n    .cf-hero:before{\n      width:180px;\n      height:180px;\n      background:rgba(216,167,167,.08);\n      top:-50px;\n      left:-80px;\n    }\n\n    .cf-hero:after{\n      width:140px;\n      height:140px;\n      background:rgba(200,169,107,.08);\n      right:-60px;\n      bottom:-20px;\n      animation-delay:2s;\n    }\n\n    \/* Benefits *\/\n    .cf-grid{\n      display:grid;\n      grid-template-columns:repeat(auto-fit,minmax(260px,1fr));\n      gap:25px;\n      margin:60px 0;\n    }\n\n    .cf-card{\n      background:var(--white);\n      border-radius:24px;\n      padding:30px;\n      text-align:center;\n      box-shadow:var(--shadow);\n      transition:.4s ease;\n      position:relative;\n      overflow:hidden;\n    }\n\n    .cf-card:hover{\n      transform:translateY(-10px);\n    }\n\n    .cf-card:before{\n      content:'';\n      position:absolute;\n      top:0;\n      left:-100%;\n      width:100%;\n      height:100%;\n      background:linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,255,255,.6),\n      transparent);\n      transition:.8s;\n    }\n\n    .cf-card:hover:before{\n      left:100%;\n    }\n\n    .cf-icon{\n      width:70px;\n      height:70px;\n      margin:auto auto 20px;\n      border-radius:50%;\n      background:linear-gradient(135deg,var(--rose),#efd4d4);\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      font-size:30px;\n      animation:pulse 3s infinite;\n    }\n\n    .cf-card h3{\n      font-size:1.1rem;\n      margin-bottom:12px;\n    }\n\n    .cf-card p{\n      color:var(--muted);\n      line-height:1.7;\n      font-size:.95rem;\n    }\n\n    \/* Story Section *\/\n    .cf-story{\n      background:var(--white);\n      border-radius:30px;\n      padding:60px;\n      box-shadow:var(--shadow);\n      margin:80px 0;\n      position:relative;\n    }\n\n    .cf-story h3{\n      font-size:2rem;\n      margin-bottom:20px;\n      text-align:center;\n    }\n\n    .cf-story p{\n      font-size:1.05rem;\n      color:var(--muted);\n      line-height:2;\n      text-align:center;\n      max-width:850px;\n      margin:auto;\n    }\n\n    \/* Highlight *\/\n    .cf-highlight{\n      margin-top:35px;\n      background:linear-gradient(135deg,#fff7ef,#fff);\n      border:1px solid rgba(200,169,107,.15);\n      padding:30px;\n      border-radius:20px;\n      text-align:center;\n      font-size:1.15rem;\n      font-weight:600;\n    }\n\n    \/* CTA *\/\n    .cf-cta{\n      text-align:center;\n      margin-top:70px;\n    }\n\n    .cf-cta h3{\n      font-size:clamp(2rem,5vw,3.4rem);\n      margin-bottom:18px;\n    }\n\n    .cf-cta p{\n      max-width:750px;\n      margin:auto;\n      color:var(--muted);\n      line-height:1.9;\n      font-size:1.05rem;\n    }\n\n    .cf-btn{\n      display:inline-block;\n      margin-top:35px;\n      text-decoration:none;\n      background:linear-gradient(\n      135deg,\n      var(--rose),\n      var(--rose-dark));\n      color:white;\n      padding:18px 42px;\n      border-radius:50px;\n      font-weight:700;\n      font-size:1rem;\n      box-shadow:0 15px 35px rgba(216,167,167,.35);\n      transition:.3s ease;\n      animation:glow 2.5s infinite;\n    }\n\n    .cf-btn:hover{\n      transform:translateY(-4px) scale(1.03);\n    }\n\n    .cf-trust{\n      display:flex;\n      flex-wrap:wrap;\n      justify-content:center;\n      gap:15px;\n      margin-top:30px;\n    }\n\n    .cf-pill{\n      background:white;\n      padding:10px 18px;\n      border-radius:50px;\n      box-shadow:0 8px 20px rgba(0,0,0,.05);\n      font-size:14px;\n      font-weight:600;\n    }\n\n    @keyframes fadeUp{\n      from{\n        opacity:0;\n        transform:translateY(40px);\n      }\n      to{\n        opacity:1;\n        transform:translateY(0);\n      }\n    }\n\n    @keyframes float{\n      0%,100%{\n        transform:translateY(0);\n      }\n      50%{\n        transform:translateY(-20px);\n      }\n    }\n\n    @keyframes pulse{\n      0%,100%{\n        transform:scale(1);\n      }\n      50%{\n        transform:scale(1.08);\n      }\n    }\n\n    @keyframes glow{\n      0%,100%{\n        box-shadow:0 15px 35px rgba(216,167,167,.35);\n      }\n      50%{\n        box-shadow:0 20px 45px rgba(216,167,167,.55);\n      }\n    }\n\n    @media(max-width:768px){\n      .cf-story{\n        padding:35px 25px;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"cf-wrap\"\u003e\n\n    \u003cdiv class=\"cf-hero\"\u003e\n      \u003cspan class=\"cf-badge\"\u003eC\u0026amp;F Collective™ Scalp Wellness Essential\u003c\/span\u003e\n\n      \u003ch2\u003e\n        Healthy Hair Starts At The\n        \u003cspan class=\"cf-gradient\"\u003eScalp.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        We spend hundreds on shampoos, serums, oils and treatments — yet\n        forget the foundation they all rely on. When your scalp is healthy,\n        stimulated and nourished, your follicles receive the support they need\n        to produce stronger, healthier-looking hair. Meet the simple daily\n        ritual designed to elevate your entire haircare routine.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"cf-grid\"\u003e\n\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003cdiv class=\"cf-icon\"\u003e🌱\u003c\/div\u003e\n        \u003ch3\u003eSupports Hair Growth\u003c\/h3\u003e\n        \u003cp\u003e\n          Stimulates circulation around the scalp to help create the ideal\n          environment for stronger, thicker-looking hair.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003cdiv class=\"cf-icon\"\u003e💆‍♀️\u003c\/div\u003e\n        \u003ch3\u003eRelieves Tension\u003c\/h3\u003e\n        \u003cp\u003e\n          Enjoy a soothing massage experience that helps release built-up scalp\n          tension and daily stress.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003cdiv class=\"cf-icon\"\u003e✨\u003c\/div\u003e\n        \u003ch3\u003eBoosts Product Absorption\u003c\/h3\u003e\n        \u003cp\u003e\n          Helps oils, serums and treatments penetrate more effectively so your\n          products can perform at their best.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003cdiv class=\"cf-icon\"\u003e🫧\u003c\/div\u003e\n        \u003ch3\u003eDeep Cleansing\u003c\/h3\u003e\n        \u003cp\u003e\n          Loosens buildup, excess oil and impurities while supporting a cleaner\n          and healthier scalp.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003cdiv class=\"cf-icon\"\u003e🤍\u003c\/div\u003e\n        \u003ch3\u003eGentle Silicone Bristles\u003c\/h3\u003e\n        \u003cp\u003e\n          Soft yet effective. Suitable for all hair types, including sensitive\n          and colour-treated hair.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003cdiv class=\"cf-icon\"\u003e🚿\u003c\/div\u003e\n        \u003ch3\u003eWet Or Dry Use\u003c\/h3\u003e\n        \u003cp\u003e\n          Perfect in the shower with shampoo or as part of your daily scalp\n          care and self-care ritual.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"cf-story\"\u003e\n      \u003ch3\u003eYour New Favourite Hair Ritual\u003c\/h3\u003e\n\n      \u003cp\u003e\n        Designed with ergonomic comfort and scalp health in mind, the\n        C\u0026amp;F Collective™ Silicone Scalp Massager works with your scalp's natural\n        biology to encourage circulation, support healthy follicles and\n        improve the effectiveness of your favourite treatments. Just a few\n        minutes each day can help transform the way your scalp feels — and the\n        way your hair looks.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"cf-highlight\"\u003e\n        ✦ Perfect for thinning hair • dry scalp • product buildup • stress relief • healthier-looking growth ✦\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"cf-cta\"\u003e\n\n      \u003ch3\u003e\n        Because Your Hair Deserves\n        \u003cspan class=\"cf-gradient\"\u003eBetter Foundations.\u003c\/span\u003e\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Whether you're looking to encourage healthier hair growth, improve\n        scalp health, or simply turn wash day into a luxurious self-care\n        experience, this is the tool that makes every treatment work harder.\n      \u003c\/p\u003e\n\n      \u003ca href=\"#\" class=\"cf-btn\"\u003e\n        🛒 Add To Cart \u0026amp; Transform Your Scalp Routine\n      \u003c\/a\u003e\n\n      \u003cdiv class=\"cf-trust\"\u003e\n        \u003cspan class=\"cf-pill\"\u003e✓ Suitable For All Hair Types\u003c\/span\u003e\n        \u003cspan class=\"cf-pill\"\u003e✓ Gentle Silicone Bristles\u003c\/span\u003e\n        \u003cspan class=\"cf-pill\"\u003e✓ Wet \u0026amp; Dry Use\u003c\/span\u003e\n        \u003cspan class=\"cf-pill\"\u003e✓ Daily Self-Care Essential\u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"C\u0026F Collective","offers":[{"title":"Default Title","offer_id":49149417947288,"sku":null,"price":249.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0770\/4064\/8344\/files\/soapy-hero-shot_17a491f6-3a1b-43f1-a1fe-6681924b5168.png?v=1779532804"},{"product_id":"batana-miracle-growth-oil-thicker-longer-hair-c-f-collective™","title":"Batana Miracle Growth Oil – Thicker, Longer Hair | C\u0026F Collective™","description":"\u003csection class=\"cf-batana-oil\"\u003e\n  \u003cstyle\u003e\n    .cf-batana-oil{\n      --gold:#d7b46a;\n      --amber:#b97a36;\n      --cream:#faf7f2;\n      --white:#ffffff;\n      --dark:#2f2f2f;\n      --muted:#6e6e6e;\n      --shadow:0 20px 50px rgba(0,0,0,.08);\n      font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;\n      background:linear-gradient(180deg,#fff,#faf6f1);\n      padding:80px 20px;\n      overflow:hidden;\n      color:var(--dark);\n    }\n\n    .cf-container{\n      max-width:1200px;\n      margin:auto;\n    }\n\n    \/* HERO *\/\n    .cf-hero{\n      text-align:center;\n      max-width:900px;\n      margin:0 auto 70px;\n      position:relative;\n      animation:fadeUp 1s ease;\n    }\n\n    .cf-badge{\n      display:inline-block;\n      padding:10px 22px;\n      border-radius:50px;\n      background:rgba(215,180,106,.12);\n      color:var(--amber);\n      font-size:13px;\n      font-weight:700;\n      text-transform:uppercase;\n      letter-spacing:1px;\n      margin-bottom:25px;\n    }\n\n    .cf-hero h2{\n      font-size:clamp(2.6rem,6vw,5rem);\n      line-height:1.05;\n      margin-bottom:20px;\n      font-weight:800;\n    }\n\n    .gold-text{\n      background:linear-gradient(135deg,var(--gold),var(--amber));\n      -webkit-background-clip:text;\n      -webkit-text-fill-color:transparent;\n    }\n\n    .cf-hero p{\n      font-size:1.15rem;\n      color:var(--muted);\n      line-height:1.9;\n    }\n\n    \/* Floating Glow *\/\n    .cf-hero:before,\n    .cf-hero:after{\n      content:'';\n      position:absolute;\n      border-radius:50%;\n      z-index:-1;\n      animation:float 7s ease-in-out infinite;\n    }\n\n    .cf-hero:before{\n      width:220px;\n      height:220px;\n      background:rgba(215,180,106,.08);\n      top:-60px;\n      left:-100px;\n    }\n\n    .cf-hero:after{\n      width:160px;\n      height:160px;\n      background:rgba(185,122,54,.08);\n      right:-60px;\n      bottom:-40px;\n      animation-delay:2s;\n    }\n\n    \/* BENEFITS *\/\n    .benefits{\n      display:grid;\n      grid-template-columns:repeat(auto-fit,minmax(260px,1fr));\n      gap:25px;\n      margin-bottom:80px;\n    }\n\n    .benefit{\n      background:var(--white);\n      padding:35px 30px;\n      border-radius:24px;\n      text-align:center;\n      box-shadow:var(--shadow);\n      transition:.4s ease;\n      position:relative;\n      overflow:hidden;\n    }\n\n    .benefit:hover{\n      transform:translateY(-10px);\n    }\n\n    .benefit:before{\n      content:'';\n      position:absolute;\n      top:0;\n      left:-100%;\n      width:100%;\n      height:100%;\n      background:linear-gradient(\n        90deg,\n        transparent,\n        rgba(255,255,255,.6),\n        transparent\n      );\n      transition:.8s;\n    }\n\n    .benefit:hover:before{\n      left:100%;\n    }\n\n    .icon{\n      width:75px;\n      height:75px;\n      margin:auto auto 18px;\n      border-radius:50%;\n      background:linear-gradient(135deg,var(--gold),#f0d9a5);\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      font-size:32px;\n      animation:pulse 3s infinite;\n    }\n\n    .benefit h3{\n      margin-bottom:12px;\n      font-size:1.1rem;\n    }\n\n    .benefit p{\n      color:var(--muted);\n      line-height:1.7;\n    }\n\n    \/* STORY *\/\n    .story{\n      background:var(--white);\n      border-radius:30px;\n      padding:60px;\n      text-align:center;\n      box-shadow:var(--shadow);\n      margin-bottom:80px;\n      position:relative;\n    }\n\n    .story h3{\n      font-size:2.2rem;\n      margin-bottom:20px;\n    }\n\n    .story p{\n      max-width:850px;\n      margin:auto;\n      color:var(--muted);\n      line-height:2;\n      font-size:1.05rem;\n    }\n\n    .highlight{\n      margin-top:30px;\n      background:linear-gradient(135deg,#fffaf0,#ffffff);\n      border:1px solid rgba(215,180,106,.15);\n      padding:28px;\n      border-radius:20px;\n      font-size:1.1rem;\n      font-weight:600;\n    }\n\n    \/* HOW TO *\/\n    .howto{\n      margin-bottom:80px;\n    }\n\n    .howto h3{\n      text-align:center;\n      font-size:2rem;\n      margin-bottom:45px;\n    }\n\n    .steps{\n      display:grid;\n      grid-template-columns:repeat(auto-fit,minmax(220px,1fr));\n      gap:25px;\n    }\n\n    .step{\n      background:white;\n      padding:30px;\n      border-radius:22px;\n      text-align:center;\n      box-shadow:var(--shadow);\n    }\n\n    .number{\n      width:55px;\n      height:55px;\n      margin:auto auto 18px;\n      border-radius:50%;\n      background:linear-gradient(135deg,var(--gold),var(--amber));\n      color:white;\n      font-weight:700;\n      display:flex;\n      align-items:center;\n      justify-content:center;\n    }\n\n    .step h4{\n      margin-bottom:10px;\n    }\n\n    .step p{\n      color:var(--muted);\n      line-height:1.7;\n    }\n\n    \/* CTA *\/\n    .cta{\n      background:linear-gradient(135deg,#fff,#fbf5eb);\n      padding:70px 35px;\n      border-radius:35px;\n      text-align:center;\n      position:relative;\n      overflow:hidden;\n    }\n\n    .cta h3{\n      font-size:clamp(2rem,5vw,3.5rem);\n      margin-bottom:20px;\n      line-height:1.1;\n    }\n\n    .cta p{\n      max-width:760px;\n      margin:auto;\n      color:var(--muted);\n      line-height:1.9;\n      font-size:1.05rem;\n    }\n\n    .cta-btn{\n      display:inline-block;\n      margin-top:35px;\n      padding:18px 45px;\n      border-radius:60px;\n      background:linear-gradient(135deg,var(--gold),var(--amber));\n      color:white;\n      text-decoration:none;\n      font-weight:700;\n      font-size:1rem;\n      box-shadow:0 15px 40px rgba(185,122,54,.30);\n      transition:.3s ease;\n      animation:glow 2.5s infinite;\n    }\n\n    .cta-btn:hover{\n      transform:translateY(-4px) scale(1.03);\n    }\n\n    .trust{\n      display:flex;\n      justify-content:center;\n      flex-wrap:wrap;\n      gap:15px;\n      margin-top:30px;\n    }\n\n    .trust span{\n      background:white;\n      padding:10px 18px;\n      border-radius:50px;\n      box-shadow:0 8px 20px rgba(0,0,0,.05);\n      font-size:14px;\n      font-weight:600;\n    }\n\n    \/* ANIMATIONS *\/\n    @keyframes fadeUp{\n      from{\n        opacity:0;\n        transform:translateY(40px);\n      }\n      to{\n        opacity:1;\n        transform:translateY(0);\n      }\n    }\n\n    @keyframes float{\n      0%,100%{transform:translateY(0);}\n      50%{transform:translateY(-20px);}\n    }\n\n    @keyframes pulse{\n      0%,100%{transform:scale(1);}\n      50%{transform:scale(1.08);}\n    }\n\n    @keyframes glow{\n      0%,100%{\n        box-shadow:0 15px 40px rgba(185,122,54,.30);\n      }\n      50%{\n        box-shadow:0 20px 50px rgba(185,122,54,.50);\n      }\n    }\n\n    @media(max-width:768px){\n      .story{\n        padding:35px 25px;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"cf-container\"\u003e\n\n    \u003c!-- HERO --\u003e\n    \u003cdiv class=\"cf-hero\"\u003e\n\n      \u003cspan class=\"cf-badge\"\u003e\n        C\u0026amp;F Collective™ Batana Miracle Growth Oil\n      \u003c\/span\u003e\n\n      \u003ch2\u003e\n        Your Hair's \u003cspan class=\"gold-text\"\u003eSecond Chance\u003c\/span\u003e\n        Starts Here.\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Discover the ancient beauty secret trusted for generations by the\n        Miskito people of Honduras. Our 100% natural, cold-pressed Batana\n        Miracle Growth Oil helps nourish the scalp, strengthen every strand,\n        and support healthier, fuller-looking hair from root to tip.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- BENEFITS --\u003e\n    \u003cdiv class=\"benefits\"\u003e\n\n      \u003cdiv class=\"benefit\"\u003e\n        \u003cdiv class=\"icon\"\u003e🌱\u003c\/div\u003e\n        \u003ch3\u003eSupports Hair Growth\u003c\/h3\u003e\n        \u003cp\u003e\n          Helps create the ideal environment for thicker, fuller-looking hair\n          by nourishing the scalp at the root.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit\"\u003e\n        \u003cdiv class=\"icon\"\u003e🛡️\u003c\/div\u003e\n        \u003ch3\u003eRepairs Damage\u003c\/h3\u003e\n        \u003cp\u003e\n          Helps restore hair affected by heat styling, colouring and chemical\n          treatments while improving overall resilience.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit\"\u003e\n        \u003cdiv class=\"icon\"\u003e💧\u003c\/div\u003e\n        \u003ch3\u003eDeep Scalp Nourishment\u003c\/h3\u003e\n        \u003cp\u003e\n          Delivers intense moisture to help reduce dryness, flaking and\n          breakage while supporting scalp health.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit\"\u003e\n        \u003cdiv class=\"icon\"\u003e✨\u003c\/div\u003e\n        \u003ch3\u003eSilky Shine\u003c\/h3\u003e\n        \u003cp\u003e\n          Leaves hair visibly smoother, softer and naturally radiant without\n          weighing it down.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit\"\u003e\n        \u003cdiv class=\"icon\"\u003e💪\u003c\/div\u003e\n        \u003ch3\u003eStrengthens Hair\u003c\/h3\u003e\n        \u003cp\u003e\n          Helps minimise shedding and split ends by reinforcing the hair shaft\n          from within.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit\"\u003e\n        \u003cdiv class=\"icon\"\u003e🌿\u003c\/div\u003e\n        \u003ch3\u003e100% Pure Formula\u003c\/h3\u003e\n        \u003cp\u003e\n          No sulphates. No silicones. No fillers. Just pure Batana Oil packed\n          with naturally nourishing compounds.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- WHY IT WORKS --\u003e\n    \u003cdiv class=\"story\"\u003e\n\n      \u003ch3\u003eWhy It Works\u003c\/h3\u003e\n\n      \u003cp\u003e\n        Rich in oleic acid, tocopherols (Vitamin E) and beta-carotene,\n        Batana Oil penetrates beyond the surface to help nourish and strengthen\n        the hair fibre from within. Unlike products that simply coat the hair,\n        this nutrient-rich oil helps improve the condition of the hair and\n        scalp over time, supporting healthier-looking results with every use.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"highlight\"\u003e\n        ✦ Ancient Honduran Beauty Secret • Cold-Pressed • Nutrient-Rich •\n        Deeply Nourishing • Naturally Powerful ✦\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- HOW TO USE --\u003e\n    \u003cdiv class=\"howto\"\u003e\n\n      \u003ch3\u003eHow To Use\u003c\/h3\u003e\n\n      \u003cdiv class=\"steps\"\u003e\n\n        \u003cdiv class=\"step\"\u003e\n          \u003cdiv class=\"number\"\u003e1\u003c\/div\u003e\n          \u003ch4\u003eWarm\u003c\/h4\u003e\n          \u003cp\u003e\n            Rub a few drops between your palms to activate and evenly\n            distribute the oil.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"step\"\u003e\n          \u003cdiv class=\"number\"\u003e2\u003c\/div\u003e\n          \u003ch4\u003eMassage\u003c\/h4\u003e\n          \u003cp\u003e\n            Work into the scalp and lengths using gentle circular motions.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"step\"\u003e\n          \u003cdiv class=\"number\"\u003e3\u003c\/div\u003e\n          \u003ch4\u003eTreat\u003c\/h4\u003e\n          \u003cp\u003e\n            Leave on for at least 30 minutes or overnight for an intensive\n            repair treatment.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"step\"\u003e\n          \u003cdiv class=\"number\"\u003e4\u003c\/div\u003e\n          \u003ch4\u003eReveal\u003c\/h4\u003e\n          \u003cp\u003e\n            Rinse thoroughly and style as usual. Use 2–3 times weekly for\n            best results.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- CTA --\u003e\n    \u003cdiv class=\"cta\"\u003e\n\n      \u003ch3\u003e\n        Give Your Hair The Nourishment It\n        \u003cspan class=\"gold-text\"\u003eHas Been Missing.\u003c\/span\u003e\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Whether you're looking to revive damaged hair, support healthy growth,\n        reduce breakage or simply bring back softness and shine, Batana Miracle\n        Growth Oil helps transform your haircare routine into a powerful ritual\n        of restoration.\n      \u003c\/p\u003e\n\n      \u003ca href=\"#\" class=\"cta-btn\"\u003e\n        🌿 Shop Batana Miracle Growth Oil\n      \u003c\/a\u003e\n\n      \u003cdiv class=\"trust\"\u003e\n        \u003cspan\u003e✓ 100% Natural\u003c\/span\u003e\n        \u003cspan\u003e✓ Cold-Pressed\u003c\/span\u003e\n        \u003cspan\u003e✓ No Sulphates\u003c\/span\u003e\n        \u003cspan\u003e✓ No Silicones\u003c\/span\u003e\n        \u003cspan\u003e✓ Suitable For All Hair Types\u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"C\u0026F Collective","offers":[{"title":"Default Title","offer_id":49149460840600,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0770\/4064\/8344\/files\/hero-shot-original-label-preserved_f28451f4-b542-4c67-969c-11d3c3d85891.png?v=1779534054"},{"product_id":"ultra-soft-microfiber-hair-towel-cap-quick-drying-frizz-free-gentle-on-hair-c-f-collective™","title":"Ultra-Soft Microfiber Hair Towel Cap — Quick-Drying, Frizz-Free \u0026 Gentle on Hair | C\u0026F Collective™","description":"\u003csection class=\"cf-hair-towel\"\u003e\n\u003cstyle\u003e\n.cf-hair-towel{\n  --rose:#d8a7a7;\n  --rose-dark:#bf8f8f;\n  --champagne:#d9b97d;\n  --cream:#fbf8f4;\n  --white:#ffffff;\n  --text:#2f2f2f;\n  --muted:#707070;\n  --shadow:0 20px 50px rgba(0,0,0,.08);\n\n  font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;\n  background:linear-gradient(180deg,#ffffff 0%,#faf7f3 100%);\n  padding:80px 20px;\n  overflow:hidden;\n  color:var(--text);\n}\n\n.cf-container{\n  max-width:1200px;\n  margin:auto;\n}\n\n\/* HERO *\/\n\n.cf-hero{\n  text-align:center;\n  max-width:920px;\n  margin:0 auto 70px;\n  position:relative;\n  animation:fadeUp 1s ease;\n}\n\n.cf-badge{\n  display:inline-block;\n  padding:10px 22px;\n  border-radius:50px;\n  background:rgba(216,167,167,.12);\n  color:var(--rose-dark);\n  font-size:13px;\n  font-weight:700;\n  letter-spacing:1px;\n  text-transform:uppercase;\n  margin-bottom:25px;\n}\n\n.cf-hero h2{\n  font-size:clamp(2.6rem,6vw,5rem);\n  line-height:1.05;\n  margin-bottom:20px;\n  font-weight:800;\n}\n\n.cf-gradient{\n  background:linear-gradient(135deg,var(--rose),var(--champagne));\n  -webkit-background-clip:text;\n  -webkit-text-fill-color:transparent;\n}\n\n.cf-hero p{\n  font-size:1.15rem;\n  line-height:1.9;\n  color:var(--muted);\n}\n\n.cf-hero::before,\n.cf-hero::after{\n  content:'';\n  position:absolute;\n  border-radius:50%;\n  z-index:-1;\n  animation:float 8s ease-in-out infinite;\n}\n\n.cf-hero::before{\n  width:220px;\n  height:220px;\n  background:rgba(216,167,167,.08);\n  top:-60px;\n  left:-100px;\n}\n\n.cf-hero::after{\n  width:160px;\n  height:160px;\n  background:rgba(217,185,125,.08);\n  right:-60px;\n  bottom:-30px;\n  animation-delay:2s;\n}\n\n\/* BENEFITS *\/\n\n.cf-benefits{\n  display:grid;\n  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));\n  gap:25px;\n  margin-bottom:80px;\n}\n\n.cf-card{\n  background:var(--white);\n  padding:35px 30px;\n  border-radius:24px;\n  text-align:center;\n  box-shadow:var(--shadow);\n  position:relative;\n  overflow:hidden;\n  transition:.4s ease;\n}\n\n.cf-card:hover{\n  transform:translateY(-10px);\n}\n\n.cf-card::before{\n  content:'';\n  position:absolute;\n  top:0;\n  left:-100%;\n  width:100%;\n  height:100%;\n  background:linear-gradient(\n    90deg,\n    transparent,\n    rgba(255,255,255,.7),\n    transparent\n  );\n  transition:.8s;\n}\n\n.cf-card:hover::before{\n  left:100%;\n}\n\n.cf-icon{\n  width:75px;\n  height:75px;\n  border-radius:50%;\n  margin:0 auto 18px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  background:linear-gradient(135deg,var(--rose),#efd5d5);\n  font-size:32px;\n  animation:pulse 3s infinite;\n}\n\n.cf-card h3{\n  margin-bottom:12px;\n  font-size:1.1rem;\n}\n\n.cf-card p{\n  color:var(--muted);\n  line-height:1.7;\n  font-size:.95rem;\n}\n\n\/* FEATURE SECTION *\/\n\n.cf-feature{\n  background:var(--white);\n  padding:60px;\n  border-radius:30px;\n  box-shadow:var(--shadow);\n  text-align:center;\n  margin-bottom:80px;\n}\n\n.cf-feature h3{\n  font-size:2.2rem;\n  margin-bottom:20px;\n}\n\n.cf-feature p{\n  max-width:850px;\n  margin:auto;\n  color:var(--muted);\n  line-height:2;\n  font-size:1.05rem;\n}\n\n.cf-stat{\n  margin-top:35px;\n  padding:30px;\n  border-radius:22px;\n  background:linear-gradient(135deg,#fff8ee,#fff);\n  border:1px solid rgba(217,185,125,.18);\n}\n\n.cf-stat-number{\n  font-size:4rem;\n  font-weight:800;\n  line-height:1;\n  background:linear-gradient(135deg,var(--rose),var(--champagne));\n  -webkit-background-clip:text;\n  -webkit-text-fill-color:transparent;\n}\n\n.cf-stat-text{\n  margin-top:10px;\n  font-size:1.1rem;\n  font-weight:600;\n}\n\n\/* LIFESTYLE STEPS *\/\n\n.cf-steps{\n  margin-bottom:80px;\n}\n\n.cf-steps h3{\n  text-align:center;\n  font-size:2rem;\n  margin-bottom:45px;\n}\n\n.cf-grid{\n  display:grid;\n  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));\n  gap:25px;\n}\n\n.cf-step{\n  background:white;\n  padding:30px;\n  border-radius:22px;\n  text-align:center;\n  box-shadow:var(--shadow);\n}\n\n.cf-number{\n  width:55px;\n  height:55px;\n  margin:0 auto 18px;\n  border-radius:50%;\n  background:linear-gradient(135deg,var(--rose),var(--champagne));\n  color:white;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  font-weight:700;\n}\n\n.cf-step h4{\n  margin-bottom:10px;\n}\n\n.cf-step p{\n  color:var(--muted);\n  line-height:1.7;\n}\n\n\/* CTA *\/\n\n.cf-cta{\n  background:linear-gradient(135deg,#fff,#faf4ee);\n  padding:70px 35px;\n  border-radius:35px;\n  text-align:center;\n  position:relative;\n}\n\n.cf-cta h3{\n  font-size:clamp(2rem,5vw,3.5rem);\n  margin-bottom:20px;\n  line-height:1.1;\n}\n\n.cf-cta p{\n  max-width:780px;\n  margin:auto;\n  color:var(--muted);\n  line-height:1.9;\n  font-size:1.05rem;\n}\n\n.cf-btn{\n  display:inline-block;\n  margin-top:35px;\n  padding:18px 46px;\n  border-radius:60px;\n  text-decoration:none;\n  color:white;\n  font-weight:700;\n  background:linear-gradient(\n    135deg,\n    var(--rose),\n    var(--rose-dark)\n  );\n  box-shadow:0 18px 40px rgba(216,167,167,.35);\n  transition:.3s ease;\n  animation:glow 2.5s infinite;\n}\n\n.cf-btn:hover{\n  transform:translateY(-4px) scale(1.03);\n}\n\n.cf-trust{\n  display:flex;\n  justify-content:center;\n  flex-wrap:wrap;\n  gap:15px;\n  margin-top:30px;\n}\n\n.cf-pill{\n  background:white;\n  padding:10px 18px;\n  border-radius:50px;\n  font-size:14px;\n  font-weight:600;\n  box-shadow:0 8px 20px rgba(0,0,0,.05);\n}\n\n\/* ANIMATIONS *\/\n\n@keyframes fadeUp{\n  from{\n    opacity:0;\n    transform:translateY(40px);\n  }\n  to{\n    opacity:1;\n    transform:translateY(0);\n  }\n}\n\n@keyframes pulse{\n  0%,100%{transform:scale(1);}\n  50%{transform:scale(1.08);}\n}\n\n@keyframes float{\n  0%,100%{transform:translateY(0);}\n  50%{transform:translateY(-20px);}\n}\n\n@keyframes glow{\n  0%,100%{\n    box-shadow:0 18px 40px rgba(216,167,167,.35);\n  }\n  50%{\n    box-shadow:0 22px 50px rgba(216,167,167,.55);\n  }\n}\n\n@media(max-width:768px){\n  .cf-feature{\n    padding:35px 25px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"cf-container\"\u003e\n\n  \u003c!-- HERO --\u003e\n\n  \u003cdiv class=\"cf-hero\"\u003e\n\n    \u003cspan class=\"cf-badge\"\u003e\n      C\u0026amp;F Collective™ Ultra-Soft Microfiber Hair Towel Cap\n    \u003c\/span\u003e\n\n    \u003ch2\u003e\n      Your Hair Deserves Better Than A\n      \u003cspan class=\"cf-gradient\"\u003eRegular Towel.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      Every time you wrap your hair in a traditional cotton towel, friction\n      works against you — creating frizz, breakage and split ends before your\n      day has even begun. Upgrade your routine with an ultra-soft microfiber\n      towel cap designed to dry faster, reduce damage and leave your hair\n      looking smoother, shinier and healthier.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- BENEFITS --\u003e\n\n  \u003cdiv class=\"cf-benefits\"\u003e\n\n    \u003cdiv class=\"cf-card\"\u003e\n      \u003cdiv class=\"cf-icon\"\u003e⚡\u003c\/div\u003e\n      \u003ch3\u003eDries Hair Faster\u003c\/h3\u003e\n      \u003cp\u003e\n        Highly absorbent microfiber fabric removes excess moisture quickly,\n        dramatically reducing drying time.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"cf-card\"\u003e\n      \u003cdiv class=\"cf-icon\"\u003e🌿\u003c\/div\u003e\n      \u003ch3\u003eUltra-Gentle On Hair\u003c\/h3\u003e\n      \u003cp\u003e\n        Soft microfiber helps minimise friction, protecting strands from\n        unnecessary stress and damage.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"cf-card\"\u003e\n      \u003cdiv class=\"cf-icon\"\u003e✨\u003c\/div\u003e\n      \u003ch3\u003eReduces Frizz\u003c\/h3\u003e\n      \u003cp\u003e\n        Enjoy smoother, sleeker results without rough rubbing, tangles or\n        unwanted flyaways.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"cf-card\"\u003e\n      \u003cdiv class=\"cf-icon\"\u003e🔒\u003c\/div\u003e\n      \u003ch3\u003eSecure Elastic Loop\u003c\/h3\u003e\n      \u003cp\u003e\n        Stays comfortably in place while you do your skincare, makeup, get\n        dressed or enjoy your morning coffee.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"cf-card\"\u003e\n      \u003cdiv class=\"cf-icon\"\u003e🌀\u003c\/div\u003e\n      \u003ch3\u003eLess Breakage\u003c\/h3\u003e\n      \u003cp\u003e\n        Helps preserve hair integrity by reducing the stress caused by heavy,\n        rough cotton towels.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"cf-card\"\u003e\n      \u003cdiv class=\"cf-icon\"\u003e✈️\u003c\/div\u003e\n      \u003ch3\u003ePerfect Anywhere\u003c\/h3\u003e\n      \u003cp\u003e\n        Lightweight and compact for home, gym sessions, holidays and every\n        adventure in between.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- FEATURE --\u003e\n\n  \u003cdiv class=\"cf-feature\"\u003e\n\n    \u003ch3\u003eDry Faster. Damage Less. Look Better.\u003c\/h3\u003e\n\n    \u003cp\u003e\n      The C\u0026amp;F Collective™ Ultra-Soft Microfiber Hair Towel Cap is engineered\n      to absorb moisture rapidly while protecting your strands from the\n      friction that causes frizz and breakage. Whether you air-dry, diffuse\n      or blow-dry, starting with the right towel creates the foundation for\n      healthier-looking hair every single day.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"cf-stat\"\u003e\n      \u003cdiv class=\"cf-stat-number\"\u003e3X\u003c\/div\u003e\n      \u003cdiv class=\"cf-stat-text\"\u003e\n        More Absorbent Than A Traditional Cotton Towel*\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- HOW IT FITS YOUR ROUTINE --\u003e\n\n  \u003cdiv class=\"cf-steps\"\u003e\n\n    \u003ch3\u003eYour New Wash Day Ritual\u003c\/h3\u003e\n\n    \u003cdiv class=\"cf-grid\"\u003e\n\n      \u003cdiv class=\"cf-step\"\u003e\n        \u003cdiv class=\"cf-number\"\u003e1\u003c\/div\u003e\n        \u003ch4\u003eWash\u003c\/h4\u003e\n        \u003cp\u003eCleanse and condition your hair as normal.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cf-step\"\u003e\n        \u003cdiv class=\"cf-number\"\u003e2\u003c\/div\u003e\n        \u003ch4\u003eWrap\u003c\/h4\u003e\n        \u003cp\u003eSecure your hair comfortably inside the towel cap.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cf-step\"\u003e\n        \u003cdiv class=\"cf-number\"\u003e3\u003c\/div\u003e\n        \u003ch4\u003eRelax\u003c\/h4\u003e\n        \u003cp\u003eContinue with your skincare, makeup or morning routine while it works.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cf-step\"\u003e\n        \u003cdiv class=\"cf-number\"\u003e4\u003c\/div\u003e\n        \u003ch4\u003eReveal\u003c\/h4\u003e\n        \u003cp\u003eEnjoy hair that's less frizzy, less tangled and easier to style.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- CTA --\u003e\n\n  \u003cdiv class=\"cf-cta\"\u003e\n\n    \u003ch3\u003e\n      Because Great Hair Days Don't Happen By\n      \u003cspan class=\"cf-gradient\"\u003eAccident.\u003c\/span\u003e\n    \u003c\/h3\u003e\n\n    \u003cp\u003e\n      The small upgrades often make the biggest difference. Protect your hair\n      from unnecessary damage, reduce drying time and transform every wash day\n      into a smoother, more luxurious experience.\n    \u003c\/p\u003e\n\n    \u003ca href=\"#\" class=\"cf-btn\"\u003e\n      💖 Upgrade My Hair Routine\n    \u003c\/a\u003e\n\n    \u003cdiv class=\"cf-trust\"\u003e\n      \u003cspan class=\"cf-pill\"\u003e✓ All Hair Types\u003c\/span\u003e\n      \u003cspan class=\"cf-pill\"\u003e✓ Lightweight \u0026amp; Compact\u003c\/span\u003e\n      \u003cspan class=\"cf-pill\"\u003e✓ Frizz-Reducing\u003c\/span\u003e\n      \u003cspan class=\"cf-pill\"\u003e✓ Quick-Drying Microfiber\u003c\/span\u003e\n      \u003cspan class=\"cf-pill\"\u003e✓ Secure Elastic Closure\u003c\/span\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"C\u0026F Collective","offers":[{"title":"Default Title","offer_id":49149526868120,"sku":null,"price":249.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0770\/4064\/8344\/files\/lifestyle-shot_43136b17-d6a0-4859-bae4-63d01473b42c.png?v=1779535274"}],"url":"https:\/\/cfcollective.co.za\/collections\/haircare.oembed","provider":"C\u0026F Collective","version":"1.0","type":"link"}