Showing source for: https://electricondirttracks.com/
Duration: 0.297732s
Server: cloudflare

<!DOCTYPE html>
<html lang="en-US" class="dark">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Sur-Ron Electric Dirt Bikes &amp; Parts | Electric On Dirt Tracks</title>
    <meta name="description" content="Shop Sur-Ron Light Bee X, Ultra Bee, Storm Bee and Hyper Bee e-bikes plus fitment-verified controllers, batteries, suspension and brakes. 30% off MSRP, US.">
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
    <link rel="canonical" href="https://electricondirttracks.com/">
    <meta name="theme-color" content="#060A0F">

    <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32.png">
    <link rel="icon" type="image/png" sizes="192x192" href="/images/icon-192.png">
    <link rel="apple-touch-icon" href="/images/apple-touch-icon.png">
    <link rel="manifest" href="/site.webmanifest">
    <link rel="alternate" type="text/plain" href="/llms.txt" title="LLM-readable site summary">

    <!-- Open Graph / social -->
    <meta property="og:locale" content="en_US">
    <meta property="og:type" content="website">
    <meta property="og:site_name" content="Electric On Dirt Tracks">
    <meta property="og:title" content="Sur-Ron Electric Dirt Bikes &amp; Parts | Electric On Dirt Tracks">
    <meta property="og:description" content="Shop Sur-Ron Light Bee X, Ultra Bee, Storm Bee and Hyper Bee e-bikes plus fitment-verified controllers, batteries, suspension and brakes. 30% off MSRP, US.">
    <meta property="og:url" content="https://electricondirttracks.com/">
    <meta property="og:image" content="https://electricondirttracks.com/images/eodt-logo.jpg">
    <meta property="og:image:width" content="1024">
    <meta property="og:image:height" content="1024">
    <meta property="og:image:alt" content="Electric On Dirt Tracks">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Sur-Ron Electric Dirt Bikes &amp; Parts | Electric On Dirt Tracks">
    <meta name="twitter:description" content="Shop Sur-Ron Light Bee X, Ultra Bee, Storm Bee and Hyper Bee e-bikes plus fitment-verified controllers, batteries, suspension and brakes. 30% off MSRP, US.">
    <meta name="twitter:image" content="https://electricondirttracks.com/images/eodt-logo.jpg">
    <meta name="twitter:image:alt" content="Electric On Dirt Tracks">
    
    <!-- Structured data -->
    <script type="application/ld+json">{"@context":"https://schema.org","@type":"OnlineStore","@id":"https://electricondirttracks.com/#organization","name":"Electric On Dirt Tracks","alternateName":"ElectricODT","url":"https://electricondirttracks.com/","logo":"https://electricondirttracks.com/images/icon-512.png","image":"https://electricondirttracks.com/images/eodt-logo.jpg","description":"US online store for Sur-Ron electric dirt bikes (Light Bee X, Ultra Bee, Storm Bee, Hyper Bee, Light Bee L1E) and fitment-verified aftermarket parts.","email":"[email protected]","telephone":"+1-888-787-7661","areaServed":{"@type":"Country","name":"United States"},"contactPoint":{"@type":"ContactPoint","telephone":"+1-888-787-7661","email":"[email protected]","contactType":"customer service","areaServed":"US","availableLanguage":"English","hoursAvailable":{"@type":"OpeningHoursSpecification","dayOfWeek":["Monday","Tuesday","Wednesday","Thursday","Friday"],"opens":"09:00","closes":"17:00"}},"hasMerchantReturnPolicy":{"@type":"MerchantReturnPolicy","applicableCountry":"US","returnPolicyCategory":"https://schema.org/MerchantReturnFiniteReturnWindow","merchantReturnDays":30,"returnMethod":"https://schema.org/ReturnByMail","itemCondition":"https://schema.org/NewCondition","restockingFee":15,"url":"https://electricondirttracks.com/shipping"}}</script>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","@id":"https://electricondirttracks.com/#website","name":"Electric On Dirt Tracks","url":"https://electricondirttracks.com/","inLanguage":"en-US","publisher":{"@id":"https://electricondirttracks.com/#organization"}}</script>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"ItemList","name":"Electric On Dirt Tracks product catalog","numberOfItems":27,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://electricondirttracks.com/product/darwin-ev-primary-belt-drive-conversion","name":"Darwin EV Primary Belt Drive Conversion"},{"@type":"ListItem","position":2,"url":"https://electricondirttracks.com/product/ebmx-gold-race-chain-sprocket-kit","name":"EBMX Gold Race Chain \u0026 Sprocket Kit"},{"@type":"ListItem","position":3,"url":"https://electricondirttracks.com/product/ebmx-x-9000-controller-upgrade-kit","name":"EBMX X-9000 Controller Upgrade Kit"},{"@type":"ListItem","position":4,"url":"https://electricondirttracks.com/product/ext-racing-era-fork-cartridge-kit","name":"EXT Racing ERA Fork Cartridge Kit"},{"@type":"ListItem","position":5,"url":"https://electricondirttracks.com/product/gritshift-custom-decal-kit-neon-series","name":"GritShift Custom Decal Kit - Neon Series"},{"@type":"ListItem","position":6,"url":"https://electricondirttracks.com/product/gritshift-gripper-seat-cover-pro-series","name":"GritShift Gripper Seat Cover - Pro Series"},{"@type":"ListItem","position":7,"url":"https://electricondirttracks.com/product/gritshift-handlebar-riser-kit-50mm","name":"GritShift Handlebar Riser Kit 50mm"},{"@type":"ListItem","position":8,"url":"https://electricondirttracks.com/product/gritshift-motor-bash-guard-aluminum","name":"GritShift Motor Bash Guard - Aluminum"},{"@type":"ListItem","position":9,"url":"https://electricondirttracks.com/product/gritshift-pro-peg-brace-kit","name":"GritShift Pro Peg Brace Kit"},{"@type":"ListItem","position":10,"url":"https://electricondirttracks.com/product/gritshift-sintered-brake-pad-set-front-rear","name":"GritShift Sintered Brake Pad Set (Front + Rear)"},{"@type":"ListItem","position":11,"url":"https://electricondirttracks.com/product/ko-moto-beast-controller-v2","name":"KO Moto Beast Controller V2"},{"@type":"ListItem","position":12,"url":"https://electricondirttracks.com/product/luna-cycle-72v-sur-ron-battery-pack","name":"Luna Cycle 72V Sur-Ron Battery Pack"},{"@type":"ListItem","position":13,"url":"https://electricondirttracks.com/product/nucular-12f-foc-controller-kit","name":"Nucular 12F FOC Controller Kit"},{"@type":"ListItem","position":14,"url":"https://electricondirttracks.com/product/odi-elite-pro-v2-lock-on-grips","name":"ODI Elite Pro V2 Lock-On Grips"},{"@type":"ListItem","position":15,"url":"https://electricondirttracks.com/product/shinko-241-classic-trail-tire-set","name":"Shinko 241 Classic Trail Tire Set"},{"@type":"ListItem","position":16,"url":"https://electricondirttracks.com/product/sur-ron-hyper-bee-youth-2026","name":"Sur-Ron Hyper Bee Youth 2026"},{"@type":"ListItem","position":17,"url":"https://electricondirttracks.com/product/sur-ron-light-bee-l1e-road-legal-2026","name":"Sur-Ron Light Bee L1E Road-Legal 2026"},{"@type":"ListItem","position":18,"url":"https://electricondirttracks.com/product/sur-ron-light-bee-x-2026","name":"Sur-Ron Light Bee X 2026"},{"@type":"ListItem","position":19,"url":"https://electricondirttracks.com/product/sur-ron-storm-bee-enduro-2026","name":"Sur-Ron Storm Bee Enduro 2026"},{"@type":"ListItem","position":20,"url":"https://electricondirttracks.com/product/sur-ron-ultra-bee-mx-2026","name":"Sur-Ron Ultra Bee MX 2026"},{"@type":"ListItem","position":21,"url":"https://electricondirttracks.com/product/tb-electric-moto-carbon-fiber-fender-set","name":"TB Electric Moto Carbon Fiber Fender Set"},{"@type":"ListItem","position":22,"url":"https://electricondirttracks.com/product/tb-electric-moto-full-chassis-skid-plate","name":"TB Electric Moto Full Chassis Skid Plate"},{"@type":"ListItem","position":23,"url":"https://electricondirttracks.com/product/tb-electric-moto-pro-rear-shock","name":"TB Electric Moto Pro Rear Shock"},{"@type":"ListItem","position":24,"url":"https://electricondirttracks.com/product/tb-electric-moto-tall-comfort-seat","name":"TB Electric Moto Tall Comfort Seat"},{"@type":"ListItem","position":25,"url":"https://electricondirttracks.com/product/warp-9-17-supermoto-wheel-set","name":"Warp 9 17\" Supermoto Wheel Set"},{"@type":"ListItem","position":26,"url":"https://electricondirttracks.com/product/warp-9-cnc-billet-foot-pegs","name":"Warp 9 CNC Billet Foot Pegs"},{"@type":"ListItem","position":27,"url":"https://electricondirttracks.com/product/warp-9-oversized-front-rotor-kit-220mm","name":"Warp 9 Oversized Front Rotor Kit 220mm"}]}</script>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Which Sur-Ron models do you sell?","acceptedAnswer":{"@type":"Answer","text":"We carry the current Sur-Ron lineup: Light Bee X, Ultra Bee MX, Storm Bee Enduro, Hyper Bee (youth) and the road-legal Light Bee L1E, plus aftermarket parts from EBMX, KO Moto, Nucular, Luna Cycle, EXT Racing, Warp 9, GritShift and more."}},{"@type":"Question","name":"How do I know a part fits my bike?","acceptedAnswer":{"@type":"Answer","text":"Every part lists verified Year-Make-Model fitment. Use the \"Find Parts By Bike\" selector on the home page, or email [email protected] with your model and year and we will confirm fitment before you order."}},{"@type":"Question","name":"How much is shipping?","acceptedAnswer":{"@type":"Answer","text":"Ground shipping is free on orders of $149 or more within the continental US. Orders under $149 ship for a flat $9.95. Most orders placed before 2 PM Pacific ship the same business day."}},{"@type":"Question","name":"What is your return policy?","acceptedAnswer":{"@type":"Answer","text":"Unopened, unmounted products in original packaging can be returned within 30 days of delivery, subject to a 15% restocking fee. Programmed controllers, battery packs, custom wheel builds and cut wiring harnesses are not returnable."}},{"@type":"Question","name":"How does checkout work?","acceptedAnswer":{"@type":"Answer","text":"Add items to your cart and submit an order request. Our team contacts you to confirm the order, double-check fitment and arrange secure payment before anything ships."}}]}</script>

    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">

    <!-- Compiled Tailwind (built from the templates; replaces the render-blocking Play CDN script) -->
    <link rel="stylesheet" href="/assets/css/site.css?v=77b105f8">
