en.nova-motors.shop
Open in
urlscan Pro
2606:4700:3036::ac43:b452
Public Scan
URL:
https://en.nova-motors.shop/
Submission: On July 21 via api from US — Scanned from DE
Submission: On July 21 via api from US — Scanned from DE
Form analysis 5 forms found in the DOM
GET https://en.nova-motors.shop/catalogsearch/result/?q=
<form id="search_mini_form" @submit.prevent="redirect()" action="https://en.nova-motors.shop/catalogsearch/result/?q=" class="flex justify-center" method="GET">
<label class="hidden" for="search" data-role="mini-search-label">
<span>Search</span>
</label>
<div class="w-full flex align-center justify-center" :style="`max-width: ${!isDefaultSearchInput && !isFullWidthSearch ? searchPopupWidth + 'px' : '100%'}`" style="max-width: 100%">
<input id="search" x-ref="searchInput" maxlength="128" form="search_mini_form" type="search" name="q" value="" autocomplete="off" placeholder="Search entire store here..." class="p-2 rounded-md rounded-r-none leading-normal border-gray-300 text-sm lg:text-base transition appearance-none text-grey-800 relative z-20 w-[300px] max-w-[300px]
outline-none focus:outline-none focus:border-[#0088b3] focus:ring-0 flex-am-search-sidebar" @focus="doSearch" @input.debounce.500="doSearch" @keydown.arrow-down.prevent="focusElement($el.querySelector('[tabindex]'))"
tabindex="-1">
<button type="submit" title="Search" class="h-10 h-full action search rounded rounded-l-none md:right-0 px-4 cursor-pointer" x-bind:disabled="isLoading || latestQuery.length < minSearchLength" :class="{
'am-custom-search-button': false,
}" aria-label="Search" disabled="disabled"> Search </button>
</div>
</form>POST https://en.nova-motors.shop/amfinder/index/search/
<form method="post" action="https://en.nova-motors.shop/amfinder/index/search/" x-data="{
actionValue:'',
formKeyValue: hyva.getFormKey(),
changeOrderStatus: function(action){
this.actionValue = action;
$el.submit();
}
}">
<input type="hidden" name="form_key" x-model="formKeyValue">
<input type="hidden" name="finder_id" value="5">
<input type="hidden" name="back_url" value="aHR0cHM6Ly9lbi5ub3ZhLW1vdG9ycy5zaG9wL2FtZmluZGVy">
<input type="hidden" name="reset_url" value="aHR0cHM6Ly9lbi5ub3ZhLW1vdG9ycy5zaG9wLw,,">
<input type="hidden" name="search_input" id="searchInput5">
<input type="hidden" name="category_id" value="">
<input type="hidden" name="current_apply_url" value="aHR0cHM6Ly9lbi5ub3ZhLW1vdG9ycy5zaG9wLw,,">
<div class="amfinder-title flex justify-between items-center cursor-pointer border-novablue" :class="{'mb-4': open}" x-cloak="" x-show="isMobile" @click="open = !open">
<span class="title text-lg font-semibold"> Find spare part </span>
<span class="py-1 px-1 rounded md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out h-5 w-5" width="24" height="24" :class="{ 'rotate-180': open }">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
</svg>
</span>
</div>
<div class="flex flex-col lg:flex-row gap-6 items-center">
<p class="spare-part-title font-bold !hidden md:!inline md:text-white w-fit" style="text-wrap: nowrap;"> Find spare part </p>
<ul class="amfinder-toggle flex flex-wrap justify-between flex-col md:flex-row relative gap-2 w-full" x-show="open">
<li class="am-item min-w-full md:min-w-fit" style="width: 49%">
<div class="dropdown-element amshopby-clearer">
<div class="amfinder-select-wrapper amchosen-select flex flex-col items-center relative" x-data="amFinderDropdown_100()" x-init="initDropdown($el)" @keydown.enter.stop.prevent="selectOptionOnEnter()"
@keydown.arrow-up.prevent="focusPrevOption()" @keydown.arrow-down.prevent="focusNextOption()" x-bind="eventListenersChosen" x-spread="eventListenersChosen" x-ref="amdropdown_0" data-amfinder-js="wrapper">
<div class="w-full">
<div class="from-input-wrapper relative">
<input type="hidden" data-input-id="100" id="input_100" x-model="filter" class="amfinder-dropdown amchosen-dropdown" data-type="chosen" data-amfinder-js="select" data-select-position="0" x-ref="select_0" data-dropdown-id="10"
name="finder[10]">
<label class="input-label bg-white cursor-pointer block w-full form-input px-3
relative py-2 mb-0" :class="{'ring-2 ring-novablue/[.7]': isOpen()}" for="input_100" @click="toggle()">
<span x-text="label"> Brand </span>
<span class="absolute top-1/2 right-2 -translate-y-1/2" :class="{'rotate-180': isOpen()}">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-5 h-6" width="24" height="24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
</svg>
</span>
</label>
</div>
</div>
<div x-show="isOpen()" x-cloak="" @click.away.outside="close()" class="amfinder-details options-wrapper absolute shadow bg-white top-full z-40
border border-container w-full left-0 shadow-md pt-2 rounded rounded-t-none
max-h-select overflow-y-auto mt-1">
<div class="search-input flex items-center relative px-2" x-show="isOpen()" x-cloak="">
<input type="text" class="block flex-grow form-input w-full focus:ring-novablue focus:border-novablue" @input="filterOptions($event.currentTarget)" x-model="searchFiled" id="search_100">
<label class="search-label absolute top-1/2 -translate-y-1/2 right-0 mb-0 mr-4" for="search_100">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="text-gray-400" width="24" height="24">
<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>
</label>
</div>
<div class="options flex flex-col w-full py-2">
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick(0, false, 'Please Select ...')"
:aria-selected="parseInt(focusedOptionIndex) === 0" data-value="" data-label="Please Select ..."> Please Select ... </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('1',
'12097',
'Nova Motors')" data-value="12097" data-label="Nova Motors" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('1')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12097') }"> Nova
Motors </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('2',
'14280',
'Inoa')" data-value="14280" data-label="Inoa" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('2')" :class="{'bg-novablue text-white pointer-events-none': isSelected('14280') }"> Inoa </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('3',
'9806',
'Adly / Her Chee')" data-value="9806" data-label="Adly / Her Chee" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('3')"
:class="{'bg-novablue text-white pointer-events-none': isSelected('9806') }"> Adly / Her Chee </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('4',
'9830',
'Aeon')" data-value="9830" data-label="Aeon" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('4')" :class="{'bg-novablue text-white pointer-events-none': isSelected('9830') }"> Aeon </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('5',
'9843',
'AGM')" data-value="9843" data-label="AGM" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('5')" :class="{'bg-novablue text-white pointer-events-none': isSelected('9843') }"> AGM </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('6',
'9844',
'Alpha Motors')" data-value="9844" data-label="Alpha Motors" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('6')" :class="{'bg-novablue text-white pointer-events-none': isSelected('9844') }">
Alpha Motors </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('7',
'9845',
'Aprilia')" data-value="9845" data-label="Aprilia" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('7')" :class="{'bg-novablue text-white pointer-events-none': isSelected('9845') }"> Aprilia
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('8',
'10142',
'Arctic Cat')" data-value="10142" data-label="Arctic Cat" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('8')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10142') }"> Arctic
Cat </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('9',
'10159',
'Atala')" data-value="10159" data-label="Atala" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('9')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10159') }"> Atala </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('10',
'10160',
'ATU Explorer')" data-value="10160" data-label="ATU Explorer" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('10')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10160') }">
ATU Explorer </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('11',
'10189',
'Baja')" data-value="10189" data-label="Baja" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('11')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10189') }"> Baja </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('12',
'10247',
'Barossa')" data-value="10247" data-label="Barossa" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('12')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10247') }"> Barossa
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('13',
'10202',
'Baotian')" data-value="10202" data-label="Baotian" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('13')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10202') }"> Baotian
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('14',
'10248',
'Beeline')" data-value="10248" data-label="Beeline" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('14')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10248') }"> Beeline
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('15',
'10275',
'Benelli')" data-value="10275" data-label="Benelli" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('15')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10275') }"> Benelli
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('16',
'10302',
'Benero')" data-value="10302" data-label="Benero" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('16')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10302') }"> Benero
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('17',
'10325',
'Benzhou')" data-value="10325" data-label="Benzhou" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('17')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10325') }"> Benzhou
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('18',
'10326',
'Beta')" data-value="10326" data-label="Beta" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('18')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10326') }"> Beta </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('19',
'10401',
'Bimotor')" data-value="10401" data-label="Bimotor" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('19')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10401') }"> Bimotor
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('20',
'10402',
'Brixton')" data-value="10402" data-label="Brixton" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('20')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10402') }"> Brixton
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('21',
'10403',
'Buffalo')" data-value="10403" data-label="Buffalo" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('21')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10403') }"> Buffalo
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('22',
'10404',
'Bultaco')" data-value="10404" data-label="Bultaco" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('22')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10404') }"> Bultaco
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('23',
'10438',
'Cagiva')" data-value="10438" data-label="Cagiva" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('23')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10438') }"> Cagiva
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('24',
'10439',
'Calella')" data-value="10439" data-label="Calella" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('24')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10439') }"> Calella
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('25',
'10440',
'CF Moto')" data-value="10440" data-label="CF Moto" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('25')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10440') }"> CF Moto
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('26',
'10441',
'CH Racing')" data-value="10441" data-label="CH Racing" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('26')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10441') }"> CH
Racing </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('27',
'10442',
'CPI')" data-value="10442" data-label="CPI" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('27')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10442') }"> CPI </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('28',
'10471',
'Daelim')" data-value="10471" data-label="Daelim" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('28')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10471') }"> Daelim
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('29',
'10472',
'Dazon')" data-value="10472" data-label="Dazon" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('29')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10472') }"> Dazon </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('30',
'10473',
'Derbi')" data-value="10473" data-label="Derbi" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('30')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10473') }"> Derbi </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('31',
'10707',
'Diamo')" data-value="10707" data-label="Diamo" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('31')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10707') }"> Diamo </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('32',
'10708',
'Dinli')" data-value="10708" data-label="Dinli" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('32')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10708') }"> Dinli </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('33',
'10709',
'Eppella')" data-value="10709" data-label="Eppella" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('33')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10709') }"> Eppella
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('34',
'10710',
'Ering')" data-value="10710" data-label="Ering" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('34')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10710') }"> Ering </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('35',
'10711',
'Explorer')" data-value="10711" data-label="Explorer" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('35')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10711') }"> Explorer
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('36',
'10751',
'Fantic Motor')" data-value="10751" data-label="Fantic Motor" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('36')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10751') }">
Fantic Motor </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('37',
'10784',
'Flex Tech')" data-value="10784" data-label="Flex Tech" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('37')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10784') }"> Flex
Tech </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('38',
'10824',
'Fly Scooters')" data-value="10824" data-label="Fly Scooters" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('38')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10824') }">
Fly Scooters </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('39',
'10837',
'Forstinger')" data-value="10837" data-label="Forstinger" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('39')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10837') }">
Forstinger </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('40',
'10838',
'Gas Gas')" data-value="10838" data-label="Gas Gas" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('40')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10838') }"> Gas Gas
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('41',
'10839',
'Generic')" data-value="10839" data-label="Generic" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('41')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10839') }"> Generic
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('42',
'10894',
'Ghiaroni')" data-value="10894" data-label="Ghiaroni" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('42')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10894') }"> Ghiaroni
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('43',
'10895',
'Gilera')" data-value="10895" data-label="Gilera" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('43')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10895') }"> Gilera
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('44',
'11025',
'Gorilla Motor Works')" data-value="11025" data-label="Gorilla Motor Works" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('44')"
:class="{'bg-novablue text-white pointer-events-none': isSelected('11025') }"> Gorilla Motor Works </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('45',
'11026',
'GT Union')" data-value="11026" data-label="GT Union" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('45')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11026') }"> GT Union
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('46',
'11043',
'Hercules')" data-value="11043" data-label="Hercules" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('46')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11043') }"> Hercules
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('47',
'11086',
'HM-Moto')" data-value="11086" data-label="HM-Moto" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('47')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11086') }"> HM-Moto
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('48',
'11104',
'Honda')" data-value="11104" data-label="Honda" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('48')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11104') }"> Honda </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('49',
'11249',
'HRD')" data-value="11249" data-label="HRD" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('49')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11249') }"> HRD </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('50',
'11250',
'Huatian')" data-value="11250" data-label="Huatian" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('50')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11250') }"> Huatian
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('51',
'11287',
'Husqvarna')" data-value="11287" data-label="Husqvarna" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('51')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11287') }">
Husqvarna </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('52',
'11300',
'Hyosung')" data-value="11300" data-label="Hyosung" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('52')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11300') }"> Hyosung
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('53',
'11338',
'Italjet')" data-value="11338" data-label="Italjet" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('53')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11338') }"> Italjet
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('54',
'11390',
'IVA')" data-value="11390" data-label="IVA" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('54')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11390') }"> IVA </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('55',
'11391',
'Jackfox')" data-value="11391" data-label="Jackfox" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('55')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11391') }"> Jackfox
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('56',
'11405',
'Jiajue')" data-value="11405" data-label="Jiajue" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('56')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11405') }"> Jiajue
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('57',
'11407',
'Jmstar')" data-value="11407" data-label="Jmstar" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('57')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11407') }"> Jmstar
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('58',
'11406',
'Jinlun')" data-value="11406" data-label="Jinlun" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('58')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11406') }"> Jinlun
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('59',
'11432',
'Jonway')" data-value="11432" data-label="Jonway" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('59')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11432') }"> Jonway
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('60',
'11444',
'K-Sport')" data-value="11444" data-label="K-Sport" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('60')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11444') }"> K-Sport
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('61',
'11445',
'Karcher')" data-value="11445" data-label="Karcher" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('61')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11445') }"> Karcher
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('62',
'11459',
'Kawasaki')" data-value="11459" data-label="Kawasaki" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('62')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11459') }"> Kawasaki
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('63',
'11460',
'Keeway')" data-value="11460" data-label="Keeway" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('63')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11460') }"> Keeway
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('64',
'11491',
'Kreidler')" data-value="11491" data-label="Kreidler" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('64')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11491') }"> Kreidler
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('65',
'11512',
'KSR Moto')" data-value="11512" data-label="KSR Moto" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('65')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11512') }"> KSR Moto
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('66',
'11513',
'KTM')" data-value="11513" data-label="KTM" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('66')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11513') }"> KTM </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('67',
'11539',
'Kymco')" data-value="11539" data-label="Kymco" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('67')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11539') }"> Kymco </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('68',
'11703',
'Lance')" data-value="11703" data-label="Lance" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('68')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11703') }"> Lance </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('69',
'11704',
'Laverda')" data-value="11704" data-label="Laverda" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('69')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11704') }"> Laverda
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('70',
'11728',
'LEM')" data-value="11728" data-label="LEM" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('70')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11728') }"> LEM </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('71',
'11729',
'Linhai')" data-value="11729" data-label="Linhai" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('71')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11729') }"> Linhai
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('72',
'11730',
'LML')" data-value="11730" data-label="LML" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('72')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11730') }"> LML </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('73',
'11731',
'Longbo')" data-value="11731" data-label="Longbo" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('73')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11731') }"> Longbo
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('74',
'11768',
'Longjia')" data-value="11768" data-label="Longjia" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('74')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11768') }"> Longjia
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('75',
'11769',
'LuXXon')" data-value="11769" data-label="LuXXon" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('75')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11769') }"> LuXXon
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('76',
'14282',
'Lvneng')" data-value="14282" data-label="Lvneng" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('76')" :class="{'bg-novablue text-white pointer-events-none': isSelected('14282') }"> Lvneng
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('77',
'11784',
'Malaguti')" data-value="11784" data-label="Malaguti" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('77')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11784') }"> Malaguti
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('78',
'11849',
'Mash')" data-value="11849" data-label="Mash" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('78')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11849') }"> Mash </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('79',
'11850',
'Massimo')" data-value="11850" data-label="Massimo" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('79')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11850') }"> Massimo
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('80',
'11851',
'Mawi')" data-value="11851" data-label="Mawi" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('80')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11851') }"> Mawi </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('81',
'11871',
'MBK')" data-value="11871" data-label="MBK" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('81')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11871') }"> MBK </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('82',
'11968',
'Meteorit (ATU)')" data-value="11968" data-label="Meteorit (ATU)" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('82')"
:class="{'bg-novablue text-white pointer-events-none': isSelected('11968') }"> Meteorit (ATU) </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('83',
'11969',
'MKS')" data-value="11969" data-label="MKS" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('83')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11969') }"> MKS </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('84',
'11970',
'Mobylette GAC Motobecane')" data-value="11970" data-label="Mobylette GAC Motobecane" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('84')"
:class="{'bg-novablue text-white pointer-events-none': isSelected('11970') }"> Mobylette GAC Motobecane </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('85',
'11971',
'Mondial')" data-value="11971" data-label="Mondial" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('85')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11971') }"> Mondial
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('86',
'11972',
'Morini')" data-value="11972" data-label="Morini" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('86')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11972') }"> Morini
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('87',
'11991',
'Moto Zeta')" data-value="11991" data-label="Moto Zeta" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('87')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11991') }"> Moto
Zeta </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('88',
'11992',
'Motobi / Moto B')" data-value="11992" data-label="Motobi / Moto B" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('88')"
:class="{'bg-novablue text-white pointer-events-none': isSelected('11992') }"> Motobi / Moto B </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('89',
'11993',
'Motoesa')" data-value="11993" data-label="Motoesa" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('89')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11993') }"> Motoesa
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('90',
'11994',
'Motofino')" data-value="11994" data-label="Motofino" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('90')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11994') }"> Motofino
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('91',
'11995',
'Motomojo')" data-value="11995" data-label="Motomojo" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('91')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11995') }"> Motomojo
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('92',
'12009',
'Motorhispania')" data-value="12009" data-label="Motorhispania" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('92')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12009') }">
Motorhispania </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('93',
'12052',
'Motorro')" data-value="12052" data-label="Motorro" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('93')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12052') }"> Motorro
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('94',
'12064',
'Motortek (ATU)')" data-value="12064" data-label="Motortek (ATU)" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('94')"
:class="{'bg-novablue text-white pointer-events-none': isSelected('12064') }"> Motortek (ATU) </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('95',
'12065',
'Motowell')" data-value="12065" data-label="Motowell" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('95')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12065') }"> Motowell
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('96',
'12081',
'Motoworx')" data-value="12081" data-label="Motoworx" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('96')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12081') }"> Motoworx
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('97',
'12082',
'Motron')" data-value="12082" data-label="Motron" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('97')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12082') }"> Motron
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('98',
'12083',
'MZ / MuZ')" data-value="12083" data-label="MZ / MuZ" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('98')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12083') }"> MZ / MuZ
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('99',
'12125',
'Online')" data-value="12125" data-label="Online" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('99')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12125') }"> Online
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('100',
'12126',
'Pegasus')" data-value="12126" data-label="Pegasus" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('100')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12126') }"> Pegasus
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('101',
'12151',
'Peugeot')" data-value="12151" data-label="Peugeot" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('101')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12151') }"> Peugeot
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('102',
'12267',
'PGO')" data-value="12267" data-label="PGO" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('102')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12267') }"> PGO </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('103',
'12281',
'Piaggio')" data-value="12281" data-label="Piaggio" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('103')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12281') }"> Piaggio
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('104',
'12756',
'Piaggio Mofa')" data-value="12756" data-label="Piaggio Mofa" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('104')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12756') }">
Piaggio Mofa </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('105',
'12757',
'Powersports Factory')" data-value="12757" data-label="Powersports Factory" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('105')"
:class="{'bg-novablue text-white pointer-events-none': isSelected('12757') }"> Powersports Factory </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('106',
'12758',
'Puch')" data-value="12758" data-label="Puch" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('106')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12758') }"> Puch </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('107',
'12860',
'Pulse')" data-value="12860" data-label="Pulse" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('107')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12860') }"> Pulse
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('108',
'12861',
'Puma')" data-value="12861" data-label="Puma" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('108')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12861') }"> Puma </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('109',
'12862',
'Q-Link')" data-value="12862" data-label="Q-Link" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('109')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12862') }"> Q-Link
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('110',
'12863',
'Qianjiang')" data-value="12863" data-label="Qianjiang" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('110')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12863') }">
Qianjiang </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('111',
'12877',
'Qingqi (Jinan Qingqi)')" data-value="12877" data-label="Qingqi (Jinan Qingqi)" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('111')"
:class="{'bg-novablue text-white pointer-events-none': isSelected('12877') }"> Qingqi (Jinan Qingqi) </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('112',
'12878',
'Renault')" data-value="12878" data-label="Renault" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('112')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12878') }"> Renault
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('113',
'12879',
'REX (Jinan Qingqi-Shenke)')" data-value="12879" data-label="REX (Jinan Qingqi-Shenke)" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('113')"
:class="{'bg-novablue text-white pointer-events-none': isSelected('12879') }"> REX (Jinan Qingqi-Shenke) </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('114',
'12891',
'Ride')" data-value="12891" data-label="Ride" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('114')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12891') }"> Ride </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('115',
'12905',
'Rieju')" data-value="12905" data-label="Rieju" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('115')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12905') }"> Rieju
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('116',
'13014',
'Rivero')" data-value="13014" data-label="Rivero" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('116')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13014') }"> Rivero
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('117',
'13015',
'Roketa')" data-value="13015" data-label="Roketa" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('117')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13015') }"> Roketa
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('118',
'13016',
'RS Ultima')" data-value="13016" data-label="RS Ultima" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('118')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13016') }"> RS
Ultima </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('119',
'13034',
'Sachs')" data-value="13034" data-label="Sachs" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('119')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13034') }"> Sachs
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('120',
'13060',
'Sacom')" data-value="13060" data-label="Sacom" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('120')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13060') }"> Sacom
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('121',
'13061',
'Saro')" data-value="13061" data-label="Saro" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('121')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13061') }"> Saro </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('122',
'13077',
'Schwinn')" data-value="13077" data-label="Schwinn" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('122')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13077') }"> Schwinn
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('123',
'13078',
'Scomadi')" data-value="13078" data-label="Scomadi" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('123')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13078') }"> Scomadi
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('124',
'13079',
'Seiran')" data-value="13079" data-label="Seiran" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('124')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13079') }"> Seiran
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('125',
'13080',
'Sherco')" data-value="13080" data-label="Sherco" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('125')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13080') }"> Sherco
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('126',
'13081',
'Simson')" data-value="13081" data-label="Simson" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('126')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13081') }"> Simson
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('127',
'13110',
'SIS')" data-value="13110" data-label="SIS" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('127')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13110') }"> SIS </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('128',
'13111',
'Skyteam')" data-value="13111" data-label="Skyteam" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('128')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13111') }"> Skyteam
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('129',
'13112',
'SMC')" data-value="13112" data-label="SMC" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('129')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13112') }"> SMC </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('130',
'13113',
'Solex')" data-value="13113" data-label="Solex" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('130')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13113') }"> Solex
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('131',
'13114',
'Speedax')" data-value="13114" data-label="Speedax" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('131')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13114') }"> Speedax
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('132',
'13115',
'Sukida')" data-value="13115" data-label="Sukida" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('132')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13115') }"> Sukida
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('133',
'13161',
'SunL')" data-value="13161" data-label="SunL" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('133')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13161') }"> SunL </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('134',
'13162',
'Suzuki')" data-value="13162" data-label="Suzuki" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('134')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13162') }"> Suzuki
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('135',
'13204',
'SYM (Sanyang)')" data-value="13204" data-label="SYM (Sanyang)" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('135')"
:class="{'bg-novablue text-white pointer-events-none': isSelected('13204') }"> SYM (Sanyang) </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('136',
'13335',
'Tank')" data-value="13335" data-label="Tank" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('136')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13335') }"> Tank </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('137',
'13355',
'Tauris')" data-value="13355" data-label="Tauris" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('137')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13355') }"> Tauris
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('138',
'13356',
'Tec Runner')" data-value="13356" data-label="Tec Runner" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('138')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13356') }"> Tec
Runner </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('139',
'13370',
'Tell')" data-value="13370" data-label="Tell" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('139')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13370') }"> Tell </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('140',
'13371',
'Testi')" data-value="13371" data-label="Testi" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('140')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13371') }"> Testi
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('141',
'13372',
'TGB')" data-value="13372" data-label="TGB" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('141')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13372') }"> TGB </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('142',
'13373',
'TNG')" data-value="13373" data-label="TNG" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('142')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13373') }"> TNG </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('143',
'13394',
'Tomos')" data-value="13394" data-label="Tomos" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('143')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13394') }"> Tomos
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('144',
'13412',
'Torrot')" data-value="13412" data-label="Torrot" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('144')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13412') }"> Torrot
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('145',
'13413',
'UM')" data-value="13413" data-label="UM" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('145')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13413') }"> UM </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('146',
'13414',
'Vento')" data-value="13414" data-label="Vento" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('146')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13414') }"> Vento
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('147',
'13415',
'Vespa Classic')" data-value="13415" data-label="Vespa Classic" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('147')"
:class="{'bg-novablue text-white pointer-events-none': isSelected('13415') }"> Vespa Classic </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('148',
'13603',
'Vespa Modern')" data-value="13603" data-label="Vespa Modern" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('148')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13603') }">
Vespa Modern </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('149',
'13859',
'Vespa Mofa')" data-value="13859" data-label="Vespa Mofa" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('149')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13859') }">
Vespa Mofa </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('150',
'13891',
'WT Motors')" data-value="13891" data-label="WT Motors" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('150')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13891') }"> WT
Motors </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('151',
'13892',
'Xingyue')" data-value="13892" data-label="Xingyue" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('151')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13892') }"> Xingyue
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('152',
'13893',
'Xinling')" data-value="13893" data-label="Xinling" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('152')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13893') }"> Xinling
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('153',
'13894',
'Xintian (Kinroad)')" data-value="13894" data-label="Xintian (Kinroad)" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('153')"
:class="{'bg-novablue text-white pointer-events-none': isSelected('13894') }"> Xintian (Kinroad) </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('154',
'13895',
'Yamaha')" data-value="13895" data-label="Yamaha" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('154')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13895') }"> Yamaha
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('155',
'14095',
'Zhongyu')" data-value="14095" data-label="Zhongyu" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('155')" :class="{'bg-novablue text-white pointer-events-none': isSelected('14095') }"> Zhongyu
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('156',
'14096',
'Znen (Zhongneng)')" data-value="14096" data-label="Znen (Zhongneng)" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('156')"
:class="{'bg-novablue text-white pointer-events-none': isSelected('14096') }"> Znen (Zhongneng) </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('157',
'14149',
'Zongshen')" data-value="14149" data-label="Zongshen" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('157')" :class="{'bg-novablue text-white pointer-events-none': isSelected('14149') }"> Zongshen
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('158',
'14150',
'Zündapp Modern')" data-value="14150" data-label="Zündapp Modern" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('158')"
:class="{'bg-novablue text-white pointer-events-none': isSelected('14150') }"> Zündapp Modern </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('159',
'14151',
'Zündapp Mofa / Kleinkrafträder')" data-value="14151" data-label="Zündapp Mofa / Kleinkrafträder" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('159')"
:class="{'bg-novablue text-white pointer-events-none': isSelected('14151') }"> Zündapp Mofa / Kleinkrafträder </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('160',
'14071',
'Yamati')" data-value="14071" data-label="Yamati" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('160')" :class="{'bg-novablue text-white pointer-events-none': isSelected('14071') }"> Yamati
</button>
</div>
</div>
</div>
<script>
function amFinderDropdown_100() {
return {
filter: '',
lastSelectedValue: '',
defaultLabel: 'Brand',
label: '',
show: false,
selected: null,
focusedOptionIndex: null,
options: [],
dropdownId: '100',
inputRef: 'select_0',
comonentRef: 'amdropdown_0',
searchFiled: '',
highlightTemplate: "<span class='underline'>$&</span>",
finderId: '5',
selectors: {
option: '.amfilter-option',
hiddenClass: 'hidden',
highlighted: 'selected',
underline: '.underline'
},
initDropdown(component) {
this.options = this._getOptions(component);
this.label = this.defaultLabel;
this.$nextTick(() => {
this._checkSelectedOptions(this.options);
})
this.$watch('show', (state) => {
if (state) {
this.options = this._getOptions(component);
}
})
this.$watch('filter', (state) => {
if (state) {
window.dispatchEvent(new CustomEvent('amfilter-option-changed', {
detail: {
optionValue: state
}
}));
}
})
},
_getOptions(component) {
return component.querySelectorAll(this.selectors.option);
},
filterOptions(element) {
for (let option of this.options) {
let searchText = this.searchFiled.toLowerCase();
let optionLabel = option.dataset.label;
let newLabel = '';
newLabel = optionLabel.replace(new RegExp('^' + searchText, 'gi'), this.highlightTemplate);
option.innerHTML = newLabel;
if (optionLabel.toLowerCase().indexOf(searchText) === 0) {
option.classList.remove(this.selectors.hiddenClass);
} else {
option.classList.add(this.selectors.hiddenClass);
}
}
},
_checkSelectedOptions(options) {
for (let option of options) {
if (parseInt(option.dataset.selected) === 1) {
this.filter = option.dataset.value;
this.label = option.dataset.label;
window.dispatchEvent(new CustomEvent('amfinder-show-buttons', {
detail: {
showButtons: true,
finderId: this.finderId
}
}));
}
}
},
close() {
this.show = false;
this.focusedOptionIndex = this.selected ? this.focusedOptionIndex : null;
this.searchFiled = '';
for (let option of this.options) {
let highlighted = option.querySelector(this.selectors.underline);
if (highlighted) {
highlighted.remove();
}
option.classList.remove(this.selectors.hiddenClass);
option.innerHTML = option.dataset.label;
}
},
open() {
this.show = true;
},
toggle() {
this.show = !this.show;
},
isOpen() {
return this.show === true
},
onOptionClick(index, value, label) {
this.focusedOptionIndex = index;
this._selectOption(value, label);
},
clearOptions() {
this.filter = '';
this.label = this.defaultLabel;
this.close();
},
isSelected(value) {
return parseInt(value) === parseInt(this.filter);
},
setSelected(value) {
this.filter = value;
},
_selectOption(value, label) {
if (!this.isOpen()) {
return;
}
this.filter = value;
this.label = label;
window.dispatchEvent(new CustomEvent('amfilter-option-select', {
detail: {
optionId: value,
input: this.$refs[this.inputRef],
finderId: this.finderId
}
}));
this.close();
},
selectOptionOnEnter() {
if (!this.isOpen()) {
return;
}
this.focusedOptionIndex = this.focusedOptionIndex ?? 0;
const selected = this.options[this.focusedOptionIndex];
const index = this.focusedOptionIndex;
const value = selected.dataset.value;
const label = selected.dataset.label;
if (value) {
this.onOptionClick(index, value, label);
}
this.close();
},
focusPrevOption() {
if (!this.isOpen()) {
return;
}
const optionsQty = Object.keys(this.options).length - 1;
if (this.focusedOptionIndex > 0 && this.focusedOptionIndex <= optionsQty) {
this.focusedOptionIndex--;
} else if (parseInt(this.focusedOptionIndex) === 0) {
this.focusedOptionIndex = optionsQty;
}
},
focusNextOption() {
const optionsQty = Object.keys(this.options).length - 1;
if (!this.isOpen()) {
this.open();
}
if (this.focusedOptionIndex == null || parseInt(this.focusedOptionIndex) === optionsQty) {
this.focusedOptionIndex = 0;
} else if (this.focusedOptionIndex >= 0 && this.focusedOptionIndex < optionsQty) {
this.focusedOptionIndex++;
}
},
_clearFileldOnSelect(id) {
if (parseInt(id) === parseInt(this.dropdownId)) {
this.clearOptions();
}
},
_autoselectFilter(id, value, label) {
if (parseInt(id) === parseInt(this.dropdownId)) {
this.filter = value;
this.label = label;
}
},
eventListenersChosen: {
['@amfilter-option-select-clear.window'](event) {
this._clearFileldOnSelect(event.detail.inputId);
},
['@amfilter-option-selected-single.window'](event) {
this._autoselectFilter(event.detail.selectId, event.detail.slectedValue, event.detail.selectedLabel);
}
}
}
}
</script>
<div class="filter-loader absolute bg-white bg-opacity-60 z-10 h-full w-full top-0 left-0 flex items-center justify-center hidden">
<div class="flex items-center">
<!-- loading icon -->
<svg class="animate-spin h-5 w-5 text-gray-600" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z">
</path>
</svg>
<!-- end loading icon -->
</div>
</div>
</div>
</li>
<li class="am-item min-w-full md:min-w-fit" style="width: 49%">
<div class="dropdown-element amshopby-clearer">
<div class="amfinder-select-wrapper amchosen-select flex flex-col items-center relative" x-data="amFinderDropdown_111()" x-init="initDropdown($el)" @keydown.enter.stop.prevent="selectOptionOnEnter()"
@keydown.arrow-up.prevent="focusPrevOption()" @keydown.arrow-down.prevent="focusNextOption()" x-bind="eventListenersChosen" x-spread="eventListenersChosen" x-ref="amdropdown_1" data-amfinder-js="wrapper">
<div class="w-full">
<div class="from-input-wrapper relative">
<input type="hidden" data-input-id="111" id="input_111" x-model="filter" class="amfinder-dropdown amchosen-dropdown" data-type="chosen" data-amfinder-js="select" data-select-position="1" x-ref="select_1" data-dropdown-id="11"
name="finder[11]" disabled="disabled">
<label class="input-label bg-white cursor-pointer block w-full form-input px-3
relative py-2 mb-0" :class="{'ring-2 ring-novablue/[.7]': isOpen()}" for="input_111" @click="toggle()">
<span x-text="label"> Model - Chassis number (VIN) </span>
<span class="absolute top-1/2 right-2 -translate-y-1/2" :class="{'rotate-180': isOpen()}">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-5 h-6" width="24" height="24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
</svg>
</span>
</label>
</div>
</div>
<div x-show="isOpen()" x-cloak="" @click.away.outside="close()" class="amfinder-details options-wrapper absolute shadow bg-white top-full z-40
border border-container w-full left-0 shadow-md pt-2 rounded rounded-t-none
max-h-select overflow-y-auto mt-1">
<div class="search-input flex items-center relative px-2" x-show="isOpen()" x-cloak="">
<input type="text" class="block flex-grow form-input w-full focus:ring-novablue focus:border-novablue" @input="filterOptions($event.currentTarget)" x-model="searchFiled" id="search_111">
<label class="search-label absolute top-1/2 -translate-y-1/2 right-0 mb-0 mr-4" for="search_111">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="text-gray-400" width="24" height="24">
<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>
</label>
</div>
<div class="options flex flex-col w-full py-2">
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick(0, false, 'Please Select ...')"
:aria-selected="parseInt(focusedOptionIndex) === 0" data-value="" data-label="Please Select ..."> Please Select ... </button>
</div>
</div>
</div>
<script>
function amFinderDropdown_111() {
return {
filter: '',
lastSelectedValue: '',
defaultLabel: 'Model\u0020\u002D\u0020Chassis\u0020number\u0020\u0028VIN\u0029',
label: '',
show: false,
selected: null,
focusedOptionIndex: null,
options: [],
dropdownId: '111',
inputRef: 'select_1',
comonentRef: 'amdropdown_1',
searchFiled: '',
highlightTemplate: "<span class='underline'>$&</span>",
finderId: '5',
selectors: {
option: '.amfilter-option',
hiddenClass: 'hidden',
highlighted: 'selected',
underline: '.underline'
},
initDropdown(component) {
this.options = this._getOptions(component);
this.label = this.defaultLabel;
this.$nextTick(() => {
this._checkSelectedOptions(this.options);
})
this.$watch('show', (state) => {
if (state) {
this.options = this._getOptions(component);
}
})
this.$watch('filter', (state) => {
if (state) {
window.dispatchEvent(new CustomEvent('amfilter-option-changed', {
detail: {
optionValue: state
}
}));
}
})
},
_getOptions(component) {
return component.querySelectorAll(this.selectors.option);
},
filterOptions(element) {
for (let option of this.options) {
let searchText = this.searchFiled.toLowerCase();
let optionLabel = option.dataset.label;
let newLabel = '';
newLabel = optionLabel.replace(new RegExp('^' + searchText, 'gi'), this.highlightTemplate);
option.innerHTML = newLabel;
if (optionLabel.toLowerCase().indexOf(searchText) === 0) {
option.classList.remove(this.selectors.hiddenClass);
} else {
option.classList.add(this.selectors.hiddenClass);
}
}
},
_checkSelectedOptions(options) {
for (let option of options) {
if (parseInt(option.dataset.selected) === 1) {
this.filter = option.dataset.value;
this.label = option.dataset.label;
window.dispatchEvent(new CustomEvent('amfinder-show-buttons', {
detail: {
showButtons: true,
finderId: this.finderId
}
}));
}
}
},
close() {
this.show = false;
this.focusedOptionIndex = this.selected ? this.focusedOptionIndex : null;
this.searchFiled = '';
for (let option of this.options) {
let highlighted = option.querySelector(this.selectors.underline);
if (highlighted) {
highlighted.remove();
}
option.classList.remove(this.selectors.hiddenClass);
option.innerHTML = option.dataset.label;
}
},
open() {
this.show = true;
},
toggle() {
this.show = !this.show;
},
isOpen() {
return this.show === true
},
onOptionClick(index, value, label) {
this.focusedOptionIndex = index;
this._selectOption(value, label);
},
clearOptions() {
this.filter = '';
this.label = this.defaultLabel;
this.close();
},
isSelected(value) {
return parseInt(value) === parseInt(this.filter);
},
setSelected(value) {
this.filter = value;
},
_selectOption(value, label) {
if (!this.isOpen()) {
return;
}
this.filter = value;
this.label = label;
window.dispatchEvent(new CustomEvent('amfilter-option-select', {
detail: {
optionId: value,
input: this.$refs[this.inputRef],
finderId: this.finderId
}
}));
this.close();
},
selectOptionOnEnter() {
if (!this.isOpen()) {
return;
}
this.focusedOptionIndex = this.focusedOptionIndex ?? 0;
const selected = this.options[this.focusedOptionIndex];
const index = this.focusedOptionIndex;
const value = selected.dataset.value;
const label = selected.dataset.label;
if (value) {
this.onOptionClick(index, value, label);
}
this.close();
},
focusPrevOption() {
if (!this.isOpen()) {
return;
}
const optionsQty = Object.keys(this.options).length - 1;
if (this.focusedOptionIndex > 0 && this.focusedOptionIndex <= optionsQty) {
this.focusedOptionIndex--;
} else if (parseInt(this.focusedOptionIndex) === 0) {
this.focusedOptionIndex = optionsQty;
}
},
focusNextOption() {
const optionsQty = Object.keys(this.options).length - 1;
if (!this.isOpen()) {
this.open();
}
if (this.focusedOptionIndex == null || parseInt(this.focusedOptionIndex) === optionsQty) {
this.focusedOptionIndex = 0;
} else if (this.focusedOptionIndex >= 0 && this.focusedOptionIndex < optionsQty) {
this.focusedOptionIndex++;
}
},
_clearFileldOnSelect(id) {
if (parseInt(id) === parseInt(this.dropdownId)) {
this.clearOptions();
}
},
_autoselectFilter(id, value, label) {
if (parseInt(id) === parseInt(this.dropdownId)) {
this.filter = value;
this.label = label;
}
},
eventListenersChosen: {
['@amfilter-option-select-clear.window'](event) {
this._clearFileldOnSelect(event.detail.inputId);
},
['@amfilter-option-selected-single.window'](event) {
this._autoselectFilter(event.detail.selectId, event.detail.slectedValue, event.detail.selectedLabel);
}
}
}
}
</script>
<div class="filter-loader absolute bg-white bg-opacity-60 z-10 h-full w-full top-0 left-0 flex items-center justify-center hidden">
<div class="flex items-center">
<!-- loading icon -->
<svg class="animate-spin h-5 w-5 text-gray-600" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z">
</path>
</svg>
<!-- end loading icon -->
</div>
</div>
</div>
</li>
</ul>
<template x-if="isShowActions && (!isMobile || open)">
<div class="amfinder-buttons flex items-center justify-end gap-2 items-stretch w-fit no-display" data-amfinder-js="buttons">
<button class="hover:cursor-pointer !shadow-none w-full lg:w-auto justify-center relative p-2 !hidden lg:!block" name="reset" value="1" title="Reset" type="submit">
<span class="border-r-4 rounded border-container h-full absolute top-1/2 right-1/2
-translate-x-1/2 -translate-y-1/2 -rotate-[45deg]"></span>
<span class="border-r-4 rounded border-container h-full absolute top-1/2 right-1/2
-translate-x-1/2 -translate-y-1/2 rotate-[45deg]"></span>
</button>
<button class="w-full justify-center border border-gray-300 rounded-md shadow-sm lg:hidden
focus:border-primary-lighter focus:ring-primary focus:ring-opacity-50 py-2 px-3
bg-novablue-dark text-white" name="reset" value="1" title="Reset" type="submit"> Reset </button>
</div>
</template>
</div>
</form>POST https://en.nova-motors.shop/amfinder/index/search/
<form method="post" action="https://en.nova-motors.shop/amfinder/index/search/" x-data="{
actionValue:'',
formKeyValue: hyva.getFormKey(),
changeOrderStatus: function(action){
this.actionValue = action;
$el.submit();
}
}">
<input type="hidden" name="form_key" x-model="formKeyValue">
<input type="hidden" name="finder_id" value="5">
<input type="hidden" name="back_url" value="aHR0cHM6Ly9lbi5ub3ZhLW1vdG9ycy5zaG9wL2FtZmluZGVy">
<input type="hidden" name="reset_url" value="aHR0cHM6Ly9lbi5ub3ZhLW1vdG9ycy5zaG9wLw,,">
<input type="hidden" name="search_input" id="searchInput5">
<input type="hidden" name="category_id" value="">
<input type="hidden" name="current_apply_url" value="aHR0cHM6Ly9lbi5ub3ZhLW1vdG9ycy5zaG9wLw,,">
<div class="amfinder-title flex justify-between items-center cursor-pointer border-novablue" :class="{'mb-4': open}" x-cloak="" x-show="isMobile" @click="open = !open">
<span class="title text-lg font-semibold"> Find spare part </span>
<span class="py-1 px-1 rounded md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out h-5 w-5" width="24" height="24" :class="{ 'rotate-180': open }">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
</svg>
</span>
</div>
<div class="flex flex-col lg:flex-row gap-6 items-center">
<p class="spare-part-title font-bold !hidden md:!inline md:text-white w-fit" style="text-wrap: nowrap;"> Find spare part </p>
<ul class="amfinder-toggle flex flex-wrap justify-between flex-col md:flex-row relative gap-2 w-full" x-show="open">
<li class="am-item min-w-full md:min-w-fit" style="width: 49%">
<div class="dropdown-element amshopby-clearer">
<div class="amfinder-select-wrapper amchosen-select flex flex-col items-center relative" x-data="amFinderDropdown_100()" x-init="initDropdown($el)" @keydown.enter.stop.prevent="selectOptionOnEnter()"
@keydown.arrow-up.prevent="focusPrevOption()" @keydown.arrow-down.prevent="focusNextOption()" x-bind="eventListenersChosen" x-spread="eventListenersChosen" x-ref="amdropdown_0" data-amfinder-js="wrapper">
<div class="w-full">
<div class="from-input-wrapper relative">
<input type="hidden" data-input-id="100" id="input_100" x-model="filter" class="amfinder-dropdown amchosen-dropdown" data-type="chosen" data-amfinder-js="select" data-select-position="0" x-ref="select_0" data-dropdown-id="10"
name="finder[10]">
<label class="input-label bg-white cursor-pointer block w-full form-input px-3
relative py-2 mb-0" :class="{'ring-2 ring-novablue/[.7]': isOpen()}" for="input_100" @click="toggle()">
<span x-text="label"> Brand </span>
<span class="absolute top-1/2 right-2 -translate-y-1/2" :class="{'rotate-180': isOpen()}">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-5 h-6" width="24" height="24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
</svg>
</span>
</label>
</div>
</div>
<div x-show="isOpen()" x-cloak="" @click.away.outside="close()" class="amfinder-details options-wrapper absolute shadow bg-white top-full z-40
border border-container w-full left-0 shadow-md pt-2 rounded rounded-t-none
max-h-select overflow-y-auto mt-1">
<div class="search-input flex items-center relative px-2" x-show="isOpen()" x-cloak="">
<input type="text" class="block flex-grow form-input w-full focus:ring-novablue focus:border-novablue" @input="filterOptions($event.currentTarget)" x-model="searchFiled" id="search_100">
<label class="search-label absolute top-1/2 -translate-y-1/2 right-0 mb-0 mr-4" for="search_100">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="text-gray-400" width="24" height="24">
<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>
</label>
</div>
<div class="options flex flex-col w-full py-2">
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick(0, false, 'Please Select ...')"
:aria-selected="parseInt(focusedOptionIndex) === 0" data-value="" data-label="Please Select ..."> Please Select ... </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('1',
'12097',
'Nova Motors')" data-value="12097" data-label="Nova Motors" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('1')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12097') }"> Nova
Motors </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('2',
'14280',
'Inoa')" data-value="14280" data-label="Inoa" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('2')" :class="{'bg-novablue text-white pointer-events-none': isSelected('14280') }"> Inoa </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('3',
'9806',
'Adly / Her Chee')" data-value="9806" data-label="Adly / Her Chee" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('3')"
:class="{'bg-novablue text-white pointer-events-none': isSelected('9806') }"> Adly / Her Chee </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('4',
'9830',
'Aeon')" data-value="9830" data-label="Aeon" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('4')" :class="{'bg-novablue text-white pointer-events-none': isSelected('9830') }"> Aeon </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('5',
'9843',
'AGM')" data-value="9843" data-label="AGM" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('5')" :class="{'bg-novablue text-white pointer-events-none': isSelected('9843') }"> AGM </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('6',
'9844',
'Alpha Motors')" data-value="9844" data-label="Alpha Motors" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('6')" :class="{'bg-novablue text-white pointer-events-none': isSelected('9844') }">
Alpha Motors </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('7',
'9845',
'Aprilia')" data-value="9845" data-label="Aprilia" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('7')" :class="{'bg-novablue text-white pointer-events-none': isSelected('9845') }"> Aprilia
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('8',
'10142',
'Arctic Cat')" data-value="10142" data-label="Arctic Cat" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('8')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10142') }"> Arctic
Cat </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('9',
'10159',
'Atala')" data-value="10159" data-label="Atala" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('9')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10159') }"> Atala </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('10',
'10160',
'ATU Explorer')" data-value="10160" data-label="ATU Explorer" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('10')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10160') }">
ATU Explorer </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('11',
'10189',
'Baja')" data-value="10189" data-label="Baja" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('11')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10189') }"> Baja </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('12',
'10247',
'Barossa')" data-value="10247" data-label="Barossa" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('12')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10247') }"> Barossa
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('13',
'10202',
'Baotian')" data-value="10202" data-label="Baotian" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('13')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10202') }"> Baotian
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('14',
'10248',
'Beeline')" data-value="10248" data-label="Beeline" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('14')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10248') }"> Beeline
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('15',
'10275',
'Benelli')" data-value="10275" data-label="Benelli" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('15')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10275') }"> Benelli
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('16',
'10302',
'Benero')" data-value="10302" data-label="Benero" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('16')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10302') }"> Benero
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('17',
'10325',
'Benzhou')" data-value="10325" data-label="Benzhou" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('17')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10325') }"> Benzhou
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('18',
'10326',
'Beta')" data-value="10326" data-label="Beta" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('18')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10326') }"> Beta </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('19',
'10401',
'Bimotor')" data-value="10401" data-label="Bimotor" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('19')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10401') }"> Bimotor
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('20',
'10402',
'Brixton')" data-value="10402" data-label="Brixton" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('20')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10402') }"> Brixton
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('21',
'10403',
'Buffalo')" data-value="10403" data-label="Buffalo" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('21')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10403') }"> Buffalo
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('22',
'10404',
'Bultaco')" data-value="10404" data-label="Bultaco" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('22')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10404') }"> Bultaco
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('23',
'10438',
'Cagiva')" data-value="10438" data-label="Cagiva" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('23')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10438') }"> Cagiva
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('24',
'10439',
'Calella')" data-value="10439" data-label="Calella" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('24')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10439') }"> Calella
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('25',
'10440',
'CF Moto')" data-value="10440" data-label="CF Moto" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('25')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10440') }"> CF Moto
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('26',
'10441',
'CH Racing')" data-value="10441" data-label="CH Racing" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('26')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10441') }"> CH
Racing </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('27',
'10442',
'CPI')" data-value="10442" data-label="CPI" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('27')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10442') }"> CPI </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('28',
'10471',
'Daelim')" data-value="10471" data-label="Daelim" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('28')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10471') }"> Daelim
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('29',
'10472',
'Dazon')" data-value="10472" data-label="Dazon" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('29')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10472') }"> Dazon </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('30',
'10473',
'Derbi')" data-value="10473" data-label="Derbi" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('30')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10473') }"> Derbi </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('31',
'10707',
'Diamo')" data-value="10707" data-label="Diamo" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('31')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10707') }"> Diamo </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('32',
'10708',
'Dinli')" data-value="10708" data-label="Dinli" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('32')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10708') }"> Dinli </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('33',
'10709',
'Eppella')" data-value="10709" data-label="Eppella" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('33')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10709') }"> Eppella
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('34',
'10710',
'Ering')" data-value="10710" data-label="Ering" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('34')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10710') }"> Ering </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('35',
'10711',
'Explorer')" data-value="10711" data-label="Explorer" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('35')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10711') }"> Explorer
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('36',
'10751',
'Fantic Motor')" data-value="10751" data-label="Fantic Motor" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('36')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10751') }">
Fantic Motor </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('37',
'10784',
'Flex Tech')" data-value="10784" data-label="Flex Tech" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('37')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10784') }"> Flex
Tech </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('38',
'10824',
'Fly Scooters')" data-value="10824" data-label="Fly Scooters" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('38')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10824') }">
Fly Scooters </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('39',
'10837',
'Forstinger')" data-value="10837" data-label="Forstinger" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('39')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10837') }">
Forstinger </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('40',
'10838',
'Gas Gas')" data-value="10838" data-label="Gas Gas" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('40')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10838') }"> Gas Gas
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('41',
'10839',
'Generic')" data-value="10839" data-label="Generic" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('41')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10839') }"> Generic
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('42',
'10894',
'Ghiaroni')" data-value="10894" data-label="Ghiaroni" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('42')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10894') }"> Ghiaroni
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('43',
'10895',
'Gilera')" data-value="10895" data-label="Gilera" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('43')" :class="{'bg-novablue text-white pointer-events-none': isSelected('10895') }"> Gilera
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('44',
'11025',
'Gorilla Motor Works')" data-value="11025" data-label="Gorilla Motor Works" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('44')"
:class="{'bg-novablue text-white pointer-events-none': isSelected('11025') }"> Gorilla Motor Works </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('45',
'11026',
'GT Union')" data-value="11026" data-label="GT Union" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('45')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11026') }"> GT Union
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('46',
'11043',
'Hercules')" data-value="11043" data-label="Hercules" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('46')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11043') }"> Hercules
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('47',
'11086',
'HM-Moto')" data-value="11086" data-label="HM-Moto" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('47')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11086') }"> HM-Moto
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('48',
'11104',
'Honda')" data-value="11104" data-label="Honda" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('48')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11104') }"> Honda </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('49',
'11249',
'HRD')" data-value="11249" data-label="HRD" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('49')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11249') }"> HRD </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('50',
'11250',
'Huatian')" data-value="11250" data-label="Huatian" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('50')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11250') }"> Huatian
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('51',
'11287',
'Husqvarna')" data-value="11287" data-label="Husqvarna" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('51')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11287') }">
Husqvarna </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('52',
'11300',
'Hyosung')" data-value="11300" data-label="Hyosung" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('52')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11300') }"> Hyosung
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('53',
'11338',
'Italjet')" data-value="11338" data-label="Italjet" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('53')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11338') }"> Italjet
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('54',
'11390',
'IVA')" data-value="11390" data-label="IVA" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('54')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11390') }"> IVA </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('55',
'11391',
'Jackfox')" data-value="11391" data-label="Jackfox" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('55')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11391') }"> Jackfox
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('56',
'11405',
'Jiajue')" data-value="11405" data-label="Jiajue" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('56')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11405') }"> Jiajue
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('57',
'11407',
'Jmstar')" data-value="11407" data-label="Jmstar" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('57')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11407') }"> Jmstar
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('58',
'11406',
'Jinlun')" data-value="11406" data-label="Jinlun" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('58')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11406') }"> Jinlun
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('59',
'11432',
'Jonway')" data-value="11432" data-label="Jonway" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('59')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11432') }"> Jonway
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('60',
'11444',
'K-Sport')" data-value="11444" data-label="K-Sport" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('60')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11444') }"> K-Sport
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('61',
'11445',
'Karcher')" data-value="11445" data-label="Karcher" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('61')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11445') }"> Karcher
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('62',
'11459',
'Kawasaki')" data-value="11459" data-label="Kawasaki" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('62')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11459') }"> Kawasaki
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('63',
'11460',
'Keeway')" data-value="11460" data-label="Keeway" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('63')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11460') }"> Keeway
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('64',
'11491',
'Kreidler')" data-value="11491" data-label="Kreidler" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('64')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11491') }"> Kreidler
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('65',
'11512',
'KSR Moto')" data-value="11512" data-label="KSR Moto" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('65')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11512') }"> KSR Moto
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('66',
'11513',
'KTM')" data-value="11513" data-label="KTM" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('66')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11513') }"> KTM </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('67',
'11539',
'Kymco')" data-value="11539" data-label="Kymco" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('67')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11539') }"> Kymco </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('68',
'11703',
'Lance')" data-value="11703" data-label="Lance" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('68')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11703') }"> Lance </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('69',
'11704',
'Laverda')" data-value="11704" data-label="Laverda" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('69')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11704') }"> Laverda
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('70',
'11728',
'LEM')" data-value="11728" data-label="LEM" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('70')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11728') }"> LEM </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('71',
'11729',
'Linhai')" data-value="11729" data-label="Linhai" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('71')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11729') }"> Linhai
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('72',
'11730',
'LML')" data-value="11730" data-label="LML" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('72')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11730') }"> LML </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('73',
'11731',
'Longbo')" data-value="11731" data-label="Longbo" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('73')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11731') }"> Longbo
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('74',
'11768',
'Longjia')" data-value="11768" data-label="Longjia" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('74')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11768') }"> Longjia
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('75',
'11769',
'LuXXon')" data-value="11769" data-label="LuXXon" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('75')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11769') }"> LuXXon
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('76',
'14282',
'Lvneng')" data-value="14282" data-label="Lvneng" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('76')" :class="{'bg-novablue text-white pointer-events-none': isSelected('14282') }"> Lvneng
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('77',
'11784',
'Malaguti')" data-value="11784" data-label="Malaguti" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('77')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11784') }"> Malaguti
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('78',
'11849',
'Mash')" data-value="11849" data-label="Mash" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('78')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11849') }"> Mash </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('79',
'11850',
'Massimo')" data-value="11850" data-label="Massimo" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('79')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11850') }"> Massimo
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('80',
'11851',
'Mawi')" data-value="11851" data-label="Mawi" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('80')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11851') }"> Mawi </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('81',
'11871',
'MBK')" data-value="11871" data-label="MBK" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('81')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11871') }"> MBK </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('82',
'11968',
'Meteorit (ATU)')" data-value="11968" data-label="Meteorit (ATU)" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('82')"
:class="{'bg-novablue text-white pointer-events-none': isSelected('11968') }"> Meteorit (ATU) </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('83',
'11969',
'MKS')" data-value="11969" data-label="MKS" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('83')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11969') }"> MKS </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('84',
'11970',
'Mobylette GAC Motobecane')" data-value="11970" data-label="Mobylette GAC Motobecane" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('84')"
:class="{'bg-novablue text-white pointer-events-none': isSelected('11970') }"> Mobylette GAC Motobecane </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('85',
'11971',
'Mondial')" data-value="11971" data-label="Mondial" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('85')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11971') }"> Mondial
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('86',
'11972',
'Morini')" data-value="11972" data-label="Morini" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('86')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11972') }"> Morini
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('87',
'11991',
'Moto Zeta')" data-value="11991" data-label="Moto Zeta" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('87')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11991') }"> Moto
Zeta </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('88',
'11992',
'Motobi / Moto B')" data-value="11992" data-label="Motobi / Moto B" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('88')"
:class="{'bg-novablue text-white pointer-events-none': isSelected('11992') }"> Motobi / Moto B </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('89',
'11993',
'Motoesa')" data-value="11993" data-label="Motoesa" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('89')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11993') }"> Motoesa
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('90',
'11994',
'Motofino')" data-value="11994" data-label="Motofino" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('90')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11994') }"> Motofino
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('91',
'11995',
'Motomojo')" data-value="11995" data-label="Motomojo" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('91')" :class="{'bg-novablue text-white pointer-events-none': isSelected('11995') }"> Motomojo
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('92',
'12009',
'Motorhispania')" data-value="12009" data-label="Motorhispania" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('92')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12009') }">
Motorhispania </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('93',
'12052',
'Motorro')" data-value="12052" data-label="Motorro" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('93')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12052') }"> Motorro
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('94',
'12064',
'Motortek (ATU)')" data-value="12064" data-label="Motortek (ATU)" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('94')"
:class="{'bg-novablue text-white pointer-events-none': isSelected('12064') }"> Motortek (ATU) </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('95',
'12065',
'Motowell')" data-value="12065" data-label="Motowell" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('95')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12065') }"> Motowell
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('96',
'12081',
'Motoworx')" data-value="12081" data-label="Motoworx" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('96')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12081') }"> Motoworx
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('97',
'12082',
'Motron')" data-value="12082" data-label="Motron" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('97')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12082') }"> Motron
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('98',
'12083',
'MZ / MuZ')" data-value="12083" data-label="MZ / MuZ" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('98')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12083') }"> MZ / MuZ
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('99',
'12125',
'Online')" data-value="12125" data-label="Online" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('99')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12125') }"> Online
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('100',
'12126',
'Pegasus')" data-value="12126" data-label="Pegasus" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('100')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12126') }"> Pegasus
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('101',
'12151',
'Peugeot')" data-value="12151" data-label="Peugeot" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('101')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12151') }"> Peugeot
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('102',
'12267',
'PGO')" data-value="12267" data-label="PGO" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('102')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12267') }"> PGO </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('103',
'12281',
'Piaggio')" data-value="12281" data-label="Piaggio" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('103')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12281') }"> Piaggio
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('104',
'12756',
'Piaggio Mofa')" data-value="12756" data-label="Piaggio Mofa" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('104')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12756') }">
Piaggio Mofa </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('105',
'12757',
'Powersports Factory')" data-value="12757" data-label="Powersports Factory" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('105')"
:class="{'bg-novablue text-white pointer-events-none': isSelected('12757') }"> Powersports Factory </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('106',
'12758',
'Puch')" data-value="12758" data-label="Puch" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('106')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12758') }"> Puch </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('107',
'12860',
'Pulse')" data-value="12860" data-label="Pulse" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('107')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12860') }"> Pulse
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('108',
'12861',
'Puma')" data-value="12861" data-label="Puma" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('108')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12861') }"> Puma </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('109',
'12862',
'Q-Link')" data-value="12862" data-label="Q-Link" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('109')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12862') }"> Q-Link
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('110',
'12863',
'Qianjiang')" data-value="12863" data-label="Qianjiang" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('110')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12863') }">
Qianjiang </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('111',
'12877',
'Qingqi (Jinan Qingqi)')" data-value="12877" data-label="Qingqi (Jinan Qingqi)" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('111')"
:class="{'bg-novablue text-white pointer-events-none': isSelected('12877') }"> Qingqi (Jinan Qingqi) </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('112',
'12878',
'Renault')" data-value="12878" data-label="Renault" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('112')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12878') }"> Renault
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('113',
'12879',
'REX (Jinan Qingqi-Shenke)')" data-value="12879" data-label="REX (Jinan Qingqi-Shenke)" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('113')"
:class="{'bg-novablue text-white pointer-events-none': isSelected('12879') }"> REX (Jinan Qingqi-Shenke) </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('114',
'12891',
'Ride')" data-value="12891" data-label="Ride" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('114')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12891') }"> Ride </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('115',
'12905',
'Rieju')" data-value="12905" data-label="Rieju" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('115')" :class="{'bg-novablue text-white pointer-events-none': isSelected('12905') }"> Rieju
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('116',
'13014',
'Rivero')" data-value="13014" data-label="Rivero" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('116')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13014') }"> Rivero
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('117',
'13015',
'Roketa')" data-value="13015" data-label="Roketa" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('117')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13015') }"> Roketa
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('118',
'13016',
'RS Ultima')" data-value="13016" data-label="RS Ultima" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('118')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13016') }"> RS
Ultima </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('119',
'13034',
'Sachs')" data-value="13034" data-label="Sachs" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('119')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13034') }"> Sachs
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('120',
'13060',
'Sacom')" data-value="13060" data-label="Sacom" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('120')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13060') }"> Sacom
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('121',
'13061',
'Saro')" data-value="13061" data-label="Saro" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('121')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13061') }"> Saro </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('122',
'13077',
'Schwinn')" data-value="13077" data-label="Schwinn" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('122')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13077') }"> Schwinn
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('123',
'13078',
'Scomadi')" data-value="13078" data-label="Scomadi" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('123')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13078') }"> Scomadi
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('124',
'13079',
'Seiran')" data-value="13079" data-label="Seiran" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('124')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13079') }"> Seiran
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('125',
'13080',
'Sherco')" data-value="13080" data-label="Sherco" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('125')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13080') }"> Sherco
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('126',
'13081',
'Simson')" data-value="13081" data-label="Simson" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('126')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13081') }"> Simson
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('127',
'13110',
'SIS')" data-value="13110" data-label="SIS" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('127')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13110') }"> SIS </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('128',
'13111',
'Skyteam')" data-value="13111" data-label="Skyteam" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('128')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13111') }"> Skyteam
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('129',
'13112',
'SMC')" data-value="13112" data-label="SMC" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('129')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13112') }"> SMC </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('130',
'13113',
'Solex')" data-value="13113" data-label="Solex" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('130')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13113') }"> Solex
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('131',
'13114',
'Speedax')" data-value="13114" data-label="Speedax" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('131')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13114') }"> Speedax
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('132',
'13115',
'Sukida')" data-value="13115" data-label="Sukida" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('132')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13115') }"> Sukida
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('133',
'13161',
'SunL')" data-value="13161" data-label="SunL" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('133')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13161') }"> SunL </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('134',
'13162',
'Suzuki')" data-value="13162" data-label="Suzuki" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('134')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13162') }"> Suzuki
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('135',
'13204',
'SYM (Sanyang)')" data-value="13204" data-label="SYM (Sanyang)" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('135')"
:class="{'bg-novablue text-white pointer-events-none': isSelected('13204') }"> SYM (Sanyang) </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('136',
'13335',
'Tank')" data-value="13335" data-label="Tank" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('136')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13335') }"> Tank </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('137',
'13355',
'Tauris')" data-value="13355" data-label="Tauris" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('137')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13355') }"> Tauris
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('138',
'13356',
'Tec Runner')" data-value="13356" data-label="Tec Runner" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('138')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13356') }"> Tec
Runner </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('139',
'13370',
'Tell')" data-value="13370" data-label="Tell" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('139')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13370') }"> Tell </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('140',
'13371',
'Testi')" data-value="13371" data-label="Testi" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('140')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13371') }"> Testi
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('141',
'13372',
'TGB')" data-value="13372" data-label="TGB" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('141')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13372') }"> TGB </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('142',
'13373',
'TNG')" data-value="13373" data-label="TNG" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('142')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13373') }"> TNG </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('143',
'13394',
'Tomos')" data-value="13394" data-label="Tomos" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('143')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13394') }"> Tomos
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('144',
'13412',
'Torrot')" data-value="13412" data-label="Torrot" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('144')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13412') }"> Torrot
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('145',
'13413',
'UM')" data-value="13413" data-label="UM" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('145')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13413') }"> UM </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('146',
'13414',
'Vento')" data-value="13414" data-label="Vento" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('146')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13414') }"> Vento
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('147',
'13415',
'Vespa Classic')" data-value="13415" data-label="Vespa Classic" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('147')"
:class="{'bg-novablue text-white pointer-events-none': isSelected('13415') }"> Vespa Classic </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('148',
'13603',
'Vespa Modern')" data-value="13603" data-label="Vespa Modern" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('148')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13603') }">
Vespa Modern </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('149',
'13859',
'Vespa Mofa')" data-value="13859" data-label="Vespa Mofa" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('149')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13859') }">
Vespa Mofa </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('150',
'13891',
'WT Motors')" data-value="13891" data-label="WT Motors" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('150')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13891') }"> WT
Motors </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('151',
'13892',
'Xingyue')" data-value="13892" data-label="Xingyue" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('151')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13892') }"> Xingyue
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('152',
'13893',
'Xinling')" data-value="13893" data-label="Xinling" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('152')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13893') }"> Xinling
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('153',
'13894',
'Xintian (Kinroad)')" data-value="13894" data-label="Xintian (Kinroad)" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('153')"
:class="{'bg-novablue text-white pointer-events-none': isSelected('13894') }"> Xintian (Kinroad) </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('154',
'13895',
'Yamaha')" data-value="13895" data-label="Yamaha" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('154')" :class="{'bg-novablue text-white pointer-events-none': isSelected('13895') }"> Yamaha
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('155',
'14095',
'Zhongyu')" data-value="14095" data-label="Zhongyu" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('155')" :class="{'bg-novablue text-white pointer-events-none': isSelected('14095') }"> Zhongyu
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('156',
'14096',
'Znen (Zhongneng)')" data-value="14096" data-label="Znen (Zhongneng)" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('156')"
:class="{'bg-novablue text-white pointer-events-none': isSelected('14096') }"> Znen (Zhongneng) </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('157',
'14149',
'Zongshen')" data-value="14149" data-label="Zongshen" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('157')" :class="{'bg-novablue text-white pointer-events-none': isSelected('14149') }"> Zongshen
</button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('158',
'14150',
'Zündapp Modern')" data-value="14150" data-label="Zündapp Modern" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('158')"
:class="{'bg-novablue text-white pointer-events-none': isSelected('14150') }"> Zündapp Modern </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('159',
'14151',
'Zündapp Mofa / Kleinkrafträder')" data-value="14151" data-label="Zündapp Mofa / Kleinkrafträder" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('159')"
:class="{'bg-novablue text-white pointer-events-none': isSelected('14151') }"> Zündapp Mofa / Kleinkrafträder </button>
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick('160',
'14071',
'Yamati')" data-value="14071" data-label="Yamati" data-selected="0" :aria-selected="parseInt(focusedOptionIndex) === parseInt('160')" :class="{'bg-novablue text-white pointer-events-none': isSelected('14071') }"> Yamati
</button>
</div>
</div>
</div>
<script>
function amFinderDropdown_100() {
return {
filter: '',
lastSelectedValue: '',
defaultLabel: 'Brand',
label: '',
show: false,
selected: null,
focusedOptionIndex: null,
options: [],
dropdownId: '100',
inputRef: 'select_0',
comonentRef: 'amdropdown_0',
searchFiled: '',
highlightTemplate: "<span class='underline'>$&</span>",
finderId: '5',
selectors: {
option: '.amfilter-option',
hiddenClass: 'hidden',
highlighted: 'selected',
underline: '.underline'
},
initDropdown(component) {
this.options = this._getOptions(component);
this.label = this.defaultLabel;
this.$nextTick(() => {
this._checkSelectedOptions(this.options);
})
this.$watch('show', (state) => {
if (state) {
this.options = this._getOptions(component);
}
})
this.$watch('filter', (state) => {
if (state) {
window.dispatchEvent(new CustomEvent('amfilter-option-changed', {
detail: {
optionValue: state
}
}));
}
})
},
_getOptions(component) {
return component.querySelectorAll(this.selectors.option);
},
filterOptions(element) {
for (let option of this.options) {
let searchText = this.searchFiled.toLowerCase();
let optionLabel = option.dataset.label;
let newLabel = '';
newLabel = optionLabel.replace(new RegExp('^' + searchText, 'gi'), this.highlightTemplate);
option.innerHTML = newLabel;
if (optionLabel.toLowerCase().indexOf(searchText) === 0) {
option.classList.remove(this.selectors.hiddenClass);
} else {
option.classList.add(this.selectors.hiddenClass);
}
}
},
_checkSelectedOptions(options) {
for (let option of options) {
if (parseInt(option.dataset.selected) === 1) {
this.filter = option.dataset.value;
this.label = option.dataset.label;
window.dispatchEvent(new CustomEvent('amfinder-show-buttons', {
detail: {
showButtons: true,
finderId: this.finderId
}
}));
}
}
},
close() {
this.show = false;
this.focusedOptionIndex = this.selected ? this.focusedOptionIndex : null;
this.searchFiled = '';
for (let option of this.options) {
let highlighted = option.querySelector(this.selectors.underline);
if (highlighted) {
highlighted.remove();
}
option.classList.remove(this.selectors.hiddenClass);
option.innerHTML = option.dataset.label;
}
},
open() {
this.show = true;
},
toggle() {
this.show = !this.show;
},
isOpen() {
return this.show === true
},
onOptionClick(index, value, label) {
this.focusedOptionIndex = index;
this._selectOption(value, label);
},
clearOptions() {
this.filter = '';
this.label = this.defaultLabel;
this.close();
},
isSelected(value) {
return parseInt(value) === parseInt(this.filter);
},
setSelected(value) {
this.filter = value;
},
_selectOption(value, label) {
if (!this.isOpen()) {
return;
}
this.filter = value;
this.label = label;
window.dispatchEvent(new CustomEvent('amfilter-option-select', {
detail: {
optionId: value,
input: this.$refs[this.inputRef],
finderId: this.finderId
}
}));
this.close();
},
selectOptionOnEnter() {
if (!this.isOpen()) {
return;
}
this.focusedOptionIndex = this.focusedOptionIndex ?? 0;
const selected = this.options[this.focusedOptionIndex];
const index = this.focusedOptionIndex;
const value = selected.dataset.value;
const label = selected.dataset.label;
if (value) {
this.onOptionClick(index, value, label);
}
this.close();
},
focusPrevOption() {
if (!this.isOpen()) {
return;
}
const optionsQty = Object.keys(this.options).length - 1;
if (this.focusedOptionIndex > 0 && this.focusedOptionIndex <= optionsQty) {
this.focusedOptionIndex--;
} else if (parseInt(this.focusedOptionIndex) === 0) {
this.focusedOptionIndex = optionsQty;
}
},
focusNextOption() {
const optionsQty = Object.keys(this.options).length - 1;
if (!this.isOpen()) {
this.open();
}
if (this.focusedOptionIndex == null || parseInt(this.focusedOptionIndex) === optionsQty) {
this.focusedOptionIndex = 0;
} else if (this.focusedOptionIndex >= 0 && this.focusedOptionIndex < optionsQty) {
this.focusedOptionIndex++;
}
},
_clearFileldOnSelect(id) {
if (parseInt(id) === parseInt(this.dropdownId)) {
this.clearOptions();
}
},
_autoselectFilter(id, value, label) {
if (parseInt(id) === parseInt(this.dropdownId)) {
this.filter = value;
this.label = label;
}
},
eventListenersChosen: {
['@amfilter-option-select-clear.window'](event) {
this._clearFileldOnSelect(event.detail.inputId);
},
['@amfilter-option-selected-single.window'](event) {
this._autoselectFilter(event.detail.selectId, event.detail.slectedValue, event.detail.selectedLabel);
}
}
}
}
</script>
<div class="filter-loader absolute bg-white bg-opacity-60 z-10 h-full w-full top-0 left-0 flex items-center justify-center hidden">
<div class="flex items-center">
<!-- loading icon -->
<svg class="animate-spin h-5 w-5 text-gray-600" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z">
</path>
</svg>
<!-- end loading icon -->
</div>
</div>
</div>
</li>
<li class="am-item min-w-full md:min-w-fit" style="width: 49%">
<div class="dropdown-element amshopby-clearer">
<div class="amfinder-select-wrapper amchosen-select flex flex-col items-center relative" x-data="amFinderDropdown_111()" x-init="initDropdown($el)" @keydown.enter.stop.prevent="selectOptionOnEnter()"
@keydown.arrow-up.prevent="focusPrevOption()" @keydown.arrow-down.prevent="focusNextOption()" x-bind="eventListenersChosen" x-spread="eventListenersChosen" x-ref="amdropdown_1" data-amfinder-js="wrapper">
<div class="w-full">
<div class="from-input-wrapper relative">
<input type="hidden" data-input-id="111" id="input_111" x-model="filter" class="amfinder-dropdown amchosen-dropdown" data-type="chosen" data-amfinder-js="select" data-select-position="1" x-ref="select_1" data-dropdown-id="11"
name="finder[11]" disabled="disabled">
<label class="input-label bg-white cursor-pointer block w-full form-input px-3
relative py-2 mb-0" :class="{'ring-2 ring-novablue/[.7]': isOpen()}" for="input_111" @click="toggle()">
<span x-text="label"> Model - Chassis number (VIN) </span>
<span class="absolute top-1/2 right-2 -translate-y-1/2" :class="{'rotate-180': isOpen()}">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-5 h-6" width="24" height="24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
</svg>
</span>
</label>
</div>
</div>
<div x-show="isOpen()" x-cloak="" @click.away.outside="close()" class="amfinder-details options-wrapper absolute shadow bg-white top-full z-40
border border-container w-full left-0 shadow-md pt-2 rounded rounded-t-none
max-h-select overflow-y-auto mt-1">
<div class="search-input flex items-center relative px-2" x-show="isOpen()" x-cloak="">
<input type="text" class="block flex-grow form-input w-full focus:ring-novablue focus:border-novablue" @input="filterOptions($event.currentTarget)" x-model="searchFiled" id="search_111">
<label class="search-label absolute top-1/2 -translate-y-1/2 right-0 mb-0 mr-4" for="search_111">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="text-gray-400" width="24" height="24">
<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>
</label>
</div>
<div class="options flex flex-col w-full py-2">
<button type="button" class="amfilter-option text-left p-2 hover:bg-novablue hover:bg-opacity-50 hover:text-white hover:cursor-pointer" @click.prevent.stop="onOptionClick(0, false, 'Please Select ...')"
:aria-selected="parseInt(focusedOptionIndex) === 0" data-value="" data-label="Please Select ..."> Please Select ... </button>
</div>
</div>
</div>
<script>
function amFinderDropdown_111() {
return {
filter: '',
lastSelectedValue: '',
defaultLabel: 'Model\u0020\u002D\u0020Chassis\u0020number\u0020\u0028VIN\u0029',
label: '',
show: false,
selected: null,
focusedOptionIndex: null,
options: [],
dropdownId: '111',
inputRef: 'select_1',
comonentRef: 'amdropdown_1',
searchFiled: '',
highlightTemplate: "<span class='underline'>$&</span>",
finderId: '5',
selectors: {
option: '.amfilter-option',
hiddenClass: 'hidden',
highlighted: 'selected',
underline: '.underline'
},
initDropdown(component) {
this.options = this._getOptions(component);
this.label = this.defaultLabel;
this.$nextTick(() => {
this._checkSelectedOptions(this.options);
})
this.$watch('show', (state) => {
if (state) {
this.options = this._getOptions(component);
}
})
this.$watch('filter', (state) => {
if (state) {
window.dispatchEvent(new CustomEvent('amfilter-option-changed', {
detail: {
optionValue: state
}
}));
}
})
},
_getOptions(component) {
return component.querySelectorAll(this.selectors.option);
},
filterOptions(element) {
for (let option of this.options) {
let searchText = this.searchFiled.toLowerCase();
let optionLabel = option.dataset.label;
let newLabel = '';
newLabel = optionLabel.replace(new RegExp('^' + searchText, 'gi'), this.highlightTemplate);
option.innerHTML = newLabel;
if (optionLabel.toLowerCase().indexOf(searchText) === 0) {
option.classList.remove(this.selectors.hiddenClass);
} else {
option.classList.add(this.selectors.hiddenClass);
}
}
},
_checkSelectedOptions(options) {
for (let option of options) {
if (parseInt(option.dataset.selected) === 1) {
this.filter = option.dataset.value;
this.label = option.dataset.label;
window.dispatchEvent(new CustomEvent('amfinder-show-buttons', {
detail: {
showButtons: true,
finderId: this.finderId
}
}));
}
}
},
close() {
this.show = false;
this.focusedOptionIndex = this.selected ? this.focusedOptionIndex : null;
this.searchFiled = '';
for (let option of this.options) {
let highlighted = option.querySelector(this.selectors.underline);
if (highlighted) {
highlighted.remove();
}
option.classList.remove(this.selectors.hiddenClass);
option.innerHTML = option.dataset.label;
}
},
open() {
this.show = true;
},
toggle() {
this.show = !this.show;
},
isOpen() {
return this.show === true
},
onOptionClick(index, value, label) {
this.focusedOptionIndex = index;
this._selectOption(value, label);
},
clearOptions() {
this.filter = '';
this.label = this.defaultLabel;
this.close();
},
isSelected(value) {
return parseInt(value) === parseInt(this.filter);
},
setSelected(value) {
this.filter = value;
},
_selectOption(value, label) {
if (!this.isOpen()) {
return;
}
this.filter = value;
this.label = label;
window.dispatchEvent(new CustomEvent('amfilter-option-select', {
detail: {
optionId: value,
input: this.$refs[this.inputRef],
finderId: this.finderId
}
}));
this.close();
},
selectOptionOnEnter() {
if (!this.isOpen()) {
return;
}
this.focusedOptionIndex = this.focusedOptionIndex ?? 0;
const selected = this.options[this.focusedOptionIndex];
const index = this.focusedOptionIndex;
const value = selected.dataset.value;
const label = selected.dataset.label;
if (value) {
this.onOptionClick(index, value, label);
}
this.close();
},
focusPrevOption() {
if (!this.isOpen()) {
return;
}
const optionsQty = Object.keys(this.options).length - 1;
if (this.focusedOptionIndex > 0 && this.focusedOptionIndex <= optionsQty) {
this.focusedOptionIndex--;
} else if (parseInt(this.focusedOptionIndex) === 0) {
this.focusedOptionIndex = optionsQty;
}
},
focusNextOption() {
const optionsQty = Object.keys(this.options).length - 1;
if (!this.isOpen()) {
this.open();
}
if (this.focusedOptionIndex == null || parseInt(this.focusedOptionIndex) === optionsQty) {
this.focusedOptionIndex = 0;
} else if (this.focusedOptionIndex >= 0 && this.focusedOptionIndex < optionsQty) {
this.focusedOptionIndex++;
}
},
_clearFileldOnSelect(id) {
if (parseInt(id) === parseInt(this.dropdownId)) {
this.clearOptions();
}
},
_autoselectFilter(id, value, label) {
if (parseInt(id) === parseInt(this.dropdownId)) {
this.filter = value;
this.label = label;
}
},
eventListenersChosen: {
['@amfilter-option-select-clear.window'](event) {
this._clearFileldOnSelect(event.detail.inputId);
},
['@amfilter-option-selected-single.window'](event) {
this._autoselectFilter(event.detail.selectId, event.detail.slectedValue, event.detail.selectedLabel);
}
}
}
}
</script>
<div class="filter-loader absolute bg-white bg-opacity-60 z-10 h-full w-full top-0 left-0 flex items-center justify-center hidden">
<div class="flex items-center">
<!-- loading icon -->
<svg class="animate-spin h-5 w-5 text-gray-600" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z">
</path>
</svg>
<!-- end loading icon -->
</div>
</div>
</div>
</li>
</ul>
<template x-if="isShowActions && (!isMobile || open)">
<div class="amfinder-buttons flex items-center justify-end gap-2 items-stretch w-fit no-display" data-amfinder-js="buttons">
<button class="hover:cursor-pointer !shadow-none w-full lg:w-auto justify-center relative p-2 !hidden lg:!block" name="reset" value="1" title="Reset" type="submit">
<span class="border-r-4 rounded border-container h-full absolute top-1/2 right-1/2
-translate-x-1/2 -translate-y-1/2 -rotate-[45deg]"></span>
<span class="border-r-4 rounded border-container h-full absolute top-1/2 right-1/2
-translate-x-1/2 -translate-y-1/2 rotate-[45deg]"></span>
</button>
<button class="w-full justify-center border border-gray-300 rounded-md shadow-sm lg:hidden
focus:border-primary-lighter focus:ring-primary focus:ring-opacity-50 py-2 px-3
bg-novablue-dark text-white" name="reset" value="1" title="Reset" type="submit"> Reset </button>
</div>
</template>
</div>
</form>POST
<form class="form form-login" method="post" @submit.prevent="submitForm();" id="login-form">
<div class="fieldset login">
<div class="field email required">
<label class="label" for="form-login-username" form="login-form">
<span>Email Address</span>
</label>
<div class="control">
<input name="username" id="form-login-username" x-ref="customer-email" @change="errors = 0" type="email" required="" class="form-input input-text" tabindex="-1">
</div>
</div>
<div class="field password required">
<label for="form-login-password" class="label" form="login-form">
<span>Password</span>
</label>
<div class="control">
<input name="password" id="form-login-password" type="password" class="form-input input-text" required="" x-ref="customer-password" @change="errors = 0" tabindex="-1">
</div>
</div>
<input name="context" type="hidden" value="checkout" tabindex="-1">
<div class="actions-toolbar flex justify-between pt-6 pb-2 items-center">
<button type="submit" class="inline-flex btn btn-primary disabled:opacity-75" tabindex="-1"> Sign In </button>
<a href="https://en.nova-motors.shop/customer/account/forgotpassword/" tabindex="-1">
Forgot Your Password? </a>
</div>
</div>
</form>POST https://en.nova-motors.shop/newsletter/subscriber/new/
<form class="mt-6 sm:flex sm:max-w-md lg:mt-0 subsribe-mail-form form subscribe" action="https://en.nova-motors.shop/newsletter/subscriber/new/" method="post" x-data="initNewsletterForm()" x-on:submit="submitForm()" id="newsletter-validate-detail">
<div class="field field-reserved flex flex-col sm:flex-row justify-between w-full !m-0">
<label for="newsletter-subscribe" class="sr-only">Email address</label>
<input type="email" name="email" placeholder="Enter your email address" required="" id="newsletter-subscribe" data-validate="{"email": true}" class="w-full sm:w-5/6 min-w-0 appearance-none rounded-md bg-container-footerlighter
px-3 py-1.5 text-primary shadow-sm border
ring-gray-300 placeholder:text-gray-400 focus:ring-primary
focus:ring-inset text-sm sm:leading-6 border-colorinput focus:border-colorinput" tabindex="-1">
<div class="mt-4 sm:ml-2 sm:mt-0 sm:flex-shrink-0">
<button class="btn btn-primary text-sm py-2 w-full justify-center items-center" tabindex="-1"> Subscribe </button>
</div>
<input name="form_key" type="hidden" value="o9oKKtOey63z2bEW" tabindex="-1">
</div>
<div>
<template x-if="displayErrorMessage">
<p class="flex items-center text-red">
<span class="inline-block w-8 h-8 mr-3">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="text-primary" width="24" height="24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
</span>
<template x-for="errorMessage in errorMessages">
<span x-html="errorMessage"></span>
</template>
</p>
</template>
</div>
</form>Text Content
Europe-wide delivery Free returns Quality & Safety Fast and secure delivery We ship all of our packages quickly and reliably with our shipping service provider DHL. Package deliveries leave our warehouse Monday to Friday. Free returns for all package deliveries No risk, no costs. Orders can be easily returned thanks to the 14-day right of withdrawal. Simply create a return label in your customer account and send the order back to us. High-quality spare parts Thanks to our years of experience in the field of scooters, electric scooters and electric vehicles, we have a suitable high-quality spare part for almost every vehicle! How to reach us -------------------------------------------------------------------------------- +49 7262 921 9999 +49 160 9756 0957 -------------------------------------------------------------------------------- info@nova-motors.de ★★★★★ 7000+ reviews ENNLFRESBEITPL Europe-wide delivery Free returns Quality & Safety Fast and secure delivery We ship all of our packages quickly and reliably with our shipping service provider DHL. Package deliveries leave our warehouse Monday to Friday. Free returns for all package deliveries No risk, no costs. Orders can be easily returned thanks to the 14-day right of withdrawal. Simply create a return label in your customer account and send the order back to us. High-quality spare parts Thanks to our years of experience in the field of scooters, electric scooters and electric vehicles, we have a suitable high-quality spare part for almost every vehicle! How to reach us -------------------------------------------------------------------------------- +49 7262 921 9999 +49 160 9756 0957 -------------------------------------------------------------------------------- info@nova-motors.de ★★★★★ 7000+ reviews Loading... Search Search Find spare part Find spare part * Brand Please Select ... Nova Motors Inoa Adly / Her Chee Aeon AGM Alpha Motors Aprilia Arctic Cat Atala ATU Explorer Baja Barossa Baotian Beeline Benelli Benero Benzhou Beta Bimotor Brixton Buffalo Bultaco Cagiva Calella CF Moto CH Racing CPI Daelim Dazon Derbi Diamo Dinli Eppella Ering Explorer Fantic Motor Flex Tech Fly Scooters Forstinger Gas Gas Generic Ghiaroni Gilera Gorilla Motor Works GT Union Hercules HM-Moto Honda HRD Huatian Husqvarna Hyosung Italjet IVA Jackfox Jiajue Jmstar Jinlun Jonway K-Sport Karcher Kawasaki Keeway Kreidler KSR Moto KTM Kymco Lance Laverda LEM Linhai LML Longbo Longjia LuXXon Lvneng Malaguti Mash Massimo Mawi MBK Meteorit (ATU) MKS Mobylette GAC Motobecane Mondial Morini Moto Zeta Motobi / Moto B Motoesa Motofino Motomojo Motorhispania Motorro Motortek (ATU) Motowell Motoworx Motron MZ / MuZ Online Pegasus Peugeot PGO Piaggio Piaggio Mofa Powersports Factory Puch Pulse Puma Q-Link Qianjiang Qingqi (Jinan Qingqi) Renault REX (Jinan Qingqi-Shenke) Ride Rieju Rivero Roketa RS Ultima Sachs Sacom Saro Schwinn Scomadi Seiran Sherco Simson SIS Skyteam SMC Solex Speedax Sukida SunL Suzuki SYM (Sanyang) Tank Tauris Tec Runner Tell Testi TGB TNG Tomos Torrot UM Vento Vespa Classic Vespa Modern Vespa Mofa WT Motors Xingyue Xinling Xintian (Kinroad) Yamaha Zhongyu Znen (Zhongneng) Zongshen Zündapp Modern Zündapp Mofa / Kleinkrafträder Yamati * Model - Chassis number (VIN) Please Select ... Reset () View All (+) SKU: Reviews As low as Add to Cart Out of stock Find spare part Find spare part * Brand Please Select ... Nova Motors Inoa Adly / Her Chee Aeon AGM Alpha Motors Aprilia Arctic Cat Atala ATU Explorer Baja Barossa Baotian Beeline Benelli Benero Benzhou Beta Bimotor Brixton Buffalo Bultaco Cagiva Calella CF Moto CH Racing CPI Daelim Dazon Derbi Diamo Dinli Eppella Ering Explorer Fantic Motor Flex Tech Fly Scooters Forstinger Gas Gas Generic Ghiaroni Gilera Gorilla Motor Works GT Union Hercules HM-Moto Honda HRD Huatian Husqvarna Hyosung Italjet IVA Jackfox Jiajue Jmstar Jinlun Jonway K-Sport Karcher Kawasaki Keeway Kreidler KSR Moto KTM Kymco Lance Laverda LEM Linhai LML Longbo Longjia LuXXon Lvneng Malaguti Mash Massimo Mawi MBK Meteorit (ATU) MKS Mobylette GAC Motobecane Mondial Morini Moto Zeta Motobi / Moto B Motoesa Motofino Motomojo Motorhispania Motorro Motortek (ATU) Motowell Motoworx Motron MZ / MuZ Online Pegasus Peugeot PGO Piaggio Piaggio Mofa Powersports Factory Puch Pulse Puma Q-Link Qianjiang Qingqi (Jinan Qingqi) Renault REX (Jinan Qingqi-Shenke) Ride Rieju Rivero Roketa RS Ultima Sachs Sacom Saro Schwinn Scomadi Seiran Sherco Simson SIS Skyteam SMC Solex Speedax Sukida SunL Suzuki SYM (Sanyang) Tank Tauris Tec Runner Tell Testi TGB TNG Tomos Torrot UM Vento Vespa Classic Vespa Modern Vespa Mofa WT Motors Xingyue Xinling Xintian (Kinroad) Yamaha Zhongyu Znen (Zhongneng) Zongshen Zündapp Modern Zündapp Mofa / Kleinkrafträder Yamati * Model - Chassis number (VIN) Please Select ... Reset () View All (+) SKU: Reviews As low as Add to Cart Out of stock Sign In Create an Account 0 Spare Parts Accessories Spare Parts Accessories Spare Parts Accessories Spare Parts Accessories Spare Parts Accessories ENNLFRESBEITPL Spare Parts Accessories danger The desired quantity exceeds the maximum allowed in your shopping cart Cancel OK MY CART () x - 1 + We recommend Add * Kostenloser Versand * Kostenlose Rücksendung * Vor-Ort-Service Subtotal: View Cart Checkout or Are you an Amazon customer? Pay now with address and payment details stored in your Amazon account. Loading... Checkout using your account Email Address Password Sign In Forgot Your Password? Checkout as a new customer Creating an account has many benefits: * See order and shipping status * Track order history * Check out faster Create an Account Skip to Content SPARE PARTS FROM NOVA MOTORS Discover Genuine Quality – Right Here! Upgrade and maintain your ride with Nova Motors' premium spare parts. From belts to batteries, get everything you need delivered directly to your door. Shop now for the best in performance and reliability! WELCOME TO NOVA MOTORS – YOUR TRUSTED PARTNER ON THE ROAD! Founded in 2010 in Eppingen, Germany, Nova Motors has grown to become one of the leading specialists in electric scooters, motor scooters, and electric mobility vehicles. With over 15 years of expertise in the industry, we are committed to enhancing your riding experience through innovation and dedicated service. At Nova Motors, we pride ourselves on offering a comprehensive selection of high-quality spare parts and accessories. Our products are designed to meet the highest standards of performance and durability, ensuring your vehicle runs smoothly for years to come. Mit dem abspielen des Videos akzeptiere ich die Datenschutzerklärung. NOVA PARTS Whether you're in need of a routine replacement or a major upgrade, our online store is your one-stop-shop for all scooter and mobility needs. We also offer a nationwide mobile workshop service in Germany, providing professional support directly to your doorstep. Explore our range at www.nova-motors.shop and experience the convenience of quality products, expert service, and fast delivery across Europe. Trust in our 15 years of experience to guide you to the best solutions for your mobility requirements. About us Nova Motors is an online store for scooters, electric scooters, electric scooters, electric bikes / pedelecs, accessories, spare parts and our on-site two-wheeler service. Behind www.nova-motors.de is the Nova Group GmbH with headquarters in 75031 Eppingen. Information Shipping and Delivery Payment Methods Terms and Conditions Privacy Policy Revocation right Imprint All about your order How you can order from us Order status & returns Order status & returns for guest orders Further Information Used Oil Ordinance Disposal instructions for used batteries Contact SUBSCRIBE TO OUR NEWSLETTER The latest news, articles, and resources, sent to your inbox weekly. Email address Subscribe * Prices include taxes, accessories and spare parts up to 75.00 euros plus shipping costs © 2024 Nova Gruppe GmbH Facebook Instagram YouTube We would like to inform you that our Privacy Policy has been amended.Please, read and accept the new terms. I have read and accept More Information REQUIRED COOKIES Required cookies activate the core functionalities of the website. Without these cookies, the website cannot function properly. More Information MARKETING Marketing cookies are used to track visitor actions on the website. Based on the information collected, a more personalized user experience can be provided. More Information GOOGLE ANALYTICS A set of cookies to collect information and report website usage statistics without personally identifying individual visitors to Google. More Information Cookie Name Cookie Provider Cookie Description Cookie Lifetime Cookie Type Done Nova Motors uses cookies to ensure you get the best possible service. If you continue browsing the site you agree to the use of cookies. To the data protection declaration Accept selection Allow all Käuferschutz 4,50 Sehr gut