{"product_id":"confidence-water-bottle","title":"Confidence Water Bottle","description":"\u003c!-- 780ml Water Bottle – Fun + Interactive Product Description (Red\/Black) --\u003e\n\u003csection style=\"font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\"\u003e\n  \u003cstyle\u003e\n    :root{\n      --red:#E11D48;\n      --red2:#FB7185;\n      --black:#0B0B0F;\n      --muted:#4B4B57;\n      --bg:#FFF1F2;\n      --radius:18px;\n      --shadow: 0 14px 34px rgba(225,29,72,.18);\n      --border: 1px solid rgba(225,29,72,.18);\n    }\n\n    .wb-wrap{\n      background: radial-gradient(800px 400px at 15% 10%, rgba(225,29,72,.20), transparent 55%),\n                  radial-gradient(700px 350px at 85% 30%, rgba(251,113,133,.22), transparent 55%),\n                  linear-gradient(135deg, var(--bg), #ffffff);\n      padding:18px;\n      border-radius:22px;\n      border: var(--border);\n    }\n\n    .wb-hero{\n      background: linear-gradient(135deg, rgba(225,29,72,.16), rgba(11,11,15,.06));\n      border: var(--border);\n      border-radius: var(--radius);\n      padding:16px;\n      box-shadow: var(--shadow);\n    }\n\n    .wb-badge{\n      display:inline-flex; align-items:center; gap:8px;\n      background: rgba(225,29,72,.16);\n      color: var(--black);\n      padding:8px 12px;\n      border-radius: 999px;\n      font-weight:900;\n      border: 1px solid rgba(225,29,72,.25);\n    }\n    .wb-dot{\n      width:10px; height:10px; border-radius:999px;\n      background: var(--red);\n      box-shadow: 0 0 0 4px rgba(225,29,72,.14);\n    }\n\n    .wb-title{margin:12px 0 6px; font-size:26px; color:var(--black); line-height:1.15;}\n    .wb-sub{margin:0; color:var(--muted); font-size:14px; max-width:72ch;}\n\n    .wb-grid{display:grid; grid-template-columns: 1.15fr .85fr; gap:14px; margin-top:14px;}\n    .wb-card{\n      background: rgba(255,255,255,.92);\n      border: 1px solid rgba(225,29,72,.16);\n      border-radius: var(--radius);\n      padding:14px;\n      box-shadow: 0 8px 22px rgba(11,11,15,.06);\n    }\n\n    .wb-benefits{display:grid; gap:10px; margin-top:10px;}\n    .wb-benefit{\n      display:flex; gap:10px; align-items:flex-start;\n      padding:10px 12px;\n      border-radius: 14px;\n      background: linear-gradient(135deg, rgba(225,29,72,.10), rgba(251,113,133,.10));\n      border: 1px dashed rgba(225,29,72,.22);\n    }\n    .wb-icon{\n      width:34px; height:34px; border-radius:12px;\n      background: rgba(225,29,72,.16);\n      display:grid; place-items:center;\n      font-size:16px;\n      flex: 0 0 34px;\n    }\n    .wb-benefit b{color:var(--black);}\n    .wb-benefit p{margin:2px 0 0; color:var(--muted); font-size:13px; line-height:1.45;}\n\n    .wb-tabs{display:flex; gap:10px; flex-wrap:wrap; margin-top:10px;}\n    .wb-tab{\n      cursor:pointer; user-select:none;\n      border:none;\n      background: rgba(225,29,72,.12);\n      color: var(--black);\n      padding:8px 12px;\n      border-radius: 999px;\n      font-weight:900;\n      font-size:13px;\n      border: 1px solid rgba(225,29,72,.22);\n      transition: transform .08s ease, filter .2s ease;\n    }\n    .wb-tab:hover{transform: translateY(-1px); filter: brightness(1.02);}\n    .wb-tab[aria-selected=\"true\"]{\n      background: linear-gradient(135deg, rgba(225,29,72,.26), rgba(11,11,15,.06));\n      border-color: rgba(225,29,72,.30);\n    }\n    .wb-panel{display:none; margin-top:10px; color:var(--muted); font-size:13px; line-height:1.55;}\n    .wb-panel.active{display:block;}\n\n    details.wb-acc{\n      margin-top:10px;\n      border-radius: var(--radius);\n      border: 1px solid rgba(225,29,72,.16);\n      background:#fff;\n      padding:10px 12px;\n    }\n    details.wb-acc summary{\n      cursor:pointer;\n      font-weight:900;\n      color: var(--black);\n      list-style:none;\n    }\n    details.wb-acc summary::-webkit-details-marker{display:none;}\n    details.wb-acc p{margin:10px 0 0; color:var(--muted); font-size:13px; line-height:1.55;}\n\n    .wb-quiz{\n      margin-top:12px;\n      border-radius: var(--radius);\n      border: 1px solid rgba(225,29,72,.18);\n      background: linear-gradient(135deg, rgba(225,29,72,.12), rgba(251,113,133,.10));\n      padding:12px;\n    }\n    .wb-quiz h4{margin:0 0 6px; color:var(--black);}\n    .wb-quiz small{color:var(--muted); font-size:12px;}\n\n    .wb-btn{\n      width:100%;\n      cursor:pointer;\n      border:none;\n      background: rgba(11,11,15,.06);\n      border: 1px solid rgba(225,29,72,.18);\n      padding:10px 12px;\n      border-radius: 14px;\n      font-weight:900;\n      color: var(--black);\n      text-align:left;\n      margin-top:8px;\n      transition: transform .08s ease, background .2s ease;\n    }\n    .wb-btn:hover{transform: translateY(-1px); background: rgba(225,29,72,.12);}\n\n    .wb-result{\n      display:none;\n      margin-top:10px;\n      padding:10px 12px;\n      border-radius: 14px;\n      background:#fff;\n      border: 1px solid rgba(225,29,72,.16);\n      color: var(--muted);\n      font-size:13px;\n    }\n\n    .wb-note{\n      margin-top:12px;\n      padding:12px 14px;\n      border-radius: var(--radius);\n      border: 1px solid rgba(225,29,72,.18);\n      background: linear-gradient(135deg, rgba(225,29,72,.16), rgba(11,11,15,.04));\n      color: var(--black);\n      font-weight:900;\n    }\n    .wb-note span{font-weight:700; color:var(--muted); display:block; margin-top:4px; font-size:13px;}\n\n    @media (max-width: 780px){\n      .wb-grid{grid-template-columns:1fr;}\n      .wb-title{font-size:22px;}\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"wb-wrap\"\u003e\n    \u003cdiv class=\"wb-hero\"\u003e\n      \u003cspan class=\"wb-badge\"\u003e\u003cspan class=\"wb-dot\"\u003e\u003c\/span\u003e ConfidenceHer • 780ml Bottle\u003c\/span\u003e\n      \u003ch2 class=\"wb-title\"\u003eStay hydrated. Stay confident.\u003c\/h2\u003e\n      \u003cp class=\"wb-sub\"\u003e\n        Your 780ml workout companion — designed for women building strength at home.\n        Keep hydration within reach so you can perform your best, one session at a time.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"wb-grid\"\u003e\n      \u003c!-- LEFT: Benefits + Tabs --\u003e\n      \u003cdiv class=\"wb-card\"\u003e\n        \u003ch3 style=\"margin:0 0 8px; color:var(--black);\"\u003eWhy you’ll love it ❤️\u003c\/h3\u003e\n\n        \u003cdiv class=\"wb-benefits\"\u003e\n          \u003cdiv class=\"wb-benefit\"\u003e\n            \u003cdiv class=\"wb-icon\"\u003e💧\u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cb\u003ePerfect capacity\u003c\/b\u003e\n              \u003cp\u003e780ml keeps you refreshed through your workout without constant refills.\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"wb-benefit\"\u003e\n            \u003cdiv class=\"wb-icon\"\u003e🪶\u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cb\u003eLight \u0026amp; portable\u003c\/b\u003e\n              \u003cp\u003eEasy to carry from room to room as you move through your routine.\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"wb-benefit\"\u003e\n            \u003cdiv class=\"wb-icon\"\u003e🛡️\u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cb\u003eLeak-proof\u003c\/b\u003e\n              \u003cp\u003eFocus on your training — not spills on your mat or floor.\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"wb-benefit\"\u003e\n            \u003cdiv class=\"wb-icon\"\u003e✅\u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cb\u003eBPA-free\u003c\/b\u003e\n              \u003cp\u003eSafe, high-quality materials you can trust every day.\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"wb-benefit\"\u003e\n            \u003cdiv class=\"wb-icon\"\u003e🧼\u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cb\u003eEasy clean\u003c\/b\u003e\n              \u003cp\u003eWide mouth opening makes cleaning simple and hassle-free.\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"wb-tabs\" role=\"tablist\" aria-label=\"Best for tabs\"\u003e\n          \u003cbutton class=\"wb-tab\" role=\"tab\" aria-selected=\"true\" data-tab=\"wb1\"\u003eBands\u003c\/button\u003e\n          \u003cbutton class=\"wb-tab\" role=\"tab\" aria-selected=\"false\" data-tab=\"wb2\"\u003eYoga\u003c\/button\u003e\n          \u003cbutton class=\"wb-tab\" role=\"tab\" aria-selected=\"false\" data-tab=\"wb3\"\u003eJump Rope\u003c\/button\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv id=\"wb1\" class=\"wb-panel active\" role=\"tabpanel\"\u003e\n          Keep it next to you for short sets — sip between rounds and stay consistent.\n        \u003c\/div\u003e\n        \u003cdiv id=\"wb2\" class=\"wb-panel\" role=\"tabpanel\"\u003e\n          Hydrate before and after your flow — your body will thank you.\n        \u003c\/div\u003e\n        \u003cdiv id=\"wb3\" class=\"wb-panel\" role=\"tabpanel\"\u003e\n          Quick cardio? Sip during breaks and keep your energy steady.\n        \u003c\/div\u003e\n\n        \u003cdetails class=\"wb-acc\"\u003e\n          \u003csummary\u003ePerfect for:\u003c\/summary\u003e\n          \u003cp\u003eResistance bands, yoga flows, jump rope sessions, stretching, and everyday hydration.\u003c\/p\u003e\n        \u003c\/details\u003e\n\n        \u003cdiv class=\"wb-note\"\u003e\n          Small habit. Big results.\n          \u003cspan\u003eTaking care of yourself starts with the basics — like drinking water while you grow stronger.\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- RIGHT: Interactive --\u003e\n      \u003cdiv class=\"wb-card\"\u003e\n        \u003cdiv class=\"wb-quiz\" aria-label=\"Interactive hydration planner\"\u003e\n          \u003ch4\u003eYour hydration vibe 🖤❤️\u003c\/h4\u003e\n          \u003csmall\u003eTap one and get a simple goal.\u003c\/small\u003e\n\n          \u003cbutton class=\"wb-btn\" data-result=\"quick\"\u003eQuick workout\u003c\/button\u003e\n          \u003cbutton class=\"wb-btn\" data-result=\"normal\"\u003eNormal session\u003c\/button\u003e\n          \u003cbutton class=\"wb-btn\" data-result=\"sweaty\"\u003eSweaty day\u003c\/button\u003e\n\n          \u003cdiv class=\"wb-result\" id=\"wbResult\" role=\"status\" aria-live=\"polite\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdetails class=\"wb-acc\"\u003e\n          \u003csummary\u003eWhat’s in the box?\u003c\/summary\u003e\n          \u003cp\u003e1x 780ml water bottle (BPA-free, leak-proof, wide mouth).\u003c\/p\u003e\n        \u003c\/details\u003e\n\n        \u003cdetails class=\"wb-acc\"\u003e\n          \u003csummary\u003eCare instructions\u003c\/summary\u003e\n          \u003cp\u003eRinse after use. Wash regularly. Let it air-dry fully before closing the lid.\u003c\/p\u003e\n        \u003c\/details\u003e\n\n        \u003cdiv class=\"wb-note\" style=\"margin-top:12px;\"\u003e\n          You’ve got this. We’ve got you.\n          \u003cspan\u003eHydrate. Move. Repeat.\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cscript\u003e\n    \/\/ Tabs\n    const wbTabs = document.querySelectorAll('.wb-tab');\n    const wbPanels = document.querySelectorAll('.wb-panel');\n\n    wbTabs.forEach(tab =\u003e {\n      tab.addEventListener('click', () =\u003e {\n        const target = tab.getAttribute('data-tab');\n        wbTabs.forEach(t =\u003e t.setAttribute('aria-selected', 'false'));\n        tab.setAttribute('aria-selected', 'true');\n        wbPanels.forEach(p =\u003e p.classList.remove('active'));\n        document.getElementById(target).classList.add('active');\n      });\n    });\n\n    \/\/ Hydration picker\n    const wbResult = document.getElementById('wbResult');\n    const wbMsgs = {\n      quick: \"⏱️ Quick plan: Finish 1\/3 bottle before, sip during, finish the rest after.\",\n      normal: \"💧 Goal: Aim for 1 full bottle during your session (sip between sets).\",\n      sweaty: \"🔥 Sweaty day: 1 bottle during + another bottle across the next hour.\"\n    };\n\n    document.querySelectorAll('.wb-btn').forEach(btn =\u003e {\n      btn.addEventListener('click', () =\u003e {\n        const key = btn.getAttribute('data-result');\n        wbResult.textContent = wbMsgs[key] || \"❤️ Stay hydrated!\";\n        wbResult.style.display = 'block';\n        wbResult.scrollIntoView({behavior:'smooth', block:'nearest'});\n      });\n    });\n  \u003c\/script\u003e\n\u003c\/section\u003e","brand":"ConfidenceHer","offers":[{"title":"White","offer_id":42570257104983,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true},{"title":"Frosted White","offer_id":42570304553047,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true},{"title":"Pink","offer_id":42570306388055,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true},{"title":"Frosted Pink","offer_id":42570306420823,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0660\/2774\/9463\/files\/ChatGPTImageFeb22_2026_04_19_07PM.png?v=1772133234","url":"https:\/\/confidenceher.co.za\/products\/confidence-water-bottle","provider":"ConfidenceHer","version":"1.0","type":"link"}