{"product_id":"batana-biotin-hair-cream","title":"BATANA HAIR CREAM","description":"\u003c!-- BATANA + BIOTIN HAIR GROWTH CREAM - Site Safe Embed --\u003e\n\u003c!-- Paste this directly into your product description HTML\/code editor --\u003e\n\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400\u0026amp;family=DM+Sans:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n  .batana-biotin-card {\n    max-width: 680px;\n    width: 100%;\n    background: white;\n    border-radius: 24px;\n    overflow: hidden;\n    box-shadow: 0 8px 60px rgba(0,0,0,0.07);\n    font-family: 'DM Sans', sans-serif;\n    color: #2d2d2d;\n    margin: 0 auto;\n    animation: biotinFadeUp 0.7s ease both;\n  }\n\n  @keyframes biotinFadeUp {\n    from { opacity: 0; transform: translateY(28px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  .batana-biotin-card .hero-band {\n    background: linear-gradient(135deg, #c8dfc8 0%, #a0c4a0 100%);\n    padding: 36px 40px 32px;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .batana-biotin-card .hero-band::before {\n    content: '';\n    position: absolute;\n    top: -40px; right: -40px;\n    width: 200px; height: 200px;\n    border-radius: 50%;\n    background: rgba(255,255,255,0.18);\n  }\n\n  .batana-biotin-card .hero-band::after {\n    content: '';\n    position: absolute;\n    bottom: -60px; left: -30px;\n    width: 160px; height: 160px;\n    border-radius: 50%;\n    background: rgba(255,255,255,0.10);\n  }\n\n  .batana-biotin-card .badge-row {\n    display: flex;\n    gap: 8px;\n    margin-bottom: 14px;\n    flex-wrap: wrap;\n  }\n\n  .batana-biotin-card .bb-badge {\n    background: rgba(255,255,255,0.5);\n    backdrop-filter: blur(6px);\n    border: 1px solid rgba(255,255,255,0.7);\n    color: #3a5c3a;\n    font-size: 10px;\n    font-weight: 500;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    padding: 5px 12px;\n    border-radius: 20px;\n    font-family: 'DM Sans', sans-serif;\n  }\n\n  .batana-biotin-card .product-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 32px;\n    font-weight: 600;\n    color: #2a3d2a;\n    line-height: 1.15;\n    position: relative;\n    z-index: 1;\n    margin: 0;\n  }\n\n  .batana-biotin-card .product-title em {\n    font-style: italic;\n    font-weight: 300;\n    color: #3d5c3d;\n  }\n\n  .batana-biotin-card .bb-subtitle {\n    margin-top: 8px;\n    font-size: 13px;\n    color: #4a6b4a;\n    font-weight: 400;\n    letter-spacing: 0.3px;\n    position: relative;\n    z-index: 1;\n  }\n\n  .batana-biotin-card .bb-body {\n    padding: 32px 40px;\n  }\n\n  .batana-biotin-card .intro-text {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 17px;\n    font-weight: 300;\n    color: #555;\n    line-height: 1.75;\n    margin-bottom: 28px;\n    font-style: italic;\n    border-left: 2px solid #a0c4a0;\n    padding-left: 16px;\n    animation: biotinFadeUp 0.7s 0.15s ease both;\n    opacity: 0;\n    animation-fill-mode: forwards;\n  }\n\n  .batana-biotin-card .nutrients {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-bottom: 32px;\n    animation: biotinFadeUp 0.7s 0.25s ease both;\n    opacity: 0;\n    animation-fill-mode: forwards;\n  }\n\n  .batana-biotin-card .nutrient-pill {\n    background: #f4faf4;\n    border: 1px solid #c8dfc8;\n    color: #3a5c3a;\n    font-size: 11px;\n    font-weight: 500;\n    padding: 6px 14px;\n    border-radius: 20px;\n    transition: all 0.2s ease;\n    cursor: default;\n    font-family: 'DM Sans', sans-serif;\n  }\n\n  .batana-biotin-card .nutrient-pill:hover {\n    background: #c8dfc8;\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px rgba(160,196,160,0.4);\n  }\n\n  .batana-biotin-card .bb-tabs {\n    display: flex;\n    border-bottom: 1px solid #efefef;\n    margin-bottom: 24px;\n    animation: biotinFadeUp 0.7s 0.3s ease both;\n    opacity: 0;\n    animation-fill-mode: forwards;\n  }\n\n  .batana-biotin-card .tab-btn {\n    background: none;\n    border: none;\n    padding: 10px 20px;\n    font-family: 'DM Sans', sans-serif;\n    font-size: 12.5px;\n    font-weight: 500;\n    color: #7a7a7a;\n    cursor: pointer;\n    position: relative;\n    letter-spacing: 0.3px;\n    transition: color 0.2s ease;\n  }\n\n  .batana-biotin-card .tab-btn::after {\n    content: '';\n    position: absolute;\n    bottom: -1px; left: 0; right: 0;\n    height: 2px;\n    background: #a0c4a0;\n    transform: scaleX(0);\n    transition: transform 0.25s ease;\n    border-radius: 2px;\n  }\n\n  .batana-biotin-card .tab-btn.active { color: #2a4a2a; }\n  .batana-biotin-card .tab-btn.active::after { transform: scaleX(1); }\n\n  .batana-biotin-card .tab-panel { display: none; }\n  .batana-biotin-card .tab-panel.active { display: block; animation: biotinFadeUp 0.35s ease both; }\n\n  .batana-biotin-card .benefits-list {\n    list-style: none;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    padding: 0;\n    margin: 0;\n  }\n\n  .batana-biotin-card .benefits-list li {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    font-size: 13.5px;\n    color: #444;\n    line-height: 1.5;\n    padding: 10px 14px;\n    border-radius: 10px;\n    background: #f4faf4;\n    border: 1px solid transparent;\n    transition: all 0.2s ease;\n    cursor: default;\n  }\n\n  .batana-biotin-card .benefits-list li:hover {\n    border-color: #c8dfc8;\n    background: white;\n    transform: translateX(4px);\n    box-shadow: 0 3px 14px rgba(160,196,160,0.25);\n  }\n\n  .batana-biotin-card .benefit-icon {\n    width: 22px; height: 22px; min-width: 22px;\n    background: #c8dfc8;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-top: 1px;\n  }\n\n  .batana-biotin-card .benefit-icon svg { width: 11px; height: 11px; }\n\n  .batana-biotin-card .steps { display: flex; flex-direction: column; gap: 14px; }\n  .batana-biotin-card .step { display: flex; gap: 16px; align-items: flex-start; }\n\n  .batana-biotin-card .step-num {\n    width: 32px; height: 32px; min-width: 32px;\n    background: linear-gradient(135deg, #c8dfc8 0%, #a0c4a0 100%);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 16px;\n    font-weight: 600;\n    color: #2a4a2a;\n  }\n\n  .batana-biotin-card .step-text strong {\n    display: block;\n    font-size: 13px;\n    font-weight: 500;\n    color: #2d2d2d;\n    margin-bottom: 2px;\n  }\n\n  .batana-biotin-card .step-text span {\n    font-size: 12.5px;\n    color: #7a7a7a;\n    line-height: 1.5;\n  }\n\n  .batana-biotin-card .story-text {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 17px;\n    font-weight: 300;\n    color: #555;\n    line-height: 1.8;\n    margin: 0;\n  }\n\n  .batana-biotin-card .story-text strong { font-weight: 600; color: #3a5c3a; }\n\n  .batana-biotin-card .caution-note {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    margin-top: 16px;\n    padding: 12px 16px;\n    background: #fffdf4;\n    border-radius: 10px;\n    border: 1px solid #e8dfa0;\n    font-size: 12px;\n    color: #6b5f2a;\n  }\n\n  .batana-biotin-card .caution-note svg { min-width: 16px; margin-top: 1px; }\n\n  .batana-biotin-card .storage-note {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-top: 12px;\n    padding: 12px 16px;\n    background: #f4faf4;\n    border-radius: 10px;\n    border: 1px solid #c8dfc8;\n    font-size: 12px;\n    color: #4a6b4a;\n    animation: biotinFadeUp 0.7s 0.45s ease both;\n    opacity: 0;\n    animation-fill-mode: forwards;\n  }\n\n  .batana-biotin-card .storage-note svg { min-width: 16px; }\n\n  .batana-biotin-card .cta-strip {\n    background: linear-gradient(135deg, #f4faf4 0%, #e6f0e6 100%);\n    border-top: 1px solid #c8dfc8;\n    padding: 20px 40px;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    flex-wrap: wrap;\n    animation: biotinFadeUp 0.7s 0.5s ease both;\n    opacity: 0;\n    animation-fill-mode: forwards;\n  }\n\n  .batana-biotin-card .cta-tagline {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 15px;\n    font-style: italic;\n    color: #4a6b4a;\n  }\n\n  @media (max-width: 520px) {\n    .batana-biotin-card .hero-band,\n    .batana-biotin-card .bb-body { padding-left: 24px; padding-right: 24px; }\n    .batana-biotin-card .product-title { font-size: 26px; }\n    .batana-biotin-card .cta-strip { padding: 18px 24px; }\n    .batana-biotin-card .tab-btn { padding: 10px 14px; font-size: 12px; }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"batana-biotin-card\"\u003e\n\n  \u003cdiv class=\"hero-band\"\u003e\n    \u003cdiv class=\"badge-row\"\u003e\n      \u003cspan class=\"bb-badge\"\u003eBiotin + Keratin\u003c\/span\u003e\n      \u003cspan class=\"bb-badge\"\u003eAll Hair Types\u003c\/span\u003e\n      \u003cspan class=\"bb-badge\"\u003eDaily Use\u003c\/span\u003e\n      \u003cspan class=\"bb-badge\"\u003eAdvanced Formula\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003ch2 class=\"product-title\"\u003eBatana + Biotin\u003cbr\u003e\u003cem\u003eHair Growth Cream\u003c\/em\u003e\n\u003c\/h2\u003e\n    \u003cp class=\"bb-subtitle\"\u003eAdvanced Scalp \u0026amp; Hair Renewal · Where nature meets science\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"bb-body\"\u003e\n\n    \u003cp class=\"intro-text\"\u003e\n      A powerful treatment designed to support fuller, stronger, and healthier-looking hair — combining traditional botanical oils with proven conditioning ingredients to nourish the scalp and revitalize every strand.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"nutrients\"\u003e\n      \u003cspan class=\"nutrient-pill\"\u003e✦ Biotin\u003c\/span\u003e\n      \u003cspan class=\"nutrient-pill\"\u003e✦ Keratin\u003c\/span\u003e\n      \u003cspan class=\"nutrient-pill\"\u003e✦ Batana Oil\u003c\/span\u003e\n      \u003cspan class=\"nutrient-pill\"\u003e✦ Rosemary Leaf Oil\u003c\/span\u003e\n      \u003cspan class=\"nutrient-pill\"\u003e✦ Castor Oil\u003c\/span\u003e\n      \u003cspan class=\"nutrient-pill\"\u003e✦ Pumpkin Extract\u003c\/span\u003e\n      \u003cspan class=\"nutrient-pill\"\u003e✦ Chebe Seed Extract\u003c\/span\u003e\n      \u003cspan class=\"nutrient-pill\"\u003e✦ Glycerin\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"bb-tabs\"\u003e\n      \u003cbutton class=\"tab-btn active\" data-bbtab=\"biotin-tab-benefits\"\u003eBenefits\u003c\/button\u003e\n      \u003cbutton class=\"tab-btn\" data-bbtab=\"biotin-tab-usage\"\u003eHow to Use\u003c\/button\u003e\n      \u003cbutton class=\"tab-btn\" data-bbtab=\"biotin-tab-formula\"\u003eThe Formula\u003c\/button\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv id=\"biotin-tab-benefits\" class=\"tab-panel active\"\u003e\n      \u003cul class=\"benefits-list\"\u003e\n        \u003cli\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003csvg viewbox=\"0 0 12 12\" fill=\"none\"\u003e\u003cpath d=\"M2 6.5l3 3 5-5\" stroke=\"#2a4a2a\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003eHelps promote the appearance of thicker, fuller hair\u003c\/li\u003e\n        \u003cli\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003csvg viewbox=\"0 0 12 12\" fill=\"none\"\u003e\u003cpath d=\"M2 6.5l3 3 5-5\" stroke=\"#2a4a2a\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003eStrengthens and conditions weakened strands\u003c\/li\u003e\n        \u003cli\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003csvg viewbox=\"0 0 12 12\" fill=\"none\"\u003e\u003cpath d=\"M2 6.5l3 3 5-5\" stroke=\"#2a4a2a\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003eNourishes and moisturizes dry scalp\u003c\/li\u003e\n        \u003cli\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003csvg viewbox=\"0 0 12 12\" fill=\"none\"\u003e\u003cpath d=\"M2 6.5l3 3 5-5\" stroke=\"#2a4a2a\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003eSupports reduced breakage and improved elasticity\u003c\/li\u003e\n        \u003cli\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003csvg viewbox=\"0 0 12 12\" fill=\"none\"\u003e\u003cpath d=\"M2 6.5l3 3 5-5\" stroke=\"#2a4a2a\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003eSuitable for daily use on all hair types — no heavy buildup\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv id=\"biotin-tab-usage\" class=\"tab-panel\"\u003e\n      \u003cdiv class=\"steps\"\u003e\n        \u003cdiv class=\"step\"\u003e\n          \u003cdiv class=\"step-num\"\u003e1\u003c\/div\u003e\n          \u003cdiv class=\"step-text\"\u003e\n\u003cstrong\u003ePrep your fingertips\u003c\/strong\u003e\u003cspan\u003eDispense a small amount of cream onto your fingertips — a little goes a long way.\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"step\"\u003e\n          \u003cdiv class=\"step-num\"\u003e2\u003c\/div\u003e\n          \u003cdiv class=\"step-text\"\u003e\n\u003cstrong\u003eMassage into the scalp\u003c\/strong\u003e\u003cspan\u003eGently work the cream into your scalp using circular motions to stimulate absorption and circulation.\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"step\"\u003e\n          \u003cdiv class=\"step-num\"\u003e3\u003c\/div\u003e\n          \u003cdiv class=\"step-text\"\u003e\n\u003cstrong\u003eApply to damp or dry hair\u003c\/strong\u003e\u003cspan\u003eCan be used on freshly washed damp hair or dry hair — no rinsing required.\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"step\"\u003e\n          \u003cdiv class=\"step-num\"\u003e4\u003c\/div\u003e\n          \u003cdiv class=\"step-text\"\u003e\n\u003cstrong\u003eUse once or twice daily\u003c\/strong\u003e\u003cspan\u003eFor best results, incorporate into your morning or evening routine consistently.\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv id=\"biotin-tab-formula\" class=\"tab-panel\"\u003e\n      \u003cp class=\"story-text\"\u003e\n        This cream brings together the best of \u003cstrong\u003enature and science\u003c\/strong\u003e. \u003cstrong\u003eBiotin\u003c\/strong\u003e and \u003cstrong\u003eKeratin\u003c\/strong\u003e work at the structural level, reinforcing each strand from within for visibly stronger, more resilient hair.\u003cbr\u003e\u003cbr\u003e\n        \u003cstrong\u003eBatana Oil\u003c\/strong\u003e and \u003cstrong\u003eCastor Oil\u003c\/strong\u003e deliver rich botanical nourishment, while \u003cstrong\u003eRosemary Leaf Oil\u003c\/strong\u003e — long celebrated for scalp health — helps invigorate the roots. \u003cstrong\u003ePumpkin Extract\u003c\/strong\u003e and \u003cstrong\u003eChebe Seed Extract\u003c\/strong\u003e bring deep conditioning and traditional African hair-strengthening wisdom to the blend. \u003cstrong\u003eGlycerin\u003c\/strong\u003e ties it all together, sealing in moisture for lasting softness without heavy buildup.\u003cbr\u003e\u003cbr\u003e\n        \u003cstrong\u003eNatural oils · Modern actives · No heavy residue\u003c\/strong\u003e\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"caution-note\"\u003e\n      \u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#6b5f2a\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n        \u003cpath d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"\u003e\u003c\/path\u003e\u003cline x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\u003e\u003c\/line\u003e\n      \u003c\/svg\u003e\n      \u003cspan\u003eCaution: Discontinue use if irritation occurs. For external use only. Keep out of reach of children.\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"storage-note\"\u003e\n      \u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#4a6b4a\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n        \u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cline x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\u003e\u003c\/line\u003e\n      \u003c\/svg\u003e\n      Store in a cool, dry place away from direct sunlight for best results.\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"cta-strip\"\u003e\n    \u003cspan class=\"cta-tagline\"\u003eRestore confidence in your hair — where nature meets advanced hair care.\u003c\/span\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- Tab logic using event delegation - most site builders allow this form --\u003e\n\u003cscript type=\"text\/javascript\"\u003e\n(function() {\n  var tabs = document.querySelectorAll('.batana-biotin-card .tab-btn');\n  for (var i = 0; i \u003c tabs.length; i++) {\n    tabs[i].addEventListener('click', function() {\n      var target = this.getAttribute('data-bbtab');\n      var allPanels = document.querySelectorAll('.batana-biotin-card .tab-panel');\n      var allBtns = document.querySelectorAll('.batana-biotin-card .tab-btn');\n      for (var j = 0; j \u003c allPanels.length; j++) allPanels[j].classList.remove('active');\n      for (var k = 0; k \u003c allBtns.length; k++) allBtns[k].classList.remove('active');\n      document.getElementById(target).classList.add('active');\n      this.classList.add('active');\n    });\n  }\n})();\n\u003c\/script\u003e","brand":"Aphrodeity","offers":[{"title":"Default Title","offer_id":51165495787808,"sku":null,"price":399.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0979\/6485\/1488\/files\/WhatsAppImage2026-02-26at16.36.12.jpg?v=1772202529","url":"https:\/\/aphrodeitysa.co.za\/products\/batana-biotin-hair-cream","provider":"Aphrodeity","version":"1.0","type":"link"}