<div class="banners"> <img src="https://store-mx.segway.com/media/banner/hot-sale/cmsPage_hotsale_banner_pc.png" class="large-screen" /> <img src="https://store-mx.segway.com/media/banner/hot-sale/cmsPage_hotsale_banner_mobile_v2.png" 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; } } </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="ninebot-kickscooter-f2"> <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">$4000</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-mx.segway.com/media/catalog/product/cache/ee20be44280952a7d7ef6417d3f821e9/f/2/f2-1.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pb-[24px] 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]">30 kmph | 30 km</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 F2 Scooter Eléctrico</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>4999</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>8999</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"> <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">$4724.55</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-mx.segway.com/media/catalog/product/cache/ee20be44280952a7d7ef6417d3f821e9/e/2/e2_plus_2.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pb-[24px] 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]">35 kmph | 70 km </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 Scooter Eléctrico</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>5,774.45</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>10,499.00</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">$4800</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-mx.segway.com/media/catalog/product/cache/ee20be44280952a7d7ef6417d3f821e9/m/a/max_g2_4.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pb-[24px] 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]">35 kmph | 70 km </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 Max G2 Scooter Eléctrico</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>19,199.00</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>23,999.00</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">$8250</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-mx.segway.com/media/catalog/product/cache/d3ec3723470ff918c92e447639eaf984/g/o/gokart_pro_2.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pb-[24px] 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]">35 kmph | 70 km </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 GoKart Pro 2 Carrito Eléctrico</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>46,749.00</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>54,999.00</p> </div> </div> </a> </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-2 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="/ninebot-kickscooter-e2-plus"> <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-mx.segway.com/media/catalog/product/cache/ee20be44280952a7d7ef6417d3f821e9/e/2/e2_plus_2.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pb-[24px] 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]">25 kmph | 25 km</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] max-xl:h-auto">Segway E2 Plus Scooter Eléctrico</div> </div> <div class="flex items-baseline gap-[10px] max-xl:gap-[6px]">  <p class="flex items-baseline text-[16px] leading-[22px] text-red-600 font-miSansDemiBold450 max-xl:text-[14px] max-xl:leading-[17px]"> <span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>5,774.45 </p>  <p class="flex items-baseline text-[16px] leading-[22px] text-gray-500 line-through font-miSansDemiBold450 max-xl:text-[14px] max-xl:leading-[17px]"> <span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>10,499.00 </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="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-mx.segway.com/media/catalog/product/cache/ee20be44280952a7d7ef6417d3f821e9/m/a/max_g2_4.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pb-[24px] 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]">35 kmph | 70 km </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 Max G2 Scooter Eléctrico</div> </div> <div class="flex items-baseline gap-[10px] max-xl:gap-[6px]">  <p class="flex items-baseline text-[16px] leading-[22px] text-red-600 font-miSansDemiBold450 max-xl:text-[14px] max-xl:leading-[17px]"> <span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>19,199.00 </p>  <p class="flex items-baseline text-[16px] leading-[22px] text-gray-500 line-through font-miSansDemiBold450 max-xl:text-[14px] max-xl:leading-[17px]"> <span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>23,999.00 </p> </div> </div> </a> <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="segway-gokart-pro-2"> <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-mx.segway.com/media/catalog/product/cache/d3ec3723470ff918c92e447639eaf984/g/o/gokart_pro_2.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pb-[24px] 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]">43 kmph | 25 km</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 GoKart Pro 2 Carrito Eléctrico</div> </div> <div class="flex items-baseline gap-[10px] max-xl:gap-[6px]">  <p class="flex items-baseline text-[16px] leading-[22px] text-red-600 font-miSansDemiBold450 max-xl:text-[14px] max-xl:leading-[17px]"> <span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>46,749.00 </p>  <p class="flex items-baseline text-[16px] leading-[22px] text-gray-500 line-through font-miSansDemiBold450 max-xl:text-[14px] max-xl:leading-[17px]"> <span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>54,999.00 </p> </div> </div> </a> </div>