</head>
<body class="antialiased min-h-screen flex flex-col">
    <a href="#main" class="sr-only focus:not-sr-only focus:absolute focus:top-2 focus:left-2 focus:z-[60] bg-brand-green text-black font-bold px-4 py-2 rounded-lg">Skip to content</a>
    <header class="glass border-b border-brand-border sticky top-0 z-50">
        <nav class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8" aria-label="Main navigation">
            <div class="flex items-center justify-between h-16">
                <a href="/" class="flex items-center gap-3" aria-label="Electric On Dirt Tracks home">
                    <img src="/images/eodt-mark-96.webp" alt="" width="36" height="36" class="h-9 w-9 rounded-full animate-pulse-glow object-cover">
                    <span class="text-2xl font-black text-white tracking-tight">ELECTRIC<span class="text-brand-green text-glow">ODT</span><span class="text-brand-muted text-sm font-medium ml-1 hidden sm:inline">.COM</span></span>
                </a>
                <div class="hidden md:flex flex-1 ml-10 space-x-1 items-center">
                    <a href="/" class="text-gray-300 hover:text-white px-4 py-2 rounded-lg font-semibold transition-all hover:bg-white/5">Store</a>
                    <div class="relative group">
                        <button type="button" class="text-gray-300 hover:text-white px-4 py-2 rounded-lg font-semibold transition-all inline-flex items-center hover:bg-white/5" aria-haspopup="true">
                            Brands <svg class="ml-1 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg>
                        </button>
                        <div class="absolute left-0 mt-2 w-72 glass rounded-xl shadow-2xl opacity-0 invisible group-hover:opacity-100 group-hover:visible group-focus-within:opacity-100 group-focus-within:visible transition-all duration-300 z-50 overflow-hidden">
                                                        <a href="/brand/baja-designs" class="block px-5 py-3 text-sm text-gray-300 hover:bg-brand-green/10 hover:text-brand-green font-semibold transition-all border-b border-brand-border/50 last:border-0">Baja Designs</a>
                                                        <a href="/brand/darwin-ev" class="block px-5 py-3 text-sm text-gray-300 hover:bg-brand-green/10 hover:text-brand-green font-semibold transition-all border-b border-brand-border/50 last:border-0">Darwin EV</a>
                                                        <a href="/brand/ebmx" class="block px-5 py-3 text-sm text-gray-300 hover:bg-brand-green/10 hover:text-brand-green font-semibold transition-all border-b border-brand-border/50 last:border-0">EBMX</a>
                                                        <a href="/brand/ext-racing" class="block px-5 py-3 text-sm text-gray-300 hover:bg-brand-green/10 hover:text-brand-green font-semibold transition-all border-b border-brand-border/50 last:border-0">EXT Racing</a>
                                                        <a href="/brand/gritshift" class="block px-5 py-3 text-sm text-gray-300 hover:bg-brand-green/10 hover:text-brand-green font-semibold transition-all border-b border-brand-border/50 last:border-0">GritShift</a>
                                                        <a href="/brand/ko-moto" class="block px-5 py-3 text-sm text-gray-300 hover:bg-brand-green/10 hover:text-brand-green font-semibold transition-all border-b border-brand-border/50 last:border-0">KO Moto</a>
                                                        <a href="/brand/luna-cycle" class="block px-5 py-3 text-sm text-gray-300 hover:bg-brand-green/10 hover:text-brand-green font-semibold transition-all border-b border-brand-border/50 last:border-0">Luna Cycle</a>
                                                        <a href="/brand/nucular" class="block px-5 py-3 text-sm text-gray-300 hover:bg-brand-green/10 hover:text-brand-green font-semibold transition-all border-b border-brand-border/50 last:border-0">Nucular</a>
                                                        <a href="/brand/odi" class="block px-5 py-3 text-sm text-gray-300 hover:bg-brand-green/10 hover:text-brand-green font-semibold transition-all border-b border-brand-border/50 last:border-0">ODI</a>
                                                        <a href="/brand/shinko" class="block px-5 py-3 text-sm text-gray-300 hover:bg-brand-green/10 hover:text-brand-green font-semibold transition-all border-b border-brand-border/50 last:border-0">Shinko</a>
                                                        <a href="/brand/sur-ron" class="block px-5 py-3 text-sm text-gray-300 hover:bg-brand-green/10 hover:text-brand-green font-semibold transition-all border-b border-brand-border/50 last:border-0">Sur-Ron</a>
                                                        <a href="/brand/tb-electric-moto" class="block px-5 py-3 text-sm text-gray-300 hover:bg-brand-green/10 hover:text-brand-green font-semibold transition-all border-b border-brand-border/50 last:border-0">TB Electric Moto</a>
                                                        <a href="/brand/warp-9" class="block px-5 py-3 text-sm text-gray-300 hover:bg-brand-green/10 hover:text-brand-green font-semibold transition-all border-b border-brand-border/50 last:border-0">Warp 9</a>
                                                    </div>
                    </div>
                    <div class="relative group">
                        <button type="button" class="text-gray-300 hover:text-white px-4 py-2 rounded-lg font-semibold transition-all inline-flex items-center hover:bg-white/5" aria-haspopup="true">
                            Parts <svg class="ml-1 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg>
                        </button>
                        <div class="absolute left-0 mt-2 w-72 glass rounded-xl shadow-2xl opacity-0 invisible group-hover:opacity-100 group-hover:visible group-focus-within:opacity-100 group-focus-within:visible transition-all duration-300 z-50 overflow-hidden">
                                                        <a href="/category/batteries-chargers" class="block px-5 py-3 text-sm text-gray-300 hover:bg-brand-green/10 hover:text-brand-green font-semibold transition-all border-b border-brand-border/50 last:border-0">Batteries &amp; Chargers</a>
                                                        <a href="/category/brake-systems" class="block px-5 py-3 text-sm text-gray-300 hover:bg-brand-green/10 hover:text-brand-green font-semibold transition-all border-b border-brand-border/50 last:border-0">Brake Systems</a>
                                                        <a href="/category/controllers-electronics" class="block px-5 py-3 text-sm text-gray-300 hover:bg-brand-green/10 hover:text-brand-green font-semibold transition-all border-b border-brand-border/50 last:border-0">Controllers &amp; Electronics</a>
                                                        <a href="/category/decals-plastics" class="block px-5 py-3 text-sm text-gray-300 hover:bg-brand-green/10 hover:text-brand-green font-semibold transition-all border-b border-brand-border/50 last:border-0">Decals &amp; Plastics</a>
                                                        <a href="/category/drivetrains-chains" class="block px-5 py-3 text-sm text-gray-300 hover:bg-brand-green/10 hover:text-brand-green font-semibold transition-all border-b border-brand-border/50 last:border-0">Drivetrains &amp; Chains</a>
                                                        <a href="/category/electric-bikes" class="block px-5 py-3 text-sm text-gray-300 hover:bg-brand-green/10 hover:text-brand-green font-semibold transition-all border-b border-brand-border/50 last:border-0">Electric Bikes</a>
                                                        <a href="/category/foot-pegs-ergonomics" class="block px-5 py-3 text-sm text-gray-300 hover:bg-brand-green/10 hover:text-brand-green font-semibold transition-all border-b border-brand-border/50 last:border-0">Foot Pegs &amp; Ergonomics</a>
                                                        <a href="/category/handlebars-controls" class="block px-5 py-3 text-sm text-gray-300 hover:bg-brand-green/10 hover:text-brand-green font-semibold transition-all border-b border-brand-border/50 last:border-0">Handlebars &amp; Controls</a>
                                                        <a href="/category/protection-bash-guards" class="block px-5 py-3 text-sm text-gray-300 hover:bg-brand-green/10 hover:text-brand-green font-semibold transition-all border-b border-brand-border/50 last:border-0">Protection &amp; Bash Guards</a>
                                                        <a href="/category/seats-comfort" class="block px-5 py-3 text-sm text-gray-300 hover:bg-brand-green/10 hover:text-brand-green font-semibold transition-all border-b border-brand-border/50 last:border-0">Seats &amp; Comfort</a>
                                                        <a href="/category/suspension-forks" class="block px-5 py-3 text-sm text-gray-300 hover:bg-brand-green/10 hover:text-brand-green font-semibold transition-all border-b border-brand-border/50 last:border-0">Suspension &amp; Forks</a>
                                                        <a href="/category/wheels-tires" class="block px-5 py-3 text-sm text-gray-300 hover:bg-brand-green/10 hover:text-brand-green font-semibold transition-all border-b border-brand-border/50 last:border-0">Wheels &amp; Tires</a>
                                                    </div>
                    </div>
                    <a href="/about" class="text-gray-300 hover:text-white px-4 py-2 rounded-lg font-semibold transition-all hover:bg-white/5">About</a>
                    <a href="/contact" class="text-gray-300 hover:text-white px-4 py-2 rounded-lg font-semibold transition-all hover:bg-white/5">Contact</a>
                </div>
                <div class="flex items-center gap-2">
                    <a href="/cart" class="relative text-gray-300 hover:text-brand-green transition-all p-2 rounded-lg hover:bg-white/5" aria-label="Shopping cart">
                        <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path></svg>
                                            </a>
                    <!-- Mobile menu: no JavaScript needed -->
                    <details class="md:hidden relative">
                        <summary class="list-none cursor-pointer p-2 rounded-lg text-gray-300 hover:text-white hover:bg-white/5" aria-label="Open menu">
                            <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path></svg>
                        </summary>
                        <div class="absolute right-0 mt-2 w-72 max-h-[75vh] overflow-y-auto rounded-xl shadow-2xl p-2 bg-brand-panel border border-brand-border">
                            <a href="/" class="block px-4 py-2 font-semibold text-white">Store</a>
                            <a href="/about" class="block px-4 py-2 font-semibold text-white">About</a>
                            <a href="/contact" class="block px-4 py-2 font-semibold text-white">Contact</a>
                            <a href="/shipping" class="block px-4 py-2 font-semibold text-white">Shipping &amp; Returns</a>
                            <p class="px-4 pt-3 pb-1 text-xs font-bold uppercase tracking-widest text-brand-muted">Parts</p>
                                                        <a href="/category/batteries-chargers" class="block px-4 py-2 text-sm text-gray-300 hover:text-brand-green">Batteries &amp; Chargers</a>
                                                        <a href="/category/brake-systems" class="block px-4 py-2 text-sm text-gray-300 hover:text-brand-green">Brake Systems</a>
                                                        <a href="/category/controllers-electronics" class="block px-4 py-2 text-sm text-gray-300 hover:text-brand-green">Controllers &amp; Electronics</a>
                                                        <a href="/category/decals-plastics" class="block px-4 py-2 text-sm text-gray-300 hover:text-brand-green">Decals &amp; Plastics</a>
                                                        <a href="/category/drivetrains-chains" class="block px-4 py-2 text-sm text-gray-300 hover:text-brand-green">Drivetrains &amp; Chains</a>
                                                        <a href="/category/electric-bikes" class="block px-4 py-2 text-sm text-gray-300 hover:text-brand-green">Electric Bikes</a>
                                                        <a href="/category/foot-pegs-ergonomics" class="block px-4 py-2 text-sm text-gray-300 hover:text-brand-green">Foot Pegs &amp; Ergonomics</a>
                                                        <a href="/category/handlebars-controls" class="block px-4 py-2 text-sm text-gray-300 hover:text-brand-green">Handlebars &amp; Controls</a>
                                                        <a href="/category/protection-bash-guards" class="block px-4 py-2 text-sm text-gray-300 hover:text-brand-green">Protection &amp; Bash Guards</a>
                                                        <a href="/category/seats-comfort" class="block px-4 py-2 text-sm text-gray-300 hover:text-brand-green">Seats &amp; Comfort</a>
                                                        <a href="/category/suspension-forks" class="block px-4 py-2 text-sm text-gray-300 hover:text-brand-green">Suspension &amp; Forks</a>
                                                        <a href="/category/wheels-tires" class="block px-4 py-2 text-sm text-gray-300 hover:text-brand-green">Wheels &amp; Tires</a>
                                                        <p class="px-4 pt-3 pb-1 text-xs font-bold uppercase tracking-widest text-brand-muted">Brands</p>
                                                        <a href="/brand/baja-designs" class="block px-4 py-2 text-sm text-gray-300 hover:text-brand-green">Baja Designs</a>
                                                        <a href="/brand/darwin-ev" class="block px-4 py-2 text-sm text-gray-300 hover:text-brand-green">Darwin EV</a>
                                                        <a href="/brand/ebmx" class="block px-4 py-2 text-sm text-gray-300 hover:text-brand-green">EBMX</a>
                                                        <a href="/brand/ext-racing" class="block px-4 py-2 text-sm text-gray-300 hover:text-brand-green">EXT Racing</a>
                                                        <a href="/brand/gritshift" class="block px-4 py-2 text-sm text-gray-300 hover:text-brand-green">GritShift</a>
                                                        <a href="/brand/ko-moto" class="block px-4 py-2 text-sm text-gray-300 hover:text-brand-green">KO Moto</a>
                                                        <a href="/brand/luna-cycle" class="block px-4 py-2 text-sm text-gray-300 hover:text-brand-green">Luna Cycle</a>
                                                        <a href="/brand/nucular" class="block px-4 py-2 text-sm text-gray-300 hover:text-brand-green">Nucular</a>
                                                        <a href="/brand/odi" class="block px-4 py-2 text-sm text-gray-300 hover:text-brand-green">ODI</a>
                                                        <a href="/brand/shinko" class="block px-4 py-2 text-sm text-gray-300 hover:text-brand-green">Shinko</a>
                                                        <a href="/brand/sur-ron" class="block px-4 py-2 text-sm text-gray-300 hover:text-brand-green">Sur-Ron</a>
                                                        <a href="/brand/tb-electric-moto" class="block px-4 py-2 text-sm text-gray-300 hover:text-brand-green">TB Electric Moto</a>
                                                        <a href="/brand/warp-9" class="block px-4 py-2 text-sm text-gray-300 hover:text-brand-green">Warp 9</a>
                                                    </div>
                    </details>
                </div>
            </div>
        </nav>
    </header>
    <main id="main" class="flex-grow">
        
<!-- Hero -->
<section class="relative overflow-hidden bg-brand-dark pt-20 pb-36">
    <div class="absolute inset-0 z-0" aria-hidden="true">
        <div class="absolute inset-0 bg-gradient-to-br from-brand-green/5 via-transparent to-brand-accent/5 animate-gradient"></div>
        <div class="absolute top-1/4 left-1/4 w-96 h-96 bg-brand-green/5 rounded-full blur-[120px] animate-pulse"></div>
        <div class="absolute bottom-1/4 right-1/4 w-72 h-72 bg-brand-accent/5 rounded-full blur-[100px] animate-pulse" style="animation-delay:1.5s"></div>
    </div>
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-20 text-center">
        <div class="animate-slide-up">
            <p class="inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-brand-green/10 border border-brand-green/20 text-brand-green text-sm font-semibold mb-6">
                <span class="w-2 h-2 rounded-full bg-brand-green animate-pulse" aria-hidden="true"></span> 30% OFF MSRP ON ALL MODELS
            </p>
            <h1 class="text-4xl md:text-6xl lg:text-7xl font-black text-white tracking-tight leading-none mb-6">Sur-Ron Electric Dirt Bikes<br><span class="text-brand-green text-glow">&amp; Performance Parts</span></h1>
            <p class="mt-4 max-w-2xl text-lg md:text-xl text-brand-muted mx-auto font-medium leading-relaxed">Light Bee X, Ultra Bee, Storm Bee and Hyper Bee e-bikes, plus fitment-verified controllers, batteries, suspension, brakes and wheels. Shipped across the US.</p>
        </div>
    </div>
</section>

<!-- YMM Selector -->
<section class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 relative z-30 -mt-20 mb-16" aria-labelledby="ymm-title">
    <div class="glass rounded-2xl p-6 shadow-2xl shadow-brand-green/5">
        <div class="flex items-center gap-2 mb-4">
            <svg class="w-5 h-5 text-brand-green" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg>
            <h2 id="ymm-title" class="text-sm font-bold text-brand-muted uppercase tracking-widest">Find Parts By Bike</h2>
        </div>
        <form action="/" method="GET" class="flex flex-col md:flex-row gap-4 items-end">
            <div class="w-full md:w-1/4">
                <label for="ymm-year" class="block text-xs font-bold text-brand-muted uppercase tracking-widest mb-2">Year</label>
                <select id="ymm-year" name="year" class="w-full bg-brand-dark border border-brand-border text-white rounded-xl px-4 py-3 focus:outline-none focus:border-brand-green appearance-none font-semibold">
                    <option value="">Any Year</option>
                    <option value="2026" >2026</option><option value="2025" >2025</option><option value="2024" >2024</option><option value="2023" >2023</option><option value="2022" >2022</option><option value="2021" >2021</option><option value="2020" >2020</option>                </select>
            </div>
            <div class="w-full md:w-1/4">
                <label for="ymm-make" class="block text-xs font-bold text-brand-muted uppercase tracking-widest mb-2">Make</label>
                <select id="ymm-make" name="make" class="w-full bg-brand-dark border border-brand-border text-white rounded-xl px-4 py-3 focus:outline-none focus:border-brand-green appearance-none font-semibold">
                    <option value="">Any Make</option>
                    <option value="baja-designs" >Baja Designs</option><option value="darwin-ev" >Darwin EV</option><option value="ebmx" >EBMX</option><option value="ext-racing" >EXT Racing</option><option value="gritshift" >GritShift</option><option value="ko-moto" >KO Moto</option><option value="luna-cycle" >Luna Cycle</option><option value="nucular" >Nucular</option><option value="odi" >ODI</option><option value="shinko" >Shinko</option><option value="sur-ron" >Sur-Ron</option><option value="tb-electric-moto" >TB Electric Moto</option><option value="warp-9" >Warp 9</option>                </select>
            </div>
            <div class="w-full md:w-1/4">
                <label for="ymm-model" class="block text-xs font-bold text-brand-muted uppercase tracking-widest mb-2">Model</label>
                <select id="ymm-model" name="model" class="w-full bg-brand-dark border border-brand-border text-white rounded-xl px-4 py-3 focus:outline-none focus:border-brand-green appearance-none font-semibold">
                    <option value="">Any Model</option>
                    <option value="sur-ron-hyper-bee" >Hyper Bee</option><option value="sur-ron-light-bee-l1e" >Light Bee L1E</option><option value="sur-ron-light-bee-x" >Light Bee X</option><option value="sur-ron-storm-bee" >Storm Bee</option><option value="sur-ron-ultra-bee" >Ultra Bee</option>                </select>
            </div>
            <div class="w-full md:w-1/4">
                <button type="submit" class="w-full bg-brand-green hover:bg-brand-lime text-black font-bold py-3 px-6 rounded-xl transition-all shadow-[0_0_15px_rgba(57,255,20,0.3)] uppercase tracking-wider">Find Parts</button>
            </div>
        </form>
            </div>
