{"product_id":"72v-heybike-plug-play-battery","title":"72v Heybike Plug \u0026 Play Battery","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=IBM+Plex+Mono:wght@500;600;700\u0026family=Inter:wght@400;500;600;700;800;900\u0026family=Karla:wght@500;600;700;800\u0026family=Questrial\u0026display=swap');\n\n  .vs-pdp-wrap {\n    --vs-color-charcoal: #111418;\n    --vs-color-soft-white: #F3F5F7;\n    --vs-color-steel-gray: #C8CED4;\n    --vs-color-slate-blue: #41586E;\n    --vs-radius-card: 8px;\n    --vs-radius-badge: 2px;\n\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n    background:\n      radial-gradient(circle at 14% 12%, rgba(65, 88, 110, 0.32), transparent 34%),\n      radial-gradient(circle at 88% 88%, rgba(65, 88, 110, 0.22), transparent 36%),\n      radial-gradient(circle at 50% 44%, rgba(200, 206, 212, 0.07), transparent 38%),\n      linear-gradient(180deg, #05070a 0%, #0b0f14 50%, var(--vs-color-charcoal) 100%);\n    color: var(--vs-color-soft-white);\n    padding: 30px 22px;\n    border-radius: var(--vs-radius-card);\n    border: 1px solid rgba(200, 206, 212, 0.18);\n    max-width: 900px;\n    margin: 0 auto;\n    font-family: Inter, sans-serif;\n    box-shadow:\n      0 18px 48px rgba(0, 0, 0, 0.24),\n      inset 0 1px 0 rgba(255, 255, 255, 0.04);\n  }\n\n  .vs-pdp-wrap * {\n    box-sizing: border-box;\n  }\n\n  .vs-pdp-tech-bg {\n    position: absolute;\n    inset: 0;\n    z-index: 0;\n    pointer-events: none;\n    opacity: 0.76;\n    background:\n      linear-gradient(90deg, rgba(243, 245, 247, 0.034) 1px, transparent 1px),\n      linear-gradient(180deg, rgba(243, 245, 247, 0.028) 1px, transparent 1px),\n      radial-gradient(circle, rgba(200, 206, 212, 0.14) 1px, transparent 1.8px);\n    background-size: 72px 72px, 72px 72px, 24px 24px;\n    mask-image: linear-gradient(180deg, black 0%, black 82%, transparent 100%);\n  }\n\n  .vs-pdp-tech-ui {\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    pointer-events: none;\n    overflow: hidden;\n  }\n\n  .vs-pdp-tech-line {\n    position: absolute;\n    height: 1px;\n    background: rgba(200, 206, 212, 0.34);\n  }\n\n  .vs-pdp-tech-line::after {\n    content: \"\";\n    position: absolute;\n    right: -4px;\n    top: -3px;\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: rgba(200, 206, 212, 0.54);\n  }\n\n  .vs-pdp-tech-line-1 {\n    left: 22px;\n    top: 24px;\n    width: 190px;\n  }\n\n  .vs-pdp-tech-line-2 {\n    right: 24px;\n    top: 46px;\n    width: 170px;\n  }\n\n  .vs-pdp-tech-line-3 {\n    left: 32%;\n    bottom: 26px;\n    width: 240px;\n    opacity: 0.42;\n  }\n\n  .vs-pdp-tech-dots {\n    position: absolute;\n    right: -34px;\n    top: 86px;\n    width: 136px;\n    height: 136px;\n    opacity: 0.30;\n    background-image: radial-gradient(circle, rgba(200, 206, 212, 0.58) 1.5px, transparent 2.3px);\n    background-size: 16px 16px;\n  }\n\n  .vs-pdp-tech-bars {\n    position: absolute;\n    right: 28px;\n    bottom: 34px;\n    width: 88px;\n    height: 11px;\n    opacity: 0.38;\n    background:\n      linear-gradient(90deg,\n        rgba(200, 206, 212, 0.68) 0 7px,\n        transparent 7px 13px,\n        rgba(200, 206, 212, 0.68) 13px 20px,\n        transparent 20px 26px,\n        rgba(200, 206, 212, 0.68) 26px 33px,\n        transparent 33px 39px,\n        rgba(200, 206, 212, 0.68) 39px 46px,\n        transparent 46px 52px,\n        rgba(200, 206, 212, 0.68) 52px 59px,\n        transparent 59px 65px,\n        rgba(200, 206, 212, 0.68) 65px 72px);\n  }\n\n  .vs-pdp-tech-label {\n    position: absolute;\n    left: 24px;\n    bottom: 28px;\n    color: rgba(200, 206, 212, 0.30);\n    font-family: \"IBM Plex Mono\", monospace;\n    font-size: 9px;\n    font-weight: 700;\n    letter-spacing: 0.16em;\n    line-height: 1.5;\n    text-transform: uppercase;\n  }\n\n  .vs-pdp-content {\n    position: relative;\n    z-index: 2;\n  }\n\n  .vs-pdp-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    min-height: 24px;\n    margin: 0 0 12px;\n    padding: 6px 9px;\n    border-radius: var(--vs-radius-badge);\n    background: rgba(65, 88, 110, 0.22);\n    border: 1px solid rgba(200, 206, 212, 0.14);\n    color: var(--vs-color-steel-gray);\n    font-family: \"IBM Plex Mono\", monospace;\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.11em;\n    line-height: 1;\n    text-transform: uppercase;\n  }\n\n  .vs-pdp-title {\n    margin: 0 0 14px;\n    color: var(--vs-color-soft-white);\n    font-family: Questrial, sans-serif;\n    font-size: clamp(36px, 5.4vw, 60px);\n    line-height: 0.96;\n    font-weight: 900;\n    letter-spacing: -0.045em;\n    text-transform: none;\n  }\n\n  .vs-pdp-highlight {\n    color: var(--vs-color-steel-gray);\n  }\n\n  .vs-callout {\n    position: relative;\n    margin-top: 24px;\n    overflow: hidden;\n    border-radius: var(--vs-radius-card);\n    padding: 18px;\n    background:\n      radial-gradient(circle at 12% 20%, rgba(65, 88, 110, 0.30), transparent 34%),\n      linear-gradient(135deg, rgba(65, 88, 110, 0.34), rgba(17, 20, 24, 0.86));\n    border: 1px solid rgba(200, 206, 212, 0.18);\n    color: var(--vs-color-soft-white);\n  }\n\n  .vs-callout::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    opacity: 0.08;\n    pointer-events: none;\n    background:\n      linear-gradient(90deg, rgba(243, 245, 247, 0.14) 1px, transparent 1px),\n      linear-gradient(180deg, rgba(243, 245, 247, 0.10) 1px, transparent 1px);\n    background-size: 42px 42px;\n  }\n\n  .vs-callout h3,\n  .vs-callout p {\n    position: relative;\n    z-index: 2;\n  }\n\n  .vs-callout h3 {\n    margin: 0 0 8px;\n    color: var(--vs-color-soft-white);\n    font-family: Questrial, sans-serif;\n    font-size: 24px;\n    font-weight: 900;\n    line-height: 1;\n    letter-spacing: -0.035em;\n    text-transform: none;\n  }\n\n  .vs-callout p {\n    margin: 0;\n    color: rgba(243, 245, 247, 0.78);\n    font-family: Karla, sans-serif;\n    font-size: 14.5px;\n    font-weight: 600;\n    line-height: 1.5;\n  }\n\n  @media screen and (max-width: 749px) {\n    .vs-pdp-wrap {\n      padding: 24px 16px;\n      border-radius: 8px;\n    }\n\n    .vs-pdp-title {\n      font-size: 38px;\n      line-height: 1;\n    }\n\n    .vs-callout h3 {\n      font-size: 22px;\n    }\n\n    .vs-pdp-tech-label {\n      display: none;\n    }\n\n    .vs-pdp-tech-line-1 {\n      left: -70px;\n      top: 24px;\n      width: 180px;\n    }\n\n    .vs-pdp-tech-line-2 {\n      right: -78px;\n      top: 58px;\n      width: 170px;\n    }\n\n    .vs-pdp-tech-line-3 {\n      left: -80px;\n      bottom: 24px;\n      width: 190px;\n    }\n\n    .vs-pdp-tech-dots {\n      right: -58px;\n      top: 120px;\n      opacity: 0.24;\n    }\n\n    .vs-pdp-tech-bars {\n      right: 18px;\n      bottom: 24px;\n      opacity: 0.28;\n    }\n  }\n\n  @media screen and (max-width: 420px) {\n    .vs-pdp-wrap {\n      padding: 22px 14px;\n    }\n\n    .vs-pdp-title {\n      font-size: 35px;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"vs-pdp-wrap\"\u003e\n  \u003cdiv class=\"vs-pdp-tech-bg\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"vs-pdp-tech-ui\" aria-hidden=\"true\"\u003e\n    \u003cspan class=\"vs-pdp-tech-line vs-pdp-tech-line-1\"\u003e\u003c\/span\u003e\n    \u003cspan class=\"vs-pdp-tech-line vs-pdp-tech-line-2\"\u003e\u003c\/span\u003e\n    \u003cspan class=\"vs-pdp-tech-line vs-pdp-tech-line-3\"\u003e\u003c\/span\u003e\n    \u003cspan class=\"vs-pdp-tech-dots\"\u003e\u003c\/span\u003e\n    \u003cspan class=\"vs-pdp-tech-bars\"\u003e\u003c\/span\u003e\n    \u003cspan class=\"vs-pdp-tech-label\"\u003e72V BATTERY\u003cbr\u003eHEYBIKE FITMENT\u003cbr\u003eDROP ALERT\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"vs-pdp-content\"\u003e\n    \u003cp class=\"vs-pdp-eyebrow\"\u003eHeybike Battery Upgrade\u003c\/p\u003e\n\n    \u003ch2 class=\"vs-pdp-title\"\u003e\n      Heybike\u003cbr\u003e\n      \u003cspan class=\"vs-pdp-highlight\"\u003e72V Battery\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cdiv class=\"vs-callout\"\u003e\n      \u003ch3\u003eComing Soon\u003c\/h3\u003e\n      \u003cp\u003e\n        The 72V Heybike battery is not live yet. Tap \u003cstrong\u003eNotify Me When It Drops\u003c\/strong\u003e above, sign up with your email, and we will send you an alert when it is ready to order.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Vision Supply","offers":[{"title":"Default Title","offer_id":45888274038818,"sku":null,"price":595.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0870\/7879\/7346\/files\/vs-heybike.png?v=1783300973","url":"https:\/\/visionsupply.net\/products\/72v-heybike-plug-play-battery","provider":"Vision Supply","version":"1.0","type":"link"}