en.nova-motors.shop
Open in
urlscan Pro
2606:4700:3036::ac43:b452
Public Scan
Submitted URL: http://en.nova-motors.shop/alpine-special-4t-10w-40-synthetic-motorol-10w-40-1liter
Effective URL: https://en.nova-motors.shop/alpine-special-4t-10w-40-synthetic-motorol-10w-40-1liter
Submission: On August 20 via api from US — Scanned from DE
Effective URL: https://en.nova-motors.shop/alpine-special-4t-10w-40-synthetic-motorol-10w-40-1liter
Submission: On August 20 via api from US — Scanned from DE
Form analysis 7 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="aHR0cHM6Ly9lbi5ub3ZhLW1vdG9ycy5zaG9wL2FtZmluZGVyLw,,">
<input type="hidden" name="reset_url" value="aHR0cHM6Ly9lbi5ub3ZhLW1vdG9ycy5zaG9wL2FtZmluZGVyLw,,">
<input type="hidden" name="search_input" id="searchInput5">
<input type="hidden" name="category_id" value="">
<input type="hidden" name="current_apply_url" value="aHR0cHM6Ly9lbi5ub3ZhLW1vdG9ycy5zaG9wL2FscGluZS1zcGVjaWFsLTR0LTEwdy00MC1zeW50aGV0aWMtbW90b3JvbC0xMHctNDAtMWxpdGVy">
<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="aHR0cHM6Ly9lbi5ub3ZhLW1vdG9ycy5zaG9wL2FtZmluZGVyLw,,">
<input type="hidden" name="reset_url" value="aHR0cHM6Ly9lbi5ub3ZhLW1vdG9ycy5zaG9wL2FtZmluZGVyLw,,">
<input type="hidden" name="search_input" id="searchInput5">
<input type="hidden" name="category_id" value="">
<input type="hidden" name="current_apply_url" value="aHR0cHM6Ly9lbi5ub3ZhLW1vdG9ycy5zaG9wL2FscGluZS1zcGVjaWFsLTR0LTEwdy00MC1zeW50aGV0aWMtbW90b3JvbC0xMHctNDAtMWxpdGVy">
<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/checkout/cart/add/uenc/aHR0cHM6Ly9lbi5ub3ZhLW1vdG9ycy5zaG9wL2FscGluZS1zcGVjaWFsLTR0LTEwdy00MC1zeW50aGV0aWMtbW90b3JvbC0xMHctNDAtMWxpdGVy/product/2179/
<form method="post" action="https://en.nova-motors.shop/checkout/cart/add/uenc/aHR0cHM6Ly9lbi5ub3ZhLW1vdG9ycy5zaG9wL2FscGluZS1zcGVjaWFsLTR0LTEwdy00MC1zeW50aGV0aWMtbW90b3JvbC0xMHctNDAtMWxpdGVy/product/2179/" class="mb-6" id="product_addtocart_form">
<input type="hidden" name="product" value="2179" tabindex="-1">
<input type="hidden" name="selected_configurable_option" value="" tabindex="-1">
<input type="hidden" name="related_product" id="related-products-field" value="" tabindex="-1">
<input type="hidden" name="item" value="2179" tabindex="-1">
<input name="form_key" type="hidden" value="fjITEUNUs0B8Uolt" tabindex="-1">
<div class="product-options-wrapper" id="product-options-wrapper">
<div class="fieldset">
</div>
</div>
</form><form class="review-form" id="review_form" @submit.prevent="submitForm()" action="" x-data="initReviewForm()">
<fieldset>
<legend class="text-xs">
<span> You're reviewing: </span>
<span class="font-semibold"> Alpine Special 4T 10W-40 synthetic engine oil 10W-40 1 liter </span>
</legend>
<div>
<div class="pt-4">
<label for="nickname_field" class="after:content-['*'] after:text-[#e02b27]">
<span>Nickname</span>
</label>
<div>
<input class="form-input mt-3 block w-full text-sm !bg-transparent placeholder:text-primary" required="" title="Nickname" placeholder="Nickname" name="nickname" id="nickname_field" tabindex="-1">
</div>
</div>
<div class="pt-4">
<label for="summary_field" class="after:content-['*'] after:text-[#e02b27]">
<span>Summary</span>
</label>
<div>
<input class="form-input mt-3 block w-full text-sm !bg-transparent placeholder:text-primary" required="" title="Summary" placeholder="Summary" name="title" id="summary_field" tabindex="-1">
</div>
</div>
<div class="pt-4">
<label for="review_field" class="after:content-['*'] after:text-[#e02b27]">
<span>Review</span>
</label>
<div>
<textarea class="form-input mt-3 block w-full text-sm !bg-transparent placeholder:text-primary" required="" title="Review" placeholder="Review" id="review_field" cols="5" rows="3" tabindex="-1"></textarea>
</div>
</div>
</div>
</fieldset>
<div class="my-3 pt-4">
<div>
<button x-show="!displaySuccessMessage" type="submit" class="btn btn-primary" tabindex="-1">
<span class="w-full"> Submit Review </span>
</button>
<div class="flex flex-row justify-start items-center w-full" x-show="isLoading" style="display: none;">
<!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57">
<g fill="none" fill-rule="evenodd">
<g transform="translate(1 1)" stroke-width="2">
<circle cx="5" cy="50" r="5">
<animate attributeName="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcMode="linear" repeatCount="indefinite"></animate>
<animate attributeName="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcMode="linear" repeatCount="indefinite"></animate>
</circle>
<circle cx="27" cy="5" r="5">
<animate attributeName="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcMode="linear" repeatCount="indefinite"></animate>
<animate attributeName="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcMode="linear" repeatCount="indefinite"></animate>
</circle>
<circle cx="49" cy="50" r="5">
<animate attributeName="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcMode="linear" repeatCount="indefinite"></animate>
<animate attributeName="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcMode="linear" repeatCount="indefinite"></animate>
</circle>
</g>
</g>
</svg>
<div class="ml-4 text-primary text-center"> Loading... </div>
</div>
<p x-show="displaySuccessMessage" class="text-green flex items-center" style="display: none;">
<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" width="24" height="24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
</span> You submitted your review for moderation.
</p>
<template x-if="displayErrorMessage">
<p class="text-red flex items-center">
<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" 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>
</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="fjITEUNUs0B8Uolt" 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 Motorräder Spare Parts Accessories Motorräder Spare Parts Accessories Motorräder Spare Parts Accessories Motorräder Spare Parts Accessories Motorräder Spare Parts Accessories NLENFRESBEITPL Motorräder 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 Home / Alpine Special 4T 10W-40 synthetic engine oil 10W-40 1 liter ALPINE SPECIAL 4T 10W-40 SYNTHETIC ENGINE OIL 10W-40 1 LITER Be the first to review this product €9.90 €9.90 SKU: 70000030003 Package shipping: approx. 2-3 days Loading... Subscribe to back in stock notification Subscribe €9.90 €9.90 Quantity Add to Cart Out of stock * Buy 2 for €8.90 each and save 10% * Buy 3 for €7.90 each and save 20% * Buy 12 for €6.90 each and save 30% ACCESSORIES Inspection package 4-stroke large €44.90 Inspection package 4-stroke small €19.90 PRODUCT DESCRIPTION Alpine Special 4T Synthetic 10W40 is specially recommended for the lubrication of 4-stroke motorcycle engines in motorcycles and scooters, even under demanding operating conditions. * High wear protection * Very good shear stability * Optimized friction properties * Good low temperature behaviour * Excellent detergent/dispersing properties * Effective rust and corrosion protection * For optimal engine protection made in Germany! This oil meets the manufacturer's specifications for all our 49cc and 125cc scooters with a 4-stroke engine! Please do not use commercially available 10W40 oil, otherwise the engine may be damaged. Quantity discount for 2 pieces or more! Simply change the quantity in your shopping cart and save! SUITABLE FOR Brand Model - Chassis number (VIN) Benzhou YY50QT-6 45 Km/h - LD5B008C Benzhou YY50QT-15 25 Km/h - LD5GW15C Benzhou YY50QT-15 45 Km/h - LD5TCBPA Benzhou YY50QT-21 25 Km/h - LD5GW22C Benzhou YY50QT-21 45 Km/h - LD5GW21C Jackfox Retro Star (YY50QT-15) 45 Km/h - LD5TCBPA Nova Motors F3000 45 Km/h - LD5B008C Nova Motors Retro Cruiser 25 Km/h - LD5GW22C Nova Motors Retro Cruiser 45 Km/h - LD5GW21C Nova Motors Retro Cruiser 125 - LD5GW19C Nova Motors Retro Star 25 Km/h - LD5GW15C Nova Motors Retro Star 25 Km/h - LD5TGW15 Nova Motors Retro Star 45 Km/h - LD5TCBPA WRITE YOUR OWN REVIEW You're reviewing: Alpine Special 4T 10W-40 synthetic engine oil 10W-40 1 liter Nickname Summary Review Submit Review Loading... You submitted your review for moderation. 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,51 Sehr gut