</section>

<!-- Shop by category (crawlable internal links to every category hub) -->
<section class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mb-16" aria-labelledby="cat-title">
    <h2 id="cat-title" class="text-2xl md:text-3xl font-black text-white tracking-tight mb-6">Shop Sur-Ron Parts by Category</h2>
    <ul class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-3">
                <li><a href="/category/batteries-chargers" class="block glass-card border border-brand-border rounded-xl px-4 py-3 font-semibold text-gray-200 hover:text-brand-green hover:border-brand-green/40 transition-colors">Batteries &amp; Chargers</a></li>
                <li><a href="/category/brake-systems" class="block glass-card border border-brand-border rounded-xl px-4 py-3 font-semibold text-gray-200 hover:text-brand-green hover:border-brand-green/40 transition-colors">Brake Systems</a></li>
                <li><a href="/category/controllers-electronics" class="block glass-card border border-brand-border rounded-xl px-4 py-3 font-semibold text-gray-200 hover:text-brand-green hover:border-brand-green/40 transition-colors">Controllers &amp; Electronics</a></li>
                <li><a href="/category/decals-plastics" class="block glass-card border border-brand-border rounded-xl px-4 py-3 font-semibold text-gray-200 hover:text-brand-green hover:border-brand-green/40 transition-colors">Decals &amp; Plastics</a></li>
                <li><a href="/category/drivetrains-chains" class="block glass-card border border-brand-border rounded-xl px-4 py-3 font-semibold text-gray-200 hover:text-brand-green hover:border-brand-green/40 transition-colors">Drivetrains &amp; Chains</a></li>
                <li><a href="/category/electric-bikes" class="block glass-card border border-brand-border rounded-xl px-4 py-3 font-semibold text-gray-200 hover:text-brand-green hover:border-brand-green/40 transition-colors">Electric Bikes</a></li>
                <li><a href="/category/foot-pegs-ergonomics" class="block glass-card border border-brand-border rounded-xl px-4 py-3 font-semibold text-gray-200 hover:text-brand-green hover:border-brand-green/40 transition-colors">Foot Pegs &amp; Ergonomics</a></li>
                <li><a href="/category/handlebars-controls" class="block glass-card border border-brand-border rounded-xl px-4 py-3 font-semibold text-gray-200 hover:text-brand-green hover:border-brand-green/40 transition-colors">Handlebars &amp; Controls</a></li>
                <li><a href="/category/protection-bash-guards" class="block glass-card border border-brand-border rounded-xl px-4 py-3 font-semibold text-gray-200 hover:text-brand-green hover:border-brand-green/40 transition-colors">Protection &amp; Bash Guards</a></li>
                <li><a href="/category/seats-comfort" class="block glass-card border border-brand-border rounded-xl px-4 py-3 font-semibold text-gray-200 hover:text-brand-green hover:border-brand-green/40 transition-colors">Seats &amp; Comfort</a></li>
                <li><a href="/category/suspension-forks" class="block glass-card border border-brand-border rounded-xl px-4 py-3 font-semibold text-gray-200 hover:text-brand-green hover:border-brand-green/40 transition-colors">Suspension &amp; Forks</a></li>
                <li><a href="/category/wheels-tires" class="block glass-card border border-brand-border rounded-xl px-4 py-3 font-semibold text-gray-200 hover:text-brand-green hover:border-brand-green/40 transition-colors">Wheels &amp; Tires</a></li>
            </ul>
</section>

