en.nova-motors.shop
Open in
urlscan Pro
2606:4700:3036::ac43:b452
Public Scan
Submitted URL: http://en.nova-motors.shop/elektroroller/hersteller-horwin
Effective URL: https://en.nova-motors.shop/catalogsearch/result/?q=elektroroller+hersteller+horwin&amnoroute
Submission: On August 25 via api from US — Scanned from DE
Effective URL: https://en.nova-motors.shop/catalogsearch/result/?q=elektroroller+hersteller+horwin&amnoroute
Submission: On August 25 via api from US — Scanned from DE
Form analysis 51 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="elektroroller hersteller horwin" 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="aHR0cHM6Ly9lbi5ub3ZhLW1vdG9ycy5zaG9wL2NhdGFsb2dzZWFyY2gvcmVzdWx0Lz9xPWVsZWt0cm9yb2xsZXIraGVyc3RlbGxlcitob3J3aW4mYW1ub3JvdXRl">
<input type="hidden" name="reset_url" value="aHR0cHM6Ly9lbi5ub3ZhLW1vdG9ycy5zaG9wL2NhdGFsb2dzZWFyY2gvcmVzdWx0Lz9xPWVsZWt0cm9yb2xsZXIraGVyc3RlbGxlcitob3J3aW4mYW1ub3JvdXRl">
<input type="hidden" name="search_input" id="searchInput5">
<input type="hidden" name="category_id" value="">
<input type="hidden" name="current_apply_url" value="aHR0cHM6Ly9lbi5ub3ZhLW1vdG9ycy5zaG9wL2NhdGFsb2dzZWFyY2gvcmVzdWx0Lw,,">
<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="aHR0cHM6Ly9lbi5ub3ZhLW1vdG9ycy5zaG9wL2NhdGFsb2dzZWFyY2gvcmVzdWx0Lz9xPWVsZWt0cm9yb2xsZXIraGVyc3RlbGxlcitob3J3aW4mYW1ub3JvdXRl">
<input type="hidden" name="reset_url" value="aHR0cHM6Ly9lbi5ub3ZhLW1vdG9ycy5zaG9wL2NhdGFsb2dzZWFyY2gvcmVzdWx0Lz9xPWVsZWt0cm9yb2xsZXIraGVyc3RlbGxlcitob3J3aW4mYW1ub3JvdXRl">
<input type="hidden" name="search_input" id="searchInput5">
<input type="hidden" name="category_id" value="">
<input type="hidden" name="current_apply_url" value="aHR0cHM6Ly9lbi5ub3ZhLW1vdG9ycy5zaG9wL2NhdGFsb2dzZWFyY2gvcmVzdWx0Lw,,">
<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/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" value="RXjUt7OUyLQJoLOG" tabindex="-1">
<input type="hidden" name="finder_id" value="5" tabindex="-1">
<input type="hidden" name="back_url" value="aHR0cHM6Ly9lbi5ub3ZhLW1vdG9ycy5zaG9wL2NhdGFsb2dzZWFyY2gvcmVzdWx0Lz9xPWVsZWt0cm9yb2xsZXIraGVyc3RlbGxlcitob3J3aW4mYW1ub3JvdXRl" tabindex="-1">
<input type="hidden" name="reset_url" value="aHR0cHM6Ly9lbi5ub3ZhLW1vdG9ycy5zaG9wL2NhdGFsb2dzZWFyY2gvcmVzdWx0Lz9xPWVsZWt0cm9yb2xsZXIraGVyc3RlbGxlcitob3J3aW4mYW1ub3JvdXRl" tabindex="-1">
<input type="hidden" name="search_input" id="searchInput5" tabindex="-1">
<input type="hidden" name="category_id" value="" tabindex="-1">
<input type="hidden" name="current_apply_url" value="aHR0cHM6Ly9lbi5ub3ZhLW1vdG9ycy5zaG9wL2NhdGFsb2dzZWFyY2gvcmVzdWx0Lw,," tabindex="-1">
<div class="amfinder-title flex justify-between items-center cursor-pointer border-novablue mb-4" :class="{'mb-4': open}" x-show="isMobile" @click="open = !open" style="display: none;">
<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 rotate-180" 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]" tabindex="-1">
<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()" @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" style="display: none;">
<div class="search-input flex items-center relative px-2" x-show="isOpen()" style="display: none;">
<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" tabindex="-1">
<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 ..." aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }" aria-selected="false"
tabindex="-1"> 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') }" aria-selected="false"
tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }" aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }" aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }" aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }" aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }" aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }" aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }" aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }" aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }" aria-selected="false"
tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }" aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }" aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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') }" aria-selected="false" tabindex="-1"> 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') }" aria-selected="false" tabindex="-1"> 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') }"
aria-selected="false" tabindex="-1"> 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()" @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" style="display: none;">
<div class="search-input flex items-center relative px-2" x-show="isOpen()" style="display: none;">
<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" tabindex="-1">
<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 ..." aria-selected="false" tabindex="-1"> 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><form class="all-image-product">
<div class="pt-1 text-gray-900" x-data="initPriceBox__66ca933856004()" @update-prices-7619.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="7619" data-price-box="product-id-7619"><span class="normal-price">
<span class="price-container price-final_price tax">
<span class="price-label">As low as</span>
<span id="product-price-7619" data-price-amount="3899" data-price-type="finalPrice" class="price-wrapper "><span class="price">€3,899.00</span></span>
</span>
</span>
<span class="old-price sly-old-price no-display">
<span class="price-container price-final_price tax">
<span class="price-label">Regular Price</span>
<span id="old-price-7619" data-price-amount="4190" data-price-type="oldPrice" class="price-wrapper "><span class="price">€4,190.00</span></span>
</span>
</span>
</div>
</div>
</form><form class="all-image-product">
<div class="pt-1 text-gray-900" x-data="initPriceBox__66ca933879bc4()" @update-prices-5781.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="5781" data-price-box="product-id-5781"><span class="normal-price">
<span class="price-container price-final_price tax">
<span class="price-label">As low as</span>
<span id="product-price-5781" data-price-amount="4290" data-price-type="finalPrice" class="price-wrapper "><span class="price">€4,290.00</span></span>
</span>
</span>
<span class="old-price sly-old-price no-display">
<span class="price-container price-final_price tax">
<span class="price-label">Regular Price</span>
<span id="old-price-5781" data-price-amount="4590" data-price-type="oldPrice" class="price-wrapper "><span class="price">€4,590.00</span></span>
</span>
</span>
</div>
</div>
</form><form class="all-image-product">
<div class="pt-1 text-gray-900" x-data="initPriceBox__66ca91eb4a9c6()" @update-prices-143472.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="143472" data-price-box="product-id-143472">
<span class="special-price">
<span class="price-container price-final_price tax">
<span class="price-label">Special Price</span>
<span id="product-price-143472" data-price-amount="1149" data-price-type="finalPrice" class="price-wrapper "><span class="price">€1,149.00</span></span>
</span>
</span>
<span class="old-price">
<span class="price-container price-final_price tax">
<span class="price-label">Regular Price</span>
<span id="old-price-143472" data-price-amount="1290" data-price-type="oldPrice" class="price-wrapper "><span class="price">€1,290.00</span></span>
</span>
</span>
</div>
</div>
</form><form class="all-image-product">
<div class="pt-1 text-gray-900" x-data="initPriceBox__66ca8fc288ce4()" @update-prices-5052.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="5052" data-price-box="product-id-5052"><span class="normal-price">
<span class="price-container price-final_price tax">
<span class="price-label">As low as</span>
<span id="product-price-5052" data-price-amount="1599" data-price-type="finalPrice" class="price-wrapper "><span class="price">€1,599.00</span></span>
</span>
</span>
<span class="old-price sly-old-price no-display">
<span class="price-container price-final_price tax">
<span class="price-label">Regular Price</span>
<span id="old-price-5052" data-price-amount="2199" data-price-type="oldPrice" class="price-wrapper "><span class="price">€2,199.00</span></span>
</span>
</span>
</div>
</div>
</form><form class="all-image-product">
<div class="pt-1 text-gray-900" x-data="initPriceBox__66ca93916c88d()" @update-prices-5430.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="5430" data-price-box="product-id-5430"><span class="normal-price">
<span class="price-container price-final_price tax">
<span class="price-label">As low as</span>
<span id="product-price-5430" data-price-amount="1999" data-price-type="finalPrice" class="price-wrapper "><span class="price">€1,999.00</span></span>
</span>
</span>
<span class="old-price sly-old-price no-display">
<span class="price-container price-final_price tax">
<span class="price-label">Regular Price</span>
<span id="old-price-5430" data-price-amount="2399" data-price-type="oldPrice" class="price-wrapper "><span class="price">€2,399.00</span></span>
</span>
</span>
</div>
</div>
</form><form class="all-image-product">
<div class="pt-1 text-gray-900" x-data="initPriceBox__66ca933846cee()" @update-prices-7129.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="7129" data-price-box="product-id-7129"><span class="normal-price">
<span class="price-container price-final_price tax">
<span class="price-label">As low as</span>
<span id="product-price-7129" data-price-amount="2999" data-price-type="finalPrice" class="price-wrapper "><span class="price">€2,999.00</span></span>
</span>
</span>
<span class="old-price sly-old-price no-display">
<span class="price-container price-final_price tax">
<span class="price-label">Regular Price</span>
<span id="old-price-7129" data-price-amount="3598" data-price-type="oldPrice" class="price-wrapper "><span class="price">€3,598.00</span></span>
</span>
</span>
</div>
</div>
</form><form class="all-image-product">
<div class="pt-1 text-gray-900" x-data="initPriceBox__66ca93aa65bb1()" @update-prices-5667.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="5667" data-price-box="product-id-5667"><span class="normal-price">
<span class="price-container price-final_price tax">
<span class="price-label">As low as</span>
<span id="product-price-5667" data-price-amount="1599" data-price-type="finalPrice" class="price-wrapper "><span class="price">€1,599.00</span></span>
</span>
</span>
<span class="old-price sly-old-price no-display">
<span class="price-container price-final_price tax">
<span class="price-label">Regular Price</span>
<span id="old-price-5667" data-price-amount="2199" data-price-type="oldPrice" class="price-wrapper "><span class="price">€2,199.00</span></span>
</span>
</span>
</div>
</div>
</form><form class="all-image-product">
<div class="pt-1 text-gray-900" x-data="initPriceBox__66ca965180bbe()" @update-prices-6312.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="6312" data-price-box="product-id-6312"><span class="normal-price">
<span class="price-container price-final_price tax">
<span class="price-label">As low as</span>
<span id="product-price-6312" data-price-amount="2199" data-price-type="finalPrice" class="price-wrapper "><span class="price">€2,199.00</span></span>
</span>
</span>
<span class="old-price sly-old-price no-display">
<span class="price-container price-final_price tax">
<span class="price-label">Regular Price</span>
<span id="old-price-6312" data-price-amount="2999" data-price-type="oldPrice" class="price-wrapper "><span class="price">€2,999.00</span></span>
</span>
</span>
</div>
</div>
</form><form class="all-image-product">
<div class="pt-1 text-gray-900" x-data="initPriceBox__66ca93915023a()" @update-prices-5058.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="5058" data-price-box="product-id-5058"><span class="normal-price">
<span class="price-container price-final_price tax">
<span class="price-label">As low as</span>
<span id="product-price-5058" data-price-amount="1999" data-price-type="finalPrice" class="price-wrapper "><span class="price">€1,999.00</span></span>
</span>
</span>
<span class="old-price sly-old-price no-display">
<span class="price-container price-final_price tax">
<span class="price-label">Regular Price</span>
<span id="old-price-5058" data-price-amount="2699" data-price-type="oldPrice" class="price-wrapper "><span class="price">€2,699.00</span></span>
</span>
</span>
</div>
</div>
</form><form class="all-image-product">
<div class="pt-1 text-gray-900" x-data="initPriceBox__66ca93aa72dfd()" @update-prices-6270.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="6270" data-price-box="product-id-6270"><span class="normal-price">
<span class="price-container price-final_price tax">
<span class="price-label">As low as</span>
<span id="product-price-6270" data-price-amount="2299" data-price-type="finalPrice" class="price-wrapper "><span class="price">€2,299.00</span></span>
</span>
</span>
</div>
</div>
</form><form class="all-image-product">
<div class="pt-1 text-gray-900" x-data="initPriceBox__66ca93385ca1d()" @update-prices-10605.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="10605" data-price-box="product-id-10605"><span class="normal-price">
<span class="price-container price-final_price tax">
<span class="price-label">As low as</span>
<span id="product-price-10605" data-price-amount="3499" data-price-type="finalPrice" class="price-wrapper "><span class="price">€3,499.00</span></span>
</span>
</span>
<span class="old-price sly-old-price no-display">
<span class="price-container price-final_price tax">
<span class="price-label">Regular Price</span>
<span id="old-price-10605" data-price-amount="3999" data-price-type="oldPrice" class="price-wrapper "><span class="price">€3,999.00</span></span>
</span>
</span>
</div>
</div>
</form><form class="all-image-product">
<div class="pt-1 text-gray-900" x-data="initPriceBox__66ca933865c16()" @update-prices-7389.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="7389" data-price-box="product-id-7389"><span class="normal-price">
<span class="price-container price-final_price tax">
<span class="price-label">As low as</span>
<span id="product-price-7389" data-price-amount="2999" data-price-type="finalPrice" class="price-wrapper "><span class="price">€2,999.00</span></span>
</span>
</span>
<span class="old-price sly-old-price no-display">
<span class="price-container price-final_price tax">
<span class="price-label">Regular Price</span>
<span id="old-price-7389" data-price-amount="3999" data-price-type="oldPrice" class="price-wrapper "><span class="price">€3,999.00</span></span>
</span>
</span>
</div>
</div>
</form><form class="all-image-product">
<div class="pt-1 text-gray-900" x-data="initPriceBox__66ca93386da71()" @update-prices-7009.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="7009" data-price-box="product-id-7009"><span class="normal-price">
<span class="price-container price-final_price tax">
<span class="price-label">As low as</span>
<span id="product-price-7009" data-price-amount="2999" data-price-type="finalPrice" class="price-wrapper "><span class="price">€2,999.00</span></span>
</span>
</span>
<span class="old-price sly-old-price no-display">
<span class="price-container price-final_price tax">
<span class="price-label">Regular Price</span>
<span id="old-price-7009" data-price-amount="3999" data-price-type="oldPrice" class="price-wrapper "><span class="price">€3,999.00</span></span>
</span>
</span>
</div>
</div>
</form><form class="all-image-product">
<div class="pt-1 text-gray-900" x-data="initPriceBox__66ca8efe75b16()" @update-prices-7127.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="7127" data-price-box="product-id-7127"><span class="normal-price">
<span class="price-container price-final_price tax">
<span class="price-label">As low as</span>
<span id="product-price-7127" data-price-amount="3999" data-price-type="finalPrice" class="price-wrapper "><span class="price">€3,999.00</span></span>
</span>
</span>
<span class="old-price sly-old-price no-display">
<span class="price-container price-final_price tax">
<span class="price-label">Regular Price</span>
<span id="old-price-7127" data-price-amount="4999" data-price-type="oldPrice" class="price-wrapper "><span class="price">€4,999.00</span></span>
</span>
</span>
</div>
</div>
</form><form class="all-image-product">
<div class="pt-1 text-gray-900" x-data="initPriceBox__66ca93382c36f()" @update-prices-6978.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="6978" data-price-box="product-id-6978"><span class="normal-price">
<span class="price-container price-final_price tax">
<span class="price-label">As low as</span>
<span id="product-price-6978" data-price-amount="3499" data-price-type="finalPrice" class="price-wrapper "><span class="price">€3,499.00</span></span>
</span>
</span>
<span class="old-price sly-old-price no-display">
<span class="price-container price-final_price tax">
<span class="price-label">Regular Price</span>
<span id="old-price-6978" data-price-amount="4999" data-price-type="oldPrice" class="price-wrapper "><span class="price">€4,999.00</span></span>
</span>
</span>
</div>
</div>
</form><form class="all-image-product">
<div class="pt-1 text-gray-900" x-data="initPriceBox__66ca93aa3d5e9()" @update-prices-5469.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="5469" data-price-box="product-id-5469"><span class="normal-price">
<span class="price-container price-final_price tax">
<span class="price-label">As low as</span>
<span id="product-price-5469" data-price-amount="2699" data-price-type="finalPrice" class="price-wrapper "><span class="price">€2,699.00</span></span>
</span>
</span>
<span class="old-price sly-old-price no-display">
<span class="price-container price-final_price tax">
<span class="price-label">Regular Price</span>
<span id="old-price-5469" data-price-amount="2699" data-price-type="oldPrice" class="price-wrapper "><span class="price">€2,699.00</span></span>
</span>
</span>
</div>
</div>
</form><form class="all-image-product">
<div class="pt-1 text-gray-900" x-data="initPriceBox__66ca8f24ab7cc()" @update-prices-285.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="285" data-price-box="product-id-285">
<span class="price-container price-final_price tax">
<span id="product-price-285" data-price-amount="4.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">€4.90</span></span>
</span>
</div>
</div>
</form><form class="all-image-product">
<div class="pt-1 text-gray-900" x-data="initPriceBox__66ca8f24afd39()" @update-prices-324.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="324" data-price-box="product-id-324">
<span class="price-container price-final_price tax">
<span id="product-price-324" data-price-amount="3.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">€3.90</span></span>
</span>
</div>
</div>
</form><form class="all-image-product">
<div class="pt-1 text-gray-900" x-data="initPriceBox__66ca8fc2a2394()" @update-prices-398.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="398" data-price-box="product-id-398">
<span class="special-price">
<span class="price-container price-final_price tax">
<span class="price-label">Special Price</span>
<span id="product-price-398" data-price-amount="6.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">€6.90</span></span>
</span>
</span>
<span class="old-price">
<span class="price-container price-final_price tax">
<span class="price-label">Regular Price</span>
<span id="old-price-398" data-price-amount="12.9" data-price-type="oldPrice" class="price-wrapper "><span class="price">€12.90</span></span>
</span>
</span>
</div>
</div>
</form><form class="all-image-product">
<div class="pt-1 text-gray-900" x-data="initPriceBox__66ca8f249bcba()" @update-prices-288.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="288" data-price-box="product-id-288">
<span class="price-container price-final_price tax">
<span id="product-price-288" data-price-amount="6.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">€6.90</span></span>
</span>
</div>
</div>
</form><form class="all-image-product">
<div class="pt-1 text-gray-900" x-data="initPriceBox__66ca8f249d1d5()" @update-prices-4620.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="4620" data-price-box="product-id-4620">
<span class="price-container price-final_price tax">
<span id="product-price-4620" data-price-amount="14.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">€14.90</span></span>
</span>
</div>
</div>
</form><form class="all-image-product">
<div class="pt-1 text-gray-900" x-data="initPriceBox__66ca8f24a45d8()" @update-prices-215.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="215" data-price-box="product-id-215">
<span class="price-container price-final_price tax">
<span id="product-price-215" data-price-amount="1.49" data-price-type="finalPrice" class="price-wrapper "><span class="price">€1.49</span></span>
</span>
</div>
</div>
</form><form class="all-image-product">
<div class="pt-1 text-gray-900" x-data="initPriceBox__66ca8f24a5614()" @update-prices-220.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="220" data-price-box="product-id-220">
<span class="price-container price-final_price tax">
<span id="product-price-220" data-price-amount="1.99" data-price-type="finalPrice" class="price-wrapper "><span class="price">€1.99</span></span>
</span>
</div>
</div>
</form><form class="all-image-product">
<div class="pt-1 text-gray-900" x-data="initPriceBox__66ca8f24a88a9()" @update-prices-239.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="239" data-price-box="product-id-239">
<span class="price-container price-final_price tax">
<span id="product-price-239" data-price-amount="7.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">€7.90</span></span>
</span>
</div>
</div>
</form><form class="all-image-product">
<div class="pt-1 text-gray-900" x-data="initPriceBox__66ca8f24a98ff()" @update-prices-263.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="263" data-price-box="product-id-263">
<span class="price-container price-final_price tax">
<span id="product-price-263" data-price-amount="5.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">€5.90</span></span>
</span>
</div>
</div>
</form><form class="all-image-product">
<div class="pt-1 text-gray-900" x-data="initPriceBox__66ca8f24aa79c()" @update-prices-272.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="272" data-price-box="product-id-272">
<span class="price-container price-final_price tax">
<span id="product-price-272" data-price-amount="22.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">€22.90</span></span>
</span>
</div>
</div>
</form><form class="all-image-product">
<div class="pt-1 text-gray-900" x-data="initPriceBox__66ca921a0fe11()" @update-prices-3304.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="3304" data-price-box="product-id-3304">
<span class="price-container price-final_price tax">
<span id="product-price-3304" data-price-amount="49.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">€49.90</span></span>
</span>
</div>
</div>
</form><form class="all-image-product">
<div class="pt-1 text-gray-900" x-data="initPriceBox__66ca8f6240ec9()" @update-prices-4821.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="4821" data-price-box="product-id-4821">
<span class="price-container price-final_price tax">
<span id="product-price-4821" data-price-amount="34.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">€34.90</span></span>
</span>
</div>
</div>
</form><form class="all-image-product">
<div class="pt-1 text-gray-900" x-data="initPriceBox__66ca8f249f643()" @update-prices-1884.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="1884" data-price-box="product-id-1884">
<span class="price-container price-final_price tax">
<span id="product-price-1884" data-price-amount="1.99" data-price-type="finalPrice" class="price-wrapper "><span class="price">€1.99</span></span>
</span>
</div>
</div>
</form><form class="all-image-product">
<div class="pt-1 text-gray-900" x-data="initPriceBox__66ca8f24a26a2()" @update-prices-3114.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="3114" data-price-box="product-id-3114">
<span class="price-container price-final_price tax">
<span id="product-price-3114" data-price-amount="5.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">€5.90</span></span>
</span>
</div>
</div>
</form><form class="all-image-product">
<div class="pt-1 text-gray-900" x-data="initPriceBox__66ca8f24ac7e0()" @update-prices-286.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="286" data-price-box="product-id-286">
<span class="price-container price-final_price tax">
<span id="product-price-286" data-price-amount="5.49" data-price-type="finalPrice" class="price-wrapper "><span class="price">€5.49</span></span>
</span>
</div>
</div>
</form><form class="all-image-product">
<div class="pt-1 text-gray-900" x-data="initPriceBox__66ca8f24ae85a()" @update-prices-315.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="315" data-price-box="product-id-315">
<span class="price-container price-final_price tax">
<span id="product-price-315" data-price-amount="24.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">€24.90</span></span>
</span>
</div>
</div>
</form><form class="all-image-product">
<div class="pt-1 text-gray-900" x-data="initPriceBox__66ca8f624e173()" @update-prices-316.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="316" data-price-box="product-id-316">
<span class="price-container price-final_price tax">
<span id="product-price-316" data-price-amount="7.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">€7.90</span></span>
</span>
</div>
</div>
</form><form class="all-image-product">
<div class="pt-1 text-gray-900" x-data="initPriceBox__66ca8dae888af()" @update-prices-327.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="327" data-price-box="product-id-327">
<span class="price-container price-final_price tax">
<span id="product-price-327" data-price-amount="19.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">€19.90</span></span>
</span>
</div>
</div>
</form><form class="all-image-product">
<div class="pt-1 text-gray-900" x-data="initPriceBox__66ca8f24b0c3f()" @update-prices-328.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="328" data-price-box="product-id-328">
<span class="price-container price-final_price tax">
<span id="product-price-328" data-price-amount="14.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">€14.90</span></span>
</span>
</div>
</div>
</form><form class="all-image-product">
<div class="pt-1 text-gray-900" x-data="initPriceBox__66ca8f2499b68()" @update-prices-330.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="330" data-price-box="product-id-330">
<span class="price-container price-final_price tax">
<span id="product-price-330" data-price-amount="6.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">€6.90</span></span>
</span>
</div>
</div>
</form><form class="all-image-product">
<div class="pt-1 text-gray-900" x-data="initPriceBox__66ca8f249abf2()" @update-prices-754.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="754" data-price-box="product-id-754">
<span class="price-container price-final_price tax">
<span id="product-price-754" data-price-amount="8.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">€8.90</span></span>
</span>
</div>
</div>
</form><form class="all-image-product">
<div class="pt-1 text-gray-900" x-data="initPriceBox__66ca8f2497a8f()" @update-prices-826.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="826" data-price-box="product-id-826">
<span class="price-container price-final_price tax">
<span id="product-price-826" data-price-amount="2.49" data-price-type="finalPrice" class="price-wrapper "><span class="price">€2.49</span></span>
</span>
</div>
</div>
</form><form class="all-image-product">
<div class="pt-1 text-gray-900" x-data="initPriceBox__66ca8f249482b()" @update-prices-201.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="201" data-price-box="product-id-201">
<span class="price-container price-final_price tax">
<span id="product-price-201" data-price-amount="5.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">€5.90</span></span>
</span>
</div>
</div>
</form><form class="all-image-product">
<div class="pt-1 text-gray-900" x-data="initPriceBox__66ca8f24a35c8()" @update-prices-214.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="214" data-price-box="product-id-214">
<span class="price-container price-final_price tax">
<span id="product-price-214" data-price-amount="2.49" data-price-type="finalPrice" class="price-wrapper "><span class="price">€2.49</span></span>
</span>
</div>
</div>
</form><form data-amshopby-filter="category_ids" class="am-filter" data-amshopby-filter-request-var="cat" data-amshopby-expanded="1">
<ul class="items am-filter-items-category_ids am-labels-folding is-by-click -am-singleselect" style="max-height:300px;
overflow-y: auto;
overflow-x: hidden;">
<script>
function initInput_66ca99a12d323() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12d323()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-collapsible -is-by-click -filter-parent " data-label="Spare Parts">
<button type="button" class="filter-options-title flex justify-between items-center mr-2 cursor-pointer hover:text-secondary-darker border-container collapsed" @click="open = !open" :class="{'collapsed' : !open, 'opened' : open}" tabindex="-1">
<span class="py-1 px-1 rounded border border-container">
<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" width="12" height="12" :class="{ 'rotate-180': open }">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
</svg>
</span>
</button>
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="11" type="radio" aria-label="Spare Parts" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected" tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12d323 amshopby-filter-parent" data-am-js="filter-item-default" aria-label="Spare Parts" title="Spare Parts" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=11&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label font-semibold">Spare Parts</span>
</a>
</div>
<ul class="items items-children w-full mt-2
level-1 -folding ml-5 ml-10" x-show="open" style="display: none;">
<script>
function initInput_66ca99a12d55e() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12d55e()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-collapsible -is-by-click -filter-parent " data-label="Nova Motors">
<button type="button" class="filter-options-title flex justify-between items-center mr-2 cursor-pointer hover:text-secondary-darker border-container collapsed" @click="open = !open" :class="{'collapsed' : !open, 'opened' : open}"
tabindex="-1">
<span class="py-1 px-1 rounded border border-container">
<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" width="12" height="12" :class="{ 'rotate-180': open }">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
</svg>
</span>
</button>
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="471" type="radio" aria-label="Nova Motors" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected" tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12d55e amshopby-filter-parent" data-am-js="filter-item-default" aria-label="Nova Motors" title="Nova Motors" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=471&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">Nova Motors</span>
</a>
</div>
<ul class="items items-children w-full mt-2
level-2 -folding ml-5 ml-10" x-show="open" style="display: none;">
<script>
function initInput_66ca99a12d6d5() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12d6d5()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-collapsible -is-by-click -filter-parent " data-label="Retro Star">
<button type="button" class="filter-options-title flex justify-between items-center mr-2 cursor-pointer hover:text-secondary-darker border-container collapsed" @click="open = !open" :class="{'collapsed' : !open, 'opened' : open}"
tabindex="-1">
<span class="py-1 px-1 rounded border border-container">
<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" width="12" height="12" :class="{ 'rotate-180': open }">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
</svg>
</span>
</button>
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="381" type="radio" aria-label="Retro Star" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected"
tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12d6d5 amshopby-filter-parent" data-am-js="filter-item-default" aria-label="Retro Star" title="Retro Star" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=381&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">Retro Star</span>
</a>
</div>
<ul class="items items-children w-full mt-2
level-3 -folding ml-5 ml-10" x-show="open" style="display: none;">
<script>
function initInput_66ca99a12d837() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12d837()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-expanded -filter-parent " data-label="eRetro Star">
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="382" type="radio" aria-label="eRetro Star" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected"
tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12d837 amshopby-filter-parent" data-am-js="filter-item-default" aria-label="eRetro Star" title="eRetro Star" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=382&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">eRetro Star</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a12d912() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12d912()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-expanded -filter-parent " data-label="Retro Star EFI | Aktuelles Model (Euro5) ">
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="474" type="radio" aria-label="Retro Star EFI | Aktuelles Model (Euro5) " @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));"
:checked="isSelected" tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12d912 amshopby-filter-parent" data-am-js="filter-item-default" aria-label="Retro Star EFI | Aktuelles Model (Euro5) " title="Retro Star EFI | Aktuelles Model (Euro5) " href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=474&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">Retro Star EFI | Aktuelles Model (Euro5) </span>
</a>
</div>
</li>
<script>
function initInput_66ca99a12d9cf() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12d9cf()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-expanded -filter-parent " data-label="Retro Star | LJ50QT-2G (E4+E5) | ab 2020">
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="299" type="radio" aria-label="Retro Star | LJ50QT-2G (E4+E5) | ab 2020" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));"
:checked="isSelected" tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12d9cf amshopby-filter-parent" data-am-js="filter-item-default" aria-label="Retro Star | LJ50QT-2G (E4+E5) | ab 2020" title="Retro Star | LJ50QT-2G (E4+E5) | ab 2020" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=299&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">Retro Star | LJ50QT-2G (E4+E5) | ab 2020</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a12da8c() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12da8c()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-expanded -filter-parent " data-label="Retro Star | ZN50QT-A (Euro4) | bis 2020 ">
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="201" type="radio" aria-label="Retro Star | ZN50QT-A (Euro4) | bis 2020 " @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));"
:checked="isSelected" tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12da8c amshopby-filter-parent" data-am-js="filter-item-default" aria-label="Retro Star | ZN50QT-A (Euro4) | bis 2020 " title="Retro Star | ZN50QT-A (Euro4) | bis 2020 " href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=201&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">Retro Star | ZN50QT-A (Euro4) | bis 2020 </span>
</a>
</div>
</li>
<script>
function initInput_66ca99a12db42() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12db42()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-expanded -filter-parent " data-label="Retro Star | ZN50QT-A (Euro2)| 2017-2019">
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="109" type="radio" aria-label="Retro Star | ZN50QT-A (Euro2)| 2017-2019" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));"
:checked="isSelected" tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12db42 amshopby-filter-parent" data-am-js="filter-item-default" aria-label="Retro Star | ZN50QT-A (Euro2)| 2017-2019" title="Retro Star | ZN50QT-A (Euro2)| 2017-2019" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=109&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">Retro Star | ZN50QT-A (Euro2)| 2017-2019</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a12dbf6() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12dbf6()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-expanded -filter-parent " data-label="Retro Star | YY50QT-15 | bis 2017">
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="108" type="radio" aria-label="Retro Star | YY50QT-15 | bis 2017" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));"
:checked="isSelected" tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12dbf6 amshopby-filter-parent" data-am-js="filter-item-default" aria-label="Retro Star | YY50QT-15 | bis 2017" title="Retro Star | YY50QT-15 | bis 2017" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=108&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">Retro Star | YY50QT-15 | bis 2017</span>
</a>
</div>
</li>
</ul>
</li>
<script>
function initInput_66ca99a12dcb6() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12dcb6()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-expanded -filter-parent " data-label="New City ">
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="478" type="radio" aria-label="New City " @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected"
tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12dcb6 amshopby-filter-parent" data-am-js="filter-item-default" aria-label="New City " title="New City " href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=478&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">New City </span>
</a>
</div>
</li>
<script>
function initInput_66ca99a12dd68() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12dd68()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-collapsible -is-by-click -filter-parent " data-label="Bendi">
<button type="button" class="filter-options-title flex justify-between items-center mr-2 cursor-pointer hover:text-secondary-darker border-container collapsed" @click="open = !open" :class="{'collapsed' : !open, 'opened' : open}"
tabindex="-1">
<span class="py-1 px-1 rounded border border-container">
<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" width="12" height="12" :class="{ 'rotate-180': open }">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
</svg>
</span>
</button>
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="377" type="radio" aria-label="Bendi" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected" tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12dd68 amshopby-filter-parent" data-am-js="filter-item-default" aria-label="Bendi" title="Bendi" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=377&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">Bendi</span>
</a>
</div>
<ul class="items items-children w-full mt-2
level-3 -folding ml-5 ml-10" x-show="open" style="display: none;">
<script>
function initInput_66ca99a12deb8() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12deb8()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-expanded -filter-parent " data-label="Bendi Standard Li 48V (UG) | ab 2021">
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="366" type="radio" aria-label="Bendi Standard Li 48V (UG) | ab 2021" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));"
:checked="isSelected" tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12deb8 amshopby-filter-parent" data-am-js="filter-item-default" aria-label="Bendi Standard Li 48V (UG) | ab 2021" title="Bendi Standard Li 48V (UG) | ab 2021" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=366&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">Bendi Standard Li 48V (UG) | ab 2021</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a12df80() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12df80()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-expanded -filter-parent " data-label="Bendi Premium 48V (UG) | 2017 bis heute">
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="267" type="radio" aria-label="Bendi Premium 48V (UG) | 2017 bis heute" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));"
:checked="isSelected" tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12df80 amshopby-filter-parent" data-am-js="filter-item-default" aria-label="Bendi Premium 48V (UG) | 2017 bis heute" title="Bendi Premium 48V (UG) | 2017 bis heute" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=267&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">Bendi Premium 48V (UG) | 2017 bis heute</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a12e040() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12e040()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-expanded -filter-parent " data-label="Bendi Standard 60V (UG)| 2019-2020">
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="308" type="radio" aria-label="Bendi Standard 60V (UG)| 2019-2020" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));"
:checked="isSelected" tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12e040 amshopby-filter-parent" data-am-js="filter-item-default" aria-label="Bendi Standard 60V (UG)| 2019-2020" title="Bendi Standard 60V (UG)| 2019-2020" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=308&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">Bendi Standard 60V (UG)| 2019-2020</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a12e10c() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12e10c()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-expanded -filter-parent " data-label="Bendi Standard 60V (ZN)| 2017 bis 2019">
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="145" type="radio" aria-label="Bendi Standard 60V (ZN)| 2017 bis 2019" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));"
:checked="isSelected" tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12e10c amshopby-filter-parent" data-am-js="filter-item-default" aria-label="Bendi Standard 60V (ZN)| 2017 bis 2019" title="Bendi Standard 60V (ZN)| 2017 bis 2019" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=145&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">Bendi Standard 60V (ZN)| 2017 bis 2019</span>
</a>
</div>
</li>
</ul>
</li>
<script>
function initInput_66ca99a12e1d1() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12e1d1()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-collapsible -is-by-click -filter-parent " data-label="Energy">
<button type="button" class="filter-options-title flex justify-between items-center mr-2 cursor-pointer hover:text-secondary-darker border-container collapsed" @click="open = !open" :class="{'collapsed' : !open, 'opened' : open}"
tabindex="-1">
<span class="py-1 px-1 rounded border border-container">
<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" width="12" height="12" :class="{ 'rotate-180': open }">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
</svg>
</span>
</button>
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="380" type="radio" aria-label="Energy" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected" tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12e1d1 amshopby-filter-parent" data-am-js="filter-item-default" aria-label="Energy" title="Energy" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=380&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">Energy</span>
</a>
</div>
<ul class="items items-children w-full mt-2
level-3 -folding ml-5 ml-10" x-show="open" style="display: none;">
<script>
function initInput_66ca99a12e327() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12e327()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-expanded -filter-parent " data-label="Energy 4T | LJ50QT-3L (Euro 4)">
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="265" type="radio" aria-label="Energy 4T | LJ50QT-3L (Euro 4)" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));"
:checked="isSelected" tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12e327 amshopby-filter-parent" data-am-js="filter-item-default" aria-label="Energy 4T | LJ50QT-3L (Euro 4)" title="Energy 4T | LJ50QT-3L (Euro 4)" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=265&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">Energy 4T | LJ50QT-3L (Euro 4)</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a12e3ee() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12e3ee()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-expanded -filter-parent " data-label="Energy | LJ50QT-2L">
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="122" type="radio" aria-label="Energy | LJ50QT-2L" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected"
tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12e3ee amshopby-filter-parent" data-am-js="filter-item-default" aria-label="Energy | LJ50QT-2L" title="Energy | LJ50QT-2L" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=122&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">Energy | LJ50QT-2L</span>
</a>
</div>
</li>
</ul>
</li>
<script>
function initInput_66ca99a12e4d6() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12e4d6()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-collapsible -is-by-click -filter-parent " data-label="RGT5 | eRGT5">
<button type="button" class="filter-options-title flex justify-between items-center mr-2 cursor-pointer hover:text-secondary-darker border-container collapsed" @click="open = !open" :class="{'collapsed' : !open, 'opened' : open}"
tabindex="-1">
<span class="py-1 px-1 rounded border border-container">
<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" width="12" height="12" :class="{ 'rotate-180': open }">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
</svg>
</span>
</button>
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="384" type="radio" aria-label="RGT5 | eRGT5" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected"
tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12e4d6 amshopby-filter-parent" data-am-js="filter-item-default" aria-label="RGT5 | eRGT5" title="RGT5 | eRGT5" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=384&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">RGT5 | eRGT5</span>
</a>
</div>
<ul class="items items-children w-full mt-2
level-3 -folding ml-5 ml-10" x-show="open" style="display: none;">
<script>
function initInput_66ca99a12e634() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12e634()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-expanded -filter-parent " data-label="rGT5 | LJ50QT-X 00|45er">
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="326" type="radio" aria-label="rGT5 | LJ50QT-X 00|45er" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));"
:checked="isSelected" tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12e634 amshopby-filter-parent" data-am-js="filter-item-default" aria-label="rGT5 | LJ50QT-X 00|45er" title="rGT5 | LJ50QT-X 00|45er" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=326&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">rGT5 | LJ50QT-X 00|45er</span>
</a>
</div>
</li>
</ul>
</li>
<script>
function initInput_66ca99a12e6fe() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12e6fe()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-collapsible -is-by-click -filter-parent " data-label="Alte Modelle">
<button type="button" class="filter-options-title flex justify-between items-center mr-2 cursor-pointer hover:text-secondary-darker border-container collapsed" @click="open = !open" :class="{'collapsed' : !open, 'opened' : open}"
tabindex="-1">
<span class="py-1 px-1 rounded border border-container">
<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" width="12" height="12" :class="{ 'rotate-180': open }">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
</svg>
</span>
</button>
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="683" type="radio" aria-label="Alte Modelle" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected"
tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12e6fe amshopby-filter-parent" data-am-js="filter-item-default" aria-label="Alte Modelle" title="Alte Modelle" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=683&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">Alte Modelle</span>
</a>
</div>
<ul class="items items-children w-full mt-2
level-3 -folding ml-5 ml-10" x-show="open" style="display: none;">
<script>
function initInput_66ca99a12e855() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12e855()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-expanded -filter-parent " data-label="City Star | eCity Star">
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="383" type="radio" aria-label="City Star | eCity Star" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));"
:checked="isSelected" tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12e855 amshopby-filter-parent" data-am-js="filter-item-default" aria-label="City Star | eCity Star" title="City Star | eCity Star" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=383&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">City Star | eCity Star</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a12e927() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12e927()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-expanded -filter-parent " data-label="Classic | YY50QT-39">
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="121" type="radio" aria-label="Classic | YY50QT-39" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected"
tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12e927 amshopby-filter-parent" data-am-js="filter-item-default" aria-label="Classic | YY50QT-39" title="Classic | YY50QT-39" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=121&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">Classic | YY50QT-39</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a12e9db() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12e9db()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-expanded -filter-parent " data-label="Estate">
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="378" type="radio" aria-label="Estate" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected"
tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12e9db amshopby-filter-parent" data-am-js="filter-item-default" aria-label="Estate" title="Estate" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=378&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">Estate</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a12ea83() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12ea83()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-expanded -filter-parent " data-label="Eve | eEve">
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="387" type="radio" aria-label="Eve | eEve" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected"
tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12ea83 amshopby-filter-parent" data-am-js="filter-item-default" aria-label="Eve | eEve" title="Eve | eEve" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=387&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">Eve | eEve</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a12eb2e() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12eb2e()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-expanded -filter-parent " data-label="eMace | MDSA01 ">
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="266" type="radio" aria-label="eMace | MDSA01 " @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected"
tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12eb2e amshopby-filter-parent" data-am-js="filter-item-default" aria-label="eMace | MDSA01 " title="eMace | MDSA01 " href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=266&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">eMace | MDSA01 </span>
</a>
</div>
</li>
<script>
function initInput_66ca99a12ebdc() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12ebdc()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-expanded -filter-parent " data-label="F3000 | YY50QT-6">
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="120" type="radio" aria-label="F3000 | YY50QT-6" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected"
tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12ebdc amshopby-filter-parent" data-am-js="filter-item-default" aria-label="F3000 | YY50QT-6" title="F3000 | YY50QT-6" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=120&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">F3000 | YY50QT-6</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a12ec9e() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12ec9e()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-expanded -filter-parent " data-label="F35 | LJ50QT-M">
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="112" type="radio" aria-label="F35 | LJ50QT-M" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected"
tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12ec9e amshopby-filter-parent" data-am-js="filter-item-default" aria-label="F35 | LJ50QT-M" title="F35 | LJ50QT-M" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=112&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">F35 | LJ50QT-M</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a12ed50() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12ed50()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-expanded -filter-parent " data-label="GT3 | BT49QT-21">
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="116" type="radio" aria-label="GT3 | BT49QT-21" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected"
tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12ed50 amshopby-filter-parent" data-am-js="filter-item-default" aria-label="GT3 | BT49QT-21" title="GT3 | BT49QT-21" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=116&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">GT3 | BT49QT-21</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a12edf9() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12edf9()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-expanded -filter-parent " data-label="GT4 | 50QT-6 F22">
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="114" type="radio" aria-label="GT4 | 50QT-6 F22" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected"
tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12edf9 amshopby-filter-parent" data-am-js="filter-item-default" aria-label="GT4 | 50QT-6 F22" title="GT4 | 50QT-6 F22" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=114&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">GT4 | 50QT-6 F22</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a12eea2() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12eea2()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-expanded -filter-parent " data-label="GT eXtreme | LJ50QT-5">
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="115" type="radio" aria-label="GT eXtreme | LJ50QT-5" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));"
:checked="isSelected" tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12eea2 amshopby-filter-parent" data-am-js="filter-item-default" aria-label="GT eXtreme | LJ50QT-5" title="GT eXtreme | LJ50QT-5" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=115&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">GT eXtreme | LJ50QT-5</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a12ef4b() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12ef4b()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-expanded -filter-parent " data-label="Klassik | eKlassik">
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="386" type="radio" aria-label="Klassik | eKlassik" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected"
tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12ef4b amshopby-filter-parent" data-am-js="filter-item-default" aria-label="Klassik | eKlassik" title="Klassik | eKlassik" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=386&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">Klassik | eKlassik</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a12f000() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12f000()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-expanded -filter-parent " data-label="Retro 69 | ZN125QT-27">
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="167" type="radio" aria-label="Retro 69 | ZN125QT-27" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));"
:checked="isSelected" tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12f000 amshopby-filter-parent" data-am-js="filter-item-default" aria-label="Retro 69 | ZN125QT-27" title="Retro 69 | ZN125QT-27" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=167&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">Retro 69 | ZN125QT-27</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a12f0b4() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12f0b4()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-expanded -filter-parent " data-label="Retro Cruiser">
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="385" type="radio" aria-label="Retro Cruiser" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected"
tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12f0b4 amshopby-filter-parent" data-am-js="filter-item-default" aria-label="Retro Cruiser" title="Retro Cruiser" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=385&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">Retro Cruiser</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a12f15e() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12f15e()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-expanded -filter-parent " data-label="Grido | LJ50QT-H">
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="123" type="radio" aria-label="Grido | LJ50QT-H" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected"
tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12f15e amshopby-filter-parent" data-am-js="filter-item-default" aria-label="Grido | LJ50QT-H" title="Grido | LJ50QT-H" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=123&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">Grido | LJ50QT-H</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a12f207() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12f207()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-expanded -filter-parent " data-label="SP125i | ZNAP125">
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="169" type="radio" aria-label="SP125i | ZNAP125" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected"
tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12f207 amshopby-filter-parent" data-am-js="filter-item-default" aria-label="SP125i | ZNAP125" title="SP125i | ZNAP125" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=169&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">SP125i | ZNAP125</span>
</a>
</div>
</li>
</ul>
</li>
</ul>
</li>
<script>
function initInput_66ca99a12f2d4() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12f2d4()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-collapsible -is-by-click -filter-parent " data-label="Inoa">
<button type="button" class="filter-options-title flex justify-between items-center mr-2 cursor-pointer hover:text-secondary-darker border-container collapsed" @click="open = !open" :class="{'collapsed' : !open, 'opened' : open}"
tabindex="-1">
<span class="py-1 px-1 rounded border border-container">
<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" width="12" height="12" :class="{ 'rotate-180': open }">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
</svg>
</span>
</button>
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="379" type="radio" aria-label="Inoa" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected" tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12f2d4 amshopby-filter-parent" data-am-js="filter-item-default" aria-label="Inoa" title="Inoa" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=379&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">Inoa</span>
</a>
</div>
<ul class="items items-children w-full mt-2
level-2 -folding ml-5 ml-10" x-show="open" style="display: none;">
<script>
function initInput_66ca99a12f438() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12f438()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-expanded -filter-parent " data-label="Sli9">
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="438" type="radio" aria-label="Sli9" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected" tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12f438 amshopby-filter-parent" data-am-js="filter-item-default" aria-label="Sli9" title="Sli9" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=438&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">Sli9</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a12f4f1() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12f4f1()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-expanded -filter-parent " data-label="Sli9 max">
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="442" type="radio" aria-label="Sli9 max" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected" tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12f4f1 amshopby-filter-parent" data-am-js="filter-item-default" aria-label="Sli9 max" title="Sli9 max" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=442&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">Sli9 max</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a12f59b() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12f59b()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-expanded -filter-parent " data-label="Sli10">
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="428" type="radio" aria-label="Sli10" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected" tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12f59b amshopby-filter-parent" data-am-js="filter-item-default" aria-label="Sli10" title="Sli10" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=428&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">Sli10</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a12f640() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12f640()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-expanded -filter-parent " data-label="Sli10 max">
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="413" type="radio" aria-label="Sli10 max" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected"
tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12f640 amshopby-filter-parent" data-am-js="filter-item-default" aria-label="Sli10 max" title="Sli10 max" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=413&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">Sli10 max</span>
</a>
</div>
</li>
</ul>
</li>
<script>
function initInput_66ca99a12f6ef() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12f6ef()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-collapsible -is-by-click -filter-parent " data-label="Other brands">
<button type="button" class="filter-options-title flex justify-between items-center mr-2 cursor-pointer hover:text-secondary-darker border-container collapsed" @click="open = !open" :class="{'collapsed' : !open, 'opened' : open}"
tabindex="-1">
<span class="py-1 px-1 rounded border border-container">
<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" width="12" height="12" :class="{ 'rotate-180': open }">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
</svg>
</span>
</button>
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="682" type="radio" aria-label="Other brands" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected" tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12f6ef amshopby-filter-parent" data-am-js="filter-item-default" aria-label="Other brands" title="Other brands" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=682&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">Other brands</span>
</a>
</div>
<ul class="items items-children w-full mt-2
level-2 -folding ml-5 ml-10" x-show="open" style="display: none;">
<script>
function initInput_66ca99a12f854() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12f854()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-expanded -filter-parent " data-label="139qmb GY6 Motor 10" kurz Euro2">
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="445" type="radio" aria-label="139qmb GY6 Motor 10&quot; kurz Euro2" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));"
:checked="isSelected" tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12f854 amshopby-filter-parent" data-am-js="filter-item-default" aria-label="139qmb GY6 Motor 10&quot; kurz Euro2" title="139qmb GY6 Motor 10&quot; kurz Euro2" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=445&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">139qmb GY6 Motor 10" kurz Euro2</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a12f91c() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12f91c()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-expanded -filter-parent " data-label="139qmb GY6 Motor 10" kurz Euro4">
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="446" type="radio" aria-label="139qmb GY6 Motor 10&quot; kurz Euro4" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));"
:checked="isSelected" tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12f91c amshopby-filter-parent" data-am-js="filter-item-default" aria-label="139qmb GY6 Motor 10&quot; kurz Euro4" title="139qmb GY6 Motor 10&quot; kurz Euro4" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=446&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">139qmb GY6 Motor 10" kurz Euro4</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a12f9d0() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12f9d0()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-expanded -filter-parent " data-label="139qmb GY6 Motor 12" kurz Euro2">
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="447" type="radio" aria-label="139qmb GY6 Motor 12&quot; kurz Euro2" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));"
:checked="isSelected" tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12f9d0 amshopby-filter-parent" data-am-js="filter-item-default" aria-label="139qmb GY6 Motor 12&quot; kurz Euro2" title="139qmb GY6 Motor 12&quot; kurz Euro2" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=447&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">139qmb GY6 Motor 12" kurz Euro2</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a12fa7f() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12fa7f()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-expanded -filter-parent " data-label="139qmb GY6 Motor 12" kurz Euro4">
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="448" type="radio" aria-label="139qmb GY6 Motor 12&quot; kurz Euro4" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));"
:checked="isSelected" tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12fa7f amshopby-filter-parent" data-am-js="filter-item-default" aria-label="139qmb GY6 Motor 12&quot; kurz Euro4" title="139qmb GY6 Motor 12&quot; kurz Euro4" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=448&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">139qmb GY6 Motor 12" kurz Euro4</span>
</a>
</div>
</li>
</ul>
</li>
<script>
function initInput_66ca99a12fb34() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12fb34()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-expanded -filter-parent " data-label="Nova Parts">
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="482" type="radio" aria-label="Nova Parts" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected" tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12fb34 amshopby-filter-parent" data-am-js="filter-item-default" aria-label="Nova Parts" title="Nova Parts" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=482&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">Nova Parts</span>
</a>
</div>
</li>
</ul>
</li>
<script>
function initInput_66ca99a12fc0f() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12fc0f()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-collapsible -is-by-click -filter-parent " data-label="Accessories">
<button type="button" class="filter-options-title flex justify-between items-center mr-2 cursor-pointer hover:text-secondary-darker border-container collapsed" @click="open = !open" :class="{'collapsed' : !open, 'opened' : open}" tabindex="-1">
<span class="py-1 px-1 rounded border border-container">
<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" width="12" height="12" :class="{ 'rotate-180': open }">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
</svg>
</span>
</button>
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="19" type="radio" aria-label="Accessories" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected" tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12fc0f amshopby-filter-parent" data-am-js="filter-item-default" aria-label="Accessories" title="Accessories" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=19&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label font-semibold">Accessories</span>
</a>
</div>
<ul class="items items-children w-full mt-2
level-1 -folding ml-5 ml-10" x-show="open" style="display: none;">
<script>
function initInput_66ca99a12fd64() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12fd64()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-expanded -filter-parent " data-label="Battery packs & batteries">
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="388" type="radio" aria-label="Battery packs &amp; batteries" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));"
:checked="isSelected" tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12fd64 amshopby-filter-parent" data-am-js="filter-item-default" aria-label="Battery packs &amp; batteries" title="Battery packs &amp; batteries" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=388&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">Battery packs & batteries</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a12fe26() {
return {
isSelected: Boolean(),
open: false,
positioned: false,
selectInput(url) {
location.href = url;
},
openParentFilter(element) {
this.$nextTick(() => {
if (element.querySelector('.items-children .amshopby-link-selected')) {
this.open = true;
}
})
}
}
}
</script>
<li x-data="initInput_66ca99a12fe26()" x-init="openParentFilter($el)" class="item item-category flex flex-wrap items-center py-1 hover:text-black
-is-expanded -filter-parent " data-label="Security">
<div class="filter-row flex items-center">
<input class="am-input mr-2" name="amshopby[cat][]" value="135" type="radio" aria-label="Security" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected" tabindex="-1">
<a class="block align-middle am-filter-item-66ca99a12fe26 amshopby-filter-parent" data-am-js="filter-item-default" aria-label="Security" title="Security" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&cat=135&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label ">Security</span>
</a>
</div>
</li>
</ul>
</li>
</ul>
</form><form class="am-filter am-shopby-form swatch-attribute swatch-layered ausfuehrung " x-data="dataLayeredSwatch_ausfuehrung()" data-amshopby-filter="ausfuehrung" data-amshopby-expanded="1">
<div class="am-filter-items-ausfuehrung swatch-attribute swatch-layered clearfix
ausfuehrung swatch-attribute-options" data-attribute-code="ausfuehrung" data-attribute-id="173" data-am-js="swatch-options">
<div class="am-swatch-wrapper item swatch-option-link-layered
" data-label="6 bis 20 km/h (tragbarer Lithium-Ionen-Akkupack)">
<input class="input hidden" name="amshopby[ausfuehrung][]" aria-label="6 bis 20 km/h (tragbarer Lithium-Ionen-Akkupack)" value="592" type="radio" tabindex="-1">
<a href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&ausfuehrung=592&q=elektroroller+hersteller+horwin" aria-label="6 bis 20 km/h (tragbarer Lithium-Ionen-Akkupack)" data-label="6 bis 20 km/h (tragbarer Lithium-Ionen-Akkupack)" class="swatch-option-link-layered swatch-option border-2 cursor-pointer bg-container-lighter relative select-none border-container-darker swatch-attribute-options w-6 h-6" :class="{
'w-6 h-6' : getSwatchType('2') !== 'text',
}" @click.prevent.stop="
window.dispatchEvent(new CustomEvent('amSwatchClick', {detail: {element: $event.currentTarget }}));
" @mouseenter.self="activeTooltipItem = {
attribute: '\u002Fg\u002Fe\u002Fgeschwindigkeit_6\u002D20_2.jpg',
type: '2',
id: '592',
label: '6\u0020bis\u002020\u0020km\u002Fh\u0020\u0028tragbarer\u0020Lithium\u002DIonen\u002DAkkupack\u0029',
thumb: 'https://en.nova-motors.shop/media/attribute/swatch/swatch_thumb/110x90/g/e/geschwindigkeit_6-20_2.jpg',
value: '\u002Fg\u002Fe\u002Fgeschwindigkeit_6\u002D20_2.jpg'
}; tooltipPositionElement = $event.target;" @mouseleave.self="activeTooltipItem = false" tabindex="-1">
<span class="am-swatch-image relative inline-block align-middle border-2 cursor-pointer border-container-darker shadow-sm h-6" :style="getSwatchBackgroundStyle(
'2',
'/g/e/geschwindigkeit_6-20_2.jpg',
'https://en.nova-motors.shop/media/attribute/swatch/swatch_image/30x20/g/e/geschwindigkeit_6-20_2.jpg'
)" style="background: #ffffff url('https://en.nova-motors.shop/media/attribute/swatch/swatch_image/30x20/g/e/geschwindigkeit_6-20_2.jpg') no-repeat center">
</span>
<span class="swatch-image-label inline-block">
</span>
</a>
</div>
<div class="am-swatch-wrapper item swatch-option-link-layered
" data-label="6km/h - keine Führerscheinpflicht">
<input class="input hidden" name="amshopby[ausfuehrung][]" aria-label="6km/h - keine Führerscheinpflicht" value="503" type="radio" tabindex="-1">
<a href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&ausfuehrung=503&q=elektroroller+hersteller+horwin" aria-label="6km/h - keine Führerscheinpflicht" data-label="6km/h - keine Führerscheinpflicht" class="swatch-option-link-layered swatch-option border-2 cursor-pointer bg-container-lighter relative select-none border-container-darker swatch-attribute-options w-6 h-6" :class="{
'w-6 h-6' : getSwatchType('2') !== 'text',
}" @click.prevent.stop="
window.dispatchEvent(new CustomEvent('amSwatchClick', {detail: {element: $event.currentTarget }}));
" @mouseenter.self="activeTooltipItem = {
attribute: '\u002Fg\u002Fe\u002Fgeschwindigkeit_6.jpg',
type: '2',
id: '503',
label: '6km\u002Fh\u0020\u002D\u0020keine\u0020F\u00FChrerscheinpflicht',
thumb: 'https://en.nova-motors.shop/media/attribute/swatch/swatch_thumb/110x90/g/e/geschwindigkeit_6.jpg',
value: '\u002Fg\u002Fe\u002Fgeschwindigkeit_6.jpg'
}; tooltipPositionElement = $event.target;" @mouseleave.self="activeTooltipItem = false" tabindex="-1">
<span class="am-swatch-image relative inline-block align-middle border-2 cursor-pointer border-container-darker shadow-sm h-6" :style="getSwatchBackgroundStyle(
'2',
'/g/e/geschwindigkeit_6.jpg',
'https://en.nova-motors.shop/media/attribute/swatch/swatch_image/30x20/g/e/geschwindigkeit_6.jpg'
)" style="background: #ffffff url('https://en.nova-motors.shop/media/attribute/swatch/swatch_image/30x20/g/e/geschwindigkeit_6.jpg') no-repeat center">
</span>
<span class="swatch-image-label inline-block">
</span>
</a>
</div>
<div class="am-swatch-wrapper item swatch-option-link-layered
" data-label="25 km/h">
<input class="input hidden" name="amshopby[ausfuehrung][]" aria-label="25 km/h" value="74" type="radio" tabindex="-1">
<a href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&ausfuehrung=74&q=elektroroller+hersteller+horwin" aria-label="25 km/h" data-label="25 km/h" class="swatch-option-link-layered swatch-option border-2 cursor-pointer bg-container-lighter relative select-none border-container-darker swatch-attribute-options w-6 h-6" :class="{
'w-6 h-6' : getSwatchType('2') !== 'text',
}" @click.prevent.stop="
window.dispatchEvent(new CustomEvent('amSwatchClick', {detail: {element: $event.currentTarget }}));
" @mouseenter.self="activeTooltipItem = {
attribute: '\u002Fg\u002Fe\u002Fgeschwindigkeit_25.jpg',
type: '2',
id: '74',
label: '25\u0020km\u002Fh',
thumb: 'https://en.nova-motors.shop/media/attribute/swatch/swatch_thumb/110x90/g/e/geschwindigkeit_25.jpg',
value: '\u002Fg\u002Fe\u002Fgeschwindigkeit_25.jpg'
}; tooltipPositionElement = $event.target;" @mouseleave.self="activeTooltipItem = false" tabindex="-1">
<span class="am-swatch-image relative inline-block align-middle border-2 cursor-pointer border-container-darker shadow-sm h-6" :style="getSwatchBackgroundStyle(
'2',
'/g/e/geschwindigkeit_25.jpg',
'https://en.nova-motors.shop/media/attribute/swatch/swatch_image/30x20/g/e/geschwindigkeit_25.jpg'
)" style="background: #ffffff url('https://en.nova-motors.shop/media/attribute/swatch/swatch_image/30x20/g/e/geschwindigkeit_25.jpg') no-repeat center">
</span>
<span class="swatch-image-label inline-block">
</span>
</a>
</div>
<div class="am-swatch-wrapper item swatch-option-link-layered
" data-label="45 km/h">
<input class="input hidden" name="amshopby[ausfuehrung][]" aria-label="45 km/h" value="73" type="radio" tabindex="-1">
<a href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&ausfuehrung=73&q=elektroroller+hersteller+horwin" aria-label="45 km/h" data-label="45 km/h" class="swatch-option-link-layered swatch-option border-2 cursor-pointer bg-container-lighter relative select-none border-container-darker swatch-attribute-options w-6 h-6" :class="{
'w-6 h-6' : getSwatchType('2') !== 'text',
}" @click.prevent.stop="
window.dispatchEvent(new CustomEvent('amSwatchClick', {detail: {element: $event.currentTarget }}));
" @mouseenter.self="activeTooltipItem = {
attribute: '\u002Fg\u002Fe\u002Fgeschwindigkeit_45.jpg',
type: '2',
id: '73',
label: '45\u0020km\u002Fh',
thumb: 'https://en.nova-motors.shop/media/attribute/swatch/swatch_thumb/110x90/g/e/geschwindigkeit_45.jpg',
value: '\u002Fg\u002Fe\u002Fgeschwindigkeit_45.jpg'
}; tooltipPositionElement = $event.target;" @mouseleave.self="activeTooltipItem = false" tabindex="-1">
<span class="am-swatch-image relative inline-block align-middle border-2 cursor-pointer border-container-darker shadow-sm h-6" :style="getSwatchBackgroundStyle(
'2',
'/g/e/geschwindigkeit_45.jpg',
'https://en.nova-motors.shop/media/attribute/swatch/swatch_image/30x20/g/e/geschwindigkeit_45.jpg'
)" style="background: #ffffff url('https://en.nova-motors.shop/media/attribute/swatch/swatch_image/30x20/g/e/geschwindigkeit_45.jpg') no-repeat center">
</span>
<span class="swatch-image-label inline-block">
</span>
</a>
</div>
<div class="am-swatch-wrapper item swatch-option-link-layered
" data-label="99 km/h - ungedrosselt">
<input class="input hidden" name="amshopby[ausfuehrung][]" aria-label="99 km/h - ungedrosselt" value="1095" type="radio" tabindex="-1">
<a href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&ausfuehrung=1095&q=elektroroller+hersteller+horwin" aria-label="99 km/h - ungedrosselt" data-label="99 km/h - ungedrosselt" class="swatch-option-link-layered swatch-option border-2 cursor-pointer bg-container-lighter relative select-none border-container-darker swatch-attribute-options w-6 h-6" :class="{
'w-6 h-6' : getSwatchType('2') !== 'text',
}" @click.prevent.stop="
window.dispatchEvent(new CustomEvent('amSwatchClick', {detail: {element: $event.currentTarget }}));
" @mouseenter.self="activeTooltipItem = {
attribute: '\u002F9\u002F9\u002F99kmh.jpg',
type: '2',
id: '1095',
label: '99\u0020km\u002Fh\u0020\u002D\u0020ungedrosselt',
thumb: 'https://en.nova-motors.shop/media/attribute/swatch/swatch_thumb/110x90/9/9/99kmh.jpg',
value: '\u002F9\u002F9\u002F99kmh.jpg'
}; tooltipPositionElement = $event.target;" @mouseleave.self="activeTooltipItem = false" tabindex="-1">
<span class="am-swatch-image relative inline-block align-middle border-2 cursor-pointer border-container-darker shadow-sm h-6" :style="getSwatchBackgroundStyle(
'2',
'/9/9/99kmh.jpg',
'https://en.nova-motors.shop/media/attribute/swatch/swatch_image/30x20/9/9/99kmh.jpg'
)" style="background: #ffffff url('https://en.nova-motors.shop/media/attribute/swatch/swatch_image/30x20/9/9/99kmh.jpg') no-repeat center">
</span>
<span class="swatch-image-label inline-block">
</span>
</a>
</div>
<div class="am-swatch-wrapper item swatch-option-link-layered
" data-label="Standard - 20 km/h">
<input class="input hidden" name="amshopby[ausfuehrung][]" aria-label="Standard - 20 km/h" value="541" type="radio" tabindex="-1">
<a href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&ausfuehrung=541&q=elektroroller+hersteller+horwin" aria-label="Standard - 20 km/h" data-label="Standard - 20 km/h" class="swatch-option-link-layered swatch-option border-2 cursor-pointer bg-container-lighter relative select-none border-container-darker swatch-attribute-options w-6 h-6" :class="{
'w-6 h-6' : getSwatchType('2') !== 'text',
}" @click.prevent.stop="
window.dispatchEvent(new CustomEvent('amSwatchClick', {detail: {element: $event.currentTarget }}));
" @mouseenter.self="activeTooltipItem = {
attribute: '\u002Fg\u002Fe\u002Fgeschwindigkeit_20_2.jpg',
type: '2',
id: '541',
label: 'Standard\u0020\u002D\u002020\u0020km\u002Fh',
thumb: 'https://en.nova-motors.shop/media/attribute/swatch/swatch_thumb/110x90/g/e/geschwindigkeit_20_2.jpg',
value: '\u002Fg\u002Fe\u002Fgeschwindigkeit_20_2.jpg'
}; tooltipPositionElement = $event.target;" @mouseleave.self="activeTooltipItem = false" tabindex="-1">
<span class="am-swatch-image relative inline-block align-middle border-2 cursor-pointer border-container-darker shadow-sm h-6" :style="getSwatchBackgroundStyle(
'2',
'/g/e/geschwindigkeit_20_2.jpg',
'https://en.nova-motors.shop/media/attribute/swatch/swatch_image/30x20/g/e/geschwindigkeit_20_2.jpg'
)" style="background: #ffffff url('https://en.nova-motors.shop/media/attribute/swatch/swatch_image/30x20/g/e/geschwindigkeit_20_2.jpg') no-repeat center">
</span>
<span class="swatch-image-label inline-block">
</span>
</a>
</div>
<div class="am-swatch-wrapper item swatch-option-link-layered
" data-label="">
<input class="input hidden" name="amshopby[ausfuehrung][]" aria-label="" value="schnellerals45kmh" type="radio" tabindex="-1">
<a href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&ausfuehrung=schnellerals45kmh&q=elektroroller+hersteller+horwin" aria-label="" data-label="" class="swatch-option-link-layered swatch-option border-2 cursor-pointer bg-container-lighter relative select-none border-container-darker swatch-attribute-options w-6 h-6" :class="{
'w-6 h-6' : getSwatchType('2') !== 'text',
}" @click.prevent.stop="
window.dispatchEvent(new CustomEvent('amSwatchClick', {detail: {element: $event.currentTarget }}));
" @mouseenter.self="activeTooltipItem = {
attribute: '\u002Fs\u002Fw\u002Fswatches_mehr\u002Dals\u002D45\u002Dkmh.jpg',
type: '2',
id: 'schnellerals45kmh',
label: '',
thumb: 'https://en.nova-motors.shop/media/attribute/swatch/swatch_thumb/110x90/s/w/swatches_mehr-als-45-kmh.jpg',
value: '\u002Fs\u002Fw\u002Fswatches_mehr\u002Dals\u002D45\u002Dkmh.jpg'
}; tooltipPositionElement = $event.target;" @mouseleave.self="activeTooltipItem = false" tabindex="-1">
<span class="am-swatch-image relative inline-block align-middle border-2 cursor-pointer border-container-darker shadow-sm h-6" :style="getSwatchBackgroundStyle(
'2',
'/s/w/swatches_mehr-als-45-kmh.jpg',
'https://en.nova-motors.shop/media/attribute/swatch/swatch_image/30x20/s/w/swatches_mehr-als-45-kmh.jpg'
)" style="background: #ffffff url('https://en.nova-motors.shop/media/attribute/swatch/swatch_image/30x20/s/w/swatches_mehr-als-45-kmh.jpg') no-repeat center">
</span>
<span class="swatch-image-label inline-block">
</span>
</a>
</div>
</div>
<div class="tooltip-wrapper">
<template x-if="isTooltipVisible()">
<div class="absolute" :style="getTooltipPosition()">
<div class="shadow-lg">
<div class="absolute top-0 left-0 z-10 min-w-20 p-2 -mt-6 text-sm leading-tight text-black
transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center">
<template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
<div class="inline-block border shadow-sm border-container" :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"></div>
</template>
<span class="mx-2 text-sm font-semibold whitespace-pre-wrap subtitle max-w-full break-words" x-html="getTooltipLabel()"></span>
</div>
</div>
</div>
</template>
<template x-if="isTooltipVisible()">
<div class="absolute" :style="getArrowPosition()">
<div class="shadow-lg">
<svg class="absolute z-10 w-8 h-8 text-white transform -translate-x-1/5
-translate-y-8 fill-current stroke-current" width="12" height="12">
<rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl"></rect>
</svg>
</div>
</div>
</template>
</div>
</form><form class="am-filter am-ranges " id="am-ranges-ausstattung_66ca99a13140b" data-am-js="ranges" data-amshopby-filter="ausstattung" data-amshopby-filter-request-var="ausstattung" data-amshopby-expanded="1" autocomplete="off">
<ol class="items am-filter-items-ausstattung -am-overflow overflow-auto pr-2 -am-singleselect" style="max-height:300px;">
<script>
function initInput_66ca99a131441() {
return {
isSelected: Boolean(0),
selectInput(url) {
location.href = url;
}
}
}
</script>
<li x-data="initInput_66ca99a131441()" class="item flex justify-between py-1 hover:text-black" data-label="Tragbarer Akku">
<div class="filter-row flex items-center">
<input class="radio mr-2" name="amshopby[ausstattung][]" value="662" type="radio" aria-label="ausstattung" data-digits-after-dot="0" style="" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));"
:checked="isSelected" tabindex="-1">
<a class="am-filter-item-66ca99a131441" data-am-js="filter-item-default" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&ausstattung=662&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label">Tragbarer Akku</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a1314e0() {
return {
isSelected: Boolean(0),
selectInput(url) {
location.href = url;
}
}
}
</script>
<li x-data="initInput_66ca99a1314e0()" class="item flex justify-between py-1 hover:text-black" data-label="Fest verbauter Akku">
<div class="filter-row flex items-center">
<input class="radio mr-2" name="amshopby[ausstattung][]" value="665" type="radio" aria-label="ausstattung" data-digits-after-dot="0" style="" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));"
:checked="isSelected" tabindex="-1">
<a class="am-filter-item-66ca99a1314e0" data-am-js="filter-item-default" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&ausstattung=665&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label">Fest verbauter Akku</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a131565() {
return {
isSelected: Boolean(0),
selectInput(url) {
location.href = url;
}
}
}
</script>
<li x-data="initInput_66ca99a131565()" class="item flex justify-between py-1 hover:text-black" data-label="Doppelakkusystem">
<div class="filter-row flex items-center">
<input class="radio mr-2" name="amshopby[ausstattung][]" value="663" type="radio" aria-label="ausstattung" data-digits-after-dot="0" style="" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));"
:checked="isSelected" tabindex="-1">
<a class="am-filter-item-66ca99a131565" data-am-js="filter-item-default" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&ausstattung=663&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label">Doppelakkusystem</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a1315e3() {
return {
isSelected: Boolean(0),
selectInput(url) {
location.href = url;
}
}
}
</script>
<li x-data="initInput_66ca99a1315e3()" class="item flex justify-between py-1 hover:text-black" data-label="LED-Scheinwerfer">
<div class="filter-row flex items-center">
<input class="radio mr-2" name="amshopby[ausstattung][]" value="664" type="radio" aria-label="ausstattung" data-digits-after-dot="0" style="" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));"
:checked="isSelected" tabindex="-1">
<a class="am-filter-item-66ca99a1315e3" data-am-js="filter-item-default" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&ausstattung=664&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label">LED-Scheinwerfer</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a131661() {
return {
isSelected: Boolean(0),
selectInput(url) {
location.href = url;
}
}
}
</script>
<li x-data="initInput_66ca99a131661()" class="item flex justify-between py-1 hover:text-black" data-label="Krückstockhalter">
<div class="filter-row flex items-center">
<input class="radio mr-2" name="amshopby[ausstattung][]" value="794" type="radio" aria-label="ausstattung" data-digits-after-dot="0" style="" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));"
:checked="isSelected" tabindex="-1">
<a class="am-filter-item-66ca99a131661" data-am-js="filter-item-default" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&ausstattung=794&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label">Krückstockhalter</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a1316dd() {
return {
isSelected: Boolean(0),
selectInput(url) {
location.href = url;
}
}
}
</script>
<li x-data="initInput_66ca99a1316dd()" class="item flex justify-between py-1 hover:text-black" data-label="Gepäckbox">
<div class="filter-row flex items-center">
<input class="radio mr-2" name="amshopby[ausstattung][]" value="795" type="radio" aria-label="ausstattung" data-digits-after-dot="0" style="" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));"
:checked="isSelected" tabindex="-1">
<a class="am-filter-item-66ca99a1316dd" data-am-js="filter-item-default" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&ausstattung=795&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label">Gepäckbox</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a131759() {
return {
isSelected: Boolean(0),
selectInput(url) {
location.href = url;
}
}
}
</script>
<li x-data="initInput_66ca99a131759()" class="item flex justify-between py-1 hover:text-black" data-label="Getriebemotor">
<div class="filter-row flex items-center">
<input class="radio mr-2" name="amshopby[ausstattung][]" value="902" type="radio" aria-label="ausstattung" data-digits-after-dot="0" style="" @change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));"
:checked="isSelected" tabindex="-1">
<a class="am-filter-item-66ca99a131759" data-am-js="filter-item-default" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&ausstattung=902&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" tabindex="-1">
<span class="label">Getriebemotor</span>
</a>
</div>
</li>
</ol>
</form><form class="am-filter am-ranges " id="am-ranges-ersatzteile_fahrzeugteile_66ca99a131a03" data-am-js="ranges" data-amshopby-filter="ersatzteile_fahrzeugteile" data-amshopby-filter-request-var="ersatzteile_fahrzeugteile" data-amshopby-expanded="1"
autocomplete="off">
<ol class="items am-filter-items-ersatzteile_fahrzeugteile -am-overflow overflow-auto pr-2 -am-singleselect" style="max-height:300px;">
<script>
function initInput_66ca99a131a38() {
return {
isSelected: Boolean(0),
selectInput(url) {
location.href = url;
}
}
}
</script>
<li x-data="initInput_66ca99a131a38()" class="item flex justify-between py-1 hover:text-black" data-label="Brake">
<div class="filter-row flex items-center">
<input class="radio mr-2" name="amshopby[ersatzteile_fahrzeugteile][]" value="50" type="radio" aria-label="ersatzteile_fahrzeugteile" data-digits-after-dot="0" style=""
@change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected" tabindex="-1">
<a class="am-filter-item-66ca99a131a38" data-am-js="filter-item-default" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&ersatzteile_fahrzeugteile=50&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" rel="nofollow" tabindex="-1">
<span class="label">Brake</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a131ad7() {
return {
isSelected: Boolean(0),
selectInput(url) {
location.href = url;
}
}
}
</script>
<li x-data="initInput_66ca99a131ad7()" class="item flex justify-between py-1 hover:text-black" data-label="Electrics">
<div class="filter-row flex items-center">
<input class="radio mr-2" name="amshopby[ersatzteile_fahrzeugteile][]" value="51" type="radio" aria-label="ersatzteile_fahrzeugteile" data-digits-after-dot="0" style=""
@change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected" tabindex="-1">
<a class="am-filter-item-66ca99a131ad7" data-am-js="filter-item-default" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&ersatzteile_fahrzeugteile=51&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" rel="nofollow" tabindex="-1">
<span class="label">Electrics</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a131b75() {
return {
isSelected: Boolean(0),
selectInput(url) {
location.href = url;
}
}
}
</script>
<li x-data="initInput_66ca99a131b75()" class="item flex justify-between py-1 hover:text-black" data-label="Air filter">
<div class="filter-row flex items-center">
<input class="radio mr-2" name="amshopby[ersatzteile_fahrzeugteile][]" value="43" type="radio" aria-label="ersatzteile_fahrzeugteile" data-digits-after-dot="0" style=""
@change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected" tabindex="-1">
<a class="am-filter-item-66ca99a131b75" data-am-js="filter-item-default" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&ersatzteile_fahrzeugteile=43&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" rel="nofollow" tabindex="-1">
<span class="label">Air filter</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a131bf8() {
return {
isSelected: Boolean(0),
selectInput(url) {
location.href = url;
}
}
}
</script>
<li x-data="initInput_66ca99a131bf8()" class="item flex justify-between py-1 hover:text-black" data-label="Wheels">
<div class="filter-row flex items-center">
<input class="radio mr-2" name="amshopby[ersatzteile_fahrzeugteile][]" value="48" type="radio" aria-label="ersatzteile_fahrzeugteile" data-digits-after-dot="0" style=""
@change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected" tabindex="-1">
<a class="am-filter-item-66ca99a131bf8" data-am-js="filter-item-default" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&ersatzteile_fahrzeugteile=48&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" rel="nofollow" tabindex="-1">
<span class="label">Wheels</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a131c79() {
return {
isSelected: Boolean(0),
selectInput(url) {
location.href = url;
}
}
}
</script>
<li x-data="initInput_66ca99a131c79()" class="item flex justify-between py-1 hover:text-black" data-label="Other attachments">
<div class="filter-row flex items-center">
<input class="radio mr-2" name="amshopby[ersatzteile_fahrzeugteile][]" value="38" type="radio" aria-label="ersatzteile_fahrzeugteile" data-digits-after-dot="0" style=""
@change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected" tabindex="-1">
<a class="am-filter-item-66ca99a131c79" data-am-js="filter-item-default" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&ersatzteile_fahrzeugteile=38&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" rel="nofollow" tabindex="-1">
<span class="label">Other attachments</span>
</a>
</div>
</li>
</ol>
</form><form class="am-filter am-ranges " id="am-ranges-ersatzteile_motorenteile_66ca99a131f27" data-am-js="ranges" data-amshopby-filter="ersatzteile_motorenteile" data-amshopby-filter-request-var="ersatzteile_motorenteile" data-amshopby-expanded="1"
autocomplete="off">
<ol class="items am-filter-items-ersatzteile_motorenteile -am-overflow overflow-auto pr-2 -am-singleselect" style="max-height:300px;">
<script>
function initInput_66ca99a131f5b() {
return {
isSelected: Boolean(0),
selectInput(url) {
location.href = url;
}
}
}
</script>
<li x-data="initInput_66ca99a131f5b()" class="item flex justify-between py-1 hover:text-black" data-label="Carburetor">
<div class="filter-row flex items-center">
<input class="radio mr-2" name="amshopby[ersatzteile_motorenteile][]" value="58" type="radio" aria-label="ersatzteile_motorenteile" data-digits-after-dot="0" style=""
@change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected" tabindex="-1">
<a class="am-filter-item-66ca99a131f5b" data-am-js="filter-item-default" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&ersatzteile_motorenteile=58&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" rel="nofollow" tabindex="-1">
<span class="label">Carburetor</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a131ff4() {
return {
isSelected: Boolean(0),
selectInput(url) {
location.href = url;
}
}
}
</script>
<li x-data="initInput_66ca99a131ff4()" class="item flex justify-between py-1 hover:text-black" data-label="Cylinder head">
<div class="filter-row flex items-center">
<input class="radio mr-2" name="amshopby[ersatzteile_motorenteile][]" value="61" type="radio" aria-label="ersatzteile_motorenteile" data-digits-after-dot="0" style=""
@change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected" tabindex="-1">
<a class="am-filter-item-66ca99a131ff4" data-am-js="filter-item-default" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&ersatzteile_motorenteile=61&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" rel="nofollow" tabindex="-1">
<span class="label">Cylinder head</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a13207d() {
return {
isSelected: Boolean(0),
selectInput(url) {
location.href = url;
}
}
}
</script>
<li x-data="initInput_66ca99a13207d()" class="item flex justify-between py-1 hover:text-black" data-label="Electric starter">
<div class="filter-row flex items-center">
<input class="radio mr-2" name="amshopby[ersatzteile_motorenteile][]" value="56" type="radio" aria-label="ersatzteile_motorenteile" data-digits-after-dot="0" style=""
@change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected" tabindex="-1">
<a class="am-filter-item-66ca99a13207d" data-am-js="filter-item-default" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&ersatzteile_motorenteile=56&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" rel="nofollow" tabindex="-1">
<span class="label">Electric starter</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a132102() {
return {
isSelected: Boolean(0),
selectInput(url) {
location.href = url;
}
}
}
</script>
<li x-data="initInput_66ca99a132102()" class="item flex justify-between py-1 hover:text-black" data-label="Electrical components">
<div class="filter-row flex items-center">
<input class="radio mr-2" name="amshopby[ersatzteile_motorenteile][]" value="59" type="radio" aria-label="ersatzteile_motorenteile" data-digits-after-dot="0" style=""
@change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected" tabindex="-1">
<a class="am-filter-item-66ca99a132102" data-am-js="filter-item-default" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&ersatzteile_motorenteile=59&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" rel="nofollow" tabindex="-1">
<span class="label">Electrical components</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a132185() {
return {
isSelected: Boolean(0),
selectInput(url) {
location.href = url;
}
}
}
</script>
<li x-data="initInput_66ca99a132185()" class="item flex justify-between py-1 hover:text-black" data-label="Motor housing">
<div class="filter-row flex items-center">
<input class="radio mr-2" name="amshopby[ersatzteile_motorenteile][]" value="62" type="radio" aria-label="ersatzteile_motorenteile" data-digits-after-dot="0" style=""
@change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected" tabindex="-1">
<a class="am-filter-item-66ca99a132185" data-am-js="filter-item-default" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&ersatzteile_motorenteile=62&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" rel="nofollow" tabindex="-1">
<span class="label">Motor housing</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a132217() {
return {
isSelected: Boolean(0),
selectInput(url) {
location.href = url;
}
}
}
</script>
<li x-data="initInput_66ca99a132217()" class="item flex justify-between py-1 hover:text-black" data-label="Pistons & Cylinders">
<div class="filter-row flex items-center">
<input class="radio mr-2" name="amshopby[ersatzteile_motorenteile][]" value="60" type="radio" aria-label="ersatzteile_motorenteile" data-digits-after-dot="0" style=""
@change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected" tabindex="-1">
<a class="am-filter-item-66ca99a132217" data-am-js="filter-item-default" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&ersatzteile_motorenteile=60&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" rel="nofollow" tabindex="-1">
<span class="label">Pistons & Cylinders</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a132297() {
return {
isSelected: Boolean(0),
selectInput(url) {
location.href = url;
}
}
}
</script>
<li x-data="initInput_66ca99a132297()" class="item flex justify-between py-1 hover:text-black" data-label="Variomatics">
<div class="filter-row flex items-center">
<input class="radio mr-2" name="amshopby[ersatzteile_motorenteile][]" value="57" type="radio" aria-label="ersatzteile_motorenteile" data-digits-after-dot="0" style=""
@change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected" tabindex="-1">
<a class="am-filter-item-66ca99a132297" data-am-js="filter-item-default" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&ersatzteile_motorenteile=57&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" rel="nofollow" tabindex="-1">
<span class="label">Variomatics</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a13232e() {
return {
isSelected: Boolean(0),
selectInput(url) {
location.href = url;
}
}
}
</script>
<li x-data="initInput_66ca99a13232e()" class="item flex justify-between py-1 hover:text-black" data-label="Ventilation">
<div class="filter-row flex items-center">
<input class="radio mr-2" name="amshopby[ersatzteile_motorenteile][]" value="55" type="radio" aria-label="ersatzteile_motorenteile" data-digits-after-dot="0" style=""
@change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected" tabindex="-1">
<a class="am-filter-item-66ca99a13232e" data-am-js="filter-item-default" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&ersatzteile_motorenteile=55&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" rel="nofollow" tabindex="-1">
<span class="label">Ventilation</span>
</a>
</div>
</li>
<script>
function initInput_66ca99a1323c1() {
return {
isSelected: Boolean(0),
selectInput(url) {
location.href = url;
}
}
}
</script>
<li x-data="initInput_66ca99a1323c1()" class="item flex justify-between py-1 hover:text-black" data-label="Starter motor">
<div class="filter-row flex items-center">
<input class="radio mr-2" name="amshopby[ersatzteile_motorenteile][]" value="1027" type="radio" aria-label="ersatzteile_motorenteile" data-digits-after-dot="0" style=""
@change="window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $el}}));" :checked="isSelected" tabindex="-1">
<a class="am-filter-item-66ca99a1323c1" data-am-js="filter-item-default" href="https://en.nova-motors.shop/catalogsearch/result/index/?amnoroute=&ersatzteile_motorenteile=1027&q=elektroroller+hersteller+horwin" :class="{'amshopby-link-selected': isSelected}" @click.prevent.stop="
isSelected = !isSelected;
window.dispatchEvent(new CustomEvent('amFilterElementClick', {detail: {element: $event.currentTarget}}));
" rel="nofollow" tabindex="-1">
<span class="label">Starter motor</span>
</a>
</div>
</li>
</ol>
</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="RXjUt7OUyLQJoLOG" 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
Search
Search
Find spare part
Find spare part
* Brand
Please Select ... Nova Motors Inoa Adly / Her Chee Aeon AGM Alpha Motors
Aprilia Arctic Cat Atala ATU Explorer Baja Barossa Baotian Beeline Benelli
Benero Benzhou Beta Bimotor Brixton Buffalo Bultaco Cagiva Calella CF Moto CH
Racing CPI Daelim Dazon Derbi Diamo Dinli Eppella Ering Explorer Fantic Motor
Flex Tech Fly Scooters Forstinger Gas Gas Generic Ghiaroni Gilera Gorilla
Motor Works GT Union Hercules HM-Moto Honda HRD Huatian Husqvarna Hyosung
Italjet IVA Jackfox Jiajue Jmstar Jinlun Jonway K-Sport Karcher Kawasaki
Keeway Kreidler KSR Moto KTM Kymco Lance Laverda LEM Linhai LML Longbo
Longjia LuXXon Lvneng Malaguti Mash Massimo Mawi MBK Meteorit (ATU) MKS
Mobylette GAC Motobecane Mondial Morini Moto Zeta Motobi / Moto B Motoesa
Motofino Motomojo Motorhispania Motorro Motortek (ATU) Motowell Motoworx
Motron MZ / MuZ Online Pegasus Peugeot PGO Piaggio Piaggio Mofa Powersports
Factory Puch Pulse Puma Q-Link Qianjiang Qingqi (Jinan Qingqi) Renault REX
(Jinan Qingqi-Shenke) Ride Rieju Rivero Roketa RS Ultima Sachs Sacom Saro
Schwinn Scomadi Seiran Sherco Simson SIS Skyteam SMC Solex Speedax Sukida
SunL Suzuki SYM (Sanyang) Tank Tauris Tec Runner Tell Testi TGB TNG Tomos
Torrot UM Vento Vespa Classic Vespa Modern Vespa Mofa WT Motors Xingyue
Xinling Xintian (Kinroad) Yamaha Zhongyu Znen (Zhongneng) Zongshen Zündapp
Modern Zündapp Mofa / Kleinkrafträder Yamati
* Model - Chassis number (VIN)
Please Select ...
Reset
()
View All (+)
SKU:
Reviews
As low as
Add to Cart
Out of stock
Find spare part
Find spare part
* Brand
Please Select ... Nova Motors Inoa Adly / Her Chee Aeon AGM Alpha Motors
Aprilia Arctic Cat Atala ATU Explorer Baja Barossa Baotian Beeline Benelli
Benero Benzhou Beta Bimotor Brixton Buffalo Bultaco Cagiva Calella CF Moto CH
Racing CPI Daelim Dazon Derbi Diamo Dinli Eppella Ering Explorer Fantic Motor
Flex Tech Fly Scooters Forstinger Gas Gas Generic Ghiaroni Gilera Gorilla
Motor Works GT Union Hercules HM-Moto Honda HRD Huatian Husqvarna Hyosung
Italjet IVA Jackfox Jiajue Jmstar Jinlun Jonway K-Sport Karcher Kawasaki
Keeway Kreidler KSR Moto KTM Kymco Lance Laverda LEM Linhai LML Longbo
Longjia LuXXon Lvneng Malaguti Mash Massimo Mawi MBK Meteorit (ATU) MKS
Mobylette GAC Motobecane Mondial Morini Moto Zeta Motobi / Moto B Motoesa
Motofino Motomojo Motorhispania Motorro Motortek (ATU) Motowell Motoworx
Motron MZ / MuZ Online Pegasus Peugeot PGO Piaggio Piaggio Mofa Powersports
Factory Puch Pulse Puma Q-Link Qianjiang Qingqi (Jinan Qingqi) Renault REX
(Jinan Qingqi-Shenke) Ride Rieju Rivero Roketa RS Ultima Sachs Sacom Saro
Schwinn Scomadi Seiran Sherco Simson SIS Skyteam SMC Solex Speedax Sukida
SunL Suzuki SYM (Sanyang) Tank Tauris Tec Runner Tell Testi TGB TNG Tomos
Torrot UM Vento Vespa Classic Vespa Modern Vespa Mofa WT Motors Xingyue
Xinling Xintian (Kinroad) Yamaha Zhongyu Znen (Zhongneng) Zongshen Zündapp
Modern Zündapp Mofa / Kleinkrafträder Yamati
* Model - Chassis number (VIN)
Please Select ...
Reset
()
View All (+)
SKU:
Reviews
As low as
Add to Cart
Out of stock
Sign In Create an Account
0
Spare Parts
Accessories
Spare Parts
Accessories
Spare Parts
Accessories
Spare Parts
Accessories
Spare Parts
Accessories
ENNLFRESBEITPL
Spare Parts
Accessories
danger
The desired quantity exceeds the maximum allowed in your shopping cart
Cancel OK
MY CART ()
x
- 1 +
We recommend
Add
* Kostenloser Versand
* Kostenlose Rücksendung
* Vor-Ort-Service
Subtotal:
View Cart Checkout
or
Are you an Amazon customer? Pay now with address and payment details stored in
your Amazon account.
Loading...
Checkout using your account
Email Address
Password
Sign In Forgot Your Password?
Checkout as a new customer
Creating an account has many benefits:
* See order and shipping status
* Track order history
* Check out faster
Create an Account
Skip to Content
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
Home / Search results for: 'elektroroller hersteller horwin'
SEARCH RESULTS FOR: 'ELEKTROROLLER HERSTELLER HORWIN'
Products (70)
Kategorien (15)
Sort By Product Name Most popular Novelties Lowest price Highest price Relevance
40 Items of 70
Show 40 80
per page
Load previous items
Horwin SK3
Color
Color
Horwin SK3 mattgrau
*
Geschwindigkeit
90km/h
*
Leistung
6,3kW
*
Reichweite
1x Akku: ~79km
2x Akku: ~158km
*
Akkupack
72V, 36Ah
2592Wh
As low as €3,899.00 Regular Price €4,190.00
View product
Horwin EK3
Color
Color
ek3 schwarz
ek3 grau
ek3 weiß
ek3 rot
*
Geschwindigkeit
95km/h
*
Leistung
6,2kW
*
Reichweite
1x Akku: ~90km
2x Akku: ~180km
*
Akkupack
72V, 36Ah
2592Wh
As low as €4,290.00 Regular Price €4,590.00
View product
Lithium-ion battery pack Horwin EK series 72V 36Ah
*
Tension
72V
*
capacity
2592Wh
36Ah
*
Charging cycles
~1000
*
Weight
approx. 16kg
Special Price €1,149.00 Regular Price €1,290.00
View product
Inoa Sli4
Color
*
Geschwindigkeit
45km/h
*
Leistung
Dauer: 1,44kW
Peak: 2,5kW
*
Reichweite
1x Akku: ~60km
2x Akku: ~120km
*
Akkupack
48V, 26Ah
1248Wh, ca. 10kg
As low as €1,599.00 Regular Price €2,199.00
View product
Inoa Sli3
Color
*
Geschwindigkeit
25km/h
45km/h
*
Leistung
Dauer: 2kW
Peak: 2,3kW
*
Reichweite
1x Akku: ~56km
2x Akku: ~112km
*
Akkupack
60V, 23,4Ah
1404Wh, ca. 10kg
As low as €1,999.00 Regular Price €2,399.00
View product
Nova Motors eRetro Star max
Color
*
Geschwindigkeit
70km/h
*
Leistung
4kW
*
Reichweite
2x Akku: ~118km
*
Akkupack
2x60V, 26Ah
1560Wh, ca. 12kg
As low as €2,999.00 Regular Price €3,598.00
View product
Nova Motors eRetro Star li
Color
*
Geschwindigkeit
45km/h
*
Leistung
2kW
*
Reichweite
1x Akku: ~50km
2x Akku: ~100km
*
Akkupack
48V, 26Ah
1248Wh, ca. 8kg
As low as €1,599.00 Regular Price €2,199.00
View product
Inoa eTalia
Color
*
Geschwindigkeit
45km/h
*
Leistung
Dauer: 2kW
Peak: 2,9kW
*
Reichweite
1x Akku: ~50km
2x Akku: ~100km
*
Akkupack
60V, 26Ah
1560Wh, ca. 10kg
As low as €2,199.00 Regular Price €2,999.00
View product
Inoa Sli5
Color
*
Geschwindigkeit
45km/h
*
Leistung
3kW
*
Reichweite
1x Akku: ~60km
2x Akku: ~120km
*
Akkupack
60V, 23,4Ah
1404Wh, ca. 10kg
As low as €1,999.00 Regular Price €2,699.00
View product
Nova Motors eRetro Star li Premium
Color
*
Geschwindigkeit
45km/h
*
Leistung
2kW
*
Reichweite
1x Akku: ~50km
2x Akku: ~100km
*
Akkupack
48V, 26Ah
1248Wh, ca. 8kg
As low as €2,299.00
View product
Inoa Sli9 max
Color
*
Geschwindigkeit
80km/h
*
Leistung
4,31kW
*
Reichweite
2x Akku: ~149km
*
Akkupack
2x 60V, 34Ah
2040Wh, ca. 12kg
As low as €3,499.00 Regular Price €3,999.00
View product
Inoa eTalia max
Color
*
Geschwindigkeit
70km/h
*
Leistung
4kW
*
Reichweite
2x Akku: ~100km
*
Akkupack
60V, 26Ah
1560Wh, ca. 10kg
As low as €2,999.00 Regular Price €3,999.00
View product
Inoa Sli7 max
Color
*
Geschwindigkeit
80km/h
Getriebemotor
*
Leistung
4kW
*
Reichweite
2x Akku: ~100km
*
Akkupack
2x72V, 30Ah
2169Wh, ca. 12kg
As low as €2,999.00 Regular Price €3,999.00
View product
Inoa Sli10 max
Color
*
Geschwindigkeit
90km/h
*
Leistung
6,6kW
*
Reichweite
2x Akku: ~143km
*
Akkupack
2x72V, 34Ah
2448Wh, ca. 12kg
As low as €3,999.00 Regular Price €4,999.00
View product
Nova Motors eGT5 pro
Color
*
Geschwindigkeit
85km/h
Getriebemotor
*
Leistung
Dauer: 4kW
Peak: 8kW
*
Reichweite
2x Akku: ~95km
*
Akkupack
2x72V, 34Ah
2448Wh, ca. 14kg
As low as €3,499.00 Regular Price €4,999.00
View product
Nova Motors eGT5
Color
*
Geschwindigkeit
45km/h
*
Leistung
Dauer: 3kW
Peak: 4kW
*
Reichweite
1x Akku: ~55km
2x Akku: ~110km
*
Akkupack
60V, 26Ah
1560Wh, ca. 10kg
As low as €2,699.00 Regular Price €2,699.00
View product
Spark plug connector 45° SG17 GY6 139QMB/QMA
--------------------------------------------------------------------------------
€4.90
View product
Kickstarter gearing (kickstarter driver) fan wheel holder GY6 139QMB/QMA
--------------------------------------------------------------------------------
€3.90
View product
Brake disc lock
--------------------------------------------------------------------------------
Special Price €6.90 Regular Price €12.90
View product
Clutch sensor pick-up sensor pulse generator coil GY6 139QMB/QMA
--------------------------------------------------------------------------------
€6.90
View product
Clutch clutch shoes centrifugal clutch 107mm - GY6 139QMB/QMA
--------------------------------------------------------------------------------
€14.90
View product
Seal oil dipstick 18mm x 3mm O-ring oil filler plug GY6 139QMB/QMA
--------------------------------------------------------------------------------
€1.49
View product
Seal for oil filter cover (O-ring for oil strainer screw) GY6 139qmb/qma
--------------------------------------------------------------------------------
€1.99
View product
Intake manifold GY6 50ccm 139QMB/QMA
--------------------------------------------------------------------------------
€7.90
View product
Timing chain tensioner 49cc 4T GY6 139QMB/QMA
--------------------------------------------------------------------------------
€5.90
View product
Cylinder kit complete with piston, cylinder and gaskets 49cc GY6 139QMB/QMA
--------------------------------------------------------------------------------
€22.90
View product
Lock set Retro Star / e-Retro Star with seat lock
--------------------------------------------------------------------------------
€49.90
View product
Cylinder head complete with valves (short 64mm) without SLS GY6 139QMB/QMA
--------------------------------------------------------------------------------
€34.90
View product
Valve cover gasket rubber seal valve cover GY6 139QMB/QMA
--------------------------------------------------------------------------------
€1.99
View product
Rear brake shoes (110x25mm) brake shoe set for drum brake GY6 139QMB/QMA
--------------------------------------------------------------------------------
€5.90
View product
Ignition coil (with spark plug connector) GY6 139QMB/QMA
--------------------------------------------------------------------------------
€5.49
View product
Variator (variator with V-belt pulley and weights) complete GY6 139QMB/QMA
--------------------------------------------------------------------------------
€24.90
View product
V-belt 49ccm (short 10") 669 18 30 GY6 139QMB/QMA
--------------------------------------------------------------------------------
€7.90
View product
Electric starter motor starter motor GY6 139QMB/QMA
--------------------------------------------------------------------------------
€19.90
View product
Release pinion electric starter (starter freewheel / starter clutch) GY6
139QMB/QMA
--------------------------------------------------------------------------------
€14.90
View product
Fan wheel GY6 50ccm 139QMB/QMA
--------------------------------------------------------------------------------
€6.90
View product
Starter relay / solenoid switch / starter relay
--------------------------------------------------------------------------------
€8.90
View product
Petrol filter Fuel filter Premium with magnet
--------------------------------------------------------------------------------
€2.49
View product
Kickstarter black foldable GY6 139QMB/QMA
--------------------------------------------------------------------------------
€5.90
View product
Die Filter 50ccm GY6 139QMB/QMA
--------------------------------------------------------------------------------
€2.49
View product
Loading...
Load more items
There are no more pages left to load.
Sort By Product Name Most popular Novelties Lowest price Highest price Relevance
40 Items of 70
Show 40 80
per page
Spare Parts > Nova Motors > Retro Star > eRetro Star > eRetro Star li | UGRS02
Spare Parts > Nova Motors > R9 | Aktuelles Modell
Spare Parts > Nova Motors > Kapitän
Spare Parts > Nova Motors > Bendi
Spare Parts > Inoa > Sli3
Spare Parts > Inoa > Sli6 max 100km/h
Spare Parts > Nova Motors > Retro Star > eRetro Star > eRetro Star li Premium |
ab 2022
Spare Parts > Nova Motors > Alte Modelle > Klassik | eKlassik > eKlassik li |
Spare Parts > Nova Motors > Alte Modelle > Klassik | eKlassik > eKlassik |
UGWK01
Spare Parts > Nova Motors > Retro Star > eRetro Star > eRetro Star max
Spare Parts > Nova Motors > Retro Star > eRetro Star > eRetro Star LA
(Blei-Batterie)| MDAVA | bis 2020
Spare Parts > Inoa > Sli4
Spare Parts > Inoa > Sli5
Spare Parts > Nova Motors > Alte Modelle > Eve | eEve > eEve | MDPA01
Spare Parts > Nova Motors > Alte Modelle > eMace | MDSA01
Shop By
Shop By
Category
* Spare Parts
* Nova Motors
* Retro Star
* eRetro Star
* Retro Star EFI | Aktuelles Model (Euro5)
* Retro Star | LJ50QT-2G (E4+E5) | ab 2020
* Retro Star | ZN50QT-A (Euro4) | bis 2020
* Retro Star | ZN50QT-A (Euro2)| 2017-2019
* Retro Star | YY50QT-15 | bis 2017
* New City
* Bendi
* Bendi Standard Li 48V (UG) | ab 2021
* Bendi Premium 48V (UG) | 2017 bis heute
* Bendi Standard 60V (UG)| 2019-2020
* Bendi Standard 60V (ZN)| 2017 bis 2019
* Energy
* Energy 4T | LJ50QT-3L (Euro 4)
* Energy | LJ50QT-2L
* RGT5 | eRGT5
* rGT5 | LJ50QT-X 00|45er
* Alte Modelle
* City Star | eCity Star
* Classic | YY50QT-39
* Estate
* Eve | eEve
* eMace | MDSA01
* F3000 | YY50QT-6
* F35 | LJ50QT-M
* GT3 | BT49QT-21
* GT4 | 50QT-6 F22
* GT eXtreme | LJ50QT-5
* Klassik | eKlassik
* Retro 69 | ZN125QT-27
* Retro Cruiser
* Grido | LJ50QT-H
* SP125i | ZNAP125
* Inoa
* Sli9
* Sli9 max
* Sli10
* Sli10 max
* Other brands
* 139qmb GY6 Motor 10" kurz Euro2
* 139qmb GY6 Motor 10" kurz Euro4
* 139qmb GY6 Motor 12" kurz Euro2
* 139qmb GY6 Motor 12" kurz Euro4
* Nova Parts
* Accessories
* Battery packs & batteries
* Security
Geschwindigkeit
Ausstattung
1. Tragbarer Akku
2. Fest verbauter Akku
3. Doppelakkusystem
4. LED-Scheinwerfer
5. Krückstockhalter
6. Gepäckbox
7. Getriebemotor
Vehicle parts
1. Brake
2. Electrics
3. Air filter
4. Wheels
5. Other attachments
Engine parts
1. Carburetor
2. Cylinder head
3. Electric starter
4. Electrical components
5. Motor housing
6. Pistons & Cylinders
7. Variomatics
8. Ventilation
9. Starter motor
About us
Nova Motors is an online store for scooters, electric scooters, electric
scooters, electric bikes / pedelecs, accessories, spare parts and our on-site
two-wheeler service.
Behind www.nova-motors.de is the Nova Group GmbH with headquarters in 75031
Eppingen.
Information
Shipping and Delivery
Payment Methods
Terms and Conditions
Privacy Policy
Revocation right
Imprint
All about your order
How you can order from us
Order status & returns
Order status & returns for guest orders
Further Information
Used Oil Ordinance
Disposal instructions for used batteries
Contact
SUBSCRIBE TO OUR NEWSLETTER
The latest news, articles, and resources, sent to your inbox weekly.
Email address
Subscribe
* Prices include taxes, accessories and spare parts up to 75.00 euros plus
shipping costs
© 2024 Nova Gruppe GmbH
Facebook Instagram YouTube
We would like to inform you that our Privacy Policy has been amended.Please,
read and accept the new terms.
I have read and accept
More Information
REQUIRED COOKIES
Required cookies activate the core functionalities of the website. Without these
cookies, the website cannot function properly.
More Information
MARKETING
Marketing cookies are used to track visitor actions on the website. Based on the
information collected, a more personalized user experience can be provided.
More Information
GOOGLE ANALYTICS
A set of cookies to collect information and report website usage statistics
without personally identifying individual visitors to Google.
More Information
Cookie Name Cookie Provider Cookie Description Cookie Lifetime Cookie Type
Done
Nova Motors uses cookies to ensure you get the best possible service. If you
continue browsing the site you agree to the use of cookies. To the data
protection declaration
Accept selection Allow all
Käuferschutz
4,50
Sehr gut