<div class="hot-sale"> <div class="banners"> <img src="https://store.segway.com/media/wysiwyg/202508-hotsale/Banner-6_bts-lp.png" alt="Segway 2025 Hot Sale" class="large-screen" /> <img src="https://store.segway.com/media/wysiwyg/202508-hotsale/Mobile-lp.png" alt="Segway 2025 Hot Sale" class="small-screen" /> </div> <style> .hot-sale .banners { padding-bottom: 70px; } .hot-sale .banners img { width: 100%; } .hot-sale .large-screen { display: none; } @media (min-width:750px) { .hot-sale .large-screen { display: block; } .hot-sale .small-screen { display: none; } } .hot-sale h1 { text-align: center; font-size: 40px; line-height: 1.4; margin-top: 40px; margin-bottom: 20px; max-width: 90%; margin-left: auto; margin-right: auto; word-break: break-word; } @media screen and (max-width: 768px) { .hot-sale h1 { font-size: 24px; padding: 0 10px; } } </style> </div>

<div class="grid w-full grid-cols-4 justify-center gap-[16px] max-xl:grid-cols-2 max-xl:gap-x-3 max-xl:gap-y-[36px] items-center">  <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="ninebot-kickscooter-f3"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">Save</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">200</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://segway.imgix.net/catalog/product/cache/d3ec3723470ff918c92e447639eaf984/f/3/f3-1_1_2.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">20 mph | 44 miles </div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway F3 Electric Scooter</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]">  <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>749.99</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>999.99</p> </div> </div> </a>  <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="ninebot-kickscooter-max-g3"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">Save</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">300</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://segway.imgix.net/catalog/product/cache/d3ec3723470ff918c92e447639eaf984/m/a/max_g3-1_2.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">28 mph | 50 miles </div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway MAX G3 Electric Scooter</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]">   <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>1199.99</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>1499.99</p> </div> </div> </a>  <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="segway-zt3-pro"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">Save</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">300</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://segway.imgix.net/catalog/product/cache/d3ec3723470ff918c92e447639eaf984/z/t/zt3_pro-1_2.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">24.9 mph | 43.5 miles </div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway ZT3 Pro Electric Scooter</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]">   <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>999.99</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>1299.99</p> </div> </div> </a>  <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="ninebot-kickscooter-e2-plus-ii"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">Save</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">100</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://segway.imgix.net/catalog/product/cache/d3ec3723470ff918c92e447639eaf984/e/2/e2plusii0005_2.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">15 mph | 16 miles </div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway E2 PLUS II Electric Scooter</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]">   <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>299.99</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>399.99</p> </div> </div> </a>  <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="kickscooter-e2-pro"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">Save</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">100</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://segway.imgix.net/catalog/product/cache/d3ec3723470ff918c92e447639eaf984/e/2/e2_pro-1_2.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">18.6 mph | 21.7 miles </div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway E2 Pro Electric Scooter</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]">   <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>499.99</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>599.99</p> </div> </div> </a>  <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="ninebot-kickscooter-max-g2"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">Save</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">600</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://segway.imgix.net/catalog/product/cache/d3ec3723470ff918c92e447639eaf984/m/a/max_g2-1_2.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">22 mph | 43 miles </div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway MAX G2 Electric Scooter</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]">  <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>799.99</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>1399.99</p> </div> </div> </a>  <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="ninebot-ekickscooter-c2-lite"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">Save</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">50</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://segway.imgix.net/catalog/product/cache/d3ec3723470ff918c92e447639eaf984/c/2/c2_lite-1_1_2.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">9.9 mph | 5.6 miles </div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway C2 Lite Electric Scooter</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]">   <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>149.99</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>199.99</p> </div> </div> </a>  <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="ninebot-ekickscooter-c2-pro"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">Save</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">50</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://segway.imgix.net/catalog/product/cache/d3ec3723470ff918c92e447639eaf984/f/r/front-right-c2-pro_1.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">12.4 mph | 9.3 miles </div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway C2 Pro Kids Electric Scooter</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]">   <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>249.99</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>299.99</p> </div> </div> </a>  <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="segway-powerstation-cube1000"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">Save</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">550</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://segway.imgix.net/catalog/product/cache/d3ec3723470ff918c92e447639eaf984/c/u/cube1000-1_2.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">1 kWh Capacity</div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway Cube 1000 Portable Power Station</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]">  <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>449.99</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>999.99</p> </div> </div> </a>  <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="segway-powerstation-cube2000"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">Save</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">850</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://segway.imgix.net/catalog/product/cache/d3ec3723470ff918c92e447639eaf984/c/u/cube2000-1_2.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">2 kWh Capacity</div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway Cube 2000 Portable Power Station</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]">  <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>849.99</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>1699.99</p> </div> </div> </a>  <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="segway-portable-power-station-lumina-500"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">Save</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">100</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://segway.imgix.net/catalog/product/cache/d3ec3723470ff918c92e447639eaf984/s/e/segway_portable_power_station_lumina_500-1_1_1.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">Performance and Portability </div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway Lumina 500 Portable Power Station</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]">  <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>299.99</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>399.99</p> </div> </div> </a> </div>

