{"product_id":"surron-ultra-bee-hp-sw-24-5kw-powerful-dirt-ebike-74v-60ah","title":"Surron Ultra Bee HP SW - 24.5kW Powerful Dirt EBike 74V 60Ah","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eSurron Ultra Bee — VoroMotors\u003c\/title\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@300;400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Geist:wght@300;400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Geist+Mono:wght@300;400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n\u003cscript src=\"https:\/\/code.iconify.design\/iconify-icon\/1.0.7\/iconify-icon.min.js\"\u003e\u003c\/script\u003e\n\u003cscript\u003e\ntailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n 'space': ['\"Space Grotesk\"', 'sans-serif'],\n 'geist': ['\"Geist\"', 'sans-serif'],\n 'mono': ['\"Geist Mono\"', 'monospace'],\n },\n colors: {\n surface: '#030305',\n 'surface-1': '#050507',\n 'surface-2': '#0A0A0C',\n 'surface-3': '#0E0E12',\n 'surface-4': '#18181b',\n }\n }\n }\n}\n\u003c\/script\u003e\n\u003cstyle\u003e\n * { margin: 0; padding: 0; box-sizing: border-box; }\n body {\n background: #030305;\n color: #ffffff;\n font-family: 'Geist', sans-serif;\n -webkit-font-smoothing: antialiased;\n overflow-x: hidden;\n }\n\n \/* Scrollbar *\/\n ::-webkit-scrollbar { width: 6px; }\n ::-webkit-scrollbar-track { background: #030305; }\n ::-webkit-scrollbar-thumb { background: #333; border-radius: 3px; }\n ::-webkit-scrollbar-thumb:hover { background: #555; }\n\n \/* Animations *\/\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(24px); filter: blur(4px); }\n to { opacity: 1; transform: translateY(0); filter: blur(0px); }\n }\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n @keyframes pulse-glow {\n 0%, 100% { box-shadow: 0 0 20px rgba(168, 85, 247, 0.3), 0 0 60px rgba(168, 85, 247, 0.1); }\n 50% { box-shadow: 0 0 30px rgba(168, 85, 247, 0.5), 0 0 80px rgba(168, 85, 247, 0.2); }\n }\n @keyframes shimmer {\n 0% { background-position: -200% center; }\n 100% { background-position: 200% center; }\n }\n @keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-8px); }\n }\n @keyframes counter {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes border-spin {\n to { --gradient-angle: 360deg; }\n }\n @keyframes slideInLeft {\n from { opacity: 0; transform: translateX(-30px); }\n to { opacity: 1; transform: translateX(0); }\n }\n @keyframes scaleIn {\n from { opacity: 0; transform: scale(0.9); }\n to { opacity: 1; transform: scale(1); }\n }\n @keyframes marquee {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n .animate-fade-up { animation: fadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; opacity: 0; }\n .animate-fade-in { animation: fadeIn 0.6s ease forwards; opacity: 0; }\n .animate-slide-left { animation: slideInLeft 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; opacity: 0; }\n .animate-scale-in { animation: scaleIn 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; opacity: 0; }\n .delay-100 { animation-delay: 0.1s; }\n .delay-200 { animation-delay: 0.2s; }\n .delay-300 { animation-delay: 0.3s; }\n .delay-400 { animation-delay: 0.4s; }\n .delay-500 { animation-delay: 0.5s; }\n .delay-600 { animation-delay: 0.6s; }\n .delay-700 { animation-delay: 0.7s; }\n .delay-800 { animation-delay: 0.8s; }\n\n \/* Gradient text *\/\n .text-gradient {\n background: linear-gradient(to right, #c084fc, #60a5fa, #fff);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n .text-gradient-purple {\n background: linear-gradient(135deg, #a855f7, #6366f1);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n .text-gradient-warm {\n background: linear-gradient(to right, #f97316, #ef4444, #ec4899);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n \/* Shimmer badge *\/\n .shimmer-badge {\n background: linear-gradient(90deg, rgba(168,85,247,0.15) 0%, rgba(168,85,247,0.3) 50%, rgba(168,85,247,0.15) 100%);\n background-size: 200% auto;\n animation: shimmer 3s linear infinite;\n }\n\n \/* CTA Button *\/\n .btn-primary {\n position: relative;\n background: linear-gradient(135deg, #7c3aed, #2563eb);\n transition: all 0.3s ease;\n overflow: hidden;\n }\n .btn-primary::before {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, #8b5cf6, #3b82f6);\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n .btn-primary:hover::before { opacity: 1; }\n .btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 0 30px rgba(124, 58, 237, 0.5), 0 0 60px rgba(37, 99, 235, 0.2);\n }\n .btn-primary:active { transform: translateY(0); }\n .btn-primary span { position: relative; z-index: 1; }\n\n .btn-secondary {\n border: 1px solid rgba(255,255,255,0.1);\n background: rgba(255,255,255,0.03);\n transition: all 0.3s ease;\n }\n .btn-secondary:hover {\n border-color: rgba(168,85,247,0.4);\n background: rgba(168,85,247,0.08);\n transform: translateY(-2px);\n }\n\n \/* Image hover *\/\n .img-hover-wrapper { overflow: hidden; border-radius: 12px; }\n .img-hover-wrapper img {\n transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .img-hover-wrapper:hover img { transform: scale(1.05); }\n\n \/* Gallery thumbnail *\/\n .thumb {\n border: 2px solid transparent;\n transition: all 0.3s ease;\n cursor: pointer;\n border-radius: 8px;\n overflow: hidden;\n }\n .thumb.active, .thumb:hover {\n border-color: rgba(168, 85, 247, 0.6);\n box-shadow: 0 0 12px rgba(168, 85, 247, 0.2);\n }\n\n \/* Spec card *\/\n .spec-card {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.05);\n border-radius: 12px;\n padding: 24px;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n .spec-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 1px;\n background: linear-gradient(to right, transparent, rgba(168,85,247,0.4), transparent);\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n .spec-card:hover {\n border-color: rgba(168,85,247,0.3);\n background: rgba(168,85,247,0.03);\n transform: translateY(-4px);\n box-shadow: 0 8px 30px rgba(0,0,0,0.3);\n }\n .spec-card:hover::before { opacity: 1; }\n\n \/* Feature row *\/\n .feature-row {\n border-bottom: 1px solid rgba(255,255,255,0.04);\n transition: background 0.3s ease;\n }\n .feature-row:hover {\n background: rgba(168,85,247,0.03);\n }\n\n \/* Color selector *\/\n .color-option {\n width: 36px; height: 36px;\n border-radius: 50%;\n cursor: pointer;\n border: 2px solid transparent;\n transition: all 0.3s ease;\n position: relative;\n }\n .color-option.active {\n border-color: #a855f7;\n box-shadow: 0 0 12px rgba(168,85,247,0.4);\n }\n .color-option:hover { transform: scale(1.15); }\n\n \/* Comparison bar *\/\n .compare-bar {\n height: 6px;\n border-radius: 3px;\n background: rgba(255,255,255,0.06);\n overflow: hidden;\n }\n .compare-fill {\n height: 100%;\n border-radius: 3px;\n transition: width 1.5s cubic-bezier(0.16, 1, 0.3, 1);\n width: 0;\n }\n .compare-fill.animated { width: var(--target-width); }\n\n \/* Marquee *\/\n .marquee-track {\n display: flex;\n animation: marquee 30s linear infinite;\n width: max-content;\n }\n\n \/* Toast notification *\/\n .toast {\n position: fixed;\n bottom: 24px;\n right: 24px;\n background: #0E0E12;\n border: 1px solid rgba(168,85,247,0.3);\n border-radius: 12px;\n padding: 16px 24px;\n display: flex;\n align-items: center;\n gap: 12px;\n z-index: 9999;\n transform: translateY(100px);\n opacity: 0;\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n box-shadow: 0 8px 30px rgba(0,0,0,0.5);\n }\n .toast.show {\n transform: translateY(0);\n opacity: 1;\n }\n\n \/* Sticky add to cart bar *\/\n .sticky-bar {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(3, 3, 5, 0.9);\n backdrop-filter: blur(24px);\n border-top: 1px solid rgba(255,255,255,0.06);\n padding: 12px 24px;\n z-index: 100;\n transform: translateY(100%);\n transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .sticky-bar.visible { transform: translateY(0); }\n\n \/* Tabs *\/\n .tab-btn {\n padding: 12px 24px;\n font-size: 0.8rem;\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: #475569;\n border-bottom: 2px solid transparent;\n transition: all 0.3s ease;\n cursor: pointer;\n background: none;\n border-top: none;\n border-left: none;\n border-right: none;\n }\n .tab-btn.active {\n color: #ffffff;\n border-bottom-color: #a855f7;\n }\n .tab-btn:hover { color: #94a3b8; }\n\n .tab-content { display: none; }\n .tab-content.active { display: block; animation: fadeUp 0.5s ease forwards; }\n\n \/* Quantity selector *\/\n .qty-btn {\n width: 40px; height: 40px;\n display: flex; align-items: center; justify-content: center;\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.08);\n color: #fff;\n font-size: 18px;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n .qty-btn:hover {\n background: rgba(168,85,247,0.15);\n border-color: rgba(168,85,247,0.3);\n }\n\n \/* Review stars *\/\n .star-filled { color: #eab308; }\n .star-empty { color: #334155; }\n\n \/* Background grid *\/\n .bg-grid {\n background-image:\n linear-gradient(to right, rgba(255,255,255,0.02) 1px, transparent 1px),\n linear-gradient(to bottom, rgba(255,255,255,0.02) 1px, transparent 1px);\n background-size: 60px 60px;\n mask-image: radial-gradient(ellipse at center, black 30%, transparent 70%);\n -webkit-mask-image: radial-gradient(ellipse at center, black 30%, transparent 70%);\n }\n\n \/* Glow orb *\/\n .glow-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(80px);\n pointer-events: none;\n }\n\n \/* Video play button *\/\n .play-btn {\n width: 72px; height: 72px;\n border-radius: 50%;\n background: rgba(168,85,247,0.2);\n border: 2px solid rgba(168,85,247,0.5);\n display: flex; align-items: center; justify-content: center;\n cursor: pointer;\n transition: all 0.3s ease;\n backdrop-filter: blur(8px);\n }\n .play-btn:hover {\n background: rgba(168,85,247,0.4);\n transform: scale(1.1);\n box-shadow: 0 0 40px rgba(168,85,247,0.3);\n }\n\n \/* Accordion *\/\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .accordion-content.open { max-height: 500px; }\n .accordion-icon { transition: transform 0.3s ease; }\n .accordion-icon.rotated { transform: rotate(180deg); }\n\u003c\/style\u003e\n\n\n\n\u003c!-- Background Effects --\u003e\n\u003cdiv class=\"fixed inset-0 bg-grid pointer-events-none\" style=\"z-index:0;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"glow-orb\" style=\"width:600px;height:600px;background:rgba(168,85,247,0.04);top:-200px;right:-200px;position:fixed;z-index:0;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"glow-orb\" style=\"width:400px;height:400px;background:rgba(37,99,235,0.03);bottom:-100px;left:-100px;position:fixed;z-index:0;\"\u003e\u003c\/div\u003e\n\n\u003c!-- Announcement Bar --\u003e\n\u003cdiv class=\"relative z-10 border-b border-white\/5\" style=\"background: rgba(168,85,247,0.06);\"\u003e\n \u003cdiv class=\"overflow-hidden py-2.5\"\u003e\n \u003cdiv class=\"marquee-track\"\u003e\n \u003cspan class=\"flex items-center gap-8 px-4 text-xs font-medium tracking-widest uppercase text-purple-300\/70 whitespace-nowrap\"\u003e\n \u003cspan\u003e🔥 Limited Stock — Order Now for Q1 Delivery\u003c\/span\u003e\n \u003cspan class=\"text-purple-500\"\u003e•\u003c\/span\u003e\n \u003cspan\u003e⚡ Free Shipping on All Surron Bikes\u003c\/span\u003e\n \u003cspan class=\"text-purple-500\"\u003e•\u003c\/span\u003e\n \u003cspan\u003e🛡️ 2-Year Warranty Included\u003c\/span\u003e\n \u003cspan class=\"text-purple-500\"\u003e•\u003c\/span\u003e\n \u003cspan\u003e💰 Financing Available — As Low As $149\/mo\u003c\/span\u003e\n \u003cspan class=\"text-purple-500\"\u003e•\u003c\/span\u003e\n \u003cspan\u003e🚚 Ships in 3-5 Business Days\u003c\/span\u003e\n \u003cspan class=\"text-purple-500\"\u003e•\u003c\/span\u003e\n \u003cspan\u003e🔥 Limited Stock — Order Now for Q1 Delivery\u003c\/span\u003e\n \u003cspan class=\"text-purple-500\"\u003e•\u003c\/span\u003e\n \u003cspan\u003e⚡ Free Shipping on All Surron Bikes\u003c\/span\u003e\n \u003cspan class=\"text-purple-500\"\u003e•\u003c\/span\u003e\n \u003cspan\u003e🛡️ 2-Year Warranty Included\u003c\/span\u003e\n \u003cspan class=\"text-purple-500\"\u003e•\u003c\/span\u003e\n \u003cspan\u003e💰 Financing Available — As Low As $149\/mo\u003c\/span\u003e\n \u003cspan class=\"text-purple-500\"\u003e•\u003c\/span\u003e\n \u003cspan\u003e🚚 Ships in 3-5 Business Days\u003c\/span\u003e\n \u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Main Product Section --\u003e\n\u003cmain class=\"relative z-10\"\u003e\n \u003cdiv class=\"max-w-7xl mx-auto px-5 pt-8 pb-24\"\u003e\n\n \u003c!-- Breadcrumb --\u003e\n \u003cnav class=\"animate-fade-up flex items-center gap-2 text-xs text-slate-500 mb-8 font-geist\"\u003e\n \u003ca href=\"#\" class=\"hover:text-white transition-colors\"\u003eHome\u003c\/a\u003e\n \u003ciconify-icon icon=\"lucide:chevron-right\" width=\"12\"\u003e\u003c\/iconify-icon\u003e\n \u003ca href=\"#\" class=\"hover:text-white transition-colors\"\u003eElectric Bikes\u003c\/a\u003e\n \u003ciconify-icon icon=\"lucide:chevron-right\" width=\"12\"\u003e\u003c\/iconify-icon\u003e\n \u003ca href=\"#\" class=\"hover:text-white transition-colors\"\u003eSurron\u003c\/a\u003e\n \u003ciconify-icon icon=\"lucide:chevron-right\" width=\"12\"\u003e\u003c\/iconify-icon\u003e\n \u003cspan class=\"text-slate-300\"\u003eUltra Bee\u003c\/span\u003e\n \u003c\/nav\u003e\n\n \u003c!-- Product Grid --\u003e\n \u003cdiv class=\"grid lg:grid-cols-2 gap-10 lg:gap-16\"\u003e\n\n \u003c!-- Left: Gallery --\u003e\n \u003cdiv class=\"animate-fade-up delay-100\"\u003e\n \u003c!-- Main Image --\u003e\n \u003cdiv class=\"relative mb-4 rounded-2xl overflow-hidden bg-surface-2 border border-white\/5\" id=\"mainImageWrap\"\u003e\n \u003cimg id=\"mainImage\" src=\"https:\/\/picsum.photos\/seed\/surron-ultra-bee-main\/800\/800.jpg\" alt=\"Surron Ultra Bee — Midnight Black\" class=\"w-full aspect-square object-cover\"\u003e\n \u003c!-- Badges --\u003e\n \u003cdiv class=\"absolute top-4 left-4 flex flex-col gap-2\"\u003e\n \u003cspan class=\"shimmer-badge text-purple-300 text-[10px] font-semibold tracking-widest uppercase px-3 py-1.5 rounded-full border border-purple-500\/20\"\u003e\n Best Seller\n \u003c\/span\u003e\n \u003cspan class=\"bg-red-500\/90 text-white text-[10px] font-semibold tracking-widest uppercase px-3 py-1.5 rounded-full\"\u003e\n Save $400\n \u003c\/span\u003e\n \u003c\/div\u003e\n \u003c!-- Zoom hint --\u003e\n \u003cdiv class=\"absolute bottom-4 right-4 bg-black\/50 backdrop-blur-sm rounded-full p-2 border border-white\/10 opacity-0 hover:opacity-100 transition-opacity cursor-pointer\"\u003e\n \u003ciconify-icon icon=\"lucide:zoom-in\" width=\"18\" class=\"text-white\/70\"\u003e\u003c\/iconify-icon\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Thumbnails --\u003e\n \u003cdiv class=\"grid grid-cols-5 gap-2\"\u003e\n \u003cdiv class=\"thumb active\" onclick=\"switchImage(this, 'surron-ultra-bee-main')\"\u003e\n \u003cimg src=\"https:\/\/picsum.photos\/seed\/surron-ultra-bee-main\/200\/200.jpg\" alt=\"View 1\" class=\"w-full aspect-square object-cover\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"thumb\" onclick=\"switchImage(this, 'surron-ultra-bee-side')\"\u003e\n \u003cimg src=\"https:\/\/picsum.photos\/seed\/surron-ultra-bee-side\/200\/200.jpg\" alt=\"View 2\" class=\"w-full aspect-square object-cover\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"thumb\" onclick=\"switchImage(this, 'surron-ultra-bee-detail')\"\u003e\n \u003cimg src=\"https:\/\/picsum.photos\/seed\/surron-ultra-bee-detail\/200\/200.jpg\" alt=\"View 3\" class=\"w-full aspect-square object-cover\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"thumb\" onclick=\"switchImage(this, 'surron-ultra-bee-rear')\"\u003e\n \u003cimg src=\"https:\/\/picsum.photos\/seed\/surron-ultra-bee-rear\/200\/200.jpg\" alt=\"View 4\" class=\"w-full aspect-square object-cover\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"thumb relative\" onclick=\"switchImage(this, 'surron-ultra-bee-top')\"\u003e\n \u003cimg src=\"https:\/\/picsum.photos\/seed\/surron-ultra-bee-top\/200\/200.jpg\" alt=\"View 5\" class=\"w-full aspect-square object-cover\"\u003e\n \u003cdiv class=\"absolute inset-0 bg-black\/40 flex items-center justify-center\"\u003e\n \u003ciconify-icon icon=\"lucide:play\" width=\"20\" class=\"text-white\"\u003e\u003c\/iconify-icon\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Right: Product Info --\u003e\n \u003cdiv class=\"flex flex-col\"\u003e\n \u003c!-- Brand + Title --\u003e\n \u003cdiv class=\"animate-fade-up delay-200\"\u003e\n \u003cdiv class=\"flex items-center gap-3 mb-3\"\u003e\n \u003cspan class=\"text-[10px] font-semibold tracking-[0.2em] uppercase text-purple-400 bg-purple-500\/10 px-3 py-1 rounded-full border border-purple-500\/15\"\u003eSurron\u003c\/span\u003e\n \u003cspan class=\"text-[10px] font-medium tracking-widest uppercase text-slate-500\"\u003e2024 Model\u003c\/span\u003e\n \u003c\/div\u003e\n \u003ch1 class=\"font-space text-3xl md:text-4xl lg:text-5xl font-600 tracking-tight leading-[1.05] mb-3\"\u003e\n Ultra Bee\n \u003cspan class=\"text-gradient-purple block text-2xl md:text-3xl lg:text-4xl font-300 mt-1\"\u003eLight Bee X — Upgraded\u003c\/span\u003e\n \u003c\/h1\u003e\n \u003c\/div\u003e\n\n \u003c!-- Rating --\u003e\n \u003cdiv class=\"animate-fade-up delay-300 flex items-center gap-3 mb-6\"\u003e\n \u003cdiv class=\"flex items-center gap-0.5\"\u003e\n \u003ciconify-icon icon=\"lucide:star\" width=\"14\" class=\"star-filled\"\u003e\u003c\/iconify-icon\u003e\n \u003ciconify-icon icon=\"lucide:star\" width=\"14\" class=\"star-filled\"\u003e\u003c\/iconify-icon\u003e\n \u003ciconify-icon icon=\"lucide:star\" width=\"14\" class=\"star-filled\"\u003e\u003c\/iconify-icon\u003e\n \u003ciconify-icon icon=\"lucide:star\" width=\"14\" class=\"star-filled\"\u003e\u003c\/iconify-icon\u003e\n \u003ciconify-icon icon=\"lucide:star\" width=\"14\" class=\"star-filled\" style=\"clip-path: inset(0 20% 0 0);\"\u003e\u003c\/iconify-icon\u003e\n \u003c\/div\u003e\n \u003cspan class=\"text-sm text-slate-300 font-medium\"\u003e4.8\u003c\/span\u003e\n \u003ca href=\"#reviews\" class=\"text-xs text-slate-500 hover:text-purple-400 transition-colors underline underline-offset-2\"\u003e(127 Reviews)\u003c\/a\u003e\n \u003cspan class=\"text-slate-600\"\u003e•\u003c\/span\u003e\n \u003cspan class=\"text-xs text-emerald-400 font-medium flex items-center gap-1\"\u003e\n \u003cspan class=\"w-1.5 h-1.5 bg-emerald-400 rounded-full animate-pulse\"\u003e\u003c\/span\u003e\n In Stock\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c!-- Price --\u003e\n \u003cdiv class=\"animate-fade-up delay-300 flex items-end gap-4 mb-8\"\u003e\n \u003cspan class=\"font-space text-4xl md:text-5xl font-300 tracking-tighter text-white\"\u003e$3,599\u003c\/span\u003e\n \u003cspan class=\"text-lg text-slate-500 line-through font-geist mb-1\"\u003e$3,999\u003c\/span\u003e\n \u003cspan class=\"text-sm font-semibold text-red-400 bg-red-500\/10 px-2.5 py-1 rounded-lg mb-1\"\u003e-10%\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c!-- Short Description --\u003e\n \u003cdiv class=\"animate-fade-up delay-400 mb-8\"\u003e\n \u003cp class=\"text-slate-400 text-sm leading-relaxed font-geist\"\u003e\n The \u003cstrong class=\"text-slate-200\"\u003eSurron Ultra Bee\u003c\/strong\u003e redefines what a lightweight electric off-road bike can do. With a 12.5 kW peak motor, 75 mph top speed, and 60+ mile range — this is the ultimate trail weapon. Fully street-legal in most states.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Color Selector --\u003e\n \u003cdiv class=\"animate-fade-up delay-400 mb-6\"\u003e\n \u003cdiv class=\"flex items-center gap-3 mb-3\"\u003e\n \u003cspan class=\"text-xs font-medium text-slate-400 uppercase tracking-widest\"\u003eColor:\u003c\/span\u003e\n \u003cspan class=\"text-xs text-slate-200 font-medium\" id=\"colorName\"\u003eMidnight Black\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flex items-center gap-3\"\u003e\n \u003cdiv class=\"color-option active\" style=\"background: linear-gradient(135deg, #1a1a2e, #16213e);\" onclick=\"selectColor(this, 'Midnight Black')\" title=\"Midnight Black\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"color-option\" style=\"background: linear-gradient(135deg, #e2e8f0, #94a3b8);\" onclick=\"selectColor(this, 'Arctic White')\" title=\"Arctic White\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"color-option\" style=\"background: linear-gradient(135deg, #16a34a, #15803d);\" onclick=\"selectColor(this, 'Forest Green')\" title=\"Forest Green\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"color-option\" style=\"background: linear-gradient(135deg, #dc2626, #991b1b);\" onclick=\"selectColor(this, 'Racing Red')\" title=\"Racing Red\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Quantity + Add to Cart --\u003e\n \u003cdiv class=\"animate-fade-up delay-500 flex items-center gap-3 mb-4\"\u003e\n \u003cdiv class=\"flex items-center border border-white\/8 rounded-lg overflow-hidden\"\u003e\n \u003cbutton class=\"qty-btn rounded-none border-0 border-r border-white\/8\" onclick=\"changeQty(-1)\"\u003e−\u003c\/button\u003e\n \u003cspan id=\"qty\" class=\"w-12 text-center text-sm font-medium font-geist\"\u003e1\u003c\/span\u003e\n \u003cbutton class=\"qty-btn rounded-none border-0 border-l border-white\/8\" onclick=\"changeQty(1)\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cbutton class=\"btn-primary flex-1 h-[52px] rounded-lg text-sm font-semibold tracking-wide uppercase flex items-center justify-center gap-2\" onclick=\"addToCart()\"\u003e\n \u003cspan class=\"flex items-center gap-2\"\u003e\n \u003ciconify-icon icon=\"lucide:shopping-bag\" width=\"18\"\u003e\u003c\/iconify-icon\u003e\n Add to Cart — $3,599\n \u003c\/span\u003e\n \u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003c!-- Buy Now --\u003e\n \u003cdiv class=\"animate-fade-up delay-500 mb-6\"\u003e\n \u003cbutton class=\"btn-secondary w-full h-[48px] rounded-lg text-sm font-medium tracking-wide uppercase flex items-center justify-center gap-2 text-white\"\u003e\n \u003ciconify-icon icon=\"lucide:zap\" width=\"16\" class=\"text-purple-400\"\u003e\u003c\/iconify-icon\u003e\n Buy Now — Express Checkout\n \u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003c!-- Trust Badges --\u003e\n \u003cdiv class=\"animate-fade-up delay-600 grid grid-cols-3 gap-3 mb-8\"\u003e\n \u003cdiv class=\"flex flex-col items-center text-center p-3 rounded-lg bg-white\/[0.02] border border-white\/5\"\u003e\n \u003ciconify-icon icon=\"lucide:truck\" width=\"20\" class=\"text-purple-400 mb-1.5\"\u003e\u003c\/iconify-icon\u003e\n \u003cspan class=\"text-[10px] text-slate-400 leading-tight\"\u003eFree\u003cbr\u003eShipping\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flex flex-col items-center text-center p-3 rounded-lg bg-white\/[0.02] border border-white\/5\"\u003e\n \u003ciconify-icon icon=\"lucide:shield-check\" width=\"20\" class=\"text-purple-400 mb-1.5\"\u003e\u003c\/iconify-icon\u003e\n \u003cspan class=\"text-[10px] text-slate-400 leading-tight\"\u003e2-Year\u003cbr\u003eWarranty\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flex flex-col items-center text-center p-3 rounded-lg bg-white\/[0.02] border border-white\/5\"\u003e\n \u003ciconify-icon icon=\"lucide:rotate-ccw\" width=\"20\" class=\"text-purple-400 mb-1.5\"\u003e\u003c\/iconify-icon\u003e\n \u003cspan class=\"text-[10px] text-slate-400 leading-tight\"\u003e30-Day\u003cbr\u003eReturns\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Quick Specs --\u003e\n \u003cdiv class=\"animate-fade-up delay-600 border-t border-white\/5 pt-6\"\u003e\n \u003cdiv class=\"grid grid-cols-2 gap-x-6 gap-y-4\"\u003e\n \u003cdiv class=\"flex items-center gap-3\"\u003e\n \u003cdiv class=\"w-8 h-8 rounded-lg bg-purple-500\/10 border border-purple-500\/15 flex items-center justify-center flex-shrink-0\"\u003e\n \u003ciconify-icon icon=\"lucide:zap\" width=\"14\" class=\"text-purple-400\"\u003e\u003c\/iconify-icon\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"text-[10px] text-slate-500 uppercase tracking-widest\"\u003ePower\u003c\/div\u003e\n \u003cdiv class=\"text-sm font-medium text-white font-space\"\u003e12.5 kW\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flex items-center gap-3\"\u003e\n \u003cdiv class=\"w-8 h-8 rounded-lg bg-blue-500\/10 border border-blue-500\/15 flex items-center justify-center flex-shrink-0\"\u003e\n \u003ciconify-icon icon=\"lucide:gauge\" width=\"14\" class=\"text-blue-400\"\u003e\u003c\/iconify-icon\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"text-[10px] text-slate-500 uppercase tracking-widest\"\u003eTop Speed\u003c\/div\u003e\n \u003cdiv class=\"text-sm font-medium text-white font-space\"\u003e75 mph\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flex items-center gap-3\"\u003e\n \u003cdiv class=\"w-8 h-8 rounded-lg bg-emerald-500\/10 border border-emerald-500\/15 flex items-center justify-center flex-shrink-0\"\u003e\n \u003ciconify-icon icon=\"lucide:map-pin\" width=\"14\" class=\"text-emerald-400\"\u003e\u003c\/iconify-icon\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"text-[10px] text-slate-500 uppercase tracking-widest\"\u003eRange\u003c\/div\u003e\n \u003cdiv class=\"text-sm font-medium text-white font-space\"\u003e60+ mi\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flex items-center gap-3\"\u003e\n \u003cdiv class=\"w-8 h-8 rounded-lg bg-orange-500\/10 border border-orange-500\/15 flex items-center justify-center flex-shrink-0\"\u003e\n \u003ciconify-icon icon=\"lucide:weight\" width=\"14\" class=\"text-orange-400\"\u003e\u003c\/iconify-icon\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"text-[10px] text-slate-500 uppercase tracking-widest\"\u003eWeight\u003c\/div\u003e\n \u003cdiv class=\"text-sm font-medium text-white font-space\"\u003e132 lbs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Financing --\u003e\n \u003cdiv class=\"mt-6 p-4 rounded-xl bg-gradient-to-r from-purple-500\/5 to-blue-500\/5 border border-purple-500\/10\"\u003e\n \u003cdiv class=\"flex items-start gap-3\"\u003e\n \u003ciconify-icon icon=\"lucide:credit-card\" width=\"18\" class=\"text-purple-400 mt-0.5 flex-shrink-0\"\u003e\u003c\/iconify-icon\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"text-sm font-medium text-white mb-0.5\"\u003ePay as low as \u003cspan class=\"text-purple-400\"\u003e$149\/mo\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"text-xs text-slate-500\"\u003ewith Affirm — 0% APR for 12 months. \u003ca href=\"#\" class=\"text-purple-400 underline underline-offset-2 hover:text-purple-300\"\u003eLearn more\u003c\/a\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Hero Stats Banner --\u003e\n \u003csection class=\"mt-24 mb-24 animate-fade-up\"\u003e\n \u003cdiv class=\"relative rounded-2xl overflow-hidden border border-white\/5 bg-surface-2\"\u003e\n \u003cdiv class=\"absolute inset-0 bg-gradient-to-br from-purple-500\/5 via-transparent to-blue-500\/5\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"relative grid grid-cols-2 md:grid-cols-4 divide-x divide-white\/5\"\u003e\n \u003cdiv class=\"p-8 md:p-10 text-center\" data-counter=\"12.5\" data-suffix=\" kW\"\u003e\n \u003cdiv class=\"font-space text-3xl md:text-4xl font-300 tracking-tighter text-gradient-purple mb-2 counter-value\"\u003e0 kW\u003c\/div\u003e\n \u003cdiv class=\"text-[10px] text-slate-500 uppercase tracking-[0.15em]\"\u003ePeak Power\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"p-8 md:p-10 text-center\" data-counter=\"75\" data-suffix=\" mph\"\u003e\n \u003cdiv class=\"font-space text-3xl md:text-4xl font-300 tracking-tighter text-gradient mb-2 counter-value\"\u003e0 mph\u003c\/div\u003e\n \u003cdiv class=\"text-[10px] text-slate-500 uppercase tracking-[0.15em]\"\u003eTop Speed\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"p-8 md:p-10 text-center\" data-counter=\"60\" data-suffix=\"+ mi\"\u003e\n \u003cdiv class=\"font-space text-3xl md:text-4xl font-300 tracking-tighter text-gradient mb-2 counter-value\"\u003e0+ mi\u003c\/div\u003e\n \u003cdiv class=\"text-[10px] text-slate-500 uppercase tracking-[0.15em]\"\u003eRange\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"p-8 md:p-10 text-center\" data-counter=\"2.5\" data-suffix=\" hr\"\u003e\n \u003cdiv class=\"font-space text-3xl md:text-4xl font-300 tracking-tighter text-gradient mb-2 counter-value\"\u003e0 hr\u003c\/div\u003e\n \u003cdiv class=\"text-[10px] text-slate-500 uppercase tracking-[0.15em]\"\u003eCharge Time\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- What Makes It Different --\u003e\n \u003csection class=\"mb-24\"\u003e\n \u003cdiv class=\"text-center mb-14 scroll-animate\"\u003e\n \u003cspan class=\"inline-block text-[10px] font-semibold tracking-[0.2em] uppercase text-purple-400 bg-purple-500\/10 px-4 py-1.5 rounded-full border border-purple-500\/15 mb-5\"\u003eWhy Ultra Bee\u003c\/span\u003e\n \u003ch2 class=\"font-space text-3xl md:text-4xl font-500 tracking-tight mb-4\"\u003e\n Not Just an Upgrade.\u003cbr\u003e\u003cspan class=\"text-gradient\"\u003eA Complete Reimagination.\u003c\/span\u003e\n \u003c\/h2\u003e\n \u003cp class=\"text-slate-500 text-sm max-w-xl mx-auto leading-relaxed\"\u003eEverything about the Ultra Bee has been engineered from the ground up — new frame, new motor, new battery, new everything.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"grid md:grid-cols-3 gap-5\"\u003e\n \u003c!-- Card 1 --\u003e\n \u003cdiv class=\"spec-card scroll-animate\"\u003e\n \u003cdiv class=\"w-12 h-12 rounded-xl bg-gradient-to-br from-purple-500\/15 to-purple-500\/5 border border-purple-500\/15 flex items-center justify-center mb-5\"\u003e\n \u003ciconify-icon icon=\"lucide:cpu\" width=\"22\" class=\"text-purple-400\"\u003e\u003c\/iconify-icon\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"font-space text-lg font-500 tracking-tight mb-2\"\u003eNew 12.5 kW Motor\u003c\/h3\u003e\n \u003cp class=\"text-slate-500 text-sm leading-relaxed\"\u003eA completely redesigned axial flux motor delivers 23% more power than the Light Bee, with improved thermal management for sustained performance on long rides.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c!-- Card 2 --\u003e\n \u003cdiv class=\"spec-card scroll-animate\"\u003e\n \u003cdiv class=\"w-12 h-12 rounded-xl bg-gradient-to-br from-blue-500\/15 to-blue-500\/5 border border-blue-500\/15 flex items-center justify-center mb-5\"\u003e\n \u003ciconify-icon icon=\"lucide:battery-charging\" width=\"22\" class=\"text-blue-400\"\u003e\u003c\/iconify-icon\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"font-space text-lg font-500 tracking-tight mb-2\"\u003e74V 55Ah Battery Pack\u003c\/h3\u003e\n \u003cp class=\"text-slate-500 text-sm leading-relaxed\"\u003eThe massive 4.07 kWh pack uses Samsung cells with active liquid cooling. Fast charge from 0-80% in just 1.5 hours with the optional supercharger.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c!-- Card 3 --\u003e\n \u003cdiv class=\"spec-card scroll-animate\"\u003e\n \u003cdiv class=\"w-12 h-12 rounded-xl bg-gradient-to-br from-emerald-500\/15 to-emerald-500\/5 border border-emerald-500\/15 flex items-center justify-center mb-5\"\u003e\n \u003ciconify-icon icon=\"lucide:frame\" width=\"22\" class=\"text-emerald-400\"\u003e\u003c\/iconify-icon\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"font-space text-lg font-500 tracking-tight mb-2\"\u003eForged Aluminum Frame\u003c\/h3\u003e\n \u003cp class=\"text-slate-500 text-sm leading-relaxed\"\u003eA new forged + welded hybrid frame cuts weight by 8% while increasing torsional rigidity. The result? A bike that carves corners with surgical precision.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c!-- Card 4 --\u003e\n \u003cdiv class=\"spec-card scroll-animate\"\u003e\n \u003cdiv class=\"w-12 h-12 rounded-xl bg-gradient-to-br from-orange-500\/15 to-orange-500\/5 border border-orange-500\/15 flex items-center justify-center mb-5\"\u003e\n \u003ciconify-icon icon=\"lucide:settings-2\" width=\"22\" class=\"text-orange-400\"\u003e\u003c\/iconify-icon\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"font-space text-lg font-500 tracking-tight mb-2\"\u003e9-Speed Gearbox\u003c\/h3\u003e\n \u003cp class=\"text-slate-500 text-sm leading-relaxed\"\u003eYes, a real 9-speed sequential gearbox. Get the perfect gear ratio for every terrain — from low-speed technical trails to high-speed fire roads.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c!-- Card 5 --\u003e\n \u003cdiv class=\"spec-card scroll-animate\"\u003e\n \u003cdiv class=\"w-12 h-12 rounded-xl bg-gradient-to-br from-red-500\/15 to-red-500\/5 border border-red-500\/15 flex items-center justify-center mb-5\"\u003e\n \u003ciconify-icon icon=\"lucide:disc\" width=\"22\" class=\"text-red-400\"\u003e\u003c\/iconify-icon\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"font-space text-lg font-500 tracking-tight mb-2\"\u003eDual 240mm Discs\u003c\/h3\u003e\n \u003cp class=\"text-slate-500 text-sm leading-relaxed\"\u003eJ.Juan calipers with 240mm floating rotors front and rear. Combined with regenerative braking, you have total control in any condition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c!-- Card 6 --\u003e\n \u003cdiv class=\"spec-card scroll-animate\"\u003e\n \u003cdiv class=\"w-12 h-12 rounded-xl bg-gradient-to-br from-cyan-500\/15 to-cyan-500\/5 border border-cyan-500\/15 flex items-center justify-center mb-5\"\u003e\n \u003ciconify-icon icon=\"lucide:smartphone\" width=\"22\" class=\"text-cyan-400\"\u003e\u003c\/iconify-icon\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"font-space text-lg font-500 tracking-tight mb-2\"\u003eApp Connected\u003c\/h3\u003e\n \u003cp class=\"text-slate-500 text-sm leading-relaxed\"\u003eFull Bluetooth connectivity via the Surron App. Customize power modes, adjust regen braking strength, track rides, and run diagnostics — all from your phone.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Video \/ Lifestyle Section --\u003e\n \u003csection class=\"mb-24 scroll-animate\"\u003e\n \u003cdiv class=\"relative rounded-2xl overflow-hidden border border-white\/5 img-hover-wrapper\" style=\"aspect-ratio: 21\/9;\"\u003e\n \u003cimg src=\"https:\/\/picsum.photos\/seed\/surron-ultra-bee-trail\/1400\/600.jpg\" alt=\"Ultra Bee on trail\" class=\"w-full h-full object-cover\"\u003e\n \u003cdiv class=\"absolute inset-0 bg-gradient-to-r from-black\/70 via-black\/30 to-transparent\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"absolute inset-0 flex items-center\"\u003e\n \u003cdiv class=\"px-8 md:px-14 max-w-lg\"\u003e\n \u003cspan class=\"inline-block text-[10px] font-semibold tracking-[0.2em] uppercase text-purple-300 bg-purple-500\/15 backdrop-blur-sm px-3 py-1 rounded-full border border-purple-500\/20 mb-4\"\u003eSee It In Action\u003c\/span\u003e\n \u003ch2 class=\"font-space text-2xl md:text-3xl font-500 tracking-tight mb-3 leading-tight\"\u003eBuilt for the Trails That Scare You\u003c\/h2\u003e\n \u003cp class=\"text-slate-400 text-sm leading-relaxed mb-6\"\u003eWatch the Ultra Bee tackle terrain that would stop any other lightweight ebike dead in its tracks.\u003c\/p\u003e\n \u003cdiv class=\"flex items-center gap-4\"\u003e\n \u003cdiv class=\"play-btn\"\u003e\n \u003ciconify-icon icon=\"lucide:play\" width=\"28\" class=\"text-white ml-1\"\u003e\u003c\/iconify-icon\u003e\n \u003c\/div\u003e\n \u003cspan class=\"text-xs text-slate-500 uppercase tracking-widest\"\u003e2:34 min\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Comparison Section --\u003e\n \u003csection class=\"mb-24 scroll-animate\"\u003e\n \u003cdiv class=\"text-center mb-14\"\u003e\n \u003cspan class=\"inline-block text-[10px] font-semibold tracking-[0.2em] uppercase text-blue-400 bg-blue-500\/10 px-4 py-1.5 rounded-full border border-blue-500\/15 mb-5\"\u003eComparison\u003c\/span\u003e\n \u003ch2 class=\"font-space text-3xl md:text-4xl font-500 tracking-tight mb-4\"\u003e\n Ultra Bee vs. \u003cspan class=\"text-slate-500\"\u003eLight Bee S\u003c\/span\u003e\n \u003c\/h2\u003e\n \u003cp class=\"text-slate-500 text-sm max-w-xl mx-auto\"\u003eSee exactly how much more you get with the Ultra Bee.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"max-w-2xl mx-auto space-y-6\"\u003e\n \u003c!-- Compare Row --\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"flex justify-between text-sm mb-2\"\u003e\n \u003cspan class=\"text-slate-400\"\u003ePeak Power\u003c\/span\u003e\n \u003cspan class=\"text-white font-medium font-space\"\u003e12.5 kW vs 6 kW\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flex gap-2\"\u003e\n \u003cdiv class=\"compare-bar flex-1\"\u003e\u003cdiv class=\"compare-fill bg-gradient-to-r from-purple-500 to-purple-400\" style=\"--target-width: 100%;\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n \u003cdiv class=\"compare-bar flex-1\"\u003e\u003cdiv class=\"compare-fill bg-slate-600\" style=\"--target-width: 48%;\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flex justify-between text-[10px] text-slate-600 mt-1\"\u003e\n \u003cspan\u003eUltra Bee\u003c\/span\u003e\n \u003cspan\u003eLight Bee S\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c!-- Compare Row --\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"flex justify-between text-sm mb-2\"\u003e\n \u003cspan class=\"text-slate-400\"\u003eTop Speed\u003c\/span\u003e\n \u003cspan class=\"text-white font-medium font-space\"\u003e75 mph vs 47 mph\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flex gap-2\"\u003e\n \u003cdiv class=\"compare-bar flex-1\"\u003e\u003cdiv class=\"compare-fill bg-gradient-to-r from-blue-500 to-blue-400\" style=\"--target-width: 100%;\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n \u003cdiv class=\"compare-bar flex-1\"\u003e\u003cdiv class=\"compare-fill bg-slate-600\" style=\"--target-width: 63%;\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flex justify-between text-[10px] text-slate-600 mt-1\"\u003e\n \u003cspan\u003eUltra Bee\u003c\/span\u003e\n \u003cspan\u003eLight Bee S\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c!-- Compare Row --\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"flex justify-between text-sm mb-2\"\u003e\n \u003cspan class=\"text-slate-400\"\u003eBattery Capacity\u003c\/span\u003e\n \u003cspan class=\"text-white font-medium font-space\"\u003e4.07 kWh vs 2.0 kWh\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flex gap-2\"\u003e\n \u003cdiv class=\"compare-bar flex-1\"\u003e\u003cdiv class=\"compare-fill bg-gradient-to-r from-emerald-500 to-emerald-400\" style=\"--target-width: 100%;\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n \u003cdiv class=\"compare-bar flex-1\"\u003e\u003cdiv class=\"compare-fill bg-slate-600\" style=\"--target-width: 49%;\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flex justify-between text-[10px] text-slate-600 mt-1\"\u003e\n \u003cspan\u003eUltra Bee\u003c\/span\u003e\n \u003cspan\u003eLight Bee S\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c!-- Compare Row --\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"flex justify-between text-sm mb-2\"\u003e\n \u003cspan class=\"text-slate-400\"\u003eRange\u003c\/span\u003e\n \u003cspan class=\"text-white font-medium font-space\"\u003e60+ mi vs 40 mi\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flex gap-2\"\u003e\n \u003cdiv class=\"compare-bar flex-1\"\u003e\u003cdiv class=\"compare-fill bg-gradient-to-r from-orange-500 to-orange-400\" style=\"--target-width: 100%;\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n \u003cdiv class=\"compare-bar flex-1\"\u003e\u003cdiv class=\"compare-fill bg-slate-600\" style=\"--target-width: 67%;\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flex justify-between text-[10px] text-slate-600 mt-1\"\u003e\n \u003cspan\u003eUltra Bee\u003c\/span\u003e\n \u003cspan\u003eLight Bee S\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Tabs Section --\u003e\n \u003csection class=\"mb-24 scroll-animate\"\u003e\n \u003cdiv class=\"border-b border-white\/5 mb-8 flex overflow-x-auto\"\u003e\n \u003cbutton class=\"tab-btn active\" onclick=\"switchTab('specs', this)\"\u003eSpecifications\u003c\/button\u003e\n \u003cbutton class=\"tab-btn\" onclick=\"switchTab('features', this)\"\u003eFeatures\u003c\/button\u003e\n \u003cbutton class=\"tab-btn\" onclick=\"switchTab('shipping', this)\"\u003eShipping \u0026amp; Returns\u003c\/button\u003e\n \u003cbutton class=\"tab-btn\" onclick=\"switchTab('warranty', this)\"\u003eWarranty\u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003c!-- Specs Tab --\u003e\n \u003cdiv id=\"tab-specs\" class=\"tab-content active\"\u003e\n \u003cdiv class=\"grid md:grid-cols-2 gap-x-12 gap-y-0\"\u003e\n \u003cdiv class=\"feature-row flex justify-between py-4 px-4 rounded-lg\"\u003e\n \u003cspan class=\"text-sm text-slate-500\"\u003eMotor Type\u003c\/span\u003e\n \u003cspan class=\"text-sm text-white font-medium\"\u003eAxial Flux PM\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-row flex justify-between py-4 px-4 rounded-lg\"\u003e\n \u003cspan class=\"text-sm text-slate-500\"\u003ePeak Power\u003c\/span\u003e\n \u003cspan class=\"text-sm text-white font-medium\"\u003e12.5 kW (16.7 hp)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-row flex justify-between py-4 px-4 rounded-lg\"\u003e\n \u003cspan class=\"text-sm text-slate-500\"\u003eRated Power\u003c\/span\u003e\n \u003cspan class=\"text-sm text-white font-medium\"\u003e6 kW (8 hp)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-row flex justify-between py-4 px-4 rounded-lg\"\u003e\n \u003cspan class=\"text-sm text-slate-500\"\u003eMax Torque\u003c\/span\u003e\n \u003cspan class=\"text-sm text-white font-medium\"\u003e440 Nm (at wheel)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-row flex justify-between py-4 px-4 rounded-lg\"\u003e\n \u003cspan class=\"text-sm text-slate-500\"\u003eTop Speed\u003c\/span\u003e\n \u003cspan class=\"text-sm text-white font-medium\"\u003e75 mph (120 km\/h)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-row flex justify-between py-4 px-4 rounded-lg\"\u003e\n \u003cspan class=\"text-sm text-slate-500\"\u003eBattery\u003c\/span\u003e\n \u003cspan class=\"text-sm text-white font-medium\"\u003e74V 55Ah (4.07 kWh)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-row flex justify-between py-4 px-4 rounded-lg\"\u003e\n \u003cspan class=\"text-sm text-slate-500\"\u003eRange\u003c\/span\u003e\n \u003cspan class=\"text-sm text-white font-medium\"\u003e60+ miles (Eco mode)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-row flex justify-between py-4 px-4 rounded-lg\"\u003e\n \u003cspan class=\"text-sm text-slate-500\"\u003eCharge Time\u003c\/span\u003e\n \u003cspan class=\"text-sm text-white font-medium\"\u003e2.5 hrs (Standard) \/ 1.5 hrs (Fast)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-row flex justify-between py-4 px-4 rounded-lg\"\u003e\n \u003cspan class=\"text-sm text-slate-500\"\u003eTransmission\u003c\/span\u003e\n \u003cspan class=\"text-sm text-white font-medium\"\u003e9-speed sequential gearbox\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-row flex justify-between py-4 px-4 rounded-lg\"\u003e\n \u003cspan class=\"text-sm text-slate-500\"\u003eFront Suspension\u003c\/span\u003e\n \u003cspan class=\"text-sm text-white font-medium\"\u003eFast Ace 888, 280mm travel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-row flex justify-between py-4 px-4 rounded-lg\"\u003e\n \u003cspan class=\"text-sm text-slate-500\"\u003eRear Suspension\u003c\/span\u003e\n \u003cspan class=\"text-sm text-white font-medium\"\u003eFast Ace DLO-08, 310mm travel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-row flex justify-between py-4 px-4 rounded-lg\"\u003e\n \u003cspan class=\"text-sm text-slate-500\"\u003eFront Brake\u003c\/span\u003e\n \u003cspan class=\"text-sm text-white font-medium\"\u003e240mm disc, J.Juan 2-piston\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-row flex justify-between py-4 px-4 rounded-lg\"\u003e\n \u003cspan class=\"text-sm text-slate-500\"\u003eRear Brake\u003c\/span\u003e\n \u003cspan class=\"text-sm text-white font-medium\"\u003e240mm disc, J.Juan 2-piston\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-row flex justify-between py-4 px-4 rounded-lg\"\u003e\n \u003cspan class=\"text-sm text-slate-500\"\u003eWheel Size\u003c\/span\u003e\n \u003cspan class=\"text-sm text-white font-medium\"\u003eF: 21\" \/ R: 18\"\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-row flex justify-between py-4 px-4 rounded-lg\"\u003e\n \u003cspan class=\"text-sm text-slate-500\"\u003eCurb Weight\u003c\/span\u003e\n \u003cspan class=\"text-sm text-white font-medium\"\u003e132 lbs (60 kg)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-row flex justify-between py-4 px-4 rounded-lg\"\u003e\n \u003cspan class=\"text-sm text-slate-500\"\u003eSeat Height\u003c\/span\u003e\n \u003cspan class=\"text-sm text-white font-medium\"\u003e35.4\" (900 mm)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-row flex justify-between py-4 px-4 rounded-lg\"\u003e\n \u003cspan class=\"text-sm text-slate-500\"\u003eDimensions (L×W×H)\u003c\/span\u003e\n \u003cspan class=\"text-sm text-white font-medium\"\u003e84.6\" × 32.3\" × 51.2\"\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Features Tab --\u003e\n \u003cdiv id=\"tab-features\" class=\"tab-content\"\u003e\n \u003cdiv class=\"space-y-4\"\u003e\n \u003cdiv class=\"p-5 rounded-xl bg-white\/[0.02] border border-white\/5\"\u003e\n \u003ch4 class=\"font-space font-500 mb-2 flex items-center gap-2\"\u003e\n\u003ciconify-icon icon=\"lucide:zap\" width=\"16\" class=\"text-purple-400\"\u003e\u003c\/iconify-icon\u003e Three Riding Modes\u003c\/h4\u003e\n \u003cp class=\"text-sm text-slate-500 leading-relaxed\"\u003eEco for maximum range, Street for balanced daily riding, and Sport for full power delivery. Each mode adjusts power output, throttle response, and regen braking intensity.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"p-5 rounded-xl bg-white\/[0.02] border border-white\/5\"\u003e\n \u003ch4 class=\"font-space font-500 mb-2 flex items-center gap-2\"\u003e\n\u003ciconify-icon icon=\"lucide:lock\" width=\"16\" class=\"text-blue-400\"\u003e\u003c\/iconify-icon\u003e Keyless Ignition with NFC\u003c\/h4\u003e\n \u003cp class=\"text-sm text-slate-500 leading-relaxed\"\u003eWalk up, tap your phone or key fob, and ride. No keys to lose. The NFC system also supports app-based unlocking and a PIN code backup.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"p-5 rounded-xl bg-white\/[0.02] border border-white\/5\"\u003e\n \u003ch4 class=\"font-space font-500 mb-2 flex items-center gap-2\"\u003e\n\u003ciconify-icon icon=\"lucide:eye\" width=\"16\" class=\"text-emerald-400\"\u003e\u003c\/iconify-icon\u003e Full LCD Dashboard\u003c\/h4\u003e\n \u003cp class=\"text-sm text-slate-500 leading-relaxed\"\u003eA 3.5\" TFT display shows speed, battery %, power output, gear position, range estimate, and turn signal indicators. Auto-brightness adapts to any lighting condition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"p-5 rounded-xl bg-white\/[0.02] border border-white\/5\"\u003e\n \u003ch4 class=\"font-space font-500 mb-2 flex items-center gap-2\"\u003e\n\u003ciconify-icon icon=\"lucide:shield\" width=\"16\" class=\"text-orange-400\"\u003e\u003c\/iconify-icon\u003e IP67 Water Resistance\u003c\/h4\u003e\n \u003cp class=\"text-sm text-slate-500 leading-relaxed\"\u003eThe battery pack, motor, and all critical electronics are sealed to IP67. Ride through streams, mud, and rain without worry.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"p-5 rounded-xl bg-white\/[0.02] border border-white\/5\"\u003e\n \u003ch4 class=\"font-space font-500 mb-2 flex items-center gap-2\"\u003e\n\u003ciconify-icon icon=\"lucide:plug-zap\" width=\"16\" class=\"text-cyan-400\"\u003e\u003c\/iconify-icon\u003e Regenerative Braking\u003c\/h4\u003e\n \u003cp class=\"text-sm text-slate-500 leading-relaxed\"\u003eAdjustable regen braking through 5 levels via the app. Recapture energy on descents and extend your range by up to 15% while reducing brake wear.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Shipping Tab --\u003e\n \u003cdiv id=\"tab-shipping\" class=\"tab-content\"\u003e\n \u003cdiv class=\"space-y-6\"\u003e\n \u003cdiv class=\"flex items-start gap-4\"\u003e\n \u003cdiv class=\"w-10 h-10 rounded-lg bg-emerald-500\/10 border border-emerald-500\/15 flex items-center justify-center flex-shrink-0 mt-0.5\"\u003e\n \u003ciconify-icon icon=\"lucide:truck\" width=\"18\" class=\"text-emerald-400\"\u003e\u003c\/iconify-icon\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch4 class=\"font-space font-500 mb-1\"\u003eFree Shipping — Lower 48\u003c\/h4\u003e\n \u003cp class=\"text-sm text-slate-500 leading-relaxed\"\u003eFree freight shipping on all orders to the continental United States. Bikes are shipped in a reinforced crate via FedEx Freight or UPS Freight. Typical delivery time is 3-5 business days after processing.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flex items-start gap-4\"\u003e\n \u003cdiv class=\"w-10 h-10 rounded-lg bg-blue-500\/10 border border-blue-500\/15 flex items-center justify-center flex-shrink-0 mt-0.5\"\u003e\n \u003ciconify-icon icon=\"lucide:globe\" width=\"18\" class=\"text-blue-400\"\u003e\u003c\/iconify-icon\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch4 class=\"font-space font-500 mb-1\"\u003eInternational Shipping Available\u003c\/h4\u003e\n \u003cp class=\"text-sm text-slate-500 leading-relaxed\"\u003eWe ship to Canada, Europe, Australia, and many other countries. International rates calculated at checkout. Import duties and taxes are the buyer's responsibility.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flex items-start gap-4\"\u003e\n \u003cdiv class=\"w-10 h-10 rounded-lg bg-orange-500\/10 border border-orange-500\/15 flex items-center justify-center flex-shrink-0 mt-0.5\"\u003e\n \u003ciconify-icon icon=\"lucide:rotate-ccw\" width=\"18\" class=\"text-orange-400\"\u003e\u003c\/iconify-icon\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch4 class=\"font-space font-500 mb-1\"\u003e30-Day Return Policy\u003c\/h4\u003e\n \u003cp class=\"text-sm text-slate-500 leading-relaxed\"\u003eNot satisfied? Return your Ultra Bee within 30 days of delivery for a full refund (minus shipping). Bike must be in original condition with less than 25 miles on the odometer. Contact us to initiate a return.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Warranty Tab --\u003e\n \u003cdiv id=\"tab-warranty\" class=\"tab-content\"\u003e\n \u003cdiv class=\"p-6 rounded-xl bg-gradient-to-br from-purple-500\/5 to-blue-500\/5 border border-purple-500\/10 mb-6\"\u003e\n \u003cdiv class=\"flex items-center gap-3 mb-3\"\u003e\n \u003ciconify-icon icon=\"lucide:shield-check\" width=\"24\" class=\"text-purple-400\"\u003e\u003c\/iconify-icon\u003e\n \u003ch4 class=\"font-space text-xl font-500\"\u003e2-Year Comprehensive Warranty\u003c\/h4\u003e\n \u003c\/div\u003e\n \u003cp class=\"text-sm text-slate-400 leading-relaxed\"\u003eEvery Surron Ultra Bee purchased from VoroMotors comes with a full 2-year warranty covering the motor, battery, controller, and frame against manufacturing defects.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grid md:grid-cols-2 gap-4\"\u003e\n \u003cdiv class=\"p-4 rounded-lg bg-white\/[0.02] border border-white\/5\"\u003e\n \u003cdiv class=\"text-xs text-purple-400 font-semibold uppercase tracking-widest mb-2\"\u003eCovered\u003c\/div\u003e\n \u003cul class=\"space-y-2 text-sm text-slate-400\"\u003e\n \u003cli class=\"flex items-center gap-2\"\u003e\n\u003ciconify-icon icon=\"lucide:check\" width=\"14\" class=\"text-emerald-400\"\u003e\u003c\/iconify-icon\u003e Motor \u0026amp; Controller\u003c\/li\u003e\n \u003cli class=\"flex items-center gap-2\"\u003e\n\u003ciconify-icon icon=\"lucide:check\" width=\"14\" class=\"text-emerald-400\"\u003e\u003c\/iconify-icon\u003e Battery Pack (≥70% capacity)\u003c\/li\u003e\n \u003cli class=\"flex items-center gap-2\"\u003e\n\u003ciconify-icon icon=\"lucide:check\" width=\"14\" class=\"text-emerald-400\"\u003e\u003c\/iconify-icon\u003e Frame \u0026amp; Swingarm\u003c\/li\u003e\n \u003cli class=\"flex items-center gap-2\"\u003e\n\u003ciconify-icon icon=\"lucide:check\" width=\"14\" class=\"text-emerald-400\"\u003e\u003c\/iconify-icon\u003e Display \u0026amp; Electronics\u003c\/li\u003e\n \u003cli class=\"flex items-center gap-2\"\u003e\n\u003ciconify-icon icon=\"lucide:check\" width=\"14\" class=\"text-emerald-400\"\u003e\u003c\/iconify-icon\u003e Charger\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"p-4 rounded-lg bg-white\/[0.02] border border-white\/5\"\u003e\n \u003cdiv class=\"text-xs text-slate-500 font-semibold uppercase tracking-widest mb-2\"\u003eWear Items (Not Covered)\u003c\/div\u003e\n \u003cul class=\"space-y-2 text-sm text-slate-600\"\u003e\n \u003cli class=\"flex items-center gap-2\"\u003e\n\u003ciconify-icon icon=\"lucide:x\" width=\"14\" class=\"text-slate-600\"\u003e\u003c\/iconify-icon\u003e Tires \u0026amp; Tubes\u003c\/li\u003e\n \u003cli class=\"flex items-center gap-2\"\u003e\n\u003ciconify-icon icon=\"lucide:x\" width=\"14\" class=\"text-slate-600\"\u003e\u003c\/iconify-icon\u003e Brake Pads \u0026amp; Rotors\u003c\/li\u003e\n \u003cli class=\"flex items-center gap-2\"\u003e\n\u003ciconify-icon icon=\"lucide:x\" width=\"14\" class=\"text-slate-600\"\u003e\u003c\/iconify-icon\u003e Chain \u0026amp; Sprockets\u003c\/li\u003e\n \u003cli class=\"flex items-center gap-2\"\u003e\n\u003ciconify-icon icon=\"lucide:x\" width=\"14\" class=\"text-slate-600\"\u003e\u003c\/iconify-icon\u003e Fairings \u0026amp; Bodywork\u003c\/li\u003e\n \u003cli class=\"flex items-center gap-2\"\u003e\n\u003ciconify-icon icon=\"lucide:x\" width=\"14\" class=\"text-slate-600\"\u003e\u003c\/iconify-icon\u003e Grip \u0026amp; Seat Cover\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- FAQ Accordion --\u003e\n \u003csection class=\"mb-24 scroll-animate\"\u003e\n \u003cdiv class=\"text-center mb-14\"\u003e\n \u003cspan class=\"inline-block text-[10px] font-semibold tracking-[0.2em] uppercase text-emerald-400 bg-emerald-500\/10 px-4 py-1.5 rounded-full border border-emerald-500\/15 mb-5\"\u003eFAQ\u003c\/span\u003e\n \u003ch2 class=\"font-space text-3xl md:text-4xl font-500 tracking-tight\"\u003eCommon Questions\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"max-w-2xl mx-auto space-y-2\"\u003e\n \u003cdiv class=\"border border-white\/5 rounded-xl overflow-hidden\"\u003e\n \u003cbutton class=\"w-full flex items-center justify-between p-5 text-left hover:bg-white\/[0.02] transition-colors\" onclick=\"toggleAccordion(this)\"\u003e\n \u003cspan class=\"text-sm font-medium text-white pr-4\"\u003eDo I need a license to ride the Ultra Bee?\u003c\/span\u003e\n \u003ciconify-icon icon=\"lucide:chevron-down\" width=\"18\" class=\"text-slate-500 accordion-icon flex-shrink-0\"\u003e\u003c\/iconify-icon\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"px-5 pb-5 text-sm text-slate-500 leading-relaxed\"\u003e\n In most US states, the Ultra Bee is classified as a motor-driven cycle or moped, which requires a motorcycle endorsement or at minimum a driver's license depending on your state. Check your local regulations before riding. In California, it requires an M2 license. In Texas, a Class M license is needed for speeds above 30 mph.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"border border-white\/5 rounded-xl overflow-hidden\"\u003e\n \u003cbutton class=\"w-full flex items-center justify-between p-5 text-left hover:bg-white\/[0.02] transition-colors\" onclick=\"toggleAccordion(this)\"\u003e\n \u003cspan class=\"text-sm font-medium text-white pr-4\"\u003eIs it street legal?\u003c\/span\u003e\n \u003ciconify-icon icon=\"lucide:chevron-down\" width=\"18\" class=\"text-slate-500 accordion-icon flex-shrink-0\"\u003e\u003c\/iconify-icon\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"px-5 pb-5 text-sm text-slate-500 leading-relaxed\"\u003e\n Yes, the Ultra Bee comes equipped with a DOT-compliant headlight, taillight, brake light, turn signals, horn, and mirrors. It meets federal equipment requirements for on-road use. However, registration requirements vary by state — some states require registration and license plates, others do not.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"border border-white\/5 rounded-xl overflow-hidden\"\u003e\n \u003cbutton class=\"w-full flex items-center justify-between p-5 text-left hover:bg-white\/[0.02] transition-colors\" onclick=\"toggleAccordion(this)\"\u003e\n \u003cspan class=\"text-sm font-medium text-white pr-4\"\u003eHow does the 9-speed gearbox work?\u003c\/span\u003e\n \u003ciconify-icon icon=\"lucide:chevron-down\" width=\"18\" class=\"text-slate-500 accordion-icon flex-shrink-0\"\u003e\u003c\/iconify-icon\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"px-5 pb-5 text-sm text-slate-500 leading-relaxed\"\u003e\n The Ultra Bee uses a sequential manual transmission similar to a motocross bike. You shift with a left-foot lever. There's no clutch lever — the controller briefly cuts power during upshifts for seamless changes. You can also shift while stopped. In automatic mode, the bike will shift for you.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"border border-white\/5 rounded-xl overflow-hidden\"\u003e\n \u003cbutton class=\"w-full flex items-center justify-between p-5 text-left hover:bg-white\/[0.02] transition-colors\" onclick=\"toggleAccordion(this)\"\u003e\n \u003cspan class=\"text-sm font-medium text-white pr-4\"\u003eWhat's the real-world range?\u003c\/span\u003e\n \u003ciconify-icon icon=\"lucide:chevron-down\" width=\"18\" class=\"text-slate-500 accordion-icon flex-shrink-0\"\u003e\u003c\/iconify-icon\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"px-5 pb-5 text-sm text-slate-500 leading-relaxed\"\u003e\n Real-world range depends heavily on riding mode and terrain. In Eco mode on flat roads, expect 55-65 miles. In Street mode with mixed riding, plan for 40-50 miles. In Sport mode with aggressive throttle use, you'll get 25-35 miles. Off-road with hills, subtract another 15-20%.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"border border-white\/5 rounded-xl overflow-hidden\"\u003e\n \u003cbutton class=\"w-full flex items-center justify-between p-5 text-left hover:bg-white\/[0.02] transition-colors\" onclick=\"toggleAccordion(this)\"\u003e\n \u003cspan class=\"text-sm font-medium text-white pr-4\"\u003eCan I charge it at a regular outlet?\u003c\/span\u003e\n \u003ciconify-icon icon=\"lucide:chevron-down\" width=\"18\" class=\"text-slate-500 accordion-icon flex-shrink-0\"\u003e\u003c\/iconify-icon\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"px-5 pb-5 text-sm text-slate-500 leading-relaxed\"\u003e\n Yes. The standard charger plugs into a standard 110V outlet and charges from 0-100% in about 2.5 hours. The optional fast charger uses a 220V outlet (like a dryer outlet) and charges 0-80% in just 1.5 hours. No special EV charging equipment needed.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Reviews Section --\u003e\n \u003csection id=\"reviews\" class=\"mb-24 scroll-animate\"\u003e\n \u003cdiv class=\"flex flex-col md:flex-row md:items-end md:justify-between mb-10 gap-4\"\u003e\n \u003cdiv\u003e\n \u003cspan class=\"inline-block text-[10px] font-semibold tracking-[0.2em] uppercase text-yellow-400 bg-yellow-500\/10 px-4 py-1.5 rounded-full border border-yellow-500\/15 mb-5\"\u003eReviews\u003c\/span\u003e\n \u003ch2 class=\"font-space text-3xl md:text-4xl font-500 tracking-tight\"\u003e\n What Riders Say\n \u003c\/h2\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flex items-center gap-4\"\u003e\n \u003cdiv class=\"flex items-center gap-2\"\u003e\n \u003cspan class=\"font-space text-5xl font-300 tracking-tighter\"\u003e4.8\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"flex gap-0.5 mb-0.5\"\u003e\n \u003ciconify-icon icon=\"lucide:star\" width=\"14\" class=\"star-filled\"\u003e\u003c\/iconify-icon\u003e\n \u003ciconify-icon icon=\"lucide:star\" width=\"14\" class=\"star-filled\"\u003e\u003c\/iconify-icon\u003e\n \u003ciconify-icon icon=\"lucide:star\" width=\"14\" class=\"star-filled\"\u003e\u003c\/iconify-icon\u003e\n \u003ciconify-icon icon=\"lucide:star\" width=\"14\" class=\"star-filled\"\u003e\u003c\/iconify-icon\u003e\n \u003ciconify-icon icon=\"lucide:star\" width=\"14\" class=\"star-filled\" style=\"clip-path: inset(0 20% 0 0);\"\u003e\u003c\/iconify-icon\u003e\n \u003c\/div\u003e\n \u003cspan class=\"text-xs text-slate-500\"\u003eBased on 127 reviews\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"grid md:grid-cols-3 gap-5\"\u003e\n \u003c!-- Review 1 --\u003e\n \u003cdiv class=\"p-6 rounded-xl bg-white\/[0.02] border border-white\/5 hover:border-white\/10 transition-colors\"\u003e\n \u003cdiv class=\"flex gap-0.5 mb-3\"\u003e\n \u003ciconify-icon icon=\"lucide:star\" width=\"13\" class=\"star-filled\"\u003e\u003c\/iconify-icon\u003e\n \u003ciconify-icon icon=\"lucide:star\" width=\"13\" class=\"star-filled\"\u003e\u003c\/iconify-icon\u003e\n \u003ciconify-icon icon=\"lucide:star\" width=\"13\" class=\"star-filled\"\u003e\u003c\/iconify-icon\u003e\n \u003ciconify-icon icon=\"lucide:star\" width=\"13\" class=\"star-filled\"\u003e\u003c\/iconify-icon\u003e\n \u003ciconify-icon icon=\"lucide:star\" width=\"13\" class=\"star-filled\"\u003e\u003c\/iconify-icon\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flex items-center gap-1.5 mb-3\"\u003e\n \u003cspan class=\"text-[10px] font-semibold tracking-widest uppercase text-emerald-400 bg-emerald-500\/10 px-2 py-0.5 rounded\"\u003eVerified Purchase\u003c\/span\u003e\n \u003c\/div\u003e\n \u003ch4 class=\"text-sm font-medium mb-2\"\u003e\"Replaced my gas dirt bike completely\"\u003c\/h4\u003e\n \u003cp class=\"text-sm text-slate-500 leading-relaxed mb-4\"\u003eI've been riding gas bikes for 15 years and was skeptical. The Ultra Bee changed my mind in the first 5 minutes. The torque is insane, the gearbox makes it feel natural, and I never have to deal with gas or oil again. My CRF250R is now collecting dust.\u003c\/p\u003e\n \u003cdiv class=\"flex items-center gap-3 pt-4 border-t border-white\/5\"\u003e\n \u003cdiv class=\"w-8 h-8 rounded-full bg-gradient-to-br from-purple-500 to-blue-500 flex items-center justify-center text-xs font-semibold\"\u003eM\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"text-xs font-medium\"\u003eMike R.\u003c\/div\u003e\n \u003cdiv class=\"text-[10px] text-slate-600\"\u003eColorado • 3 months ago\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Review 2 --\u003e\n \u003cdiv class=\"p-6 rounded-xl bg-white\/[0.02] border border-white\/5 hover:border-white\/10 transition-colors\"\u003e\n \u003cdiv class=\"flex gap-0.5 mb-3\"\u003e\n \u003ciconify-icon icon=\"lucide:star\" width=\"13\" class=\"star-filled\"\u003e\u003c\/iconify-icon\u003e\n \u003ciconify-icon icon=\"lucide:star\" width=\"13\" class=\"star-filled\"\u003e\u003c\/iconify-icon\u003e\n \u003ciconify-icon icon=\"lucide:star\" width=\"13\" class=\"star-filled\"\u003e\u003c\/iconify-icon\u003e\n \u003ciconify-icon icon=\"lucide:star\" width=\"13\" class=\"star-filled\"\u003e\u003c\/iconify-icon\u003e\n \u003ciconify-icon icon=\"lucide:star\" width=\"13\" class=\"star-filled\"\u003e\u003c\/iconify-icon\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flex items-center gap-1.5 mb-3\"\u003e\n \u003cspan class=\"text-[10px] font-semibold tracking-widest uppercase text-emerald-400 bg-emerald-500\/10 px-2 py-0.5 rounded\"\u003eVerified Purchase\u003c\/span\u003e\n \u003c\/div\u003e\n \u003ch4 class=\"text-sm font-medium mb-2\"\u003e\"Perfect daily commuter that's also a weekend toy\"\u003c\/h4\u003e\n \u003cp class=\"text-sm text-slate-500 leading-relaxed mb-4\"\u003eI ride it 12 miles to work on street mode, plug it in at the office, and ride home. On weekends it hits the trails in sport mode. The range is more than enough for my commute and the 9-speed gearbox makes street riding so much better than my old Light Bee.\u003c\/p\u003e\n \u003cdiv class=\"flex items-center gap-3 pt-4 border-t border-white\/5\"\u003e\n \u003cdiv class=\"w-8 h-8 rounded-full bg-gradient-to-br from-emerald-500 to-cyan-500 flex items-center justify-center text-xs font-semibold\"\u003eJ\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"text-xs font-medium\"\u003eJake T.\u003c\/div\u003e\n \u003cdiv class=\"text-[10px] text-slate-600\"\u003eCalifornia • 2 months ago\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Review 3 --\u003e\n \u003cdiv class=\"p-6 rounded-xl bg-white\/[0.02] border border-white\/5 hover:border-white\/10 transition-colors\"\u003e\n \u003cdiv class=\"flex gap-0.5 mb-3\"\u003e\n \u003ciconify-icon icon=\"lucide:star\" width=\"13\" class=\"star-filled\"\u003e\u003c\/iconify-icon\u003e\n \u003ciconify-icon icon=\"lucide:star\" width=\"13\" class=\"star-filled\"\u003e\u003c\/iconify-icon\u003e\n \u003ciconify-icon icon=\"lucide:star\" width=\"13\" class=\"star-filled\"\u003e\u003c\/iconify-icon\u003e\n \u003ciconify-icon icon=\"lucide:star\" width=\"13\" class=\"star-filled\"\u003e\u003c\/iconify-icon\u003e\n \u003ciconify-icon icon=\"lucide:star\" width=\"13\" class=\"star-empty\"\u003e\u003c\/iconify-icon\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flex items-center gap-1.5 mb-3\"\u003e\n \u003cspan class=\"text-[10px] font-semibold tracking-widest uppercase text-emerald-400 bg-emerald-500\/10 px-2 py-0.5 rounded\"\u003eVerified Purchase\u003c\/span\u003e\n \u003c\/div\u003e\n \u003ch4 class=\"text-sm font-medium mb-2\"\u003e\"Insane performance, minor QC issues\"\u003c\/h4\u003e\n \u003cp class=\"text-sm text-slate-500 leading-relaxed mb-4\"\u003eThe bike itself is absolutely phenomenal. Power delivery is smooth, the suspension is surprisingly good for the price, and it turns heads everywhere. Only giving 4 stars because my first unit had a loose mirror and a small scratch on the fork. Voro replaced it immediately though — great customer service.\u003c\/p\u003e\n \u003cdiv class=\"flex items-center gap-3 pt-4 border-t border-white\/5\"\u003e\n \u003cdiv class=\"w-8 h-8 rounded-full bg-gradient-to-br from-orange-500 to-red-500 flex items-center justify-center text-xs font-semibold\"\u003eS\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"text-xs font-medium\"\u003eSarah K.\u003c\/div\u003e\n \u003cdiv class=\"text-[10px] text-slate-600\"\u003eWashington • 1 month ago\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Final CTA --\u003e\n \u003csection class=\"scroll-animate\"\u003e\n \u003cdiv class=\"relative rounded-2xl overflow-hidden border border-purple-500\/15\" style=\"background: linear-gradient(135deg, rgba(168,85,247,0.08), rgba(37,99,235,0.05));\"\u003e\n \u003cdiv class=\"absolute inset-0 bg-grid opacity-50\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"glow-orb\" style=\"width:300px;height:300px;background:rgba(168,85,247,0.08);top:-100px;right:-50px;position:absolute;\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"relative p-10 md:p-16 text-center\"\u003e\n \u003ch2 class=\"font-space text-3xl md:text-5xl font-500 tracking-tight mb-4\"\u003e\n Ready to Ride the \u003cspan class=\"text-gradient\"\u003eFuture\u003c\/span\u003e?\n \u003c\/h2\u003e\n \u003cp class=\"text-slate-400 text-sm md:text-base max-w-lg mx-auto leading-relaxed mb-8\"\u003e\n Join thousands of riders who've already made the switch. Order your Ultra Bee today and feel the difference on your very first ride.\n \u003c\/p\u003e\n \u003cdiv class=\"flex flex-col sm:flex-row items-center justify-center gap-3\"\u003e\n \u003cbutton class=\"btn-primary h-[52px] px-10 rounded-lg text-sm font-semibold tracking-wide uppercase flex items-center gap-2\" onclick=\"scrollToTop()\"\u003e\n \u003cspan class=\"flex items-center gap-2\"\u003e\n \u003ciconify-icon icon=\"lucide:shopping-bag\" width=\"18\"\u003e\u003c\/iconify-icon\u003e\n Order Now — $3,599\n \u003c\/span\u003e\n \u003c\/button\u003e\n \u003ca href=\"#\" class=\"btn-secondary h-[52px] px-8 rounded-lg text-sm font-medium tracking-wide uppercase flex items-center gap-2 text-white\"\u003e\n \u003ciconify-icon icon=\"lucide:message-circle\" width=\"16\" class=\"text-purple-400\"\u003e\u003c\/iconify-icon\u003e\n Talk to an Expert\n \u003c\/a\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flex items-center justify-center gap-6 mt-8 text-xs text-slate-500\"\u003e\n \u003cspan class=\"flex items-center gap-1.5\"\u003e\u003ciconify-icon icon=\"lucide:check\" width=\"12\" class=\"text-emerald-400\"\u003e\u003c\/iconify-icon\u003e Free Shipping\u003c\/span\u003e\n \u003cspan class=\"flex items-center gap-1.5\"\u003e\u003ciconify-icon icon=\"lucide:check\" width=\"12\" class=\"text-emerald-400\"\u003e\u003c\/iconify-icon\u003e 2-Year Warranty\u003c\/span\u003e\n \u003cspan class=\"flex items-center gap-1.5\"\u003e\u003ciconify-icon icon=\"lucide:check\" width=\"12\" class=\"text-emerald-400\"\u003e\u003c\/iconify-icon\u003e 30-Day Returns\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c\/div\u003e\n\u003c\/main\u003e\n\n\u003c!-- Sticky Add to Cart Bar --\u003e\n\u003cdiv class=\"sticky-bar\" id=\"stickyBar\"\u003e\n \u003cdiv class=\"max-w-7xl mx-auto flex items-center justify-between gap-4\"\u003e\n \u003cdiv class=\"flex items-center gap-4 min-w-0\"\u003e\n \u003cimg src=\"https:\/\/picsum.photos\/seed\/surron-ultra-bee-main\/80\/80.jpg\" alt=\"Ultra Bee\" class=\"w-10 h-10 rounded-lg object-cover border border-white\/10 flex-shrink-0\"\u003e\n \u003cdiv class=\"min-w-0\"\u003e\n \u003cdiv class=\"text-sm font-medium truncate\"\u003eSurron Ultra Bee\u003c\/div\u003e\n \u003cdiv class=\"text-sm text-purple-400 font-space font-300 tracking-tight\"\u003e$3,599\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cbutton class=\"btn-primary h-[44px] px-6 rounded-lg text-xs font-semibold tracking-wide uppercase flex-shrink-0\" onclick=\"addToCart()\"\u003e\n \u003cspan class=\"flex items-center gap-2\"\u003e\n \u003ciconify-icon icon=\"lucide:shopping-bag\" width=\"16\"\u003e\u003c\/iconify-icon\u003e\n Add to Cart\n \u003c\/span\u003e\n \u003c\/button\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Toast Notification --\u003e\n\u003cdiv class=\"toast\" id=\"toast\"\u003e\n \u003ciconify-icon icon=\"lucide:check-circle\" width=\"20\" class=\"text-emerald-400 flex-shrink-0\"\u003e\u003c\/iconify-icon\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"text-sm font-medium\"\u003eAdded to cart\u003c\/div\u003e\n \u003cdiv class=\"text-xs text-slate-500\"\u003eSurron Ultra Bee — Midnight Black\u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/\/ Image gallery\nfunction switchImage(thumb, seed) {\n document.querySelectorAll('.thumb').forEach(t =\u003e t.classList.remove('active'));\n thumb.classList.add('active');\n const mainImg = document.getElementById('mainImage');\n mainImg.style.opacity = '0';\n setTimeout(() =\u003e {\n mainImg.src = `https:\/\/picsum.photos\/seed\/${seed}\/800\/800.jpg`;\n mainImg.style.opacity = '1';\n }, 200);\n mainImg.style.transition = 'opacity 0.2s ease';\n}\n\n\/\/ Color selector\nfunction selectColor(el, name) {\n document.querySelectorAll('.color-option').forEach(c =\u003e c.classList.remove('active'));\n el.classList.add('active');\n document.getElementById('colorName').textContent = name;\n}\n\n\/\/ Quantity\nfunction changeQty(delta) {\n const el = document.getElementById('qty');\n let val = parseInt(el.textContent) + delta;\n if (val \u003c 1) val = 1;\n if (val \u003e 10) val = 10;\n el.textContent = val;\n}\n\n\/\/ Add to cart\nfunction addToCart() {\n const toast = document.getElementById('toast');\n toast.classList.add('show');\n setTimeout(() =\u003e toast.classList.remove('show'), 3000);\n}\n\n\/\/ Tabs\nfunction switchTab(tabId, btn) {\n document.querySelectorAll('.tab-content').forEach(t =\u003e t.classList.remove('active'));\n document.querySelectorAll('.tab-btn').forEach(b =\u003e b.classList.remove('active'));\n document.getElementById('tab-' + tabId).classList.add('active');\n btn.classList.add('active');\n}\n\n\/\/ Accordion\nfunction toggleAccordion(btn) {\n const content = btn.nextElementSibling;\n const icon = btn.querySelector('.accordion-icon');\n const isOpen = content.classList.contains('open');\n\n \/\/ Close all\n document.querySelectorAll('.accordion-content').forEach(c =\u003e c.classList.remove('open'));\n document.querySelectorAll('.accordion-icon').forEach(i =\u003e i.classList.remove('rotated'));\n\n if (!isOpen) {\n content.classList.add('open');\n icon.classList.add('rotated');\n }\n}\n\n\/\/ Scroll animations\nconst scrollObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.animation = 'fadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards';\n scrollObserver.unobserve(entry.target);\n }\n });\n}, { threshold: 0.1 });\n\ndocument.querySelectorAll('.scroll-animate').forEach(el =\u003e {\n el.style.opacity = '0';\n scrollObserver.observe(el);\n});\n\n\/\/ Counter animation\nconst counterObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const el = entry.target;\n const target = parseFloat(el.dataset.counter);\n const suffix = el.dataset.suffix || '';\n const valueEl = el.querySelector('.counter-value');\n const isFloat = target % 1 !== 0;\n const duration = 1500;\n const startTime = performance.now();\n\n function update(currentTime) {\n const elapsed = currentTime - startTime;\n const progress = Math.min(elapsed \/ duration, 1);\n const eased = 1 - Math.pow(1 - progress, 3);\n const current = target * eased;\n valueEl.textContent = (isFloat ? current.toFixed(1) : Math.round(current)) + suffix;\n if (progress \u003c 1) requestAnimationFrame(update);\n }\n requestAnimationFrame(update);\n counterObserver.unobserve(el);\n }\n });\n}, { threshold: 0.5 });\n\ndocument.querySelectorAll('[data-counter]').forEach(el =\u003e counterObserver.observe(el));\n\n\/\/ Comparison bars animation\nconst barObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.querySelectorAll('.compare-fill').forEach((fill, i) =\u003e {\n setTimeout(() =\u003e fill.classList.add('animated'), i * 150);\n });\n barObserver.unobserve(entry.target);\n }\n });\n}, { threshold: 0.3 });\n\ndocument.querySelectorAll('.compare-bar').forEach(el =\u003e {\n const parent = el.closest('.mb-24, section') || el.parentElement;\n barObserver.observe(el.parentElement);\n});\n\n\/\/ Sticky bar\nwindow.addEventListener('scroll', () =\u003e {\n const stickyBar = document.getElementById('stickyBar');\n const mainImage = document.getElementById('mainImageWrap');\n if (mainImage) {\n const rect = mainImage.getBoundingClientRect();\n if (rect.bottom \u003c 0) {\n stickyBar.classList.add('visible');\n } else {\n stickyBar.classList.remove('visible');\n }\n }\n});\n\n\/\/ Scroll to top\nfunction scrollToTop() {\n window.scrollTo({ top: 0, behavior: 'smooth' });\n}\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"Renovomotors","offers":[{"title":"Carbon Black","offer_id":47932074721516,"sku":null,"price":6349.0,"currency_code":"USD","in_stock":true},{"title":"Desert Brown","offer_id":47932074754284,"sku":null,"price":6349.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0771\/4537\/4956\/files\/imgi_8_H50b2d0327b5f4ea0b4cf6c649185e26eD.webp?v=1783846474","url":"https:\/\/www.renovomotors.com\/products\/surron-ultra-bee-hp-sw-24-5kw-powerful-dirt-ebike-74v-60ah","provider":"Renovomotors","version":"1.0","type":"link"}