{"product_id":"raw-batana-oil","title":"RAW BATANA OIL","description":"\u003c!-- BATANA OIL PRODUCT DESCRIPTION - Site Safe Embed --\u003e\n\u003c!-- Add this inside your product description field only. No \u003chtml\u003e, \u003chead\u003e, or \u003cbody\u003e tags needed. --\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  \/* All styles scoped to .batana-card to avoid affecting anything else on your site *\/\n\n  .batana-card {\n    --sage: #c8dfc8;\n    --sage-light: #e8f2e8;\n    --sage-pale: #f4faf4;\n    --sage-deep: #a0c4a0;\n    --cream: #fdfaf6;\n    --text: #2d2d2d;\n    --text-muted: #7a7a7a;\n\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: batanaFadeUp 0.7s ease both;\n  }\n\n  @keyframes batanaFadeUp {\n    from { opacity: 0; transform: translateY(28px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* Hero band *\/\n  .batana-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-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-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-card .badge-row {\n    display: flex;\n    gap: 8px;\n    margin-bottom: 14px;\n    flex-wrap: wrap;\n  }\n\n  .batana-card .b-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-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-card .product-title em {\n    font-style: italic;\n    font-weight: 300;\n    color: #3d5c3d;\n  }\n\n  .batana-card .b-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  \/* Body *\/\n  .batana-card .b-body {\n    padding: 32px 40px;\n  }\n\n  .batana-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: batanaFadeUp 0.7s 0.15s ease both;\n    opacity: 0;\n    animation-fill-mode: forwards;\n  }\n\n  .batana-card .nutrients {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-bottom: 32px;\n    animation: batanaFadeUp 0.7s 0.25s ease both;\n    opacity: 0;\n    animation-fill-mode: forwards;\n  }\n\n  .batana-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-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  \/* Tabs *\/\n  .batana-card .b-tabs {\n    display: flex;\n    border-bottom: 1px solid #efefef;\n    margin-bottom: 24px;\n    animation: batanaFadeUp 0.7s 0.3s ease both;\n    opacity: 0;\n    animation-fill-mode: forwards;\n  }\n\n  .batana-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-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-card .tab-btn.active { color: #2a4a2a; }\n  .batana-card .tab-btn.active::after { transform: scaleX(1); }\n\n  .batana-card .tab-panel { display: none; }\n  .batana-card .tab-panel.active { display: block; animation: batanaFadeUp 0.35s ease both; }\n\n  \/* Benefits *\/\n  .batana-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-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-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-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-card .benefit-icon svg { width: 11px; height: 11px; }\n\n  \/* Steps *\/\n  .batana-card .steps { display: flex; flex-direction: column; gap: 14px; }\n\n  .batana-card .step { display: flex; gap: 16px; align-items: flex-start; }\n\n  .batana-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-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-card .step-text span {\n    font-size: 12.5px;\n    color: #7a7a7a;\n    line-height: 1.5;\n  }\n\n  \/* Story *\/\n  .batana-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-card .story-text strong { font-weight: 600; color: #3a5c3a; }\n\n  \/* Storage note *\/\n  .batana-card .storage-note {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-top: 28px;\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: batanaFadeUp 0.7s 0.45s ease both;\n    opacity: 0;\n    animation-fill-mode: forwards;\n  }\n\n  .batana-card .storage-note svg { min-width: 16px; }\n\n  \/* CTA strip *\/\n  .batana-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: batanaFadeUp 0.7s 0.5s ease both;\n    opacity: 0;\n    animation-fill-mode: forwards;\n  }\n\n  .batana-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-card .hero-band,\n    .batana-card .b-body { padding-left: 24px; padding-right: 24px; }\n    .batana-card .product-title { font-size: 26px; }\n    .batana-card .cta-strip { padding: 18px 24px; }\n    .batana-card .tab-btn { padding: 10px 14px; font-size: 12px; }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"batana-card\"\u003e\n\n  \u003cdiv class=\"hero-band\"\u003e\n    \u003cdiv class=\"badge-row\"\u003e\n      \u003cspan class=\"b-badge\"\u003e100% Raw\u003c\/span\u003e\n      \u003cspan class=\"b-badge\"\u003eSingle Ingredient\u003c\/span\u003e\n      \u003cspan class=\"b-badge\"\u003eHonduran Origin\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003ch2 class=\"product-title\"\u003eBatana Oil\u003cbr\u003e\u003cem\u003ePure Honduran Hair Repair\u003c\/em\u003e\n\u003c\/h2\u003e\n    \u003cp class=\"b-subtitle\"\u003eExtracted from the Ojon palm · Treasured for generations\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"b-body\"\u003e\n\n    \u003cp class=\"intro-text\"\u003e\n      Known as \"nature's hair butter,\" this rich oil is packed with powerful nutrients that deeply nourish both hair and scalp — pure, simple, and powerfully natural.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"nutrients\"\u003e\n      \u003cspan class=\"nutrient-pill\"\u003e✦ Vitamin E\u003c\/span\u003e\n      \u003cspan class=\"nutrient-pill\"\u003e✦ Omega-6 Linoleic Acid\u003c\/span\u003e\n      \u003cspan class=\"nutrient-pill\"\u003e✦ Tocotrienols\u003c\/span\u003e\n      \u003cspan class=\"nutrient-pill\"\u003e✦ Phytosterols\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"b-tabs\"\u003e\n      \u003cbutton class=\"tab-btn active\" onclick=\"batanaTab('benefits', this)\"\u003eBenefits\u003c\/button\u003e\n      \u003cbutton class=\"tab-btn\" onclick=\"batanaTab('usage', this)\"\u003eHow to Use\u003c\/button\u003e\n      \u003cbutton class=\"tab-btn\" onclick=\"batanaTab('story', this)\"\u003eOur Story\u003c\/button\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv id=\"batana-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\u003eIntensely moisturizes brittle and damaged 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\u003eHelps improve elasticity and reduce breakage\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\u003eRevitalizes dull, lifeless strands with natural shine\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 the scalp to support healthier-looking growth\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\u003e100% raw, unrefined — single ingredient, nothing else\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv id=\"batana-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\u003eWarm the oil\u003c\/strong\u003e\u003cspan\u003eTake a small amount and warm it between your palms until it softens and becomes workable.\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 scalp \u0026amp; hair\u003c\/strong\u003e\u003cspan\u003eWork the oil through from root to tip, focusing on dry or damaged areas.\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\u003eCover \u0026amp; wait 20–30 minutes\u003c\/strong\u003e\u003cspan\u003eUse a shower cap or warm towel to lock in heat and allow deep penetration.\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\u003eRinse \u0026amp; follow your routine\u003c\/strong\u003e\u003cspan\u003eRinse with warm water, then shampoo and condition as usual.\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv id=\"batana-tab-story\" class=\"tab-panel\"\u003e\n      \u003cp class=\"story-text\"\u003e\n        Deep in the forests of \u003cstrong\u003eHonduras\u003c\/strong\u003e, the Miskito people have long harvested the Ojon palm for its remarkable golden oil. Passed down through generations of women, batana oil became a sacred beauty ritual — a secret behind the famously thick, luminous hair of the region.\u003cbr\u003e\u003cbr\u003e\n        We source ours directly, raw and unrefined, so that every jar carries the full ancestral potency of this time-honored treasure. No additives. No shortcuts. Just nature, bottled.\n      \u003c\/p\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\"\u003eReconnect with a time-honoured beauty secret.\u003c\/span\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  function batanaTab(id, btn) {\n    document.querySelectorAll('.batana-card .tab-panel').forEach(p =\u003e p.classList.remove('active'));\n    document.querySelectorAll('.batana-card .tab-btn').forEach(b =\u003e b.classList.remove('active'));\n    document.getElementById('batana-tab-' + id).classList.add('active');\n    btn.classList.add('active');\n  }\n\u003c\/script\u003e","brand":"Aphrodeity","offers":[{"title":"Default Title","offer_id":51165493035296,"sku":null,"price":549.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0979\/6485\/1488\/files\/WhatsAppImage2026-02-26at17.18.13.jpg?v=1772202558","url":"https:\/\/aphrodeitysa.co.za\/products\/raw-batana-oil","provider":"Aphrodeity","version":"1.0","type":"link"}