{"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","url":"https:\/\/cfcollective.co.za\/products\/batana-miracle-growth-oil-thicker-longer-hair-c-f-collective%e2%84%a2","provider":"C\u0026F Collective","version":"1.0","type":"link"}