<!-- Product Grid -->
<section class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mb-24" aria-labelledby="products-title">
    <div class="flex items-center justify-between mb-10">
        <div>
            <h2 id="products-title" class="text-3xl md:text-4xl font-black text-white tracking-tight">Sur-Ron Bikes &amp; Upgrades In Stock</h2>
            <p class="text-brand-muted mt-1">Complete bikes and the most-searched aftermarket upgrades</p>
        </div>
        <span class="bg-brand-green/10 text-brand-green text-sm font-bold px-4 py-1.5 rounded-full border border-brand-green/20">27 Results</span>
    </div>

        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8 w-full">
                <article class="product-card glass-card rounded-2xl border border-brand-border overflow-hidden flex flex-col h-full group">
            <a href="/product/darwin-ev-primary-belt-drive-conversion" class="relative h-64 overflow-hidden bg-brand-dark flex items-center justify-center p-6 block" tabindex="-1" aria-hidden="true">
                                <img src="/images/products/belt-drive-400.webp" srcset="/images/products/belt-drive-400.webp 400w, /images/products/belt-drive-800.webp 800w" sizes="(min-width: 1024px) 380px, (min-width: 640px) 50vw, 100vw" alt="Darwin EV Primary Belt Drive Conversion" width="400" height="400" class="transform group-hover:scale-110 transition-transform duration-700 max-h-full w-auto object-contain filter drop-shadow-[0_10px_20px_rgba(57,255,20,0.1)]" loading="lazy" decoding="async">                                <span class="absolute top-4 right-4 badge-shimmer text-black text-xs font-black px-2.5 py-1 rounded-lg uppercase tracking-widest shadow-lg z-10">30% OFF</span>            </a>
            <div class="p-6 flex flex-col flex-grow">
                <p class="text-xs font-bold text-brand-green uppercase tracking-widest mb-1">Drivetrains &amp; Chains</p>
                <h3 class="text-lg font-bold text-white leading-tight mb-2"><a href="/product/darwin-ev-primary-belt-drive-conversion" class="hover:text-brand-green transition-colors">Darwin EV Primary Belt Drive Conversion</a></h3>
                <p class="text-sm text-brand-muted line-clamp-2 mb-4 flex-grow">The Darwin EV Primary Belt Drive Conversion is a precision drivetrain upgrade engineered to eliminate primary chain grind, reduce rotational inertia, and deliver whisper-quiet</p>
                <div class="flex items-end justify-between mt-auto pt-4 border-t border-brand-border/50">
                    <div>
                        <span class="block text-sm text-brand-muted/60 line-through mb-0.5">MSRP: $349.00</span>
                        <span class="block text-2xl font-black text-white">$244.30</span>
                    </div>
                    <form action="/cart-action" method="POST">
                        <input type="hidden" name="csrf_token" value="555e04344eba1b800dc959fcfda26a0805883c36f452d55827aa6d6991843ab4">                        <input type="hidden" name="action" value="add">
                        <input type="hidden" name="product_id" value="25">
                        <button type="submit" class="bg-brand-green/10 hover:bg-brand-green text-brand-green hover:text-black font-bold p-3 rounded-xl transition-all border border-brand-green/20 hover:border-brand-green" aria-label="Add Darwin EV Primary Belt Drive Conversion to cart">
                            <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" /></svg>
                        </button>
                    </form>
                </div>
            </div>
        </article>
                <article class="product-card glass-card rounded-2xl border border-brand-border overflow-hidden flex flex-col h-full group">
            <a href="/product/ebmx-gold-race-chain-sprocket-kit" class="relative h-64 overflow-hidden bg-brand-dark flex items-center justify-center p-6 block" tabindex="-1" aria-hidden="true">
                                <img src="/images/products/chain-sprocket-400.webp" srcset="/images/products/chain-sprocket-400.webp 400w, /images/products/chain-sprocket-800.webp 800w" sizes="(min-width: 1024px) 380px, (min-width: 640px) 50vw, 100vw" alt="EBMX Gold Race Chain &amp; Sprocket Kit" width="400" height="400" class="transform group-hover:scale-110 transition-transform duration-700 max-h-full w-auto object-contain filter drop-shadow-[0_10px_20px_rgba(57,255,20,0.1)]" loading="lazy" decoding="async">                                <span class="absolute top-4 right-4 badge-shimmer text-black text-xs font-black px-2.5 py-1 rounded-lg uppercase tracking-widest shadow-lg z-10">30% OFF</span>            </a>
            <div class="p-6 flex flex-col flex-grow">
                <p class="text-xs font-bold text-brand-green uppercase tracking-widest mb-1">Drivetrains &amp; Chains</p>
                <h3 class="text-lg font-bold text-white leading-tight mb-2"><a href="/product/ebmx-gold-race-chain-sprocket-kit" class="hover:text-brand-green transition-colors">EBMX Gold Race Chain &amp; Sprocket Kit</a></h3>
                <p class="text-sm text-brand-muted line-clamp-2 mb-4 flex-grow">The EBMX Gold Race Chain &amp; Sprocket Kit is a heavy-duty final drive upgrade engineered by EBMX in Australia to handle the massive instantaneous torque of tuned electric dirt</p>
                <div class="flex items-end justify-between mt-auto pt-4 border-t border-brand-border/50">
                    <div>
                        <span class="block text-sm text-brand-muted/60 line-through mb-0.5">MSRP: $189.00</span>
                        <span class="block text-2xl font-black text-white">$132.30</span>
                    </div>
                    <form action="/cart-action" method="POST">
                        <input type="hidden" name="csrf_token" value="555e04344eba1b800dc959fcfda26a0805883c36f452d55827aa6d6991843ab4">                        <input type="hidden" name="action" value="add">
                        <input type="hidden" name="product_id" value="24">
                        <button type="submit" class="bg-brand-green/10 hover:bg-brand-green text-brand-green hover:text-black font-bold p-3 rounded-xl transition-all border border-brand-green/20 hover:border-brand-green" aria-label="Add EBMX Gold Race Chain &amp; Sprocket Kit to cart">
                            <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" /></svg>
                        </button>
                    </form>
                </div>
            </div>
        </article>
                <article class="product-card glass-card rounded-2xl border border-brand-border overflow-hidden flex flex-col h-full group">
            <a href="/product/ebmx-x-9000-controller-upgrade-kit" class="relative h-64 overflow-hidden bg-brand-dark flex items-center justify-center p-6 block" tabindex="-1" aria-hidden="true">
                                <img src="/images/products/ebmx-controller-400.webp" srcset="/images/products/ebmx-controller-400.webp 400w, /images/products/ebmx-controller-800.webp 800w" sizes="(min-width: 1024px) 380px, (min-width: 640px) 50vw, 100vw" alt="EBMX X-9000 Controller Upgrade Kit" width="400" height="400" class="transform group-hover:scale-110 transition-transform duration-700 max-h-full w-auto object-contain filter drop-shadow-[0_10px_20px_rgba(57,255,20,0.1)]" loading="lazy" decoding="async">                                <span class="absolute top-4 right-4 badge-shimmer text-black text-xs font-black px-2.5 py-1 rounded-lg uppercase tracking-widest shadow-lg z-10">30% OFF</span>            </a>
            <div class="p-6 flex flex-col flex-grow">
                <p class="text-xs font-bold text-brand-green uppercase tracking-widest mb-1">Controllers &amp; Electronics</p>
                <h3 class="text-lg font-bold text-white leading-tight mb-2"><a href="/product/ebmx-x-9000-controller-upgrade-kit" class="hover:text-brand-green transition-colors">EBMX X-9000 Controller Upgrade Kit</a></h3>
                <p class="text-sm text-brand-muted line-clamp-2 mb-4 flex-grow">The EBMX X-9000 Controller Upgrade Kit is widely considered the pinnacle of aftermarket powertrain control for electric off-road motorcycles. Designed and engineered from the</p>
                <div class="flex items-end justify-between mt-auto pt-4 border-t border-brand-border/50">
                    <div>
                        <span class="block text-sm text-brand-muted/60 line-through mb-0.5">MSRP: $899.00</span>
                        <span class="block text-2xl font-black text-white">$629.30</span>
                    </div>
                    <form action="/cart-action" method="POST">
                        <input type="hidden" name="csrf_token" value="555e04344eba1b800dc959fcfda26a0805883c36f452d55827aa6d6991843ab4">                        <input type="hidden" name="action" value="add">
                        <input type="hidden" name="product_id" value="6">
                        <button type="submit" class="bg-brand-green/10 hover:bg-brand-green text-brand-green hover:text-black font-bold p-3 rounded-xl transition-all border border-brand-green/20 hover:border-brand-green" aria-label="Add EBMX X-9000 Controller Upgrade Kit to cart">
                            <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" /></svg>
                        </button>
                    </form>
                </div>
            </div>
        </article>
                <article class="product-card glass-card rounded-2xl border border-brand-border overflow-hidden flex flex-col h-full group">
            <a href="/product/ext-racing-era-fork-cartridge-kit" class="relative h-64 overflow-hidden bg-brand-dark flex items-center justify-center p-6 block" tabindex="-1" aria-hidden="true">
                                <img src="/images/products/suspension-fork-400.webp" srcset="/images/products/suspension-fork-400.webp 400w, /images/products/suspension-fork-800.webp 800w" sizes="(min-width: 1024px) 380px, (min-width: 640px) 50vw, 100vw" alt="EXT Racing ERA Fork Cartridge Kit" width="400" height="400" class="transform group-hover:scale-110 transition-transform duration-700 max-h-full w-auto object-contain filter drop-shadow-[0_10px_20px_rgba(57,255,20,0.1)]" loading="lazy" decoding="async">                                <span class="absolute top-4 right-4 badge-shimmer text-black text-xs font-black px-2.5 py-1 rounded-lg uppercase tracking-widest shadow-lg z-10">30% OFF</span>            </a>
            <div class="p-6 flex flex-col flex-grow">
                <p class="text-xs font-bold text-brand-green uppercase tracking-widest mb-1">Suspension &amp; Forks</p>
                <h3 class="text-lg font-bold text-white leading-tight mb-2"><a href="/product/ext-racing-era-fork-cartridge-kit" class="hover:text-brand-green transition-colors">EXT Racing ERA Fork Cartridge Kit</a></h3>
                <p class="text-sm text-brand-muted line-clamp-2 mb-4 flex-grow">The EXT Racing ERA Fork Cartridge Kit brings elite Italian motorsport hydraulic damping and suspension engineering to the Sur-Ron electric dirt bike platform. Handcrafted in</p>
                <div class="flex items-end justify-between mt-auto pt-4 border-t border-brand-border/50">
                    <div>
                        <span class="block text-sm text-brand-muted/60 line-through mb-0.5">MSRP: $1,450.00</span>
                        <span class="block text-2xl font-black text-white">$1,015.00</span>
                    </div>
                    <form action="/cart-action" method="POST">
                        <input type="hidden" name="csrf_token" value="555e04344eba1b800dc959fcfda26a0805883c36f452d55827aa6d6991843ab4">                        <input type="hidden" name="action" value="add">
                        <input type="hidden" name="product_id" value="10">
                        <button type="submit" class="bg-brand-green/10 hover:bg-brand-green text-brand-green hover:text-black font-bold p-3 rounded-xl transition-all border border-brand-green/20 hover:border-brand-green" aria-label="Add EXT Racing ERA Fork Cartridge Kit to cart">
                            <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" /></svg>
                        </button>
                    </form>
                </div>
            </div>
        </article>
                <article class="product-card glass-card rounded-2xl border border-brand-border overflow-hidden flex flex-col h-full group">
            <a href="/product/gritshift-custom-decal-kit-neon-series" class="relative h-64 overflow-hidden bg-brand-dark flex items-center justify-center p-6 block" tabindex="-1" aria-hidden="true">
                                <img src="/images/products/decal-kit-400.webp" srcset="/images/products/decal-kit-400.webp 400w, /images/products/decal-kit-800.webp 800w" sizes="(min-width: 1024px) 380px, (min-width: 640px) 50vw, 100vw" alt="GritShift Custom Decal Kit - Neon Series" width="400" height="400" class="transform group-hover:scale-110 transition-transform duration-700 max-h-full w-auto object-contain filter drop-shadow-[0_10px_20px_rgba(57,255,20,0.1)]" loading="lazy" decoding="async">                                <span class="absolute top-4 right-4 badge-shimmer text-black text-xs font-black px-2.5 py-1 rounded-lg uppercase tracking-widest shadow-lg z-10">30% OFF</span>            </a>
            <div class="p-6 flex flex-col flex-grow">
                <p class="text-xs font-bold text-brand-green uppercase tracking-widest mb-1">Decals &amp; Plastics</p>
                <h3 class="text-lg font-bold text-white leading-tight mb-2"><a href="/product/gritshift-custom-decal-kit-neon-series" class="hover:text-brand-green transition-colors">GritShift Custom Decal Kit - Neon Series</a></h3>
                <p class="text-sm text-brand-muted line-clamp-2 mb-4 flex-grow">The GritShift Custom Decal Kit - Neon Series is a premium graphic wrap designed to transform the visual identity of your Sur-Ron electric dirt bike while providing durable surface</p>
                <div class="flex items-end justify-between mt-auto pt-4 border-t border-brand-border/50">
                    <div>
                        <span class="block text-sm text-brand-muted/60 line-through mb-0.5">MSRP: $79.00</span>
                        <span class="block text-2xl font-black text-white">$55.30</span>
                    </div>
                    <form action="/cart-action" method="POST">
                        <input type="hidden" name="csrf_token" value="555e04344eba1b800dc959fcfda26a0805883c36f452d55827aa6d6991843ab4">                        <input type="hidden" name="action" value="add">
                        <input type="hidden" name="product_id" value="20">
                        <button type="submit" class="bg-brand-green/10 hover:bg-brand-green text-brand-green hover:text-black font-bold p-3 rounded-xl transition-all border border-brand-green/20 hover:border-brand-green" aria-label="Add GritShift Custom Decal Kit - Neon Series to cart">
                            <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" /></svg>
                        </button>
                    </form>
                </div>
            </div>
        </article>
                <article class="product-card glass-card rounded-2xl border border-brand-border overflow-hidden flex flex-col h-full group">
            <a href="/product/gritshift-gripper-seat-cover-pro-series" class="relative h-64 overflow-hidden bg-brand-dark flex items-center justify-center p-6 block" tabindex="-1" aria-hidden="true">
                                <img src="/images/products/seat-cover-400.webp" srcset="/images/products/seat-cover-400.webp 400w, /images/products/seat-cover-800.webp 800w" sizes="(min-width: 1024px) 380px, (min-width: 640px) 50vw, 100vw" alt="GritShift Gripper Seat Cover - Pro Series" width="400" height="400" class="transform group-hover:scale-110 transition-transform duration-700 max-h-full w-auto object-contain filter drop-shadow-[0_10px_20px_rgba(57,255,20,0.1)]" loading="lazy" decoding="async">                                <span class="absolute top-4 right-4 badge-shimmer text-black text-xs font-black px-2.5 py-1 rounded-lg uppercase tracking-widest shadow-lg z-10">30% OFF</span>            </a>
            <div class="p-6 flex flex-col flex-grow">
                <p class="text-xs font-bold text-brand-green uppercase tracking-widest mb-1">Seats &amp; Comfort</p>
                <h3 class="text-lg font-bold text-white leading-tight mb-2"><a href="/product/gritshift-gripper-seat-cover-pro-series" class="hover:text-brand-green transition-colors">GritShift Gripper Seat Cover - Pro Series</a></h3>
                <p class="text-sm text-brand-muted line-clamp-2 mb-4 flex-grow">The GritShift Gripper Seat Cover - Pro Series is an essential ergonomic and traction upgrade designed to keep riders securely anchored in the saddle during aggressive acceleration</p>
                <div class="flex items-end justify-between mt-auto pt-4 border-t border-brand-border/50">
                    <div>
                        <span class="block text-sm text-brand-muted/60 line-through mb-0.5">MSRP: $59.00</span>
                        <span class="block text-2xl font-black text-white">$41.30</span>
                    </div>
                    <form action="/cart-action" method="POST">
                        <input type="hidden" name="csrf_token" value="555e04344eba1b800dc959fcfda26a0805883c36f452d55827aa6d6991843ab4">                        <input type="hidden" name="action" value="add">
                        <input type="hidden" name="product_id" value="26">
                        <button type="submit" class="bg-brand-green/10 hover:bg-brand-green text-brand-green hover:text-black font-bold p-3 rounded-xl transition-all border border-brand-green/20 hover:border-brand-green" aria-label="Add GritShift Gripper Seat Cover - Pro Series to cart">
                            <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" /></svg>
                        </button>
                    </form>
                </div>
            </div>
        </article>
                <article class="product-card glass-card rounded-2xl border border-brand-border overflow-hidden flex flex-col h-full group">
            <a href="/product/gritshift-handlebar-riser-kit-50mm" class="relative h-64 overflow-hidden bg-brand-dark flex items-center justify-center p-6 block" tabindex="-1" aria-hidden="true">
                                <img src="/images/products/handlebar-riser-400.webp" srcset="/images/products/handlebar-riser-400.webp 400w, /images/products/handlebar-riser-800.webp 800w" sizes="(min-width: 1024px) 380px, (min-width: 640px) 50vw, 100vw" alt="GritShift Handlebar Riser Kit 50mm" width="400" height="400" class="transform group-hover:scale-110 transition-transform duration-700 max-h-full w-auto object-contain filter drop-shadow-[0_10px_20px_rgba(57,255,20,0.1)]" loading="lazy" decoding="async">                                <span class="absolute top-4 right-4 badge-shimmer text-black text-xs font-black px-2.5 py-1 rounded-lg uppercase tracking-widest shadow-lg z-10">30% OFF</span>            </a>
            <div class="p-6 flex flex-col flex-grow">
                <p class="text-xs font-bold text-brand-green uppercase tracking-widest mb-1">Handlebars &amp; Controls</p>
                <h3 class="text-lg font-bold text-white leading-tight mb-2"><a href="/product/gritshift-handlebar-riser-kit-50mm" class="hover:text-brand-green transition-colors">GritShift Handlebar Riser Kit 50mm</a></h3>
                <p class="text-sm text-brand-muted line-clamp-2 mb-4 flex-grow">The GritShift Handlebar Riser Kit 50mm is an essential ergonomic upgrade engineered to solve the cramped, low cockpit geometry of the Sur-Ron electric dirt bike. Designed by</p>
                <div class="flex items-end justify-between mt-auto pt-4 border-t border-brand-border/50">
                    <div>
                        <span class="block text-sm text-brand-muted/60 line-through mb-0.5">MSRP: $89.00</span>
                        <span class="block text-2xl font-black text-white">$62.30</span>
                    </div>
                    <form action="/cart-action" method="POST">
                        <input type="hidden" name="csrf_token" value="555e04344eba1b800dc959fcfda26a0805883c36f452d55827aa6d6991843ab4">                        <input type="hidden" name="action" value="add">
                        <input type="hidden" name="product_id" value="14">
                        <button type="submit" class="bg-brand-green/10 hover:bg-brand-green text-brand-green hover:text-black font-bold p-3 rounded-xl transition-all border border-brand-green/20 hover:border-brand-green" aria-label="Add GritShift Handlebar Riser Kit 50mm to cart">
                            <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" /></svg>
                        </button>
                    </form>
                </div>
            </div>
        </article>
                <article class="product-card glass-card rounded-2xl border border-brand-border overflow-hidden flex flex-col h-full group">
            <a href="/product/gritshift-motor-bash-guard-aluminum" class="relative h-64 overflow-hidden bg-brand-dark flex items-center justify-center p-6 block" tabindex="-1" aria-hidden="true">
                                <img src="/images/products/bash-guard-400.webp" srcset="/images/products/bash-guard-400.webp 400w, /images/products/bash-guard-800.webp 800w" sizes="(min-width: 1024px) 380px, (min-width: 640px) 50vw, 100vw" alt="GritShift Motor Bash Guard - Aluminum" width="400" height="400" class="transform group-hover:scale-110 transition-transform duration-700 max-h-full w-auto object-contain filter drop-shadow-[0_10px_20px_rgba(57,255,20,0.1)]" loading="lazy" decoding="async">                                <span class="absolute top-4 right-4 badge-shimmer text-black text-xs font-black px-2.5 py-1 rounded-lg uppercase tracking-widest shadow-lg z-10">30% OFF</span>            </a>
            <div class="p-6 flex flex-col flex-grow">
                <p class="text-xs font-bold text-brand-green uppercase tracking-widest mb-1">Protection &amp; Bash Guards</p>
                <h3 class="text-lg font-bold text-white leading-tight mb-2"><a href="/product/gritshift-motor-bash-guard-aluminum" class="hover:text-brand-green transition-colors">GritShift Motor Bash Guard - Aluminum</a></h3>
                <p class="text-sm text-brand-muted line-clamp-2 mb-4 flex-grow">The GritShift Motor Bash Guard - Aluminum is heavy-duty undercarriage armor engineered to protect the vulnerable electric motor casing, phase wiring harness, and cooling fins of</p>
                <div class="flex items-end justify-between mt-auto pt-4 border-t border-brand-border/50">
                    <div>
                        <span class="block text-sm text-brand-muted/60 line-through mb-0.5">MSRP: $149.00</span>
                        <span class="block text-2xl font-black text-white">$104.30</span>
                    </div>
                    <form action="/cart-action" method="POST">
                        <input type="hidden" name="csrf_token" value="555e04344eba1b800dc959fcfda26a0805883c36f452d55827aa6d6991843ab4">                        <input type="hidden" name="action" value="add">
                        <input type="hidden" name="product_id" value="22">
                        <button type="submit" class="bg-brand-green/10 hover:bg-brand-green text-brand-green hover:text-black font-bold p-3 rounded-xl transition-all border border-brand-green/20 hover:border-brand-green" aria-label="Add GritShift Motor Bash Guard - Aluminum to cart">
                            <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" /></svg>
                        </button>
                    </form>
                </div>
            </div>
        </article>
                <article class="product-card glass-card rounded-2xl border border-brand-border overflow-hidden flex flex-col h-full group">
            <a href="/product/gritshift-pro-peg-brace-kit" class="relative h-64 overflow-hidden bg-brand-dark flex items-center justify-center p-6 block" tabindex="-1" aria-hidden="true">
                                <img src="/images/products/peg-brace-400.webp" srcset="/images/products/peg-brace-400.webp 400w, /images/products/peg-brace-800.webp 800w" sizes="(min-width: 1024px) 380px, (min-width: 640px) 50vw, 100vw" alt="GritShift Pro Peg Brace Kit" width="400" height="400" class="transform group-hover:scale-110 transition-transform duration-700 max-h-full w-auto object-contain filter drop-shadow-[0_10px_20px_rgba(57,255,20,0.1)]" loading="lazy" decoding="async">                                <span class="absolute top-4 right-4 badge-shimmer text-black text-xs font-black px-2.5 py-1 rounded-lg uppercase tracking-widest shadow-lg z-10">30% OFF</span>            </a>
            <div class="p-6 flex flex-col flex-grow">
                <p class="text-xs font-bold text-brand-green uppercase tracking-widest mb-1">Foot Pegs &amp; Ergonomics</p>
                <h3 class="text-lg font-bold text-white leading-tight mb-2"><a href="/product/gritshift-pro-peg-brace-kit" class="hover:text-brand-green transition-colors">GritShift Pro Peg Brace Kit</a></h3>
                <p class="text-sm text-brand-muted line-clamp-2 mb-4 flex-grow">The GritShift Pro Peg Brace Kit is the single most critical structural reinforcement upgrade available for the Sur-Ron Light Bee platform. Designed and engineered in Florida by</p>
                <div class="flex items-end justify-between mt-auto pt-4 border-t border-brand-border/50">
                    <div>
                        <span class="block text-sm text-brand-muted/60 line-through mb-0.5">MSRP: $129.00</span>
                        <span class="block text-2xl font-black text-white">$90.30</span>
                    </div>
                    <form action="/cart-action" method="POST">
                        <input type="hidden" name="csrf_token" value="555e04344eba1b800dc959fcfda26a0805883c36f452d55827aa6d6991843ab4">                        <input type="hidden" name="action" value="add">
                        <input type="hidden" name="product_id" value="13">
                        <button type="submit" class="bg-brand-green/10 hover:bg-brand-green text-brand-green hover:text-black font-bold p-3 rounded-xl transition-all border border-brand-green/20 hover:border-brand-green" aria-label="Add GritShift Pro Peg Brace Kit to cart">
                            <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" /></svg>
                        </button>
                    </form>
                </div>
            </div>
        </article>
                <article class="product-card glass-card rounded-2xl border border-brand-border overflow-hidden flex flex-col h-full group">
            <a href="/product/gritshift-sintered-brake-pad-set-front-rear" class="relative h-64 overflow-hidden bg-brand-dark flex items-center justify-center p-6 block" tabindex="-1" aria-hidden="true">
                                <img src="/images/products/brake-pads-400.webp" srcset="/images/products/brake-pads-400.webp 400w, /images/products/brake-pads-800.webp 800w" sizes="(min-width: 1024px) 380px, (min-width: 640px) 50vw, 100vw" alt="GritShift Sintered Brake Pad Set (Front + Rear)" width="400" height="400" class="transform group-hover:scale-110 transition-transform duration-700 max-h-full w-auto object-contain filter drop-shadow-[0_10px_20px_rgba(57,255,20,0.1)]" loading="lazy" decoding="async">                                <span class="absolute top-4 right-4 badge-shimmer text-black text-xs font-black px-2.5 py-1 rounded-lg uppercase tracking-widest shadow-lg z-10">30% OFF</span>            </a>
            <div class="p-6 flex flex-col flex-grow">
                <p class="text-xs font-bold text-brand-green uppercase tracking-widest mb-1">Brake Systems</p>
                <h3 class="text-lg font-bold text-white leading-tight mb-2"><a href="/product/gritshift-sintered-brake-pad-set-front-rear" class="hover:text-brand-green transition-colors">GritShift Sintered Brake Pad Set (Front + Rear)</a></h3>
                <p class="text-sm text-brand-muted line-clamp-2 mb-4 flex-grow">The GritShift Sintered Brake Pad Set (Front + Rear) is a high-temperature friction upgrade engineered to eliminate brake fade and restore crisp, powerful stopping power to Sur-Ron</p>
                <div class="flex items-end justify-between mt-auto pt-4 border-t border-brand-border/50">
                    <div>
                        <span class="block text-sm text-brand-muted/60 line-through mb-0.5">MSRP: $49.95</span>
                        <span class="block text-2xl font-black text-white">$34.97</span>
                    </div>
                    <form action="/cart-action" method="POST">
                        <input type="hidden" name="csrf_token" value="555e04344eba1b800dc959fcfda26a0805883c36f452d55827aa6d6991843ab4">                        <input type="hidden" name="action" value="add">
                        <input type="hidden" name="product_id" value="17">
                        <button type="submit" class="bg-brand-green/10 hover:bg-brand-green text-brand-green hover:text-black font-bold p-3 rounded-xl transition-all border border-brand-green/20 hover:border-brand-green" aria-label="Add GritShift Sintered Brake Pad Set (Front + Rear) to cart">
                            <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" /></svg>
                        </button>
                    </form>
                </div>
            </div>
        </article>
                <article class="product-card glass-card rounded-2xl border border-brand-border overflow-hidden flex flex-col h-full group">
            <a href="/product/ko-moto-beast-controller-v2" class="relative h-64 overflow-hidden bg-brand-dark flex items-center justify-center p-6 block" tabindex="-1" aria-hidden="true">
                                <img src="/images/products/ko-moto-controller-400.webp" srcset="/images/products/ko-moto-controller-400.webp 400w, /images/products/ko-moto-controller-800.webp 800w" sizes="(min-width: 1024px) 380px, (min-width: 640px) 50vw, 100vw" alt="KO Moto Beast Controller V2" width="400" height="400" class="transform group-hover:scale-110 transition-transform duration-700 max-h-full w-auto object-contain filter drop-shadow-[0_10px_20px_rgba(57,255,20,0.1)]" loading="lazy" decoding="async">                                <span class="absolute top-4 right-4 badge-shimmer text-black text-xs font-black px-2.5 py-1 rounded-lg uppercase tracking-widest shadow-lg z-10">30% OFF</span>            </a>
            <div class="p-6 flex flex-col flex-grow">
                <p class="text-xs font-bold text-brand-green uppercase tracking-widest mb-1">Controllers &amp; Electronics</p>
                <h3 class="text-lg font-bold text-white leading-tight mb-2"><a href="/product/ko-moto-beast-controller-v2" class="hover:text-brand-green transition-colors">KO Moto Beast Controller V2</a></h3>
                <p class="text-sm text-brand-muted line-clamp-2 mb-4 flex-grow">The KO Moto Beast Controller V2 is an ultra-high-output electric powertrain controller engineered for riders who demand extreme phase amperage handling, exceptional thermal</p>
                <div class="flex items-end justify-between mt-auto pt-4 border-t border-brand-border/50">
                    <div>
                        <span class="block text-sm text-brand-muted/60 line-through mb-0.5">MSRP: $749.00</span>
                        <span class="block text-2xl font-black text-white">$524.30</span>
                    </div>
                    <form action="/cart-action" method="POST">
                        <input type="hidden" name="csrf_token" value="555e04344eba1b800dc959fcfda26a0805883c36f452d55827aa6d6991843ab4">                        <input type="hidden" name="action" value="add">
                        <input type="hidden" name="product_id" value="8">
                        <button type="submit" class="bg-brand-green/10 hover:bg-brand-green text-brand-green hover:text-black font-bold p-3 rounded-xl transition-all border border-brand-green/20 hover:border-brand-green" aria-label="Add KO Moto Beast Controller V2 to cart">
                            <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" /></svg>
                        </button>
                    </form>
                </div>
            </div>
        </article>
                <article class="product-card glass-card rounded-2xl border border-brand-border overflow-hidden flex flex-col h-full group">
            <a href="/product/luna-cycle-72v-sur-ron-battery-pack" class="relative h-64 overflow-hidden bg-brand-dark flex items-center justify-center p-6 block" tabindex="-1" aria-hidden="true">
                                <img src="/images/products/battery-pack-400.webp" srcset="/images/products/battery-pack-400.webp 400w, /images/products/battery-pack-800.webp 800w" sizes="(min-width: 1024px) 380px, (min-width: 640px) 50vw, 100vw" alt="Luna Cycle 72V Sur-Ron Battery Pack" width="400" height="400" class="transform group-hover:scale-110 transition-transform duration-700 max-h-full w-auto object-contain filter drop-shadow-[0_10px_20px_rgba(57,255,20,0.1)]" loading="lazy" decoding="async">                                <span class="absolute top-4 right-4 badge-shimmer text-black text-xs font-black px-2.5 py-1 rounded-lg uppercase tracking-widest shadow-lg z-10">30% OFF</span>            </a>
            <div class="p-6 flex flex-col flex-grow">
                <p class="text-xs font-bold text-brand-green uppercase tracking-widest mb-1">Batteries &amp; Chargers</p>
                <h3 class="text-lg font-bold text-white leading-tight mb-2"><a href="/product/luna-cycle-72v-sur-ron-battery-pack" class="hover:text-brand-green transition-colors">Luna Cycle 72V Sur-Ron Battery Pack</a></h3>
                <p class="text-sm text-brand-muted line-clamp-2 mb-4 flex-grow">The Luna Cycle 72V Sur-Ron Battery Pack is the definitive power foundation for riders building a high-performance electric dirt bike. Upgrading from the stock 60V architecture to</p>
                <div class="flex items-end justify-between mt-auto pt-4 border-t border-brand-border/50">
                    <div>
                        <span class="block text-sm text-brand-muted/60 line-through mb-0.5">MSRP: $1,299.00</span>
                        <span class="block text-2xl font-black text-white">$909.30</span>
                    </div>
                    <form action="/cart-action" method="POST">
                        <input type="hidden" name="csrf_token" value="555e04344eba1b800dc959fcfda26a0805883c36f452d55827aa6d6991843ab4">                        <input type="hidden" name="action" value="add">
                        <input type="hidden" name="product_id" value="7">
                        <button type="submit" class="bg-brand-green/10 hover:bg-brand-green text-brand-green hover:text-black font-bold p-3 rounded-xl transition-all border border-brand-green/20 hover:border-brand-green" aria-label="Add Luna Cycle 72V Sur-Ron Battery Pack to cart">
                            <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" /></svg>
                        </button>
                    </form>
                </div>
            </div>
        </article>
                <article class="product-card glass-card rounded-2xl border border-brand-border overflow-hidden flex flex-col h-full group">
            <a href="/product/nucular-12f-foc-controller-kit" class="relative h-64 overflow-hidden bg-brand-dark flex items-center justify-center p-6 block" tabindex="-1" aria-hidden="true">
                                <img src="/images/products/nucular-controller-400.webp" srcset="/images/products/nucular-controller-400.webp 400w, /images/products/nucular-controller-800.webp 800w" sizes="(min-width: 1024px) 380px, (min-width: 640px) 50vw, 100vw" alt="Nucular 12F FOC Controller Kit" width="400" height="400" class="transform group-hover:scale-110 transition-transform duration-700 max-h-full w-auto object-contain filter drop-shadow-[0_10px_20px_rgba(57,255,20,0.1)]" loading="lazy" decoding="async">                                <span class="absolute top-4 right-4 badge-shimmer text-black text-xs font-black px-2.5 py-1 rounded-lg uppercase tracking-widest shadow-lg z-10">30% OFF</span>            </a>
            <div class="p-6 flex flex-col flex-grow">
                <p class="text-xs font-bold text-brand-green uppercase tracking-widest mb-1">Controllers &amp; Electronics</p>
                <h3 class="text-lg font-bold text-white leading-tight mb-2"><a href="/product/nucular-12f-foc-controller-kit" class="hover:text-brand-green transition-colors">Nucular 12F FOC Controller Kit</a></h3>
                <p class="text-sm text-brand-muted line-clamp-2 mb-4 flex-grow">The Nucular 12F FOC Controller Kit is a boutique, ultra-compact motor controller celebrated worldwide for its surgical throttle modulation, velvety smooth sinusoidal power</p>
                <div class="flex items-end justify-between mt-auto pt-4 border-t border-brand-border/50">
                    <div>
                        <span class="block text-sm text-brand-muted/60 line-through mb-0.5">MSRP: $599.00</span>
                        <span class="block text-2xl font-black text-white">$419.30</span>
                    </div>
                    <form action="/cart-action" method="POST">
                        <input type="hidden" name="csrf_token" value="555e04344eba1b800dc959fcfda26a0805883c36f452d55827aa6d6991843ab4">                        <input type="hidden" name="action" value="add">
                        <input type="hidden" name="product_id" value="9">
                        <button type="submit" class="bg-brand-green/10 hover:bg-brand-green text-brand-green hover:text-black font-bold p-3 rounded-xl transition-all border border-brand-green/20 hover:border-brand-green" aria-label="Add Nucular 12F FOC Controller Kit to cart">
                            <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" /></svg>
                        </button>
                    </form>
                </div>
            </div>
        </article>
                <article class="product-card glass-card rounded-2xl border border-brand-border overflow-hidden flex flex-col h-full group">
            <a href="/product/odi-elite-pro-v2-lock-on-grips" class="relative h-64 overflow-hidden bg-brand-dark flex items-center justify-center p-6 block" tabindex="-1" aria-hidden="true">
                                <img src="/images/products/odi-grips-400.webp" srcset="/images/products/odi-grips-400.webp 400w, /images/products/odi-grips-800.webp 800w" sizes="(min-width: 1024px) 380px, (min-width: 640px) 50vw, 100vw" alt="ODI Elite Pro V2 Lock-On Grips" width="400" height="400" class="transform group-hover:scale-110 transition-transform duration-700 max-h-full w-auto object-contain filter drop-shadow-[0_10px_20px_rgba(57,255,20,0.1)]" loading="lazy" decoding="async">                                <span class="absolute top-4 right-4 badge-shimmer text-black text-xs font-black px-2.5 py-1 rounded-lg uppercase tracking-widest shadow-lg z-10">30% OFF</span>            </a>
            <div class="p-6 flex flex-col flex-grow">
                <p class="text-xs font-bold text-brand-green uppercase tracking-widest mb-1">Handlebars &amp; Controls</p>
                <h3 class="text-lg font-bold text-white leading-tight mb-2"><a href="/product/odi-elite-pro-v2-lock-on-grips" class="hover:text-brand-green transition-colors">ODI Elite Pro V2 Lock-On Grips</a></h3>
                <p class="text-sm text-brand-muted line-clamp-2 mb-4 flex-grow">The ODI Elite Pro V2 Lock-On Grips are the gold standard in handlebar control, vibration damping, and ergonomic comfort for electric dirt bikes. Manufactured in California, USA</p>
                <div class="flex items-end justify-between mt-auto pt-4 border-t border-brand-border/50">
                    <div>
                        <span class="block text-sm text-brand-muted/60 line-through mb-0.5">MSRP: $34.95</span>
                        <span class="block text-2xl font-black text-white">$24.47</span>
                    </div>
                    <form action="/cart-action" method="POST">
                        <input type="hidden" name="csrf_token" value="555e04344eba1b800dc959fcfda26a0805883c36f452d55827aa6d6991843ab4">                        <input type="hidden" name="action" value="add">
                        <input type="hidden" name="product_id" value="15">
                        <button type="submit" class="bg-brand-green/10 hover:bg-brand-green text-brand-green hover:text-black font-bold p-3 rounded-xl transition-all border border-brand-green/20 hover:border-brand-green" aria-label="Add ODI Elite Pro V2 Lock-On Grips to cart">
                            <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" /></svg>
                        </button>
                    </form>
                </div>
            </div>
        </article>
                <article class="product-card glass-card rounded-2xl border border-brand-border overflow-hidden flex flex-col h-full group">
            <a href="/product/shinko-241-classic-trail-tire-set" class="relative h-64 overflow-hidden bg-brand-dark flex items-center justify-center p-6 block" tabindex="-1" aria-hidden="true">
                                <img src="/images/products/trail-tires-400.webp" srcset="/images/products/trail-tires-400.webp 400w, /images/products/trail-tires-800.webp 800w" sizes="(min-width: 1024px) 380px, (min-width: 640px) 50vw, 100vw" alt="Shinko 241 Classic Trail Tire Set" width="400" height="400" class="transform group-hover:scale-110 transition-transform duration-700 max-h-full w-auto object-contain filter drop-shadow-[0_10px_20px_rgba(57,255,20,0.1)]" loading="lazy" decoding="async">                                <span class="absolute top-4 right-4 badge-shimmer text-black text-xs font-black px-2.5 py-1 rounded-lg uppercase tracking-widest shadow-lg z-10">30% OFF</span>            </a>
            <div class="p-6 flex flex-col flex-grow">
                <p class="text-xs font-bold text-brand-green uppercase tracking-widest mb-1">Wheels &amp; Tires</p>
                <h3 class="text-lg font-bold text-white leading-tight mb-2"><a href="/product/shinko-241-classic-trail-tire-set" class="hover:text-brand-green transition-colors">Shinko 241 Classic Trail Tire Set</a></h3>
                <p class="text-sm text-brand-muted line-clamp-2 mb-4 flex-grow">The Shinko 241 Classic Trail Tire Set is the most popular and versatile dual-sport tire upgrade for the Sur-Ron electric dirt bike. Manufactured by Shinko Tires, the 241 Series</p>
                <div class="flex items-end justify-between mt-auto pt-4 border-t border-brand-border/50">
                    <div>
                        <span class="block text-sm text-brand-muted/60 line-through mb-0.5">MSRP: $119.00</span>
                        <span class="block text-2xl font-black text-white">$83.30</span>
                    </div>
                    <form action="/cart-action" method="POST">
                        <input type="hidden" name="csrf_token" value="555e04344eba1b800dc959fcfda26a0805883c36f452d55827aa6d6991843ab4">                        <input type="hidden" name="action" value="add">
                        <input type="hidden" name="product_id" value="19">
                        <button type="submit" class="bg-brand-green/10 hover:bg-brand-green text-brand-green hover:text-black font-bold p-3 rounded-xl transition-all border border-brand-green/20 hover:border-brand-green" aria-label="Add Shinko 241 Classic Trail Tire Set to cart">
                            <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" /></svg>
                        </button>
                    </form>
                </div>
            </div>
        </article>
                <article class="product-card glass-card rounded-2xl border border-brand-border overflow-hidden flex flex-col h-full group">
            <a href="/product/sur-ron-hyper-bee-youth-2026" class="relative h-64 overflow-hidden bg-brand-dark flex items-center justify-center p-6 block" tabindex="-1" aria-hidden="true">
                                <img src="/images/products/hyper-bee-400.webp" srcset="/images/products/hyper-bee-400.webp 400w, /images/products/hyper-bee-800.webp 800w" sizes="(min-width: 1024px) 380px, (min-width: 640px) 50vw, 100vw" alt="Sur-Ron Hyper Bee Youth 2026" width="400" height="400" class="transform group-hover:scale-110 transition-transform duration-700 max-h-full w-auto object-contain filter drop-shadow-[0_10px_20px_rgba(57,255,20,0.1)]" loading="lazy" decoding="async">                                <span class="absolute top-4 right-4 badge-shimmer text-black text-xs font-black px-2.5 py-1 rounded-lg uppercase tracking-widest shadow-lg z-10">30% OFF</span>            </a>
            <div class="p-6 flex flex-col flex-grow">
                <p class="text-xs font-bold text-brand-green uppercase tracking-widest mb-1">Electric Bikes</p>
                <h3 class="text-lg font-bold text-white leading-tight mb-2"><a href="/product/sur-ron-hyper-bee-youth-2026" class="hover:text-brand-green transition-colors">Sur-Ron Hyper Bee Youth 2026</a></h3>
                <p class="text-sm text-brand-muted line-clamp-2 mb-4 flex-grow">The Sur-Ron Hyper Bee Youth is the ultimate entry-level electric off-road motorcycle designed specifically for young riders and developing racers. Engineered with the same build</p>
                <div class="flex items-end justify-between mt-auto pt-4 border-t border-brand-border/50">
                    <div>
                        <span class="block text-sm text-brand-muted/60 line-through mb-0.5">MSRP: $2,900.00</span>
                        <span class="block text-2xl font-black text-white">$2,030.00</span>
                    </div>
                    <form action="/cart-action" method="POST">
                        <input type="hidden" name="csrf_token" value="555e04344eba1b800dc959fcfda26a0805883c36f452d55827aa6d6991843ab4">                        <input type="hidden" name="action" value="add">
                        <input type="hidden" name="product_id" value="4">
                        <button type="submit" class="bg-brand-green/10 hover:bg-brand-green text-brand-green hover:text-black font-bold p-3 rounded-xl transition-all border border-brand-green/20 hover:border-brand-green" aria-label="Add Sur-Ron Hyper Bee Youth 2026 to cart">
                            <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" /></svg>
                        </button>
                    </form>
                </div>
            </div>
        </article>
                <article class="product-card glass-card rounded-2xl border border-brand-border overflow-hidden flex flex-col h-full group">
            <a href="/product/sur-ron-light-bee-l1e-road-legal-2026" class="relative h-64 overflow-hidden bg-brand-dark flex items-center justify-center p-6 block" tabindex="-1" aria-hidden="true">
                                <img src="/images/products/light-bee-l1e-400.webp" srcset="/images/products/light-bee-l1e-400.webp 400w, /images/products/light-bee-l1e-800.webp 800w" sizes="(min-width: 1024px) 380px, (min-width: 640px) 50vw, 100vw" alt="Sur-Ron Light Bee L1E Road-Legal 2026" width="400" height="400" class="transform group-hover:scale-110 transition-transform duration-700 max-h-full w-auto object-contain filter drop-shadow-[0_10px_20px_rgba(57,255,20,0.1)]" loading="lazy" decoding="async">                                <span class="absolute top-4 right-4 badge-shimmer text-black text-xs font-black px-2.5 py-1 rounded-lg uppercase tracking-widest shadow-lg z-10">30% OFF</span>            </a>
            <div class="p-6 flex flex-col flex-grow">
                <p class="text-xs font-bold text-brand-green uppercase tracking-widest mb-1">Electric Bikes</p>
                <h3 class="text-lg font-bold text-white leading-tight mb-2"><a href="/product/sur-ron-light-bee-l1e-road-legal-2026" class="hover:text-brand-green transition-colors">Sur-Ron Light Bee L1E Road-Legal 2026</a></h3>
                <p class="text-sm text-brand-muted line-clamp-2 mb-4 flex-grow">The Sur-Ron Light Bee L1E is the fully homologated, road-legal dual-sport edition of the world&#039;s most popular electric dirt bike. Combining all the legendary off-road agility and</p>
                <div class="flex items-end justify-between mt-auto pt-4 border-t border-brand-border/50">
                    <div>
                        <span class="block text-sm text-brand-muted/60 line-through mb-0.5">MSRP: $4,800.00</span>
                        <span class="block text-2xl font-black text-white">$3,360.00</span>
                    </div>
                    <form action="/cart-action" method="POST">
                        <input type="hidden" name="csrf_token" value="555e04344eba1b800dc959fcfda26a0805883c36f452d55827aa6d6991843ab4">                        <input type="hidden" name="action" value="add">
                        <input type="hidden" name="product_id" value="5">
                        <button type="submit" class="bg-brand-green/10 hover:bg-brand-green text-brand-green hover:text-black font-bold p-3 rounded-xl transition-all border border-brand-green/20 hover:border-brand-green" aria-label="Add Sur-Ron Light Bee L1E Road-Legal 2026 to cart">
                            <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" /></svg>
                        </button>
                    </form>
                </div>
            </div>
        </article>
                <article class="product-card glass-card rounded-2xl border border-brand-border overflow-hidden flex flex-col h-full group">
            <a href="/product/sur-ron-light-bee-x-2026" class="relative h-64 overflow-hidden bg-brand-dark flex items-center justify-center p-6 block" tabindex="-1" aria-hidden="true">
                                <img src="/images/products/light-bee-x-400.webp" srcset="/images/products/light-bee-x-400.webp 400w, /images/products/light-bee-x-800.webp 800w" sizes="(min-width: 1024px) 380px, (min-width: 640px) 50vw, 100vw" alt="Sur-Ron Light Bee X 2026" width="400" height="400" class="transform group-hover:scale-110 transition-transform duration-700 max-h-full w-auto object-contain filter drop-shadow-[0_10px_20px_rgba(57,255,20,0.1)]" loading="lazy" decoding="async">                                <span class="absolute top-4 right-4 badge-shimmer text-black text-xs font-black px-2.5 py-1 rounded-lg uppercase tracking-widest shadow-lg z-10">30% OFF</span>            </a>
            <div class="p-6 flex flex-col flex-grow">
                <p class="text-xs font-bold text-brand-green uppercase tracking-widest mb-1">Electric Bikes</p>
                <h3 class="text-lg font-bold text-white leading-tight mb-2"><a href="/product/sur-ron-light-bee-x-2026" class="hover:text-brand-green transition-colors">Sur-Ron Light Bee X 2026</a></h3>
                <p class="text-sm text-brand-muted line-clamp-2 mb-4 flex-grow">The Sur-Ron Light Bee X is the undisputed king of electric dirt bikes and the best-selling electric off-road motorcycle in the world. Delivering 6kW (8 horsepower) of peak power</p>
                <div class="flex items-end justify-between mt-auto pt-4 border-t border-brand-border/50">
                    <div>
                        <span class="block text-sm text-brand-muted/60 line-through mb-0.5">MSRP: $4,500.00</span>
                        <span class="block text-2xl font-black text-white">$3,150.00</span>
                    </div>
                    <form action="/cart-action" method="POST">
                        <input type="hidden" name="csrf_token" value="555e04344eba1b800dc959fcfda26a0805883c36f452d55827aa6d6991843ab4">                        <input type="hidden" name="action" value="add">
                        <input type="hidden" name="product_id" value="1">
                        <button type="submit" class="bg-brand-green/10 hover:bg-brand-green text-brand-green hover:text-black font-bold p-3 rounded-xl transition-all border border-brand-green/20 hover:border-brand-green" aria-label="Add Sur-Ron Light Bee X 2026 to cart">
                            <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" /></svg>
                        </button>
                    </form>
                </div>
            </div>
        </article>
                <article class="product-card glass-card rounded-2xl border border-brand-border overflow-hidden flex flex-col h-full group">
            <a href="/product/sur-ron-storm-bee-enduro-2026" class="relative h-64 overflow-hidden bg-brand-dark flex items-center justify-center p-6 block" tabindex="-1" aria-hidden="true">
                                <img src="/images/products/storm-bee-400.webp" srcset="/images/products/storm-bee-400.webp 400w, /images/products/storm-bee-800.webp 800w" sizes="(min-width: 1024px) 380px, (min-width: 640px) 50vw, 100vw" alt="Sur-Ron Storm Bee Enduro 2026" width="400" height="400" class="transform group-hover:scale-110 transition-transform duration-700 max-h-full w-auto object-contain filter drop-shadow-[0_10px_20px_rgba(57,255,20,0.1)]" loading="lazy" decoding="async">                                <span class="absolute top-4 right-4 badge-shimmer text-black text-xs font-black px-2.5 py-1 rounded-lg uppercase tracking-widest shadow-lg z-10">30% OFF</span>            </a>
            <div class="p-6 flex flex-col flex-grow">
                <p class="text-xs font-bold text-brand-green uppercase tracking-widest mb-1">Electric Bikes</p>
                <h3 class="text-lg font-bold text-white leading-tight mb-2"><a href="/product/sur-ron-storm-bee-enduro-2026" class="hover:text-brand-green transition-colors">Sur-Ron Storm Bee Enduro 2026</a></h3>
                <p class="text-sm text-brand-muted line-clamp-2 mb-4 flex-grow">The Sur-Ron Storm Bee Enduro is a full-size, competition-ready electric motorcycle built to challenge traditional 250cc and 450cc four-stroke enduro bikes head-on. Powered by a</p>
                <div class="flex items-end justify-between mt-auto pt-4 border-t border-brand-border/50">
                    <div>
                        <span class="block text-sm text-brand-muted/60 line-through mb-0.5">MSRP: $8,500.00</span>
                        <span class="block text-2xl font-black text-white">$5,950.00</span>
                    </div>
                    <form action="/cart-action" method="POST">
                        <input type="hidden" name="csrf_token" value="555e04344eba1b800dc959fcfda26a0805883c36f452d55827aa6d6991843ab4">                        <input type="hidden" name="action" value="add">
                        <input type="hidden" name="product_id" value="3">
                        <button type="submit" class="bg-brand-green/10 hover:bg-brand-green text-brand-green hover:text-black font-bold p-3 rounded-xl transition-all border border-brand-green/20 hover:border-brand-green" aria-label="Add Sur-Ron Storm Bee Enduro 2026 to cart">
                            <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" /></svg>
                        </button>
                    </form>
                </div>
            </div>
        </article>
                <article class="product-card glass-card rounded-2xl border border-brand-border overflow-hidden flex flex-col h-full group">
            <a href="/product/sur-ron-ultra-bee-mx-2026" class="relative h-64 overflow-hidden bg-brand-dark flex items-center justify-center p-6 block" tabindex="-1" aria-hidden="true">
                                <img src="/images/products/ultra-bee-400.webp" srcset="/images/products/ultra-bee-400.webp 400w, /images/products/ultra-bee-800.webp 800w" sizes="(min-width: 1024px) 380px, (min-width: 640px) 50vw, 100vw" alt="Sur-Ron Ultra Bee MX 2026" width="400" height="400" class="transform group-hover:scale-110 transition-transform duration-700 max-h-full w-auto object-contain filter drop-shadow-[0_10px_20px_rgba(57,255,20,0.1)]" loading="lazy" decoding="async">                                <span class="absolute top-4 right-4 badge-shimmer text-black text-xs font-black px-2.5 py-1 rounded-lg uppercase tracking-widest shadow-lg z-10">30% OFF</span>            </a>
            <div class="p-6 flex flex-col flex-grow">
                <p class="text-xs font-bold text-brand-green uppercase tracking-widest mb-1">Electric Bikes</p>
                <h3 class="text-lg font-bold text-white leading-tight mb-2"><a href="/product/sur-ron-ultra-bee-mx-2026" class="hover:text-brand-green transition-colors">Sur-Ron Ultra Bee MX 2026</a></h3>
                <p class="text-sm text-brand-muted line-clamp-2 mb-4 flex-grow">The Sur-Ron Ultra Bee MX is the mid-range powerhouse built for serious riders who need full-size motorcycle ergonomics and power from an electric platform. With a 12.5kW permanent</p>
                <div class="flex items-end justify-between mt-auto pt-4 border-t border-brand-border/50">
                    <div>
                        <span class="block text-sm text-brand-muted/60 line-through mb-0.5">MSRP: $6,500.00</span>
                        <span class="block text-2xl font-black text-white">$4,550.00</span>
                    </div>
                    <form action="/cart-action" method="POST">
                        <input type="hidden" name="csrf_token" value="555e04344eba1b800dc959fcfda26a0805883c36f452d55827aa6d6991843ab4">                        <input type="hidden" name="action" value="add">
                        <input type="hidden" name="product_id" value="2">
                        <button type="submit" class="bg-brand-green/10 hover:bg-brand-green text-brand-green hover:text-black font-bold p-3 rounded-xl transition-all border border-brand-green/20 hover:border-brand-green" aria-label="Add Sur-Ron Ultra Bee MX 2026 to cart">
                            <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" /></svg>
                        </button>
                    </form>
                </div>
            </div>
        </article>
                <article class="product-card glass-card rounded-2xl border border-brand-border overflow-hidden flex flex-col h-full group">
            <a href="/product/tb-electric-moto-carbon-fiber-fender-set" class="relative h-64 overflow-hidden bg-brand-dark flex items-center justify-center p-6 block" tabindex="-1" aria-hidden="true">
                                <img src="/images/products/carbon-fenders-400.webp" srcset="/images/products/carbon-fenders-400.webp 400w, /images/products/carbon-fenders-800.webp 800w" sizes="(min-width: 1024px) 380px, (min-width: 640px) 50vw, 100vw" alt="TB Electric Moto Carbon Fiber Fender Set" width="400" height="400" class="transform group-hover:scale-110 transition-transform duration-700 max-h-full w-auto object-contain filter drop-shadow-[0_10px_20px_rgba(57,255,20,0.1)]" loading="lazy" decoding="async">                                <span class="absolute top-4 right-4 badge-shimmer text-black text-xs font-black px-2.5 py-1 rounded-lg uppercase tracking-widest shadow-lg z-10">30% OFF</span>            </a>
            <div class="p-6 flex flex-col flex-grow">
                <p class="text-xs font-bold text-brand-green uppercase tracking-widest mb-1">Decals &amp; Plastics</p>
                <h3 class="text-lg font-bold text-white leading-tight mb-2"><a href="/product/tb-electric-moto-carbon-fiber-fender-set" class="hover:text-brand-green transition-colors">TB Electric Moto Carbon Fiber Fender Set</a></h3>
                <p class="text-sm text-brand-muted line-clamp-2 mb-4 flex-grow">The TB Electric Moto Carbon Fiber Fender Set is the premier bodywork upgrade for Sur-Ron electric dirt bikes, delivering authentic 3K pre-preg composite construction, significant</p>
                <div class="flex items-end justify-between mt-auto pt-4 border-t border-brand-border/50">
                    <div>
                        <span class="block text-sm text-brand-muted/60 line-through mb-0.5">MSRP: $159.00</span>
                        <span class="block text-2xl font-black text-white">$111.30</span>
                    </div>
                    <form action="/cart-action" method="POST">
                        <input type="hidden" name="csrf_token" value="555e04344eba1b800dc959fcfda26a0805883c36f452d55827aa6d6991843ab4">                        <input type="hidden" name="action" value="add">
                        <input type="hidden" name="product_id" value="21">
                        <button type="submit" class="bg-brand-green/10 hover:bg-brand-green text-brand-green hover:text-black font-bold p-3 rounded-xl transition-all border border-brand-green/20 hover:border-brand-green" aria-label="Add TB Electric Moto Carbon Fiber Fender Set to cart">
                            <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" /></svg>
                        </button>
                    </form>
                </div>
            </div>
        </article>
                <article class="product-card glass-card rounded-2xl border border-brand-border overflow-hidden flex flex-col h-full group">
            <a href="/product/tb-electric-moto-full-chassis-skid-plate" class="relative h-64 overflow-hidden bg-brand-dark flex items-center justify-center p-6 block" tabindex="-1" aria-hidden="true">
                                <img src="/images/products/skid-plate-400.webp" srcset="/images/products/skid-plate-400.webp 400w, /images/products/skid-plate-800.webp 800w" sizes="(min-width: 1024px) 380px, (min-width: 640px) 50vw, 100vw" alt="TB Electric Moto Full Chassis Skid Plate" width="400" height="400" class="transform group-hover:scale-110 transition-transform duration-700 max-h-full w-auto object-contain filter drop-shadow-[0_10px_20px_rgba(57,255,20,0.1)]" loading="lazy" decoding="async">                                <span class="absolute top-4 right-4 badge-shimmer text-black text-xs font-black px-2.5 py-1 rounded-lg uppercase tracking-widest shadow-lg z-10">30% OFF</span>            </a>
            <div class="p-6 flex flex-col flex-grow">
                <p class="text-xs font-bold text-brand-green uppercase tracking-widest mb-1">Protection &amp; Bash Guards</p>
                <h3 class="text-lg font-bold text-white leading-tight mb-2"><a href="/product/tb-electric-moto-full-chassis-skid-plate" class="hover:text-brand-green transition-colors">TB Electric Moto Full Chassis Skid Plate</a></h3>
                <p class="text-sm text-brand-muted line-clamp-2 mb-4 flex-grow">The TB Electric Moto Full Chassis Skid Plate is complete undercarriage armor designed to protect the entire lower frame, motor casing, battery compartment base, and rear</p>
                <div class="flex items-end justify-between mt-auto pt-4 border-t border-brand-border/50">
                    <div>
                        <span class="block text-sm text-brand-muted/60 line-through mb-0.5">MSRP: $199.00</span>
                        <span class="block text-2xl font-black text-white">$139.30</span>
                    </div>
                    <form action="/cart-action" method="POST">
                        <input type="hidden" name="csrf_token" value="555e04344eba1b800dc959fcfda26a0805883c36f452d55827aa6d6991843ab4">                        <input type="hidden" name="action" value="add">
                        <input type="hidden" name="product_id" value="23">
                        <button type="submit" class="bg-brand-green/10 hover:bg-brand-green text-brand-green hover:text-black font-bold p-3 rounded-xl transition-all border border-brand-green/20 hover:border-brand-green" aria-label="Add TB Electric Moto Full Chassis Skid Plate to cart">
                            <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" /></svg>
                        </button>
                    </form>
                </div>
            </div>
        </article>
                <article class="product-card glass-card rounded-2xl border border-brand-border overflow-hidden flex flex-col h-full group">
            <a href="/product/tb-electric-moto-pro-rear-shock" class="relative h-64 overflow-hidden bg-brand-dark flex items-center justify-center p-6 block" tabindex="-1" aria-hidden="true">
                                <img src="/images/products/rear-shock-400.webp" srcset="/images/products/rear-shock-400.webp 400w, /images/products/rear-shock-800.webp 800w" sizes="(min-width: 1024px) 380px, (min-width: 640px) 50vw, 100vw" alt="TB Electric Moto Pro Rear Shock" width="400" height="400" class="transform group-hover:scale-110 transition-transform duration-700 max-h-full w-auto object-contain filter drop-shadow-[0_10px_20px_rgba(57,255,20,0.1)]" loading="lazy" decoding="async">                                <span class="absolute top-4 right-4 badge-shimmer text-black text-xs font-black px-2.5 py-1 rounded-lg uppercase tracking-widest shadow-lg z-10">30% OFF</span>            </a>
            <div class="p-6 flex flex-col flex-grow">
                <p class="text-xs font-bold text-brand-green uppercase tracking-widest mb-1">Suspension &amp; Forks</p>
                <h3 class="text-lg font-bold text-white leading-tight mb-2"><a href="/product/tb-electric-moto-pro-rear-shock" class="hover:text-brand-green transition-colors">TB Electric Moto Pro Rear Shock</a></h3>
                <p class="text-sm text-brand-muted line-clamp-2 mb-4 flex-grow">The TB Electric Moto Pro Rear Shock is a high-performance coil-over rear damper engineered specifically for the weight dynamics and suspension leverage curves of electric dirt</p>
                <div class="flex items-end justify-between mt-auto pt-4 border-t border-brand-border/50">
                    <div>
                        <span class="block text-sm text-brand-muted/60 line-through mb-0.5">MSRP: $689.00</span>
                        <span class="block text-2xl font-black text-white">$482.30</span>
                    </div>
                    <form action="/cart-action" method="POST">
                        <input type="hidden" name="csrf_token" value="555e04344eba1b800dc959fcfda26a0805883c36f452d55827aa6d6991843ab4">                        <input type="hidden" name="action" value="add">
                        <input type="hidden" name="product_id" value="11">
                        <button type="submit" class="bg-brand-green/10 hover:bg-brand-green text-brand-green hover:text-black font-bold p-3 rounded-xl transition-all border border-brand-green/20 hover:border-brand-green" aria-label="Add TB Electric Moto Pro Rear Shock to cart">
                            <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" /></svg>
                        </button>
                    </form>
                </div>
            </div>
        </article>
                <article class="product-card glass-card rounded-2xl border border-brand-border overflow-hidden flex flex-col h-full group">
            <a href="/product/tb-electric-moto-tall-comfort-seat" class="relative h-64 overflow-hidden bg-brand-dark flex items-center justify-center p-6 block" tabindex="-1" aria-hidden="true">
                                <img src="/images/products/tall-seat-400.webp" srcset="/images/products/tall-seat-400.webp 400w, /images/products/tall-seat-800.webp 800w" sizes="(min-width: 1024px) 380px, (min-width: 640px) 50vw, 100vw" alt="TB Electric Moto Tall Comfort Seat" width="400" height="400" class="transform group-hover:scale-110 transition-transform duration-700 max-h-full w-auto object-contain filter drop-shadow-[0_10px_20px_rgba(57,255,20,0.1)]" loading="lazy" decoding="async">                                <span class="absolute top-4 right-4 badge-shimmer text-black text-xs font-black px-2.5 py-1 rounded-lg uppercase tracking-widest shadow-lg z-10">30% OFF</span>            </a>
            <div class="p-6 flex flex-col flex-grow">
                <p class="text-xs font-bold text-brand-green uppercase tracking-widest mb-1">Seats &amp; Comfort</p>
                <h3 class="text-lg font-bold text-white leading-tight mb-2"><a href="/product/tb-electric-moto-tall-comfort-seat" class="hover:text-brand-green transition-colors">TB Electric Moto Tall Comfort Seat</a></h3>
                <p class="text-sm text-brand-muted line-clamp-2 mb-4 flex-grow">The TB Electric Moto Tall Comfort Seat is a complete ergonomic saddle replacement engineered to eliminate saddle fatigue, open up cramped leg angles, and enhance rider endurance</p>
                <div class="flex items-end justify-between mt-auto pt-4 border-t border-brand-border/50">
                    <div>
                        <span class="block text-sm text-brand-muted/60 line-through mb-0.5">MSRP: $139.00</span>
                        <span class="block text-2xl font-black text-white">$97.30</span>
                    </div>
                    <form action="/cart-action" method="POST">
                        <input type="hidden" name="csrf_token" value="555e04344eba1b800dc959fcfda26a0805883c36f452d55827aa6d6991843ab4">                        <input type="hidden" name="action" value="add">
                        <input type="hidden" name="product_id" value="27">
                        <button type="submit" class="bg-brand-green/10 hover:bg-brand-green text-brand-green hover:text-black font-bold p-3 rounded-xl transition-all border border-brand-green/20 hover:border-brand-green" aria-label="Add TB Electric Moto Tall Comfort Seat to cart">
                            <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" /></svg>
                        </button>
                    </form>
                </div>
            </div>
        </article>
                <article class="product-card glass-card rounded-2xl border border-brand-border overflow-hidden flex flex-col h-full group">
            <a href="/product/warp-9-17-supermoto-wheel-set" class="relative h-64 overflow-hidden bg-brand-dark flex items-center justify-center p-6 block" tabindex="-1" aria-hidden="true">
                                <img src="/images/products/supermoto-wheels-400.webp" srcset="/images/products/supermoto-wheels-400.webp 400w, /images/products/supermoto-wheels-800.webp 800w" sizes="(min-width: 1024px) 380px, (min-width: 640px) 50vw, 100vw" alt="Warp 9 17&quot; Supermoto Wheel Set" width="400" height="400" class="transform group-hover:scale-110 transition-transform duration-700 max-h-full w-auto object-contain filter drop-shadow-[0_10px_20px_rgba(57,255,20,0.1)]" loading="lazy" decoding="async">                                <span class="absolute top-4 right-4 badge-shimmer text-black text-xs font-black px-2.5 py-1 rounded-lg uppercase tracking-widest shadow-lg z-10">30% OFF</span>            </a>
            <div class="p-6 flex flex-col flex-grow">
                <p class="text-xs font-bold text-brand-green uppercase tracking-widest mb-1">Wheels &amp; Tires</p>
                <h3 class="text-lg font-bold text-white leading-tight mb-2"><a href="/product/warp-9-17-supermoto-wheel-set" class="hover:text-brand-green transition-colors">Warp 9 17&quot; Supermoto Wheel Set</a></h3>
                <p class="text-sm text-brand-muted line-clamp-2 mb-4 flex-grow">The Warp 9 17&quot; Supermoto Wheel Set is the ultimate street and asphalt performance transformation for the Sur-Ron platform. Engineered by Warp 9 Racing in Salt Lake City, Utah</p>
                <div class="flex items-end justify-between mt-auto pt-4 border-t border-brand-border/50">
                    <div>
                        <span class="block text-sm text-brand-muted/60 line-through mb-0.5">MSRP: $899.00</span>
                        <span class="block text-2xl font-black text-white">$629.30</span>
                    </div>
                    <form action="/cart-action" method="POST">
                        <input type="hidden" name="csrf_token" value="555e04344eba1b800dc959fcfda26a0805883c36f452d55827aa6d6991843ab4">                        <input type="hidden" name="action" value="add">
                        <input type="hidden" name="product_id" value="18">
                        <button type="submit" class="bg-brand-green/10 hover:bg-brand-green text-brand-green hover:text-black font-bold p-3 rounded-xl transition-all border border-brand-green/20 hover:border-brand-green" aria-label="Add Warp 9 17&quot; Supermoto Wheel Set to cart">
                            <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" /></svg>
                        </button>
                    </form>
                </div>
            </div>
        </article>
                <article class="product-card glass-card rounded-2xl border border-brand-border overflow-hidden flex flex-col h-full group">
            <a href="/product/warp-9-cnc-billet-foot-pegs" class="relative h-64 overflow-hidden bg-brand-dark flex items-center justify-center p-6 block" tabindex="-1" aria-hidden="true">
                                <img src="/images/products/foot-pegs-400.webp" srcset="/images/products/foot-pegs-400.webp 400w, /images/products/foot-pegs-800.webp 800w" sizes="(min-width: 1024px) 380px, (min-width: 640px) 50vw, 100vw" alt="Warp 9 CNC Billet Foot Pegs" width="400" height="400" class="transform group-hover:scale-110 transition-transform duration-700 max-h-full w-auto object-contain filter drop-shadow-[0_10px_20px_rgba(57,255,20,0.1)]" loading="lazy" decoding="async">                                <span class="absolute top-4 right-4 badge-shimmer text-black text-xs font-black px-2.5 py-1 rounded-lg uppercase tracking-widest shadow-lg z-10">30% OFF</span>            </a>
            <div class="p-6 flex flex-col flex-grow">
                <p class="text-xs font-bold text-brand-green uppercase tracking-widest mb-1">Foot Pegs &amp; Ergonomics</p>
                <h3 class="text-lg font-bold text-white leading-tight mb-2"><a href="/product/warp-9-cnc-billet-foot-pegs" class="hover:text-brand-green transition-colors">Warp 9 CNC Billet Foot Pegs</a></h3>
                <p class="text-sm text-brand-muted line-clamp-2 mb-4 flex-grow">The Warp 9 CNC Billet Foot Pegs are the premier foot platform upgrade for Sur-Ron electric dirt bikes, engineered by America&#039;s leading off-road racing component builder in Salt</p>
                <div class="flex items-end justify-between mt-auto pt-4 border-t border-brand-border/50">
                    <div>
                        <span class="block text-sm text-brand-muted/60 line-through mb-0.5">MSRP: $179.00</span>
                        <span class="block text-2xl font-black text-white">$125.30</span>
                    </div>
                    <form action="/cart-action" method="POST">
                        <input type="hidden" name="csrf_token" value="555e04344eba1b800dc959fcfda26a0805883c36f452d55827aa6d6991843ab4">                        <input type="hidden" name="action" value="add">
                        <input type="hidden" name="product_id" value="12">
                        <button type="submit" class="bg-brand-green/10 hover:bg-brand-green text-brand-green hover:text-black font-bold p-3 rounded-xl transition-all border border-brand-green/20 hover:border-brand-green" aria-label="Add Warp 9 CNC Billet Foot Pegs to cart">
                            <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" /></svg>
                        </button>
                    </form>
                </div>
            </div>
        </article>
                <article class="product-card glass-card rounded-2xl border border-brand-border overflow-hidden flex flex-col h-full group">
            <a href="/product/warp-9-oversized-front-rotor-kit-220mm" class="relative h-64 overflow-hidden bg-brand-dark flex items-center justify-center p-6 block" tabindex="-1" aria-hidden="true">
                                <img src="/images/products/brake-rotor-400.webp" srcset="/images/products/brake-rotor-400.webp 400w, /images/products/brake-rotor-800.webp 800w" sizes="(min-width: 1024px) 380px, (min-width: 640px) 50vw, 100vw" alt="Warp 9 Oversized Front Rotor Kit 220mm" width="400" height="400" class="transform group-hover:scale-110 transition-transform duration-700 max-h-full w-auto object-contain filter drop-shadow-[0_10px_20px_rgba(57,255,20,0.1)]" loading="lazy" decoding="async">                                <span class="absolute top-4 right-4 badge-shimmer text-black text-xs font-black px-2.5 py-1 rounded-lg uppercase tracking-widest shadow-lg z-10">30% OFF</span>            </a>
            <div class="p-6 flex flex-col flex-grow">
                <p class="text-xs font-bold text-brand-green uppercase tracking-widest mb-1">Brake Systems</p>
                <h3 class="text-lg font-bold text-white leading-tight mb-2"><a href="/product/warp-9-oversized-front-rotor-kit-220mm" class="hover:text-brand-green transition-colors">Warp 9 Oversized Front Rotor Kit 220mm</a></h3>
                <p class="text-sm text-brand-muted line-clamp-2 mb-4 flex-grow">The Warp 9 Oversized Front Rotor Kit 220mm is the most effective braking performance upgrade available for the Sur-Ron platform. Engineered by Warp 9 Racing in Utah, this kit</p>
                <div class="flex items-end justify-between mt-auto pt-4 border-t border-brand-border/50">
                    <div>
                        <span class="block text-sm text-brand-muted/60 line-through mb-0.5">MSRP: $189.00</span>
                        <span class="block text-2xl font-black text-white">$132.30</span>
                    </div>
                    <form action="/cart-action" method="POST">
                        <input type="hidden" name="csrf_token" value="555e04344eba1b800dc959fcfda26a0805883c36f452d55827aa6d6991843ab4">                        <input type="hidden" name="action" value="add">
                        <input type="hidden" name="product_id" value="16">
                        <button type="submit" class="bg-brand-green/10 hover:bg-brand-green text-brand-green hover:text-black font-bold p-3 rounded-xl transition-all border border-brand-green/20 hover:border-brand-green" aria-label="Add Warp 9 Oversized Front Rotor Kit 220mm to cart">
                            <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" /></svg>
                        </button>
                    </form>
                </div>
            </div>
        </article>
            </div>
    </section>