<div class="hot-sale"> <div class="banners"> <img src="https://store.segway.com/media/formily/7/Banner_1.jpg" alt="Segway 2025 Hot Sale" class="large-screen" /> <img src="https://store.segway.com/media/formily/11/Mobile_1.jpg" alt="Segway 2025 Hot Sale" class="small-screen" /> </div> <h1> </h1> <style> .hot-sale .banners { padding-bottom: 70px; } .hot-sale .banners img { width: 100%; } .hot-sale .large-screen { display: none; } @media (min-width:750px) { .hot-sale .large-screen { display: block; } .hot-sale .small-screen { display: none; } } .hot-sale h1 { text-align: center; font-size: 40px; line-height: 1.4; margin-top: 40px; margin-bottom: 20px; max-width: 90%; margin-left: auto; margin-right: auto; word-break: break-word; } @media screen and (max-width: 768px) { .hot-sale h1 { font-size: 24px; padding: 0 10px; } } </style> </div> <style> .hot-sale .cms-pages .banner{ width: 100vw; margin-left: calc((100vw - 100%) / -2); } .hot-sale .cms-pages a:hover { text-decoration: none !important; } .hot-sale div.h-7{ line-height:1.2; } </style>

<div class="grid w-full grid-cols-4 justify-center gap-[16px] max-xl:grid-cols-2 max-xl:gap-x-3 max-xl:gap-y-[36px] items-center"> <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="segway-ebike-xafari"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">Save</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">600</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://segway.imgix.net/catalog/product/cache/d3ec3723470ff918c92e447639eaf984/x/a/xafari-1.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">Upgrade to Comfort Class</div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway Xafari Electric Bike</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]">  <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>1799.99</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>2399.99</p> </div> </div> </a> <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="segway-ebike-xyber"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">Save</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">400</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://segway.imgix.net/catalog/product/cache/d3ec3723470ff918c92e447639eaf984/x/y/xyber-1.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">An Icon in the Making</div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway Xyber Electric Bike</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]">  <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>2899.99</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>3299.99</p> </div> </div> </a>  <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="segway-zt3-pro"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">Save</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">450</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://store-ca.segway.com/media/catalog/product/cache/ee20be44280952a7d7ef6417d3f821e9/z/t/zt3_pro-1_1_.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">Built for Off-Road Dominance</div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway ZT3 Pro Electric Scooter</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]">  <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>849.99</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>1299.99</p> </div> </div> </a>  <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="ninebot-kickscooter-max-g2"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">Save</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">650</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://segway.imgix.net/catalog/product/cache/d3ec3723470ff918c92e447639eaf984/m/a/max_g2-1_2.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">22 mph | 43 miles at 10 mph</div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway MAX G2 Electric Scooter</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]">  <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>749.99</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>1399.99</p> </div> </div> </a>  <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="ninebot-kickscooter-e2-plus-ii"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">Save</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">104</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://segway.imgix.net/catalog/product/cache/d3ec3723470ff918c92e447639eaf984/e/2/e2plusii0005_2.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">15.5 mph | 15 miles at 9.3 mph</div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway E2 PLUS II Electric Scooter</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]">  <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>295.99</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>399.99</p> </div> </div> </a>  <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="kickscooter-e2-pro"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">Save</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">100</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://segway.imgix.net/catalog/product/cache/d3ec3723470ff918c92e447639eaf984/e/2/e2_pro-1_2.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">18.6 mph | 21.7 miles | Apple Find My</div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway E2 Pro Electric Scooter</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]">  <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>399.99</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>499.99</p> </div> </div> </a>  <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="ninebot-s2"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">Save</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">70</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://segway.imgix.net/catalog/product/cache/d3ec3723470ff918c92e447639eaf984/s/2/s2_-1_2.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">Power and Efficiency</div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway Ninebot S2 Self-Balancing Scooter</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]">  <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>529.99</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>599.99</p> </div> </div> </a>  <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="ninebot-ekickscooter-c2-pro"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">Save</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">20</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://segway.imgix.net/catalog/product/cache/d3ec3723470ff918c92e447639eaf984/f/r/front-right-c2-pro_1.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">12.4 mph | 9.3 miles</div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway C2 Pro Kids Electric Scooter</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]">  <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>279.99</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>299.99</p> </div> </div> </a>  <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="ninebot-ekickscooter-c2-lite"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">Save</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">50</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://segway.imgix.net/catalog/product/cache/d3ec3723470ff918c92e447639eaf984/c/2/c2_lite-1_1_2.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">9.9 mph | 70 min Run Time</div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway C2 Lite Kids Electric Scooter</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]">  <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>149.99</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>199.99</p> </div> </div> </a>  <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="ninebot-ekickscooter-c2"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">Save</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">90</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://segway.imgix.net/catalog/product/cache/d3ec3723470ff918c92e447639eaf984/c/2/c2-1_1_2.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">9.9 mph | 6.8 miles</div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway C2 Kids Electric Scooter</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]">  <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>159.99</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>249.99</p> </div> </div> </a> </div>