<!-- About + FAQ: plain answers that search engines and AI assistants can quote -->
<section class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 mb-24 space-y-10" aria-labelledby="about-title">
    <div class="glass-card border border-brand-border rounded-2xl p-8 md:p-12">
        <h2 id="about-title" class="text-3xl font-black text-white tracking-tight mb-4">Your Sur-Ron Specialist in the US</h2>
        <div class="text-brand-muted leading-relaxed space-y-4 text-base md:text-lg">
            <p>Electric On Dirt Tracks sells complete Sur-Ron electric dirt bikes and the aftermarket parts riders upgrade most: high-output controllers from EBMX, KO Moto and Nucular, 72V battery packs from Luna Cycle, EXT Racing and TB Electric Moto suspension, Warp 9 wheels and brake rotors, and GritShift ergonomics and protection.</p>
            <p>Every listing shows verified fitment by model and year, prices are 30% below MSRP, and orders of $149 or more ship free within the continental US. Read more <a href="/about" class="text-brand-green underline">about us</a> or see our <a href="/shipping" class="text-brand-green underline">shipping and returns policy</a>.</p>
        </div>
    </div>
    <div class="glass-card border border-brand-border rounded-2xl p-8 md:p-12">
        <h2 class="text-3xl font-black text-white tracking-tight mb-8">Frequently Asked Questions</h2>
        <div class="space-y-6">
                        <div class="border-b border-brand-border/60 pb-6 last:border-0 last:pb-0">
                <h3 class="text-xl font-bold text-white mb-2">Which Sur-Ron models do you sell?</h3>
                <p class="text-brand-muted leading-relaxed">We carry the current Sur-Ron lineup: Light Bee X, Ultra Bee MX, Storm Bee Enduro, Hyper Bee (youth) and the road-legal Light Bee L1E, plus aftermarket parts from EBMX, KO Moto, Nucular, Luna Cycle, EXT Racing, Warp 9, GritShift and more.</p>
            </div>
                        <div class="border-b border-brand-border/60 pb-6 last:border-0 last:pb-0">
                <h3 class="text-xl font-bold text-white mb-2">How do I know a part fits my bike?</h3>
                <p class="text-brand-muted leading-relaxed">Every part lists verified Year-Make-Model fitment. Use the &quot;Find Parts By Bike&quot; selector on the home page, or email <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="f98a98959c8ab99c959c9a8d8b909a96979d908b8d8d8b989a928ad79a9694">[email&#160;protected]</a> with your model and year and we will confirm fitment before you order.</p>
            </div>
                        <div class="border-b border-brand-border/60 pb-6 last:border-0 last:pb-0">
                <h3 class="text-xl font-bold text-white mb-2">How much is shipping?</h3>
                <p class="text-brand-muted leading-relaxed">Ground shipping is free on orders of $149 or more within the continental US. Orders under $149 ship for a flat $9.95. Most orders placed before 2 PM Pacific ship the same business day.</p>
            </div>
                        <div class="border-b border-brand-border/60 pb-6 last:border-0 last:pb-0">
                <h3 class="text-xl font-bold text-white mb-2">What is your return policy?</h3>
                <p class="text-brand-muted leading-relaxed">Unopened, unmounted products in original packaging can be returned within 30 days of delivery, subject to a 15% restocking fee. Programmed controllers, battery packs, custom wheel builds and cut wiring harnesses are not returnable.</p>
            </div>
                        <div class="border-b border-brand-border/60 pb-6 last:border-0 last:pb-0">
                <h3 class="text-xl font-bold text-white mb-2">How does checkout work?</h3>
                <p class="text-brand-muted leading-relaxed">Add items to your cart and submit an order request. Our team contacts you to confirm the order, double-check fitment and arrange secure payment before anything ships.</p>
            </div>
                    </div>
    </div>
</section>

    </main>
    <footer class="bg-brand-panel border-t border-brand-border mt-20 relative overflow-hidden">
        <div class="absolute top-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-brand-green/30 to-transparent"></div>
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16 grid grid-cols-1 md:grid-cols-4 gap-12 text-brand-muted font-medium text-sm relative z-10">
            <div class="md:col-span-1">
                <a href="/" class="text-2xl font-black text-white tracking-tight mb-4 inline-block">ELECTRIC<span class="text-brand-green text-glow">ODT</span></a>
                <p class="leading-relaxed">US online store for Sur-Ron electric dirt bikes and fitment-verified aftermarket upgrades.</p>
                <p class="mt-4 leading-relaxed">
                    <a href="/cdn-cgi/l/email-protection#0774666b627447626b626473756e646869636e7573737566646c742964686a" class="hover:text-brand-green transition-colors"><span class="__cf_email__" data-cfemail="c8bba9a4adbb88ada4adabbcbaa1aba7a6aca1babcbcbaa9aba3bbe6aba7a5">[email&#160;protected]</span></a><br>
                    <a href="tel:+18887877661" class="hover:text-brand-green transition-colors">1-888-787-7661</a><br>
                    Mon–Fri, 9 AM–5 PM PT
                </p>
            </div>
            <div>
                <h2 class="text-white font-bold uppercase tracking-widest mb-4 text-xs">Shop</h2>
                <ul class="space-y-3">
                    <li><a href="/category/electric-bikes" class="hover:text-brand-green transition-colors">Sur-Ron Electric Bikes</a></li>
                    <li><a href="/category/controllers-electronics" class="hover:text-brand-green transition-colors">Controllers &amp; Electronics</a></li>
                    <li><a href="/category/batteries-chargers" class="hover:text-brand-green transition-colors">Batteries &amp; Chargers</a></li>
                    <li><a href="/category/suspension-forks" class="hover:text-brand-green transition-colors">Suspension &amp; Forks</a></li>
                    <li><a href="/" class="hover:text-brand-green transition-colors">Complete Catalog</a></li>
                </ul>
            </div>
            <div>
                <h2 class="text-white font-bold uppercase tracking-widest mb-4 text-xs">Support</h2>
                <ul class="space-y-3">
                    <li><a href="/about" class="hover:text-brand-green transition-colors">About Us</a></li>
                    <li><a href="/contact" class="hover:text-brand-green transition-colors">Contact</a></li>
                    <li><a href="/shipping" class="hover:text-brand-green transition-colors">Shipping &amp; Returns</a></li>
                    <li><a href="/cart" class="hover:text-brand-green transition-colors" rel="nofollow">Shopping Cart</a></li>
                </ul>
            </div>
            <div>
                <h2 class="text-white font-bold uppercase tracking-widest mb-4 text-xs">Fitment Help</h2>
                <p class="mb-4 leading-relaxed">Not sure a part fits your bike? Email your model and year and we will confirm before you order.</p>
                <a href="/cdn-cgi/l/email-protection#8efdefe2ebfdceebe2ebedfafce7ede1e0eae7fcfafafcefede5fda0ede1e3b1fdfbece4ebedfab3c8e7fae3ebe0faabbcbefffbebfdfae7e1e0" class="inline-block bg-brand-green text-black font-bold px-5 py-2.5 rounded-lg hover:bg-brand-lime transition-colors text-sm">Ask About Fitment</a>
            </div>
        </div>
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center pb-8 pt-8 border-t border-brand-border/50">
            <p class="text-brand-muted text-xs">&copy; 2026 Electric On Dirt Tracks. Built for riders. All rights reserved.</p>
        </div>
    </footer>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script></body>
</html>

Latest requests

# Url Url Source Date
1 https://electricondirttracks.com/ 2026-10-20 17:59:19
2 https://goethezertifikat11196.busc… 2026-10-20 17:59:18
3 https://www.texarkanatwins.com/%25… 2026-10-20 17:59:18
4 https://www.texarkanatwins.com/%25… 2026-10-20 17:59:18
5 https://www.texarkanatwins.com/%25… 2026-10-20 17:59:17
6 https://www.thebolditalic.com/?gi=… 2026-10-20 17:59:17
7 https://www.texarkanatwins.com/%25… 2026-10-20 17:59:16
8 https://www.texarkanatwins.com/%25… 2026-10-20 17:59:16
9 https://www.thebolditalic.com/?gi=… 2026-10-20 17:59:16
10 https://www.texarkanatwins.com/%25… 2026-10-20 17:59:16
11 https://www.texarkanatwins.com/%25… 2026-10-20 17:59:15
12 https://www.thebolditalic.com/?gi=… 2026-10-20 17:59:15
13 https://www.texarkanatwins.com/%25… 2026-10-20 17:59:14
14 https://play.google.com/store/games 2026-10-20 17:59:14
15 https://www.texarkanatwins.com/%25… 2026-10-20 17:59:14
16 https://www.texarkanatwins.com/%25… 2026-10-20 17:59:14
17 https://www.texarkanatwins.com/%25… 2026-10-20 17:59:13
18 https://auth.mediacorp.sg/u/login?… 2026-10-20 17:59:12
19 https://www.texarkanatwins.com/%25… 2026-10-20 17:59:12
20 https://www.texarkanatwins.com/%25… 2026-10-20 17:59:11