{"offset":1,"limit":12,"max":12,"nbHits":256,"exhaustiveNbHits":false,"processingTimeMs":41,"query":"","search":false,"allProducts":true,"response":{"docs":[{"catalogoID":38066,"id":"624","produtoID":624,"produtoHabilitado":0,"catalogoAtualizadoEm":"2025-08-14 09:24:20","produtoNome":"Rolamento de Esferas de Carga Radial","produtoModelo":"16001-ZZ","produtoPeso":"0.0260","produtoMarca":"MAK","produtoMedida":"12x28x7","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamentos-de-moto","categoriaNome":"Rolamentos de Moto","categoriaTitulo":"Rolamentos de Moto PPK | Rode Melhor com os Rolamentos PPK","categoriaPalavrasChaves":"rolamentos de moto, rolamentos moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Rolamento de Bomba D'Agua para Honda CRF 250R 04>09, 250X 04>17, CRF 450R 02>08, 450X 05>17","ecommerceNome":"Rolamento de Bomba D'Agua para Honda","ecommerceNomeCurto":"Rolamento da Bomba D'Agua CRF 250 04>17, CRF 450 02>17","ecommerceDescricao":"CRF 250R 04>09, 250X 04>17, CRF 450R 02>08, 450X 05>17","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento da Bomba D'Agua para CRF 250 \/ 450 | Rolamento PPK","ecommerceSeoDescricao":"Rolamento PPK da Bomba D'Agua para moto Honda CRF 250 e CRF 450 de  2004 a 2017. O rolamento PPK \u00e9 sin\u00f4nimo de seguran\u00e7a e durabilidade para voc\u00ea rodar tranquilo com sua moto.","ecommerceSeoPalavrasChaves":"rolamento, rolamento bomba D'Agua, rolamento CRF 250 \/ 450, rolamento PPK, rolamento bomba D'Agua CRF250, rolamento bomba D'Agua CRF450","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Honda:91001-KA4-003","codigoSimilar":"FAG:16001-2ZR; Nachi:16001-ZZE; SKF:16001-2Z","ecommerceCaracteristicas":"Blindagem:Blindado 2 lados:5385; Classifica\u00e7\u00e3o:Bomba D'\u00c1gua:5384; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Classifica\u00e7\u00e3o; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; Blindado 2 lados; Bomba D'\u00c1gua","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":["Embreagem central"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["CB","CRF"],"aplicacaoMotoGrupo":null,"aplicacaoMotoSubGrupo":["Embreagem"],"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":["Honda CRF 250 04>09","Honda CRF 450 02>08"],"produtoPrecoConsumidor":5,"produtoEstoque":0,"produtoModeloBusca":"16001ZZ","ecommerceBusca":"Rolamento de Bomba D'Agua para Honda CRF 250R 04>09, 250X 04>17, CRF 450R 02>08, 450X 05>17 Rolamento de Bomba D'Agua para Honda 16001ZZ","blindagem":"Blindado 2 lados","contador":1,"chave":0,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/624.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/624.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/624.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"16001-ZZ Rolamento de Bomba D'Agua para Honda CRF 250R 04>09, 250X 04>17, CRF 450R 02>08, 450X 05>17 MAK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"mak","url":{"produto":"\/produto\/rolamento-de-esferas-de-carga-radial-16001-zz-mak\/624","aplicacao":"\/produto\/rolamento-de-bomba-dagua-para-honda-crf-250r-04-09-250x-04-17-crf-450r-02-08-450x-05-17-rolamento-de-bomba-dagua-para-honda-16001zz\/624","modal":"\/modal\/rolamento-de-esferas-de-carga-radial-16001-zz-mak\/624"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Bomba D'\u00c1gua"},{"key":"5385","name":"Blindagem","value":"Blindado 2 lados"}],"codigoOriginalLista":[{"name":"Honda","value":"91001-KA4-003"}],"codigoSimilarLista":[{"name":"FAG","value":"16001-2ZR"},{"name":"Nachi","value":"16001-ZZE"},{"name":"SKF","value":"16001-2Z"}]},{"catalogoID":32115,"id":"1647798","produtoID":1647798,"produtoHabilitado":0,"catalogoAtualizadoEm":"2025-08-14 09:29:25","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"16003","produtoPeso":"0.0350","produtoMarca":"PPK","produtoMedida":"17x35x8","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamentos-de-moto","categoriaNome":"Rolamentos de Moto","categoriaTitulo":"Rolamentos de Moto PPK | Rode Melhor com os Rolamentos PPK","categoriaPalavrasChaves":"rolamentos de moto, rolamentos moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Rolamento do Plat\u00f4 da Embreagem Honda Biz 125 11>..., Bros NXR 150 03>05, XR 200, Strada CBX 200, CRF 230, NX 200, Hornet CB 600F 02>14","ecommerceNome":"Rolamento do Plat\u00f4 da Embreagem Honda","ecommerceNomeCurto":"Rolamento do Plat\u00f4 da Embreagem Honda Biz 125, Bros 150, CBX 200 Strada, Hornet CB 600F 02>14","ecommerceDescricao":"Biz 125 11>..., Bros NXR 150 03>05, XR 200, Strada CBX 200, CRF 230, NX 200, Hornet CB 600F 02>14","ecommerceComplemento":"Dafra Kansas 150 08>15, Speed 150, Next 250","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento 16003 da Embreagem Bros NXR150 | Rolamento PPK 16003","ecommerceSeoDescricao":"O Rolamento 16003 \u00e9 aplicado na embreagem da Honda Bros NXR150 e na Hornet 600F. O rolamento 16003 PPK \u00e9 garantia de durabilidade e seguran\u00e7a para sua moto Honda Bros NXR150 e Hornet 600F.","ecommerceSeoPalavrasChaves":"motope\u00e7a, rolamento, rolamento moto, rolamento 16003, rolamento embreagem, Rolamento Embreagem Bros, 17x35x8,","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1646050\", \"2718\", \"79\", \"30030\"]","codigoOriginal":"Dafra:20451-G40A-000; Dafra:95316003P6I; Dafra:95316003P6KAI; Honda:91008-KPS-900; Honda:91009-MAS-003; Honda:91011-KK6-013","codigoSimilar":null,"ecommerceCaracteristicas":"Blindagem:Aberto:5385; Classifica\u00e7\u00e3o:Embreagem:5384; Folga:normal:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Classifica\u00e7\u00e3o; Folga; Material","ecommerceCaracteristicasAtributos":"Aberto; A\u00e7o cromo SAE 52100; Embreagem; normal","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":["Embreagem central"],"aplicacaoMotoMontadoras":["Dafra","Honda"],"aplicacaoMotoModelos":["CB","CBX","CRF","CTX","Elite","KANSAS","NX","NXR","Speed","XR"],"aplicacaoMotoGrupo":["Motor","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["Embreagem"],"aplicacaoMotoCompleto":["Embreagem central, Motor, Embreagem"],"aplicacaoMotoModelosCompleto":["Dafra KANSAS 150 08>15","Dafra Speed 150 08>15","Honda CB 600 02>14","Honda CBX 150 ","Honda CBX 200 ","Honda CTX 200 ","Honda Elite 125 18>20","Honda NX 150 ","Honda NX 200 ","Honda NXR 150 ","Honda XR 200 "],"produtoPrecoConsumidor":3.8,"produtoEstoque":0,"produtoModeloBusca":"16003","ecommerceBusca":"Rolamento do Plat\u00f4 da Embreagem Honda Biz 125 11>..., Bros NXR 150 03>05, XR 200, Strada CBX 200, CRF 230, NX 200, Hornet CB 600F 02>14 Rolamento do Plat\u00f4 da Embreagem Honda 16003","blindagem":"Aberto","contador":2,"chave":1,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1647798.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1647798.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1647798.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"16003 Rolamento do Plat\u00f4 da Embreagem Honda Biz 125 11>..., Bros NXR 150 03>05, XR 200, Strada CBX 200, CRF 230, NX 200, Hornet CB 600F 02>14 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-16003-ppk\/1647798","aplicacao":"\/produto\/rolamento-do-plato-da-embreagem-honda-biz-125-11-bros-nxr-150-03-05-xr-200-strada-cbx-200-crf-230-nx-200-hornet-cb-600f-02-14-rolamento-do-plato-da-embreagem-honda-16003\/1647798","modal":"\/modal\/rolamento-rigido-de-esferas-16003-ppk\/1647798"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Embreagem"},{"key":"5385","name":"Blindagem","value":"Aberto"},{"key":"5386","name":"Folga","value":"normal"}],"codigoOriginalLista":[{"name":"Dafra","value":"20451-G40A-000"},{"name":"Dafra","value":"95316003P6I"},{"name":"Dafra","value":"95316003P6KAI"},{"name":"Honda","value":"91008-KPS-900"},{"name":"Honda","value":"91009-MAS-003"},{"name":"Honda","value":"91011-KK6-013"}],"codigoSimilarLista":false},{"catalogoID":38054,"id":"628","produtoID":628,"produtoHabilitado":1,"catalogoAtualizadoEm":"2025-06-13 14:35:50","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"16005","produtoPeso":"0.0600","produtoMarca":"MAK","produtoMedida":"25x47x8","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamentos-de-moto","categoriaNome":"Rolamentos de Moto","categoriaTitulo":"Rolamentos de Moto PPK | Rode Melhor com os Rolamentos PPK","categoriaPalavrasChaves":"rolamentos de moto, rolamentos moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Rolamento do Tambor Seletor de Marchas Honda CB 500X , X-ADV 750 Ld Direito | Suzuki CB 600F Hornet, V-Storm 650","ecommerceNome":"Rolamento do Tambor Seletor de Marchas Honda","ecommerceNomeCurto":"Rolamento do Tambor Seletor de Marchas Honda CB 500X, CB 600F Hornet, V-Storm 650","ecommerceDescricao":"CB 500X , X-ADV 750 Ld Direito | Suzuki CB 600F Hornet, V-Storm 650","ecommerceComplemento":"Transmiss\u00e3o Lado Esquerdo Suzuki Intruder 1800 VZR | Rolamento Tambor Seletor de Marcha Fourtrax 350 4x4 02>08","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento PPK do Tambor Seletor de Marchas CB 500X, CB 600 Hornet","ecommerceSeoDescricao":"Precisando de rolamento para seletor de marchas Honda CB 500X ou Suzuki V-Storm 650 ? Na PPK Rolamentos voc\u00ea encontra o rolamento 16005 na medida 25x47x8 mm, perfeito para rodar tranquilo com sua moto","ecommerceSeoPalavrasChaves":"Rolamento PPK, rolamento Seletor Marchas, rolamento CB 500X, rolamento V-Storm 650, ppk rolamentos, Rolamento PPK Seletor","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Honda:91007-MGS-D21; Honda:91008-374-003; Honda:91008-MFJ-D01; Suzuki:09262-25006-000","codigoSimilar":null,"ecommerceCaracteristicas":"Blindagem:Aberto:5385; Classifica\u00e7\u00e3o:Tambor Seletor de Marcha:5384; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Classifica\u00e7\u00e3o; Material","ecommerceCaracteristicasAtributos":"Aberto; A\u00e7o cromo SAE 52100; Tambor Seletor de Marcha","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":["Guia da corrente"],"aplicacaoMotoMontadoras":["Honda","Suzuki"],"aplicacaoMotoModelos":["CB","DL","Fourtrax","INTRUDER"],"aplicacaoMotoGrupo":["Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["Caixa de mudan\u00e7as","C\u00e2mbio"],"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":["Honda CB 600 05>14","Honda Fourtrax 350 02>08"],"produtoPrecoConsumidor":5.5,"produtoEstoque":0,"produtoModeloBusca":"16005","ecommerceBusca":"Rolamento do Tambor Seletor de Marchas Honda CB 500X , X-ADV 750 Ld Direito | Suzuki CB 600F Hornet, V-Storm 650 Rolamento do Tambor Seletor de Marchas Honda 16005","blindagem":"Aberto","contador":3,"chave":2,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/628.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/628.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/628.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"16005 Rolamento do Tambor Seletor de Marchas Honda CB 500X , X-ADV 750 Ld Direito | Suzuki CB 600F Hornet, V-Storm 650 MAK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"mak","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-16005-mak\/628","aplicacao":"\/produto\/rolamento-do-tambor-seletor-de-marchas-honda-cb-500x-x-adv-750-ld-direito-suzuki-cb-600f-hornet-v-storm-650-rolamento-do-tambor-seletor-de-marchas-honda-16005\/628","modal":"\/modal\/rolamento-rigido-de-esferas-16005-mak\/628"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Tambor Seletor de Marcha"},{"key":"5385","name":"Blindagem","value":"Aberto"}],"codigoOriginalLista":[{"name":"Honda","value":"91007-MGS-D21"},{"name":"Honda","value":"91008-374-003"},{"name":"Honda","value":"91008-MFJ-D01"},{"name":"Suzuki","value":"09262-25006-000"}],"codigoSimilarLista":false},{"catalogoID":75907,"id":"1980616","produtoID":1980616,"produtoHabilitado":0,"catalogoAtualizadoEm":"2025-03-28 16:16:03","produtoNome":"Radial Ball Bearing - 17x44x12","produtoModelo":"1744-C3","produtoPeso":"0.1100","produtoMarca":"PPK","produtoMedida":"17x44x12","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamentos-de-moto","categoriaNome":"Rolamentos de Moto","categoriaTitulo":"Rolamentos de Moto PPK | Rode Melhor com os Rolamentos PPK","categoriaPalavrasChaves":"rolamentos de moto, rolamentos moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Rolamento Eixo do Pinh\u00e3o Secund\u00e1rio para Honda XLX 250 87>92 , XLX 350 87>91, NX 350 Sahara 90>99 - todas","ecommerceNome":"Rolamento Eixo do Pinh\u00e3o Secund\u00e1rio para Honda","ecommerceNomeCurto":"Rolamento Eixo do Pinh\u00e3o Secund\u00e1rio para XLX 250 87>92 , XLX 350 87>91, NX 350 Sahara 90>99","ecommerceDescricao":"XLX 250 87>92 , XLX 350 87>91, NX 350 Sahara 90>99 - todas","ecommerceComplemento":"Ld Direito \/ Embreagem","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":null,"ecommerceSeoDescricao":null,"ecommerceSeoPalavrasChaves":null,"ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Honda:91004-HN1-A41","codigoSimilar":null,"ecommerceCaracteristicas":"Classifica\u00e7\u00e3o:Transmiss\u00e3o:5384; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Classifica\u00e7\u00e3o; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; Transmiss\u00e3o","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":null,"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["NX","XLX"],"aplicacaoMotoGrupo":null,"aplicacaoMotoSubGrupo":["Embreagem"],"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":["Honda NX 350 90>99","Honda XLX 250 87>92","Honda XLX 350 87>91"],"produtoPrecoConsumidor":0,"produtoEstoque":0,"produtoModeloBusca":"1744C3","ecommerceBusca":"Rolamento Eixo do Pinh\u00e3o Secund\u00e1rio para Honda XLX 250 87>92 , XLX 350 87>91, NX 350 Sahara 90>99 - todas Rolamento Eixo do Pinh\u00e3o Secund\u00e1rio para Honda 1744C3","classificacao":"Transmiss\u00e3o","contador":4,"chave":3,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1980616.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1980616.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1980616.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"1744-C3 Rolamento Eixo do Pinh\u00e3o Secund\u00e1rio para Honda XLX 250 87>92 , XLX 350 87>91, NX 350 Sahara 90>99 - todas PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/radial-ball-bearing-17x44x12-1744-c3-ppk\/1980616","aplicacao":"\/produto\/rolamento-eixo-do-pinhao-secundario-para-honda-xlx-250-87-92-xlx-350-87-91-nx-350-sahara-90-99-todas-rolamento-eixo-do-pinhao-secundario-para-honda-1744c3\/1980616","modal":"\/modal\/radial-ball-bearing-17x44x12-1744-c3-ppk\/1980616"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Transmiss\u00e3o"}],"codigoOriginalLista":[{"name":"Honda","value":"91004-HN1-A41"}],"codigoSimilarLista":false},{"catalogoID":75435,"id":"1980705","produtoID":1980705,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-12-04 11:17:32","produtoNome":"Rolamento Rigido de Esferas - 17x44x12","produtoModelo":"174412-2RSC3","produtoPeso":"0.1130","produtoMarca":"PPK","produtoMedida":"17x44x12","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamentos-de-moto","categoriaNome":"Rolamentos de Moto","categoriaTitulo":"Rolamentos de Moto PPK | Rode Melhor com os Rolamentos PPK","categoriaPalavrasChaves":"rolamentos de moto, rolamentos moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Rolamento da Transmiss\u00e3o para Honda Eixo Secund\u00e1rio Direito XLX 250R 83>94, 350R 87>..., NX 350 Sahara 90>99","ecommerceNome":"Rolamento da Transmiss\u00e3o para Honda","ecommerceNomeCurto":"Rolamento Eixo Secund\u00e1rio Direito XLX 250R 83>94, 350R 87>..., NX 350 Sahara 90>99","ecommerceDescricao":"Eixo Secund\u00e1rio Direito XLX 250R 83>94, 350R 87>..., NX 350 Sahara 90>99","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":null,"ecommerceSeoDescricao":null,"ecommerceSeoPalavrasChaves":null,"ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Honda:91004-KN5-671","codigoSimilar":"Rugata:RUG 1744","ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Classifica\u00e7\u00e3o:Transmiss\u00e3o:5384; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Classifica\u00e7\u00e3o; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C3; Transmiss\u00e3o; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"C","aplicacaoMoto":["\u00c1rvore secund\u00e1ria"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["NX","XLX"],"aplicacaoMotoGrupo":["Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["\u00c1rvore secund\u00e1ria"],"aplicacaoMotoCompleto":["\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, \u00c1rvore secund\u00e1ria"],"aplicacaoMotoModelosCompleto":["Honda NX 350 90>99","Honda XLX 250 83>94","Honda XLX 350 87>..."],"produtoPrecoConsumidor":0,"produtoEstoque":0,"produtoModeloBusca":"1744122RSC3","ecommerceBusca":"Rolamento da Transmiss\u00e3o para Honda Eixo Secund\u00e1rio Direito XLX 250R 83>94, 350R 87>..., NX 350 Sahara 90>99 Rolamento da Transmiss\u00e3o para Honda 1744122RSC3","blindagem":"Vedado 2 lados","contador":5,"chave":4,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1980705.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1980705.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1980705.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"174412-2RSC3 Rolamento da Transmiss\u00e3o para Honda Eixo Secund\u00e1rio Direito XLX 250R 83>94, 350R 87>..., NX 350 Sahara 90>99 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-17x44x12-174412-2rsc3-ppk\/1980705","aplicacao":"\/produto\/rolamento-da-transmissao-para-honda-eixo-secundario-direito-xlx-250r-83-94-350r-87-nx-350-sahara-90-99-rolamento-da-transmissao-para-honda-1744122rsc3\/1980705","modal":"\/modal\/rolamento-rigido-de-esferas-17x44x12-174412-2rsc3-ppk\/1980705"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Transmiss\u00e3o"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Honda","value":"91004-KN5-671"}],"codigoSimilarLista":[{"name":"Rugata","value":"RUG 1744"}]},{"catalogoID":75434,"id":"1980712","produtoID":1980712,"produtoHabilitado":0,"catalogoAtualizadoEm":"2025-05-14 17:44:45","produtoNome":"ROLAMENTO  AGULHA - 17x24x30","produtoModelo":"17x24x30","produtoPeso":"0.0390","produtoMarca":"","produtoMedida":"17x24x30","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamentos-de-moto","categoriaNome":"Rolamentos de Moto","categoriaTitulo":"Rolamentos de Moto PPK | Rode Melhor com os Rolamentos PPK","categoriaPalavrasChaves":"rolamentos de moto, rolamentos moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Rolamento do Bra\u00e7o do Amortecedor Pro Link Honda CB 500 F \/ X 14>...","ecommerceNome":"Rolamento do Bra\u00e7o do Amortecedor Pro Link Honda","ecommerceNomeCurto":"Rolamento do Bra\u00e7o do Amortecedor Pro Link CB 500 F \/ X 14>...","ecommerceDescricao":"CB 500 F \/ X 14>...","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento Bra\u00e7o do Amortecedor CB 500 | Rolamento PPK","ecommerceSeoDescricao":"O Rolamento PPK do bra\u00e7o do amortecedor para Honda CB 500 oferece um movimento suave e independente da roda traseira, absorvendo impactos e irregularidades do terreno. Rolamento do amortecedor \u00e9 PPK.","ecommerceSeoPalavrasChaves":"rolamento bra\u00e7o amortecedor, rolamento amortecedor CB 500, rolamento ppk, rolamento CB 500,","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Honda:91052-MGS-D31","codigoSimilar":null,"ecommerceCaracteristicas":"Classifica\u00e7\u00e3o:Bra\u00e7o do Amortecedor:5384; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Classifica\u00e7\u00e3o; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; Bra\u00e7o do Amortecedor","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":["Pr\u00f3-link"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["CB"],"aplicacaoMotoGrupo":["Suspens\u00e3o"],"aplicacaoMotoSubGrupo":null,"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":["Honda CB 500 14>..."],"produtoPrecoConsumidor":0,"produtoEstoque":0,"produtoModeloBusca":"17x24x30","ecommerceBusca":"Rolamento do Bra\u00e7o do Amortecedor Pro Link Honda CB 500 F \/ X 14>... Rolamento do Bra\u00e7o do Amortecedor Pro Link Honda 17x24x30","classificacao":"Bra\u00e7o do Amortecedor","contador":6,"chave":5,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1980712.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1980712.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1980712.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"17x24x30 Rolamento do Bra\u00e7o do Amortecedor Pro Link Honda CB 500 F \/ X 14>... ","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"sem_marca","url":{"produto":"\/produto\/rolamento-agulha-17x24x30-17x24x30-\/1980712","aplicacao":"\/produto\/rolamento-do-braco-do-amortecedor-pro-link-honda-cb-500-f-x-14-rolamento-do-braco-do-amortecedor-pro-link-honda-17x24x30\/1980712","modal":"\/modal\/rolamento-agulha-17x24x30-17x24x30-\/1980712"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Bra\u00e7o do Amortecedor"}],"codigoOriginalLista":[{"name":"Honda","value":"91052-MGS-D31"}],"codigoSimilarLista":false},{"catalogoID":75707,"id":"1980706","produtoID":1980706,"produtoHabilitado":0,"catalogoAtualizadoEm":"2025-04-30 08:19:20","produtoNome":"Rolamento Rigido de Esferas - 19x38x9","produtoModelo":"193809-RSC3 ","produtoPeso":"0.0160","produtoMarca":"PPK","produtoMedida":"19x38x9","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamentos-de-moto","categoriaNome":"Rolamentos de Moto","categoriaTitulo":"Rolamentos de Moto PPK | Rode Melhor com os Rolamentos PPK","categoriaPalavrasChaves":"rolamentos de moto, rolamentos moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Rolamento do Comando de V\u00e1lvulas para Honda XLX 250 87>92","ecommerceNome":"Rolamento do Comando de V\u00e1lvulas para Honda","ecommerceNomeCurto":"Rolamento do Comando de V\u00e1lvulas para XLX 250 87>92","ecommerceDescricao":"XLX 250 87>92","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento Comando de V\u00e1lvulas para XLX 250 87 a 92 | Rolamento PPK","ecommerceSeoDescricao":"Na PPK voc\u00ea encontra rolamento do comando de v\u00e1lvulas para Honda XLX 250 87 a 92. O rolamento PPK aumenta a vida \u00fatil da sua moto e melhora a dirigibilidade para o piloto. PPK, rolamentos para motos.","ecommerceSeoPalavrasChaves":"rolamento, rolamento comando de v\u00e1lvulas, rolamento XLX 250, rolamento PPK, ppk,","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Honda:91002-KG0-981","codigoSimilar":null,"ecommerceCaracteristicas":"Classifica\u00e7\u00e3o:Comando de V\u00e1lvulas:5384; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Classifica\u00e7\u00e3o; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C3; Comando de V\u00e1lvulas","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":null,"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["XLX"],"aplicacaoMotoGrupo":["Motor"],"aplicacaoMotoSubGrupo":null,"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":["Honda XLX 250 87>92"],"produtoPrecoConsumidor":0,"produtoEstoque":0,"produtoModeloBusca":"193809RSC3","ecommerceBusca":"Rolamento do Comando de V\u00e1lvulas para Honda XLX 250 87>92 Rolamento do Comando de V\u00e1lvulas para Honda 193809RSC3","classificacao":"Comando de V\u00e1lvulas","contador":7,"chave":6,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1980706.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1980706.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1980706.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"193809-RSC3  Rolamento do Comando de V\u00e1lvulas para Honda XLX 250 87>92 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-19x38x9-193809-rsc3-ppk\/1980706","aplicacao":"\/produto\/rolamento-do-comando-de-valvulas-para-honda-xlx-250-87-92-rolamento-do-comando-de-valvulas-para-honda-193809rsc3\/1980706","modal":"\/modal\/rolamento-rigido-de-esferas-19x38x9-193809-rsc3-ppk\/1980706"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Comando de V\u00e1lvulas"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Honda","value":"91002-KG0-981"}],"codigoSimilarLista":false},{"catalogoID":36784,"id":"1678858","produtoID":1678858,"produtoHabilitado":1,"catalogoAtualizadoEm":"2025-08-14 10:43:03","produtoNome":"Rolamento Rigido de Esferas","produtoModelo":"20BCS26NSE","produtoPeso":"0.0780","produtoMarca":"PPK","produtoMedida":"20x45x12","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamentos-de-moto","categoriaNome":"Rolamentos de Moto","categoriaTitulo":"Rolamentos de Moto PPK | Rode Melhor com os Rolamentos PPK","categoriaPalavrasChaves":"rolamentos de moto, rolamentos moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Rolamento Roda Dianteira Honda Hornet CB 600F 04>14","ecommerceNome":"Rolamento Roda Dianteira Honda","ecommerceNomeCurto":"Rolamento Roda Dianteira Hornet CB 600F 04>14","ecommerceDescricao":"Hornet CB 600F 04>14","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento Roda Dianteira Hornet CB600 | Rolamento 20BCS26NSE PPK","ecommerceSeoDescricao":"O Rolamento 20BCS26NSE \u00e9 aplicado na Roda Dianteira da Hornet CB600. PPK, o rolamento da blindagem verde da sua moto. Ligue agora !","ecommerceSeoPalavrasChaves":"rolamento, rolamento moto, rolamento 20BCS26NSE, 20BCS26NSE, rolamento roda, rolamento Biz, rolamento Hornet CB600, rolamento roda Hornet, ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Honda:91052-MBW-E11","codigoSimilar":null,"ecommerceCaracteristicas":"Classifica\u00e7\u00e3o:Roda Dianteira:5384; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Classifica\u00e7\u00e3o; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; Roda Dianteira","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":null,"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["CB"],"aplicacaoMotoGrupo":["Roda"],"aplicacaoMotoSubGrupo":["Roda dianteira"],"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":["Honda CB 600 04>14"],"produtoPrecoConsumidor":24.7,"produtoEstoque":0,"produtoModeloBusca":"20BCS26NSE","ecommerceBusca":"Rolamento Roda Dianteira Honda Hornet CB 600F 04>14 Rolamento Roda Dianteira Honda 20BCS26NSE","classificacao":"Roda Dianteira","contador":8,"chave":7,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1678858.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1678858.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1678858.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"20BCS26NSE Rolamento Roda Dianteira Honda Hornet CB 600F 04>14 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-20bcs26nse-ppk\/1678858","aplicacao":"\/produto\/rolamento-roda-dianteira-honda-hornet-cb-600f-04-14-rolamento-roda-dianteira-honda-20bcs26nse\/1678858","modal":"\/modal\/rolamento-rigido-de-esferas-20bcs26nse-ppk\/1678858"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Roda Dianteira"}],"codigoOriginalLista":[{"name":"Honda","value":"91052-MBW-E11"}],"codigoSimilarLista":false},{"catalogoID":75403,"id":"1980674","produtoID":1980674,"produtoHabilitado":0,"catalogoAtualizadoEm":"2025-10-30 16:23:34","produtoNome":"Rolamento de Coroas de Agulhas - 21x25x18","produtoModelo":"21x25x18","produtoPeso":"0.0400","produtoMarca":null,"produtoMedida":"21x25x18","produtoEmbalagem":"Industrial","categoriaID":1001,"categoriaSEO":"rolamentos-de-moto","categoriaNome":"Rolamentos de Moto","categoriaTitulo":"Rolamentos de Moto PPK | Rode Melhor com os Rolamentos PPK","categoriaPalavrasChaves":"rolamentos de moto, rolamentos moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Rolamento da Embreagem de Partida para Honda Biz 125 06>10","ecommerceNome":"Rolamento da Embreagem de Partida para Honda","ecommerceNomeCurto":"Rolamento da Embreagem de Partida para Biz 125 06>10","ecommerceDescricao":"Biz 125 06>10","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento da Embreagem de Partida Biz 125 06 a 10 | PPK Rolamento","ecommerceSeoDescricao":"Rolamento PPK da Embreagem de Partida para Honda Biz 125 de 2006 a 2010. O rolamento PPK garante seguran\u00e7a e tranquilidade para voc\u00ea rodar com sua moto.","ecommerceSeoPalavrasChaves":"rolamento, rolamento PPK,  rolamento PPK embreagem, rolamento embreagem partida Biz 125, rolamento embreagem partida, PPK","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Honda:91071-KPH-901","codigoSimilar":null,"ecommerceCaracteristicas":"Classifica\u00e7\u00e3o:Embreagem:5384; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Classifica\u00e7\u00e3o; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; Embreagem","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":null,"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["BIZ"],"aplicacaoMotoGrupo":null,"aplicacaoMotoSubGrupo":["Embreagem"],"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":["Honda BIZ 125 06>10"],"produtoPrecoConsumidor":14.2,"produtoEstoque":0,"produtoModeloBusca":"21x25x18","ecommerceBusca":"Rolamento da Embreagem de Partida para Honda Biz 125 06>10 Rolamento da Embreagem de Partida para Honda 21x25x18","classificacao":"Embreagem","contador":9,"chave":8,"Industrial":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1980674.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1980674.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1980674.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"21x25x18 Rolamento da Embreagem de Partida para Honda Biz 125 06>10 ","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"sem_marca","url":{"produto":"\/produto\/rolamento-de-coroas-de-agulhas-21x25x18-21x25x18-\/1980674","aplicacao":"\/produto\/rolamento-da-embreagem-de-partida-para-honda-biz-125-06-10-rolamento-da-embreagem-de-partida-para-honda-21x25x18\/1980674","modal":"\/modal\/rolamento-de-coroas-de-agulhas-21x25x18-21x25x18-\/1980674"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Embreagem"}],"codigoOriginalLista":[{"name":"Honda","value":"91071-KPH-901"}],"codigoSimilarLista":false},{"catalogoID":75404,"id":"1980675","produtoID":1980675,"produtoHabilitado":0,"catalogoAtualizadoEm":"2025-10-30 16:20:37","produtoNome":"Rolamento de Coroas de Agulhas - 21x27x18","produtoModelo":"21x27x18","produtoPeso":"0.0400","produtoMarca":null,"produtoMedida":"21x27x18","produtoEmbalagem":"Industrial","categoriaID":1001,"categoriaSEO":"rolamentos-de-moto","categoriaNome":"Rolamentos de Moto","categoriaTitulo":"Rolamentos de Moto PPK | Rode Melhor com os Rolamentos PPK","categoriaPalavrasChaves":"rolamentos de moto, rolamentos moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Rolamento da Embreagem de Partida para Honda Biz 125 11>...","ecommerceNome":"Rolamento da Embreagem de Partida para Honda","ecommerceNomeCurto":"Rolamento da Embreagem de Partida para Biz 125 11>...","ecommerceDescricao":"Biz 125 11>...","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento PPK da Embreagem de Partida Biz 125 2011 |  PPK Rolamento","ecommerceSeoDescricao":"Rolamento PPK da Embreagem de Partida para Honda Biz 125 para modelos 2011 em diante. Rode tranquilo com os rolamentos PPK na sua moto.","ecommerceSeoPalavrasChaves":"rolamento, rolamento PPK,  rolamento PPK embreagem, rolamento embreagem partida Biz 125, rolamento embreagem partida, PPK","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Honda:91022-KSS-C01","codigoSimilar":null,"ecommerceCaracteristicas":"Classifica\u00e7\u00e3o:Embreagem:5384; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Classifica\u00e7\u00e3o; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; Embreagem","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":null,"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["BIZ"],"aplicacaoMotoGrupo":null,"aplicacaoMotoSubGrupo":["Embreagem"],"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":["Honda BIZ 125 11>..."],"produtoPrecoConsumidor":16.5,"produtoEstoque":0,"produtoModeloBusca":"21x27x18","ecommerceBusca":"Rolamento da Embreagem de Partida para Honda Biz 125 11>... Rolamento da Embreagem de Partida para Honda 21x27x18","classificacao":"Embreagem","contador":10,"chave":9,"Industrial":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1980675.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1980675.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1980675.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"21x27x18 Rolamento da Embreagem de Partida para Honda Biz 125 11>... ","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"sem_marca","url":{"produto":"\/produto\/rolamento-de-coroas-de-agulhas-21x27x18-21x27x18-\/1980675","aplicacao":"\/produto\/rolamento-da-embreagem-de-partida-para-honda-biz-125-11-rolamento-da-embreagem-de-partida-para-honda-21x27x18\/1980675","modal":"\/modal\/rolamento-de-coroas-de-agulhas-21x27x18-21x27x18-\/1980675"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Embreagem"}],"codigoOriginalLista":[{"name":"Honda","value":"91022-KSS-C01"}],"codigoSimilarLista":false},{"catalogoID":75450,"id":"1980724","produtoID":1980724,"produtoHabilitado":0,"catalogoAtualizadoEm":"2025-09-04 13:10:37","produtoNome":"Bucha de agulhas sem fundo - 22 x 29 x 20","produtoModelo":"222920 (TA2220Z)","produtoPeso":"0.0240","produtoMarca":null,"produtoMedida":"22x29x20","produtoEmbalagem":"Industrial","categoriaID":1001,"categoriaSEO":"rolamentos-de-moto","categoriaNome":"Rolamentos de Moto","categoriaTitulo":"Rolamentos de Moto PPK | Rode Melhor com os Rolamentos PPK","categoriaPalavrasChaves":"rolamentos de moto, rolamentos moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Rolamento da Balan\u00e7a Honda Hornet CB 600F 04>14","ecommerceNome":"Rolamento da Balan\u00e7a Honda","ecommerceNomeCurto":"Rolamento da Balan\u00e7a Hornet CB 600F 04>14","ecommerceDescricao":"Hornet CB 600F 04>14","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento da Balan\u00e7a Hornet CB 600F | Rolamento PPK","ecommerceSeoDescricao":"Rolamento PPK da Balan\u00e7a para Honda Hornet CB 600F. O rolamento PPK 222920 \u00e9 fabricado em a\u00e7o de alta durabilidade para suportar todos os tipos de terreno. Rolamento PPK, sua Hornet rodando segura.","ecommerceSeoPalavrasChaves":"rolamento, rolamento balan\u00e7a Hornet, rolamento hornet CB600F, rolamento PPK,","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Honda:91071-MBZ-611","codigoSimilar":"IKO:TA2220Z","ecommerceCaracteristicas":"Classifica\u00e7\u00e3o:Balan\u00e7a:5384; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Classifica\u00e7\u00e3o; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; Balan\u00e7a","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":["Balan\u00e7a"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["CB"],"aplicacaoMotoGrupo":null,"aplicacaoMotoSubGrupo":null,"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":["Honda CB 600 05>14"],"produtoPrecoConsumidor":9,"produtoEstoque":0,"produtoModeloBusca":"222920TA2220Z","ecommerceBusca":"Rolamento da Balan\u00e7a Honda Hornet CB 600F 04>14 Rolamento da Balan\u00e7a Honda 222920TA2220Z","classificacao":"Balan\u00e7a","contador":11,"chave":10,"Industrial":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1980724.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1980724.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1980724.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"222920 (TA2220Z) Rolamento da Balan\u00e7a Honda Hornet CB 600F 04>14 ","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"sem_marca","url":{"produto":"\/produto\/bucha-de-agulhas-sem-fundo-22-x-29-x-20-222920-ta2220z-\/1980724","aplicacao":"\/produto\/rolamento-da-balanca-honda-hornet-cb-600f-04-14-rolamento-da-balanca-honda-222920ta2220z\/1980724","modal":"\/modal\/bucha-de-agulhas-sem-fundo-22-x-29-x-20-222920-ta2220z-\/1980724"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Balan\u00e7a"}],"codigoOriginalLista":[{"name":"Honda","value":"91071-MBZ-611"}],"codigoSimilarLista":[{"name":"IKO","value":"TA2220Z"}]},{"catalogoID":75438,"id":"1980714","produtoID":1980714,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-12-05 14:54:32","produtoNome":"Rolamento de Agulhas - 22x32x30","produtoModelo":"223230","produtoPeso":"0.4000","produtoMarca":"PPK","produtoMedida":"22x32x30","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamentos-de-moto","categoriaNome":"Rolamentos de Moto","categoriaTitulo":"Rolamentos de Moto PPK | Rode Melhor com os Rolamentos PPK","categoriaPalavrasChaves":"rolamentos de moto, rolamentos moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Rolamento da Balan\u00e7a Traseira para Dafra NH 190","ecommerceNome":"Rolamento da Balan\u00e7a Traseira para Dafra","ecommerceNomeCurto":"Rolamento da Balan\u00e7a Traseira para Dafra NH 190","ecommerceDescricao":"NH 190","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento da Balan\u00e7a Traseira Dafra NH 190 | Rolamento PPK","ecommerceSeoDescricao":null,"ecommerceSeoPalavrasChaves":null,"ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Dafra:10449-A41-000","codigoSimilar":null,"ecommerceCaracteristicas":"Classifica\u00e7\u00e3o:Balan\u00e7a:5384; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Classifica\u00e7\u00e3o; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; Balan\u00e7a","categoriaOrdem":"1","produtoVIP":"1","aplicacaoMoto":["Balan\u00e7a"],"aplicacaoMotoMontadoras":["Dafra"],"aplicacaoMotoModelos":["NH"],"aplicacaoMotoGrupo":["Suspens\u00e3o"],"aplicacaoMotoSubGrupo":null,"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":null,"produtoPrecoConsumidor":0,"produtoEstoque":0,"produtoModeloBusca":"223230","ecommerceBusca":"Rolamento da Balan\u00e7a Traseira para Dafra NH 190 Rolamento da Balan\u00e7a Traseira para Dafra 223230","classificacao":"Balan\u00e7a","contador":12,"chave":11,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1980714.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1980714.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1980714.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"223230 Rolamento da Balan\u00e7a Traseira para Dafra NH 190 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-de-agulhas-22x32x30-223230-ppk\/1980714","aplicacao":"\/produto\/rolamento-da-balanca-traseira-para-dafra-nh-190-rolamento-da-balanca-traseira-para-dafra-223230\/1980714","modal":"\/modal\/rolamento-de-agulhas-22x32x30-223230-ppk\/1980714"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Balan\u00e7a"}],"codigoOriginalLista":[{"name":"Dafra","value":"10449-A41-000"}],"codigoSimilarLista":false}],"sort":{"name":"C\u00f3digo A-Z"},"facetsDistribution":{"aplicacaoMoto":{"buckets":[{"val":"Amortecedor","seo":"amortecedor","count":3,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Amortecedor\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMoto:\"Amortecedor\"","active":0,"first":1,"last":0},{"val":"\u00c1rvore de manivelas","seo":"arvore-de-manivelas","count":6,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"\u00c1rvore de manivelas\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMoto:\"\u00c1rvore de manivelas\"","active":0,"first":0,"last":0},{"val":"\u00c1rvore prim\u00e1ria","seo":"arvore-primaria","count":3,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"\u00c1rvore prim\u00e1ria\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMoto:\"\u00c1rvore prim\u00e1ria\"","active":0,"first":0,"last":0},{"val":"\u00c1rvore secund\u00e1ria","seo":"arvore-secundaria","count":14,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"\u00c1rvore secund\u00e1ria\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMoto:\"\u00c1rvore secund\u00e1ria\"","active":0,"first":0,"last":0},{"val":"Balan\u00e7a","seo":"balanca","count":21,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Balan\u00e7a\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMoto:\"Balan\u00e7a\"","active":0,"first":0,"last":0},{"val":"Caixa de dire\u00e7\u00e3o","seo":"caixa-de-direcao","count":24,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Caixa de dire\u00e7\u00e3o\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMoto:\"Caixa de dire\u00e7\u00e3o\"","active":0,"first":0,"last":0},{"val":"Cubo de roda","seo":"cubo-de-roda","count":26,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Cubo de roda\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMoto:\"Cubo de roda\"","active":0,"first":0,"last":0},{"val":"Embreagem central","seo":"embreagem-central","count":19,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Embreagem central\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMoto:\"Embreagem central\"","active":0,"first":0,"last":0},{"val":"Garfo","seo":"garfo","count":7,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Garfo\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMoto:\"Garfo\"","active":0,"first":0,"last":0},{"val":"Guia da corrente","seo":"guia-da-corrente","count":3,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Guia da corrente\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMoto:\"Guia da corrente\"","active":0,"first":0,"last":0},{"val":"Pedal de c\u00e2mbio","seo":"pedal-de-cambio","count":8,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Pedal de c\u00e2mbio\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMoto:\"Pedal de c\u00e2mbio\"","active":0,"first":0,"last":0},{"val":"Pedal de partida","seo":"pedal-de-partida","count":9,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Pedal de partida\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMoto:\"Pedal de partida\"","active":0,"first":0,"last":0},{"val":"Pr\u00f3-link","seo":"pro-link","count":5,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Pr\u00f3-link\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMoto:\"Pr\u00f3-link\"","active":0,"first":0,"last":0},{"val":"Tampa do motor","seo":"tampa-do-motor","count":9,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Tampa do motor\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMoto:\"Tampa do motor\"","active":0,"first":0,"last":0},{"val":"Virabrequim","seo":"virabrequim","count":38,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Virabrequim\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMoto:\"Virabrequim\"","active":0,"first":0,"last":1}]},"aplicacaoMotoCompleto":{"buckets":[{"val":"\u00c1rvore de manivelas, Motor, Cabe\u00e7ote","seo":"arvore-de-manivelas-motor-cabecote","count":1,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore de manivelas, Motor, Cabe\u00e7ote\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoCompleto:\"\u00c1rvore de manivelas, Motor, Cabe\u00e7ote\"","active":0,"first":1,"last":0},{"val":"\u00c1rvore de manivelas, Motor, Virabrequim","seo":"arvore-de-manivelas-motor-virabrequim","count":5,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore de manivelas, Motor, Virabrequim\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoCompleto:\"\u00c1rvore de manivelas, Motor, Virabrequim\"","active":0,"first":0,"last":0},{"val":"\u00c1rvore de manivelas, Transmiss\u00e3o, C\u00e2mbio","seo":"arvore-de-manivelas-transmissao-cambio","count":1,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore de manivelas, Transmiss\u00e3o, C\u00e2mbio\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoCompleto:\"\u00c1rvore de manivelas, Transmiss\u00e3o, C\u00e2mbio\"","active":0,"first":0,"last":0},{"val":"\u00c1rvore prim\u00e1ria, Motor, Cabe\u00e7ote","seo":"arvore-primaria-motor-cabecote","count":1,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore prim\u00e1ria, Motor, Cabe\u00e7ote\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoCompleto:\"\u00c1rvore prim\u00e1ria, Motor, Cabe\u00e7ote\"","active":0,"first":0,"last":0},{"val":"\u00c1rvore prim\u00e1ria, Transmiss\u00e3o, \u00c1rvore principal","seo":"arvore-primaria-transmissao-arvore-principal","count":1,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore prim\u00e1ria, Transmiss\u00e3o, \u00c1rvore principal\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoCompleto:\"\u00c1rvore prim\u00e1ria, Transmiss\u00e3o, \u00c1rvore principal\"","active":0,"first":0,"last":0},{"val":"\u00c1rvore prim\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as","seo":"arvore-primaria-transmissao-caixa-de-mudancas","count":1,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore prim\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoCompleto:\"\u00c1rvore prim\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as\"","active":0,"first":0,"last":0},{"val":"\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, \u00c1rvore secund\u00e1ria","seo":"arvore-secundaria-transmissao-arvore-secundaria","count":2,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, \u00c1rvore secund\u00e1ria\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoCompleto:\"\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, \u00c1rvore secund\u00e1ria\"","active":0,"first":0,"last":0},{"val":"\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as","seo":"arvore-secundaria-transmissao-caixa-de-mudancas","count":10,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoCompleto:\"\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as\"","active":0,"first":0,"last":0},{"val":"\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, C\u00e2mbio","seo":"arvore-secundaria-transmissao-cambio","count":4,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, C\u00e2mbio\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoCompleto:\"\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, C\u00e2mbio\"","active":0,"first":0,"last":0},{"val":"\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Eixo de comando","seo":"arvore-secundaria-transmissao-eixo-de-comando","count":2,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Eixo de comando\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoCompleto:\"\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Eixo de comando\"","active":0,"first":0,"last":0},{"val":"Balan\u00e7a, Roda, Roda traseira","seo":"balanca-roda-roda-traseira","count":1,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Balan\u00e7a, Roda, Roda traseira\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoCompleto:\"Balan\u00e7a, Roda, Roda traseira\"","active":0,"first":0,"last":0},{"val":"Balan\u00e7a, Suspens\u00e3o, Garfo","seo":"balanca-suspensao-garfo","count":3,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Balan\u00e7a, Suspens\u00e3o, Garfo\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoCompleto:\"Balan\u00e7a, Suspens\u00e3o, Garfo\"","active":0,"first":0,"last":0},{"val":"Balan\u00e7a, Suspens\u00e3o, Pr\u00f3-link","seo":"balanca-suspensao-pro-link","count":1,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Balan\u00e7a, Suspens\u00e3o, Pr\u00f3-link\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoCompleto:\"Balan\u00e7a, Suspens\u00e3o, Pr\u00f3-link\"","active":0,"first":0,"last":0},{"val":"Balan\u00e7a, Suspens\u00e3o, Suspens\u00e3o traseira","seo":"balanca-suspensao-suspensao-traseira","count":7,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Balan\u00e7a, Suspens\u00e3o, Suspens\u00e3o traseira\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoCompleto:\"Balan\u00e7a, Suspens\u00e3o, Suspens\u00e3o traseira\"","active":0,"first":0,"last":0},{"val":"Caixa de dire\u00e7\u00e3o, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o","seo":"caixa-de-direcao-suspensao-coluna-de-direcao","count":20,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Caixa de dire\u00e7\u00e3o, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoCompleto:\"Caixa de dire\u00e7\u00e3o, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o\"","active":0,"first":0,"last":0},{"val":"Cubo de roda, Roda, Roda dianteira","seo":"cubo-de-roda-roda-roda-dianteira","count":17,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Cubo de roda, Roda, Roda dianteira\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoCompleto:\"Cubo de roda, Roda, Roda dianteira\"","active":0,"first":0,"last":0},{"val":"Cubo de roda, Roda, Roda dianteira\/traseira ","seo":"cubo-de-roda-roda-roda-dianteira-traseira","count":5,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Cubo de roda, Roda, Roda dianteira\/traseira \"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoCompleto:\"Cubo de roda, Roda, Roda dianteira\/traseira \"","active":0,"first":0,"last":0},{"val":"Cubo de roda, Roda, Roda traseira","seo":"cubo-de-roda-roda-roda-traseira","count":18,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Cubo de roda, Roda, Roda traseira\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoCompleto:\"Cubo de roda, Roda, Roda traseira\"","active":0,"first":0,"last":0},{"val":"Embreagem central, Motor, Embreagem","seo":"embreagem-central-motor-embreagem","count":1,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Embreagem central, Motor, Embreagem\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoCompleto:\"Embreagem central, Motor, Embreagem\"","active":0,"first":0,"last":0},{"val":"Embreagem central, Transmiss\u00e3o, C\u00e2mbio","seo":"embreagem-central-transmissao-cambio","count":1,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Embreagem central, Transmiss\u00e3o, C\u00e2mbio\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoCompleto:\"Embreagem central, Transmiss\u00e3o, C\u00e2mbio\"","active":0,"first":0,"last":0},{"val":"Embreagem central, Transmiss\u00e3o, Eixo de comando","seo":"embreagem-central-transmissao-eixo-de-comando","count":1,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Embreagem central, Transmiss\u00e3o, Eixo de comando\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoCompleto:\"Embreagem central, Transmiss\u00e3o, Eixo de comando\"","active":0,"first":0,"last":0},{"val":"Embreagem central, Transmiss\u00e3o, Embreagem","seo":"embreagem-central-transmissao-embreagem","count":2,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Embreagem central, Transmiss\u00e3o, Embreagem\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoCompleto:\"Embreagem central, Transmiss\u00e3o, Embreagem\"","active":0,"first":0,"last":0},{"val":"Embreagem central, Transmiss\u00e3o, Transmiss\u00e3o secund\u00e1ria","seo":"embreagem-central-transmissao-transmissao-secundaria","count":2,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Embreagem central, Transmiss\u00e3o, Transmiss\u00e3o secund\u00e1ria\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoCompleto:\"Embreagem central, Transmiss\u00e3o, Transmiss\u00e3o secund\u00e1ria\"","active":0,"first":0,"last":0},{"val":"Garfo, Roda, Roda traseira","seo":"garfo-roda-roda-traseira","count":1,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Garfo, Roda, Roda traseira\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoCompleto:\"Garfo, Roda, Roda traseira\"","active":0,"first":0,"last":0},{"val":"Garfo, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o","seo":"garfo-suspensao-coluna-de-direcao","count":2,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Garfo, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoCompleto:\"Garfo, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o\"","active":0,"first":0,"last":0},{"val":"Garfo, Suspens\u00e3o, Suspens\u00e3o traseira","seo":"garfo-suspensao-suspensao-traseira","count":6,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Garfo, Suspens\u00e3o, Suspens\u00e3o traseira\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoCompleto:\"Garfo, Suspens\u00e3o, Suspens\u00e3o traseira\"","active":0,"first":0,"last":0},{"val":"Guia da corrente, Transmiss\u00e3o, Corrente","seo":"guia-da-corrente-transmissao-corrente","count":1,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Guia da corrente, Transmiss\u00e3o, Corrente\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoCompleto:\"Guia da corrente, Transmiss\u00e3o, Corrente\"","active":0,"first":0,"last":0},{"val":"Pedal de c\u00e2mbio, Transmiss\u00e3o, C\u00e2mbio","seo":"pedal-de-cambio-transmissao-cambio","count":8,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Pedal de c\u00e2mbio, Transmiss\u00e3o, C\u00e2mbio\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoCompleto:\"Pedal de c\u00e2mbio, Transmiss\u00e3o, C\u00e2mbio\"","active":0,"first":0,"last":0},{"val":"Pedal de partida, Motor, Motor de partida","seo":"pedal-de-partida-motor-motor-de-partida","count":8,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Pedal de partida, Motor, Motor de partida\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoCompleto:\"Pedal de partida, Motor, Motor de partida\"","active":0,"first":0,"last":0},{"val":"Pr\u00f3-link, Suspens\u00e3o, Roda traseira","seo":"pro-link-suspensao-roda-traseira","count":2,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Pr\u00f3-link, Suspens\u00e3o, Roda traseira\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoCompleto:\"Pr\u00f3-link, Suspens\u00e3o, Roda traseira\"","active":0,"first":0,"last":0},{"val":"Pr\u00f3-link, Suspens\u00e3o, Suspens\u00e3o traseira","seo":"pro-link-suspensao-suspensao-traseira","count":3,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Pr\u00f3-link, Suspens\u00e3o, Suspens\u00e3o traseira\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoCompleto:\"Pr\u00f3-link, Suspens\u00e3o, Suspens\u00e3o traseira\"","active":0,"first":0,"last":0},{"val":"Tampa do motor, Motor, Carca\u00e7a do motor","seo":"tampa-do-motor-motor-carcaca-do-motor","count":2,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Tampa do motor, Motor, Carca\u00e7a do motor\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoCompleto:\"Tampa do motor, Motor, Carca\u00e7a do motor\"","active":0,"first":0,"last":0},{"val":"Tampa do motor, Motor, Motor","seo":"tampa-do-motor-motor-motor","count":1,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Tampa do motor, Motor, Motor\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoCompleto:\"Tampa do motor, Motor, Motor\"","active":0,"first":0,"last":0},{"val":"Tampa do motor, Motor, Tampa do motor","seo":"tampa-do-motor-motor-tampa-do-motor","count":4,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Tampa do motor, Motor, Tampa do motor\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoCompleto:\"Tampa do motor, Motor, Tampa do motor\"","active":0,"first":0,"last":0},{"val":"Tampa do motor, Transmiss\u00e3o, \u00c1rvore secund\u00e1ria","seo":"tampa-do-motor-transmissao-arvore-secundaria","count":2,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Tampa do motor, Transmiss\u00e3o, \u00c1rvore secund\u00e1ria\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoCompleto:\"Tampa do motor, Transmiss\u00e3o, \u00c1rvore secund\u00e1ria\"","active":0,"first":0,"last":0},{"val":"Virabrequim, Motor, Conjunto m\u00f3vel","seo":"virabrequim-motor-conjunto-movel","count":10,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Virabrequim, Motor, Conjunto m\u00f3vel\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoCompleto:\"Virabrequim, Motor, Conjunto m\u00f3vel\"","active":0,"first":0,"last":0},{"val":"Virabrequim, Motor, Virabrequim","seo":"virabrequim-motor-virabrequim","count":16,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Virabrequim, Motor, Virabrequim\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoCompleto:\"Virabrequim, Motor, Virabrequim\"","active":0,"first":0,"last":0},{"val":"Virabrequim, Transmiss\u00e3o, Virabrequim","seo":"virabrequim-transmissao-virabrequim","count":10,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Virabrequim, Transmiss\u00e3o, Virabrequim\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoCompleto:\"Virabrequim, Transmiss\u00e3o, Virabrequim\"","active":0,"first":0,"last":1}]},"aplicacaoMotoGrupo":{"buckets":[{"val":"Freios","seo":"freios","count":1,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoGrupo:\"Freios\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoGrupo:\"Freios\"","active":0,"first":1,"last":0},{"val":"Motor","seo":"motor","count":81,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoGrupo:\"Motor\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoGrupo:\"Motor\"","active":0,"first":0,"last":0},{"val":"Roda","seo":"roda","count":34,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoGrupo:\"Roda\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoGrupo:\"Roda\"","active":0,"first":0,"last":0},{"val":"Suspens\u00e3o","seo":"suspensao","count":49,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoGrupo:\"Suspens\u00e3o\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoGrupo:\"Suspens\u00e3o\"","active":0,"first":0,"last":0},{"val":"Transmiss\u00e3o","seo":"transmissao","count":71,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoGrupo:\"Transmiss\u00e3o\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoGrupo:\"Transmiss\u00e3o\"","active":0,"first":0,"last":1}]},"aplicacaoMotoModelos":{"buckets":[{"val":"ADDRESS AE","seo":"address-ae","count":4,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"ADDRESS AE\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"ADDRESS AE\"","active":0,"first":1,"last":0},{"val":"ADDRESS V","seo":"address-v","count":2,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"ADDRESS V\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"ADDRESS V\"","active":0,"first":0,"last":0},{"val":"AN","seo":"an","count":1,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"AN\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"AN\"","active":0,"first":0,"last":0},{"val":"Apache","seo":"apache","count":14,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"Apache\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"Apache\"","active":0,"first":0,"last":0},{"val":"BANDIT","seo":"bandit","count":2,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"BANDIT\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"BANDIT\"","active":0,"first":0,"last":0},{"val":"BIZ","seo":"biz","count":12,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"BIZ\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"BIZ\"","active":0,"first":0,"last":0},{"val":"BIZ C","seo":"biz-c","count":9,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"BIZ C\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"BIZ C\"","active":0,"first":0,"last":0},{"val":"Brute Force","seo":"brute-force","count":1,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"Brute Force\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"Brute Force\"","active":0,"first":0,"last":0},{"val":"BURGMAN","seo":"burgman","count":9,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"BURGMAN\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"BURGMAN\"","active":0,"first":0,"last":0},{"val":"C","seo":"c","count":8,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"C\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"C\"","active":0,"first":0,"last":0},{"val":"CB","seo":"cb","count":33,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"CB\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"CB\"","active":0,"first":0,"last":0},{"val":"CBR","seo":"cbr","count":7,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"CBR\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"CBR\"","active":0,"first":0,"last":0},{"val":"CBX","seo":"cbx","count":27,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"CBX\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"CBX\"","active":0,"first":0,"last":0},{"val":"CG","seo":"cg","count":18,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"CG\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"CG\"","active":0,"first":0,"last":0},{"val":"Chopper Road","seo":"chopper-road","count":5,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"Chopper Road\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"Chopper Road\"","active":0,"first":0,"last":0},{"val":"Cityclass","seo":"cityclass","count":3,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"Cityclass\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"Cityclass\"","active":0,"first":0,"last":0},{"val":"Citycom","seo":"citycom","count":17,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"Citycom\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"Citycom\"","active":0,"first":0,"last":0},{"val":"COMET","seo":"comet","count":1,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"COMET\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"COMET\"","active":0,"first":0,"last":0},{"val":"CRF","seo":"crf","count":7,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"CRF\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"CRF\"","active":0,"first":0,"last":0},{"val":"Cruisym","seo":"cruisym","count":2,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"Cruisym\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"Cruisym\"","active":0,"first":0,"last":0},{"val":"CRYPTON","seo":"crypton","count":10,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"CRYPTON\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"CRYPTON\"","active":0,"first":0,"last":0},{"val":"CTX","seo":"ctx","count":2,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"CTX\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"CTX\"","active":0,"first":0,"last":0},{"val":"DK","seo":"dk","count":2,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"DK\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"DK\"","active":0,"first":0,"last":0},{"val":"DL","seo":"dl","count":10,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"DL\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"DL\"","active":0,"first":0,"last":0},{"val":"Dominar","seo":"dominar","count":2,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"Dominar\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"Dominar\"","active":0,"first":0,"last":0},{"val":"DR","seo":"dr","count":3,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"DR\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"DR\"","active":0,"first":0,"last":0},{"val":"DRZ","seo":"drz","count":1,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"DRZ\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"DRZ\"","active":0,"first":0,"last":0},{"val":"DT","seo":"dt","count":7,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"DT\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"DT\"","active":0,"first":0,"last":0},{"val":"DTR","seo":"dtr","count":1,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"DTR\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"DTR\"","active":0,"first":0,"last":0},{"val":"Elite","seo":"elite","count":9,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"Elite\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"Elite\"","active":0,"first":0,"last":0},{"val":"EN","seo":"en","count":3,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"EN\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"EN\"","active":0,"first":0,"last":0},{"val":"F","seo":"f","count":2,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"F\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"F\"","active":0,"first":0,"last":0},{"val":"FAZER","seo":"fazer","count":9,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"FAZER\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"FAZER\"","active":0,"first":0,"last":0},{"val":"Fluo","seo":"fluo","count":1,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"Fluo\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"Fluo\"","active":0,"first":0,"last":0},{"val":"Fourtrax","seo":"fourtrax","count":30,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"Fourtrax\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"Fourtrax\"","active":0,"first":0,"last":0},{"val":"G","seo":"g","count":3,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"G\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"G\"","active":0,"first":0,"last":0},{"val":"Grizzly","seo":"grizzly","count":1,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"Grizzly\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"Grizzly\"","active":0,"first":0,"last":0},{"val":"GS","seo":"gs","count":9,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"GS\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"GS\"","active":0,"first":0,"last":0},{"val":"GSR","seo":"gsr","count":1,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"GSR\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"GSR\"","active":0,"first":0,"last":0},{"val":"GSX","seo":"gsx","count":5,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"GSX\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"GSX\"","active":0,"first":0,"last":0},{"val":"GSX-R","seo":"gsx-r","count":7,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"GSX-R\"","href":"?title=Motope\u00e7as por Fabricante&sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=aplicacaoMotoModelos:\"GSX-R\"","active":0,"first":0,"last":0},{"val":"Hunter Max","seo":"hunter-max","count":1,"query_string":"title=Motope\u00e7as por Fabricante&website=ppkrolemak&enviroment=production&database=marketformation&fac<!doctype html>
<html lang="pt-br">
  <head>
    <!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">


   <!-- Google Tag Manager -->
  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  })(window,document,'script','dataLayer','GTM-N3JCF2F');</script>
  <!-- End Google Tag Manager -->
  
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N3JCF2F" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

  <meta name="robots" content="index, follow" /> 
  
  
    <meta name="google-site-verification" content="8UM-KkvdjcrzkqgmganuI7FgkKkUuVtqA41TiSWj0n0" />
  
  
  
  

  
      <script src="https://www.marketformation.com.br/cdn/vendor/jquery/jquery.min.3.6.0.js"></script>
    
      <script src="https://www.marketformation.com.br/cdn/vendor/bootstrap5/bootstrap.bundle.min.js"></script>
  
      <script src="https://www.marketformation.com.br/cdn/vendor/htmx/htmx.min.js"></script>
      <script src="https://www.marketformation.com.br/cdn/vendor/htmx/_hyperscript.min.js"></script>
      <script src="https://www.marketformation.com.br/cdn/vendor/htmx/client-side-templates.js"></script>
      <script src="https://www.marketformation.com.br/cdn/vendor/mustache-js/mustache.4.2.0.js"></script>
 
      <script src="https://www.marketformation.com.br/cdn/vendor/alpine/component.min.js" defer></script>
      <script src="https://unpkg.com/@alpinejs/intersect@3.x.x/dist/cdn.min.js" defer></script>
      <script src="https://www.marketformation.com.br/cdn/vendor/alpine/alpine3.min.js" defer></script>
   
    <script src="https://www.google.com/recaptcha/api.js?render=6Lffe1MdAAAAALNl_DqF9-ByFDjRL_-HBqwwpn5I"></script>
    <style type="text/css">
      .grecaptcha-badge {
        z-index: 999;
        width: 60px !important;
        height: 60px !important;
        overflow: hidden !important;
        transition: all 0.3s ease !important;
        left: 4px !important;
        display:none !important;
      }
      .grecaptcha-badge:hover {
        width: 256px !important;
      }
    </style>
   
  
    
    <link href="https://www.marketformation.com.br/cdn/vendor/daisyui/full.css" rel="stylesheet" type="text/css" />
    
      <link href="https://www.marketformation.com.br/cdn/vendor/tailwind/tailwind.2.2.min.css" rel="stylesheet" type="text/css"  />
      <!--<script src="https://cdn.tailwindcss.com"></script>-->
    
    
    

      <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
    
    
  
  
    <script src="https://www.marketformation.com.br/cdn/vendor/Mask-Plugin/dist/jquery.mask.min.js" defer></script>
    <script>
    $(document).ready(function(){
      $('.date').mask('00/00/0000');
      $('.time').mask('00:00:00');
      $('.date_time').mask('00/00/0000 00:00:00');
      $('.cep').mask('00000-000');
      $('.phone').mask('0000-0000');
      $('.phone_with_ddd').mask('(00) 00000-0000');
      $('.phone_full').mask('+00 (00) 00000-0000');
      $('.phone_us').mask('(000) 000-0000');
      $('.mixed').mask('AAA 000-S0S');
      $('.cpf').mask('000.000.000-00', {reverse: true});
      $('.cnpj').mask('00.000.000/0000-00', {reverse: true});
      $('.money').mask('000.000.000.000.000,00', {reverse: true});
      $('.money2').mask("#.##0,00", {reverse: true});
      $('.ip_address').mask('0ZZ.0ZZ.0ZZ.0ZZ', {
        translation: {
          'Z': {
            pattern: /[0-9]/, optional: true
          }
        }
      });
      $('.ip_address').mask('099.099.099.099');
      $('.percent').mask('##0,00%', {reverse: true});
      $('.clear-if-not-match').mask("00/00/0000", {clearIfNotMatch: true});
      $('.placeholder').mask("00/00/0000", {placeholder: "__/__/____"});
      $('.fallback').mask("00r00r0000", {
          translation: {
            'r': {
              pattern: /[\/]/,
              fallback: '/'
            },
            placeholder: "__/__/____"
          }
        });
      $('.selectonfocus').mask("00/00/0000", {selectOnFocus: true});
    });
    </script>   
  
       <script src="https://www.marketformation.com.br/cdn/vendor/floating-wpp/floating-wpp.min.js" defer></script>
       <link rel="stylesheet" href="https://www.marketformation.com.br/cdn/vendor/floating-wpp/floating-wpp.min.css">
       <script type="text/javascript">
            $(function () {
                $('.floating-wpp').floatingWhatsApp({
                    phone: '551120900644',
                    popupMessage: 'Bem vindo, em que posso ajudar ?',
                    showPopup: false,
                    position: 'right',
                    autoOpen: false,
                    //autoOpenTimer: 4000,
                    message: '',
                    headerColor: '#000000',
                    headerTitle: 'PPK Rolamentos | Importadora e Distribuidora de Motopeças',
                    //size: '24px',
                });
            });
        </script>
  
       <script src="https://www.marketformation.com.br/cdn/vendor/highlight/highlight.js" defer></script>
       <script type="text/javascript">
        htmx.on("htmx:afterRequest", function(evt) {
          //console.log("Request Done!");
          var $query   = $(".search-helper");
          var $content = $(".contentHelperHighlight");
          var searchTerm = $query.val();
            
          $content.removeHighlight();
        
          if ( searchTerm ) {
            $content.highlight( searchTerm );
          }
        });
      </script>
    
   
    
    <script src="https://www.marketformation.com.br/cdn/vendor/jquery-zoom/jquery.zoom.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function(){
        function isMobile() {
          return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
        }
        
        if (!isMobile()) {
          setTimeout( function() 
          {
            $('#main-picture').zoom({
              magnify: 1.2,
              duration: 200,
              on: 'grab'
            });
          }, 100);
        }else{
          $('#zoom-caption').hide();
        }
      });
    </script>
    <script type="text/javascript">
      htmx.on("htmx:afterRequest", function(evt) {
        //console.log("Request Done!");
        $('#main-picture').zoom({
          magnify: 1.2,
          duration: 200,
          on: 'grab'
        });
      });
    </script>
   
      <script src="https://www.marketformation.com.br/cdn/vendor/OwlCarousel2/owl.carousel.min.js"></script>
      <link rel="stylesheet" href="https://www.marketformation.com.br/cdn/vendor/OwlCarousel2/owl.carousel.min.css"/>
      <link rel="stylesheet" href="https://www.marketformation.com.br/cdn/vendor/OwlCarousel2/owl.theme.default.min.css"/>
    
    <script src="https://www.marketformation.com.br/cdn/vendor/lazy.load/lazyload.js"></script>
    <script type="text/javascript">
      $(function() {
        $("img.lazyload").lazyload({
             effect: "fadeIn",
             effectspeed: 500,
             load : function()
             {
                // Callback here
             }
           });
           
        $("button.changeImg").click(function(){
          var div = $(this).closest("div.relative"), //Div onde estão as imagens
              active = div.find("img.active");       //Imagem que está sendo mostrada no momento
          active.next("img").trigger('appear');      //Carregar a imagem pelo trigger do LazyLoad
        });
      });
    </script>
    
    <script type="text/javascript">
      htmx.on("htmx:afterRequest", function(evt) {
        $("html,body").trigger("scroll");
      });
    </script>
    
    
    <script type="text/javascript">
      $(document).ready(function ($) {
          var url = window.location.href;
          var activePage = url;
          $('#services a').each(function () {
              var linkPage = this.href;
      
              if (activePage == linkPage) {
                  $(this).addClass("active");
              }
          });
      });
    </script>
  
    <link rel="shortcut icon" href="/favicon/ppkrolemak.png" />
  
  

    <script src="https://www.marketformation.com.br/cdn/vendor/selectize/selectize.js"></script>
    <link rel="stylesheet" href="https://www.marketformation.com.br/cdn/vendor/selectize/selectize.min.css"/>
      
    
    <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.13.3/js/standalone/selectize.js" integrity="sha512-pF+DNRwavWMukUv/LyzDyDMn8U2uvqYQdJN0Zvilr6DDo/56xPDZdDoyPDYZRSL4aOKO/FGKXTpzDyQJ8je8Qw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>-->
    <!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.13.3/css/selectize.bootstrap4.min.css" integrity="sha512-MMojOrCQrqLg4Iarid2YMYyZ7pzjPeXKRvhW9nZqLo6kPBBTuvNET9DBVWptAo/Q20Fy11EIHM5ig4WlIrJfQw==" crossorigin="anonymous" referrerpolicy="no-referrer" />-->



<link rel="stylesheet" href="https://www.marketformation.com.br/cdn/vendor/mf/default.css"/>

<!-- Loading Head Website -->
<!--<link rel="preconnect" href="https://fonts.googleapis.com">-->
<!--<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>-->
<!--<link href="https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,400;0,776;1,600;1,800&display=swap" rel="stylesheet">-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Exo:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">


<style>
  body{ font-family: 'Exo', sans-serif; }
 .bg-gradient {
  background-color: #F1F1F1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23FFFFFF'/%3E%3Cstop offset='1' stop-color='%23F1F1F1'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='750' x2='1550' y2='750'%3E%3Cstop offset='0' stop-color='%23f8f8f8'/%3E%3Cstop offset='1' stop-color='%23F1F1F1'/%3E%3C/linearGradient%3E%3Cpath id='s' fill='url(%23b)' d='M1549.2 51.6c-5.4 99.1-20.2 197.6-44.2 293.6c-24.1 96-57.4 189.4-99.3 278.6c-41.9 89.2-92.4 174.1-150.3 253.3c-58 79.2-123.4 152.6-195.1 219c-71.7 66.4-149.6 125.8-232.2 177.2c-82.7 51.4-170.1 94.7-260.7 129.1c-90.6 34.4-184.4 60-279.5 76.3C192.6 1495 96.1 1502 0 1500c96.1-2.1 191.8-13.3 285.4-33.6c93.6-20.2 185-49.5 272.5-87.2c87.6-37.7 171.3-83.8 249.6-137.3c78.4-53.5 151.5-114.5 217.9-181.7c66.5-67.2 126.4-140.7 178.6-218.9c52.3-78.3 96.9-161.4 133-247.9c36.1-86.5 63.8-176.2 82.6-267.6c18.8-91.4 28.6-184.4 29.6-277.4c0.3-27.6 23.2-48.7 50.8-48.4s49.5 21.8 49.2 49.5c0 0.7 0 1.3-0.1 2L1549.2 51.6z'/%3E%3Cg id='g'%3E%3Cuse href='%23s' transform='scale(0.12) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.2) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.25) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(0.3) rotate(-20)'/%3E%3Cuse href='%23s' transform='scale(0.4) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(0.5) rotate(20)'/%3E%3Cuse href='%23s' transform='scale(0.6) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.7) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.835) rotate(-40)'/%3E%3Cuse href='%23s' transform='scale(0.9) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(1.05) rotate(25)'/%3E%3Cuse href='%23s' transform='scale(1.2) rotate(8)'/%3E%3Cuse href='%23s' transform='scale(1.333) rotate(-60)'/%3E%3Cuse href='%23s' transform='scale(1.45) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(1.6) rotate(10)'/%3E%3C/g%3E%3C/defs%3E%3Cg %3E%3Cg transform='translate(0 75)'%3E%3Ccircle fill='url(%23a)' r='3000'/%3E%3Cg opacity='0.5'%3E%3Ccircle fill='url(%23a)' r='2000'/%3E%3Ccircle fill='url(%23a)' r='1800'/%3E%3Ccircle fill='url(%23a)' r='1700'/%3E%3Ccircle fill='url(%23a)' r='1651'/%3E%3Ccircle fill='url(%23a)' r='1450'/%3E%3Ccircle fill='url(%23a)' r='1250'/%3E%3Ccircle fill='url(%23a)' r='1175'/%3E%3Ccircle fill='url(%23a)' r='900'/%3E%3Ccircle fill='url(%23a)' r='750'/%3E%3Ccircle fill='url(%23a)' r='500'/%3E%3Ccircle fill='url(%23a)' r='380'/%3E%3Ccircle fill='url(%23a)' r='250'/%3E%3C/g%3E%3Cg transform='rotate(-259.2 0 0)'%3E%3Cuse href='%23g' transform='rotate(10)'/%3E%3Cuse href='%23g' transform='rotate(120)'/%3E%3Cuse href='%23g' transform='rotate(240)'/%3E%3C/g%3E%3Ccircle fill-opacity='0.2' fill='url(%23a)' r='3000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;}
</style>    <title></title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    
    <!-- Open Graph Protocol -->
    <meta property="og:title" content="" />
    <meta property="og:type" content="website" />
    <meta property="og:description" content="" />
    <meta property="og:url" content="https://ppkrolemak.com.br"/>
    <meta property="og:site_name" content="PPK Rolamentos | Importadora e Distribuidora de Motopeças"/>
 
    <!-- Optional: Define a locale for your content -->
    <meta property="og:locale" content="pt_BR" />
    
  </head>
 <body x-cloak x-data="{ cartOpen: false , menuOpen: false, filtersOpen: false, menu_underline: '' }" class="text-gray-700">
     <div class="bg-gradient h-full">
       <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N3JCF2F" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

<!-- Loading Header Website -->
<div class="h-0.5 relative overflow-hidden">
  <div class="w-full h-full bg-gray-100 absolute"></div>
  <div id="bar" class="h-full bg-yellow-500 rounded-full relative w-0"></div>
</div>

<div class=" bg-red-700" id="header"> 
<!------------------------------------------------------------------------------------------
TOP HEADER
------------------------------------------------------------------------------------------>
<div class="hidden lg:block">
<div class="container lg:px-5 px-2 md:pt-2 mx-auto space-y-1 lg:space-y-0 lg:flex lg:items-center lg:justify-center lg:space-x-10 relative h-8">
  
  <!--Menu Fast-->
  <div class="flex">
        <div class="grid grid-flow-col items-center divide-x border-red-500 divide-red-500">
          <div class="text-xs px-4 text-center transition duration-200 text-gray-100 hover:underline transition duration-300">
            <a href="/representantes" target="_parent"><i class="fas fa-users"></i> Representantes </a>
          </div>
          <div class="text-xs px-4 text-center transition duration-200 text-gray-100 hover:underline transition duration-300">
            <a href="/contato" target="_parent"><i class="fas fa-id-card"></i> Contato </a>
          </div>
          <div class="text-xs px-4 text-center transition duration-200 text-gray-100 hover:underline transition duration-300">
            <a href="/quem-somos" target="_parent"><i class="fas fa-briefcase"></i> Quem somos </a>
          </div>
      </div>
  </div>
  
  <!--Menu Fast-->
  <!--Contact-->
  <div class="flex absolute right-0 pr-5">
      <div class="text-xs transition duration-200 text-gray-100 hover:underline">
        <span>
          <a target="_blank" href="https://api.whatsapp.com/send?phone=551120900644">
          <i class="fab fa-whatsapp fa-lg fa-fw"></i> (11) 2090-0644 / 2090-0640</a>
          </span>
      </div>
  </div>
  
</div>
</div>


<!------------------------------------------------------------------------------
HEADER
------------------------------------------------------------------------------------------>
<div class="hidden lg:block">
  <div class="container lg:px-5 px-2 py-4 mx-auto space-y-1 lg:space-y-0 lg:flex lg:items-center lg:justify-between lg:space-x-10">
   
  <!--Logotipo-->
  <div class="flex">
    <a href="/">
      <span class="sr-only">PPK Rolamentos</span>
      <img class="" src="https://www.marketformation.com.br/cdn/svg/marca/ppkmotoparts.svg?version=1.1" title="PPK Rolamentos" width="100" height="" alt="ppk motoparts logo 2">
    </a>
  </div>
  
  <!--Search-->
  <div class="flex lg:flex-1">
      <div class="w-full">
        <form id="search-form" action="/busca" method="GET" class="w-full">
          <div class="flex">
            <div class="relative w-full">
            	<input input id="search" autocomplete="off" name="q" value="" autofocus
            	       class="border border-1 h-10 border-gray-300 placeholder-gray-500 focus:border-green-600 text-gray-600 flex-shrink autoComplete flex-grow flex-auto w-full rounded-l flex-1 placeholder-opacity-50 text-lg px-3 relative focus:outline-none focus:border-transparent">
          	 </div>
        	   
        		<div class="flex -mr-px">
        			<button type="submit" class="flex items-center px-5 bg-green-600 border border-l-0 border-green-700 text-white rounded-r text-sm">
        			  <i class="fas fa-search"></i>
        			</button>
        		</div>
        		
            </div>
        </form>
        
      </div>
  </div>
  
  <!--Services-->
  <div class="flex" id="services">
    <div class="grid grid-flow-col items-center justify-between space-x-1 divide-x border-red-500 divide-red-500">
     
       <div class="flex">
        <a href="/minha-conta" class="flex items-center justify-between space-x-1 transition duration-200 text-gray-100 hover:underline transition duration-300">
        <div class="flex ml-2">
            <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 7a2 2 0 012 2m4 0a6 6 0 01-7.743 5.743L11 17H9v2H7v2H4a1 1 0 01-1-1v-2.586a1 1 0 01.293-.707l5.964-5.964A6 6 0 1121 9z" />
            </svg>
         </div>
         <div class="flex">
           <span class="leading-none text-xs">Fazer <br> Login</span>
         </div>
         </a>
       </div> 
    
     
     
     
    </div>
  </div>
</div>
</div>

<!------------------------------------------------------------------------------
Mobile
------------------------------------------------------------------------------------------>
<div class="lg:hidden">
    
  
  <div class="container mx-auto flex items-center justify-between py-3 space-x-4">
  
    <!--Menu-->
    <div class="flex">
      <button @click="menuOpen = !menuOpen" type="button" class="transition duration-200 text-gray-100 hover:underline mx-3 mt-1">
        <!-- Heroicon name: outline/menu -->
        <svg class="h-8 w-8" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
        </svg>
      </button>
      <div class="absolute top-0 inset-x-0 p-2 h-screen w-10/12 transition-all duration-100 transform origin-top-left z-50" x-show="menuOpen">
        <div class="rounded-lg shadow-m bg-opacity-40 border-b border-text-white bg-green-800 border-b border-green-900 bg-opacity-100 ring-1 ring-black ring-opacity-5 overflow-hidden" @click.away=" menuOpen = false">
          <div class="px-5 pt-4 flex items-center justify-between">
            <div>
              <a href="/"><img class="h-6 w-auto" src="https://www.marketformation.com.br/cdn/svg/marca/ppkmotoparts.svg?version=1.1" alt="PPK Rolamentos" title="PPK Rolamentos"></a>
            </div>
            <div class="-mr-2">
              <button @click="menuOpen = !menuOpen" type="button" class="rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500">
                <svg class="h-8 w-8 " xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
                </svg>
              </button>
            </div>
          </div>
          <div class="px-2 pt-2 pb-3 space-y-1">
              <a href="/busca" class="block px-3 py-2 rounded-md text-base font-medium transition duration-200 transition duration-200 text-gray-100 hover:underline">
                  <div class="flex items-center flex-row">
                      <div class="px-1 w-6"></div>
                      <div>Todos os Produtos</div>
                  </div>
              </a>
              <a href="/categorias" class="block px-3 py-2 rounded-md text-base font-medium transition duration-200 transition duration-200 text-gray-100 hover:underline">
                  <div class="flex items-center flex-row">
                      <div class="px-1 w-6"></div>
                      <div>Categorias</div>
                  </div>
              </a>
          </div>
        </div>
      </div>
    </div>
      
    <!--Logotipo-->
    <div class="flex flex-1">
      <a href="/">
        <span class="sr-only">PPK Rolamentos</span>
        <img class="" src="https://www.marketformation.com.br/cdn/svg/marca/ppkmotoparts.svg?version=1.1" title="PPK Rolamentos" width="100" height="" alt="PPK Rolamentos">
      </a>
    </div>
    
     <!--User-->
    <div class="flex">
       <a href="/minha-conta" 
          class="transition duration-200 text-gray-100 hover:underline mx-3 mt-1">
        <!-- Heroicon name: outline/menu -->
        <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" viewBox="0 0 20 20" fill="currentColor" stroke="">
          <path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd" />
        </svg>
      </a>
    </div> 
    
    <!--cart-->
    
  </div>
  
  <!--Search-->
  <div class="container mx-auto flex items-center justify-between">
  <div class="px-3 mb-3 w-full">
    <div class="relative ">
      <form action="/busca" method="GET">
    	<div class="flex">   
        	<div class="relative w-full">
        	   <input id="search-mobile" autocomplete="off" name="q" value="" autofocus
                	  class="border border-1 h-10 border-gray-300 placeholder-gray-500 focus:border-green-600 text-gray-600 flex-shrink autoComplete flex-grow flex-auto w-full rounded-l flex-1 placeholder-opacity-50 text-sm px-3 relative focus:outline-none focus:border-transparent">
        	</div>
        	<div class="flex -mr-px">
            	<button type="submit" class="flex items-center px-5 bg-green-600 border border-l-0 border-green-700 text-white rounded-r text-sm">
            		<i class="fas fa-search"></i>
            	</button>
        	</div>
        </div>
    	</form>
    </div>
  </div>
  </div>

</div>

</div>
       <div class="bg-green-800 border-b border-green-900" id="menu">

<div hx-ext="client-side-templates">

    <div 
        hx-get="/services/categories"
        hx-trigger="load"
        hx-swap="innerHTML"
        hx-target="#response-menu-ppkrolemak"
        mustache-template="menu-ppkrolemak"
    >
    </div>
    
    <template id="menu-ppkrolemak">
        <div 
            class="flex" 
            x-data="{ sortModelo: new URLSearchParams(document.location.search) }"
            >
           <div class="flex items-center flex-row space-x-2 xl:space-x-6 divide-x divide-green-600 -ml-6">
                {{#makers}}
                <div 
                    class="relative" 
                    x-data="{ optionsDropdown: false }"
                    >
                    <button
                        @click="optionsDropdown = !optionsDropdown; optionsDropdown === true ? document.body.style.overflow = 'hidden' : document.body.style.overflow = 'auto';"
                        title="Montadoras" 
                        class="focus:outline-none flex items-center justify-center space-x-1 pl-6 py-1 text-sm font-semibold uppercase font-extrabold transition duration-300"
                        :class="optionsDropdown === true ? 'text-green-200' : 'text-white hover:text-green-200' "
                        >
                        <p>Montadoras</p>
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 mb-0.5"><polyline points="6 9 12 15 18 9"></polyline></svg>
                    </button>
                    <div 
                        x-show="optionsDropdown" 
                        x-transition:enter="transition-all duration-200"
                        x-transition:enter-start="opacity-0"
                        x-transition:enter-end="opacity-100"
                        x-transition:leave="transition-all duration-200 delay-200"
                        x-transition:leave-start="opacity-100"
                        x-transition:leave-end="opacity-0"
                        class="fixed bg-black bg-opacity-40 left-0 right-0 bottom-0 z-40" 
                        style="top: 151px;"
                    ></div>
                    <div 
                        x-show="optionsDropdown" 
                        @click.away="optionsDropdown = false; document.body.style.overflow = 'auto';"
                        x-transition:enter="transition-all duration-300 delay-100"
                        x-transition:enter-start="opacity-0 transform -translate-y-3"
                        x-transition:enter-end="opacity-100 transform -translate-y-0"
                        x-transition:leave="transition-all duration-300"
                        x-transition:leave-start="opacity-100 transform -translate-y-0"
                        x-transition:leave-end="opacity-0 transform -translate-y-3"
                        class="absolute grid grid-cols-5 p-8 bg-white rounded-lg z-50 top-9 gap-x-4 gap-y-8 overflow-y-auto left-5"
                        style="min-width: 1080px; max-width: 1080px; max-height: 400px;"
                        >
                        {{#rows}}
                        <div class="w-40">
                            <div class="flex items-center justify-between space-x-2 mb-2">
                                <p class="text-base font-bold">{{montadora}}</p>
                                <a 
                                    href="/busca?filter=segmentoID:6%20AND%20ecommerceAtivo:1%20AND%20aplicacaoMotoMontadoras:&#34;{{montadora}}&#34;&title=Motopeças%20por%20Fabricante" 
                                    class="text-green-700"
                                    >
                                    <p class="text-xs font-medium hover:text-white hover:bg-red-700 transition-all duration-200 px-2 py-1 rounded bg-green-50">ver todos</p>
                                </a>
                            </div>
                            <ul class="w-full text-sm space-y-1 divide-y">
                                {{#models}}
                                <li class="w-full pt-1">
                                    <a 
                                        href="/busca?filter=segmentoID:6%20AND%20ecommerceAtivo:1%20AND%20aplicacaoMotoModelos:&#34;{{name}}&#34;" 
                                        class="group flex items-center justify-between transition-all duration-200 hover:text-green-700 text-gray-500 font-medium"
                                        >
                                        <p class="transition-all duration-100">{{name}}</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4 transition-all duration-100"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
                                    </a>
                                </li>
                                {{/models}}
                            </ul>
                        </div>
                        {{/rows}}
                    </div>
                </div>
                {{/makers}}
                {{#rows}} 
                <a title="{{categoriaNome}}" 
                    :href="sortModelo.has('sort') || sortModelo.has('sortName') 
                    ? `/motopecas/{{categoriaSEO}}?filter=categoriaNome:&#34;{{categoriaNome}}&#34;&title={{categoriaNomeCompleto}}&sort=${sortModelo.get('sort')}&sortName=${sortModelo.get('sortName')}`
                    : '/motopecas/{{categoriaSEO}}?filter=categoriaNome:&#34;{{categoriaNome}}&#34;&title={{categoriaNomeCompleto}}'" class="pl-6 py-1 text-sm font-semibold uppercase font-extrabold text-white hover:text-green-200 transition duration-300">{{categoriaNome}}</a>
                {{/rows}}
           </div>
        </div>
    </template>
</div>


<div class="hidden lg:block">
    <div class="container lg:px-5 px-2 mx-auto flex justify-left content-center items-stretch py-2">
        <div class="flex flex-row space-x-2 xl:space-x-6 divide-x divide-green-600 h-7">
           
            <div id="response-menu-ppkrolemak"></div>
            
            <!-- Carteira Clientes -->
        </div>
    </div>
</div>
 

















</div>
                     <div class="mx-auto container px-2 my-1 min-h-container lg:px-5" x-data="{display: '', source: 'showcase', showDetail: false, showApplication: false }" 
x-init="0 > 0 ? display='list' : display='grid' ">

<!--- Filters Mobile ---->
 <div class="lg:hidden">
  <div :class="filtersOpen ? '-translate-x-0 ease-in' : '-translate-x-full ease-out'" class="fixed left-0 top-0 max-w-sm w-full h-full px-6 py-4 transition duration-300 transform overflow-y-auto bg-white text-gray-900  border-r-2 border-gray-300 z-20">
    <div class="flex items-center justify-between">
      <h3 class="text-2xl font-medium text-white">Filtros</h3>
      <button @click="filtersOpen = !filtersOpen" class="text-gray-600 focus:outline-none">
        <svg class="h-5 w-5" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor"><path d="M6 18L18 6M6 6l12 12"></path></svg>
      </button>
    </div>
    <hr class="my-3">
    <!------ Filter Mobile ------->
    <nav class="flex-1  overflow-y-hidden">
      <ul class=" pr-2 mt-3 space-y-1 overflow-y-auto divide-y divide- neumorphism-shadow">
        
      <li>
          <!---------- #Category ---------->
          <div x-data="{ showCollapseFilterCategory: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterCategory=!showCollapseFilterCategory">
        <span class="font-medium text-lg font-bold">Categoria</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterCategory" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterCategory" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterCategory" x-show="showCollapseFilterCategory">
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=categoriaNome:&quot;Caixa de Direção&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Caixa de Direção <span class="ml-1 text-xs">(31)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=categoriaNome:&quot;Pedal de Câmbio&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Pedal de Câmbio <span class="ml-1 text-xs">(8)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=categoriaNome:&quot;Pedal de Partida&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Pedal de Partida <span class="ml-1 text-xs">(8)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=categoriaNome:&quot;Rolamentos de Moto&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Rolamentos de Moto <span class="ml-1 text-xs">(173)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=categoriaNome:&quot;Virabrequim&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Virabrequim <span class="ml-1 text-xs">(36)</span>
            </a>
        </li>
    </ul>
</div>          <!---------- /Category ---------->
      </li>
        
      <li>
        <!---------- #Application ---------->
        <div x-data="{ showCollapseFilterMaker: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterMaker=!showCollapseFilterMaker">
        <span class="font-medium text-lg font-bold">Montadoras</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterMaker" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterMaker" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterMaker" x-show="showCollapseFilterMaker">
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Bajaj&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Bajaj <span class="ml-1 text-xs">(11)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;BMW&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> BMW <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Can-Am&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Can-Am <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Dafra&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Dafra <span class="ml-1 text-xs">(53)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Haojue&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Haojue <span class="ml-1 text-xs">(13)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Honda <span class="ml-1 text-xs">(152)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Kasinski&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Kasinski <span class="ml-1 text-xs">(5)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Kawasaki&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Kawasaki <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Mottu&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Mottu <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Shineray&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Shineray <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Sundown&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Sundown <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Suzuki&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Suzuki <span class="ml-1 text-xs">(57)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Traxx&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Traxx <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Triumph&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Triumph <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Yamaha&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Yamaha <span class="ml-1 text-xs">(73)</span>
            </a>
        </li>
    </ul>
</div>        <!---------- /Application ----------> 
      </li>
      
      
      <li>
        <!---------- #Application ---------->
        <div x-data="{ showCollapseFilterGroup: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterGroup=!showCollapseFilterGroup">
        <span class="font-medium text-lg font-bold">Grupo</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterGroup" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterGroup" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterGroup" x-show="showCollapseFilterGroup">
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoGrupo:&quot;Freios&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Freios <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoGrupo:&quot;Motor&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Motor <span class="ml-1 text-xs">(81)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoGrupo:&quot;Roda&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Roda <span class="ml-1 text-xs">(34)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoGrupo:&quot;Suspensão&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Suspensão <span class="ml-1 text-xs">(49)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoGrupo:&quot;Transmissão&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Transmissão <span class="ml-1 text-xs">(71)</span>
            </a>
        </li>
    </ul>
</div>        <!---------- /Application ----------> 
      </li>
      
      <!---->
      <!--<li>-->
        <!---------- #Application ---------->
      <!--  </*?php echo View::factory('v1/product/showcase/_website/'.$website.'/_filters/subgroup');?*/>-->
        <!---------- /Application ----------> 
      <!--</li>-->
      <!---->
      
      <!---->
      <!--<li>-->
        <!---------- #Application ---------->
      <!--  </*?php echo View::factory('v1/product/showcase/_website/'.$website.'/_filters/motorcycle');?*/>-->
        <!---------- /Application ----------> 
      <!--</li>-->
      <!---->
      
      <li>
          <!---------- #Brand ---------->
          <div x-data="{ showCollapseFilterBrand: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterBrand=!showCollapseFilterBrand">
        <span class="font-medium text-lg font-bold">Marca</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterBrand" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterBrand" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterBrand" x-show="showCollapseFilterBrand">
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoMarca:&quot;MAK&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> MAK <span class="ml-1 text-xs">(40)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoMarca:&quot;Mak Automotive&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Mak Automotive <span class="ml-1 text-xs">(9)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoMarca:&quot;MAK M&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> MAK M <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoMarca:&quot;MAK M3&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> MAK M3 <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoMarca:&quot;PPK&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> PPK <span class="ml-1 text-xs">(136)</span>
            </a>
        </li>
    </ul>
</div>          <!---------- /Brand ---------->
      </li>
        
      <li>
        <!---------- #Packing ---------->
        <div x-data="{ showCollapseFilterPacking: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterPacking=!showCollapseFilterPacking">
        <span class="font-medium text-lg font-bold">Embalagem</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterPacking" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterPacking" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterPacking" x-show="showCollapseFilterPacking">
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Bulk&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Bulk <span class="ml-1 text-xs">(5)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Caixinha Individual <span class="ml-1 text-xs">(174)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Industrial&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Industrial <span class="ml-1 text-xs">(61)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Plástico&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Plástico <span class="ml-1 text-xs">(16)</span>
            </a>
        </li>
    </ul>
</div>        <!---------- /Packing ---------->
      </li>
      
        
      </ul>
   </nav>
  </div>
</div><!--- Filters Mobile ---->

<div class="grid grid-cols-6 gap-4">
    <!------- #Filtros  ------->
    <div class="hidden lg:block">
  <nav class="flex-1 max-h-full overflow-y-hidden">
    <ul class="max-h-full pr-1 space-y-1 overflow-y-auto divide-y divide- neumorphism-shadow">
    
    
      <li>
          <!---------- #Category ---------->
          <div x-data="{ showCollapseFilterCategory: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterCategory=!showCollapseFilterCategory">
        <span class="font-medium text-lg font-bold">Categoria</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterCategory" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterCategory" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterCategory" x-show="showCollapseFilterCategory">
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=categoriaNome:&quot;Caixa de Direção&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Caixa de Direção <span class="ml-1 text-xs">(31)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=categoriaNome:&quot;Pedal de Câmbio&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Pedal de Câmbio <span class="ml-1 text-xs">(8)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=categoriaNome:&quot;Pedal de Partida&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Pedal de Partida <span class="ml-1 text-xs">(8)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=categoriaNome:&quot;Rolamentos de Moto&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Rolamentos de Moto <span class="ml-1 text-xs">(173)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=categoriaNome:&quot;Virabrequim&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Virabrequim <span class="ml-1 text-xs">(36)</span>
            </a>
        </li>
    </ul>
</div>          <!---------- /Category ---------->
      </li>
        
      <li>
        <!---------- #Application ---------->
        <div x-data="{ showCollapseFilterMaker: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterMaker=!showCollapseFilterMaker">
        <span class="font-medium text-lg font-bold">Montadoras</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterMaker" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterMaker" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterMaker" x-show="showCollapseFilterMaker">
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Bajaj&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Bajaj <span class="ml-1 text-xs">(11)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;BMW&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> BMW <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Can-Am&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Can-Am <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Dafra&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Dafra <span class="ml-1 text-xs">(53)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Haojue&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Haojue <span class="ml-1 text-xs">(13)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Honda <span class="ml-1 text-xs">(152)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Kasinski&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Kasinski <span class="ml-1 text-xs">(5)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Kawasaki&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Kawasaki <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Mottu&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Mottu <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Shineray&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Shineray <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Sundown&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Sundown <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Suzuki&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Suzuki <span class="ml-1 text-xs">(57)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Traxx&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Traxx <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Triumph&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Triumph <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoMontadoras:&quot;Yamaha&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Yamaha <span class="ml-1 text-xs">(73)</span>
            </a>
        </li>
    </ul>
</div>        <!---------- /Application ----------> 
      </li>
      
      <li>
        <!---------- #Application ---------->
        <div x-data="{ showCollapseFilterModels: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterModels=!showCollapseFilterModels">
        <span class="font-medium text-lg font-bold">Modelos</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterModels" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterModels" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterModels" x-show="showCollapseFilterModels">
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;ADDRESS AE&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> ADDRESS AE <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;ADDRESS V&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> ADDRESS V <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;AN&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> AN <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;Apache&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Apache <span class="ml-1 text-xs">(14)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;BANDIT&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> BANDIT <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;BIZ&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> BIZ <span class="ml-1 text-xs">(12)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;BIZ C&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> BIZ C <span class="ml-1 text-xs">(9)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;Brute Force&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Brute Force <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;BURGMAN&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> BURGMAN <span class="ml-1 text-xs">(9)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;C&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> C <span class="ml-1 text-xs">(8)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;CB&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CB <span class="ml-1 text-xs">(33)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;CBR&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CBR <span class="ml-1 text-xs">(7)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;CBX&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CBX <span class="ml-1 text-xs">(27)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;CG&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CG <span class="ml-1 text-xs">(18)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;Chopper Road&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Chopper Road <span class="ml-1 text-xs">(5)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;Cityclass&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Cityclass <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;Citycom&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Citycom <span class="ml-1 text-xs">(17)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;COMET&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> COMET <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;CRF&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CRF <span class="ml-1 text-xs">(7)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;Cruisym&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Cruisym <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;CRYPTON&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CRYPTON <span class="ml-1 text-xs">(10)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;CTX&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CTX <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;DK&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> DK <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;DL&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> DL <span class="ml-1 text-xs">(10)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;Dominar&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Dominar <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;DR&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> DR <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;DRZ&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> DRZ <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;DT&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> DT <span class="ml-1 text-xs">(7)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;DTR&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> DTR <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;Elite&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Elite <span class="ml-1 text-xs">(9)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;EN&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> EN <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;F&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> F <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;FAZER&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> FAZER <span class="ml-1 text-xs">(9)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;Fluo&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Fluo <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;Fourtrax&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Fourtrax <span class="ml-1 text-xs">(30)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;G&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> G <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;Grizzly&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Grizzly <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;GS&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> GS <span class="ml-1 text-xs">(9)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;GSR&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> GSR <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;GSX&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> GSX <span class="ml-1 text-xs">(5)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;GSX-R&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> GSX-R <span class="ml-1 text-xs">(7)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;Hunter Max&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Hunter Max <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;INTRUDER&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> INTRUDER <span class="ml-1 text-xs">(7)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;KANSAS&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> KANSAS <span class="ml-1 text-xs">(12)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;KATANA&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> KATANA <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;Laser&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Laser <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;LEAD&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> LEAD <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;LETS II&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> LETS II <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;Lindy&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Lindy <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;LT&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> LT <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;M&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> M <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;MARAUDER&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> MARAUDER <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;MIRAGE&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> MIRAGE <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;Moby&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Moby <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;N&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> N <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;NEO AT&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> NEO AT <span class="ml-1 text-xs">(19)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;NH&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> NH <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;Ninja&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Ninja <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;NK&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> NK <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;NMAX&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> NMAX <span class="ml-1 text-xs">(17)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;NX&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> NX <span class="ml-1 text-xs">(24)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;NX-4&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> NX-4 <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;NXR&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> NXR <span class="ml-1 text-xs">(22)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;Outlander&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Outlander <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;PCX&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> PCX <span class="ml-1 text-xs">(17)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;Phoenix&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Phoenix <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;POP&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> POP <span class="ml-1 text-xs">(10)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;Pulsar&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Pulsar <span class="ml-1 text-xs">(9)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;RD&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> RD <span class="ml-1 text-xs">(9)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;RF&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> RF <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;Riva&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Riva <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;RM&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> RM <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;RMX&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> RMX <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;RX&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> RX <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;Sky&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Sky <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;Speed&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Speed <span class="ml-1 text-xs">(12)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;Sport&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Sport <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;Super&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Super <span class="ml-1 text-xs">(5)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;SV&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> SV <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;Teryx&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Teryx <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;Tiger&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Tiger <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;WEB&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> WEB <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;WIND&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> WIND <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;X-ADV&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> X-ADV <span class="ml-1 text-xs">(5)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;XF&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XF <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;XL&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XL <span class="ml-1 text-xs">(9)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;XLR&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XLR <span class="ml-1 text-xs">(5)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;XLS&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XLS <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;XLX&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XLX <span class="ml-1 text-xs">(17)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;XMax&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XMax <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;XR&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XR <span class="ml-1 text-xs">(20)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;XRE&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XRE <span class="ml-1 text-xs">(11)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;XT&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XT <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;XTZ&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XTZ <span class="ml-1 text-xs">(20)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;XY&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XY <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;YBR&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> YBR <span class="ml-1 text-xs">(9)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;YS&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> YS <span class="ml-1 text-xs">(12)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;YZ&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> YZ <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;YZF&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> YZF <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoModelos:&quot;ZIG&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> ZIG <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
    </ul>
</div>        <!---------- /Application ----------> 
      </li>
      
      <li>
        <!---------- #Application ---------->
        <div x-data="{ showCollapseFilterGroup: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterGroup=!showCollapseFilterGroup">
        <span class="font-medium text-lg font-bold">Grupo</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterGroup" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterGroup" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterGroup" x-show="showCollapseFilterGroup">
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoGrupo:&quot;Freios&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Freios <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoGrupo:&quot;Motor&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Motor <span class="ml-1 text-xs">(81)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoGrupo:&quot;Roda&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Roda <span class="ml-1 text-xs">(34)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoGrupo:&quot;Suspensão&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Suspensão <span class="ml-1 text-xs">(49)</span>
            </a>
        </li>
        <li>
            <a href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=aplicacaoMotoGrupo:&quot;Transmissão&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Transmissão <span class="ml-1 text-xs">(71)</span>
            </a>
        </li>
    </ul>
</div>        <!---------- /Application ----------> 
      </li>
      
      
    </ul>
  </nav>
</div>    <!------- /Filtros  ------->
    
    <div hx-ext="client-side-templates" class="col-span-6 lg:col-span-5">
      
        <!------ #Top ------>
        <div class="py-2 mt-1">
        <!---------- #Top ---------->
<div class="flex flex-col md:flex-row justify-between md:items-center">
  <div class="">
    <h1 class="text-base md:text-2xl font-bold text-gray-700">
          Motopeças por Fabricante
    </h1>
    <span class="text-sm">Mostrando <b>1</b> até <b>12</b> de um total de <b>256</b> produto(s)</span>
  </div>
  
  <!---------- #Ordenar ---------->
  <div class="relative" x-data="{ dropdown: false, url: new URLSearchParams('title=Motope%C3%A7as+por+Fabricante'), href: '' }" 
       x-init="url.delete('sort'); url.delete('pagina'); url.delete('offset'); url.delete('limit'); href = url.toString(); href.length ? href = href + '&' : href = ''">
    <button @click="dropdown = !dropdown" 
            @keydown.escape="dropdown = false" 
            class="flex items-center">
      <span class="font-semibold">Código A-Z</span>
      <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15.3 9.3a1 1 0 0 1 1.4 1.4l-4 4a1 1 0 0 1-1.4 0l-4-4a1 1 0 0 1 1.4-1.4l3.3 3.29 3.3-3.3z" class="heroicon-ui"></path></svg>
    </button>
    
    <ul x-transition x-show="dropdown" @click.away="dropdown = false"
        class="absolute font-normal bg-white shadow overflow-hidden rounded w-48 border mt-2 py-1 left-0 top-3 z-20 text-gray-900">
      <li>
        <a :href="'/busca?'+href+'sort=ecommerceNomeCompleto:desc&sortName=Nome Z-A'" class="flex items-center px-3 py-1 hover:bg-gray-200">
          <i class="fas fal-lg fa-fw fa-sort-alpha-down-alt"></i>
          <span class="ml-2">Nome Z-A</span>
        </a>
      </li>
      <li>
        <a :href="'/busca?'+href+'sort=ecommerceNomeCompleto:asc&sortName=Nome A-Z'" class="flex items-center px-3 py-1 hover:bg-gray-200">
          <i class="fas fal-lg fa-fw fa-sort-alpha-down"></i>
          <span class="ml-2">Nome A-Z</span>
        </a>
      </li>
      
      <li>
        <a :href="'/busca?'+href+'sort=produtoModelo:desc&sortName=Código Z-A'" class="flex items-center px-3 py-1 hover:bg-gray-200">
          <i class="fas fal-lg fa-fw fa-sort-alpha-down-alt"></i>
          <span class="ml-2">Código Z-A</span>
        </a>
      </li>
      <li>
        <a :href="'/busca?'+href+'sort=produtoModelo:asc&sortName=Código A-Z'" class="flex items-center px-3 py-1 hover:bg-gray-200">
          <i class="fas fal-lg fa-fw fa-sort-alpha-down"></i>
          <span class="ml-2">Código A-Z</span>
        </a>
      </li>
    </ul>
  </div>
  
  <!---------- /Ordenar ---------->
  
  
  <div class="flex items-center">
     <button class="md:hidden inline-flex items-center transition-colors duration-300 ease-in focus:outline-none hover:text- focus:text- px-2 py-1" 
             id="filters" @click="filtersOpen = !filtersOpen">
     <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" viewBox="0 0 24 24" fill="currentColor">  <path fill-rule="evenodd" d="M3 3a1 1 0 011-1h12a1 1 0 011 1v3a1 1 0 01-.293.707L12 11.414V15a1 1 0 01-.293.707l-2 2A1 1 0 018 17v-5.586L3.293 6.707A1 1 0 013 6V3z" clip-rule="evenodd" /></svg>
      <span>Filtro</span>
    </button>
    
    <button hx-post="/config/showcase" hx-swap="none" hx-include="[id='showcase_grid']"
            class="inline-flex items-center transition-colors duration-300 ease-in focus:outline-none hover:text- focus:text- px-2 py-1 active" id="grid"
            @click="display = 'grid'" :class="{ 'text-white font-bold  rounded-full bg-gray-700': display === 'grid' }">
      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="fill-current w-4 h-4 mr-2"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg>
      <span>Tabela</span>
      <input id="showcase_grid" type="hidden" name="configuracaoVitrine" value="1"/>
    </button>
    
    <button hx-post="/config/showcase" hx-swap="none" hx-include="[id='showcase_list']"
            class="inline-flex items-center transition-colors duration-300 ease-in focus:outline-none hover:text- focus:text- px-2 py-1" id="list"
            @click="display = 'list'" :class="{ 'text-white font-bold rounded-full bg-gray-700': display === 'list' }">
      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="fill-current w-4 h-4 mr-2"><line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><line x1="3" y1="6" x2="3.01" y2="6"></line><line x1="3" y1="12" x2="3.01" y2="12"></line><line x1="3" y1="18" x2="3.01" y2="18"></line></svg>
      <span>Lista</span>
      <input id="showcase_list" type="hidden" name="configuracaoVitrine" value="0"/>
    </button>
  </div>
 
</div>
<!---------- /Top ---------->        </div>
        <!------ /Top ------>
      
        <!---------- #Paginador ---------->
        <div class="my-2">
          <div class="flex justify-between items-center">

<div class="flex items-center justify-center">
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;pagina=1&amp;offset=0" :class="{'bg-gray-400 text-gray-700 font-bold': 1 === 1 }">
          1
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;pagina=2&amp;offset=12" :class="{'bg-gray-400 text-gray-700 font-bold': 2 === 1 }">
          2
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;pagina=3&amp;offset=24" :class="{'bg-gray-400 text-gray-700 font-bold': 3 === 1 }">
          3
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;pagina=4&amp;offset=36" :class="{'bg-gray-400 text-gray-700 font-bold': 4 === 1 }">
          4
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;pagina=5&amp;offset=48" :class="{'bg-gray-400 text-gray-700 font-bold': 5 === 1 }">
          5
        </a>
        <a class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border border-gray-200 bg-gray-100 px-4 py-2 rounded-r outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;pagina=2&amp;offset=12">
          <i class="fas fa-angle-right"></i>
        </a>
</div>

</div>
        </div>
        <!---------- /Paginador ---------->
        
        <!-------- #Produtos -------->
        <div id="productsDisplay" class="grid grid-flow-row mt-3 contentSearchHighlight" :class="{'grid-cols-2 md:grid-cols-3 lg:grid-cols-3 xl:grid-cols-4 gap-1 sm:gap-3': display === 'grid', 'gap-2': display === 'list'}">
  <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_624" name="product_id" value="624"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'mak' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="mak" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/mak.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_624 > img').length-1;">
        <a id="gallery_624" href="/produto/rolamento-de-bomba-dagua-para-honda-crf-250r-04-09-250x-04-17-crf-450r-02-08-450x-05-17-rolamento-de-bomba-dagua-para-honda-16001zz/624" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/624.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-de-bomba-dagua-para-honda-crf-250r-04-09-250x-04-17-crf-450r-02-08-450x-05-17-rolamento-de-bomba-dagua-para-honda-16001zz/624" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/624.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-de-bomba-dagua-para-honda-crf-250r-04-09-250x-04-17-crf-450r-02-08-450x-05-17-rolamento-de-bomba-dagua-para-honda-16001zz/624 class="" title="
                Rolamento da Bomba D'Agua CRF 250 04&gt;17, CRF 450 02&gt;17
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">16001-ZZ</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento da Bomba D'Agua CRF 250 04&gt;17, CRF 450 02&gt;17
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_624']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="mak" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/mak.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1647798" name="product_id" value="1647798"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1647798 > img').length-1;">
        <a id="gallery_1647798" href="/produto/rolamento-do-plato-da-embreagem-honda-biz-125-11-bros-nxr-150-03-05-xr-200-strada-cbx-200-crf-230-nx-200-hornet-cb-600f-02-14-rolamento-do-plato-da-embreagem-honda-16003/1647798" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1647798.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-do-plato-da-embreagem-honda-biz-125-11-bros-nxr-150-03-05-xr-200-strada-cbx-200-crf-230-nx-200-hornet-cb-600f-02-14-rolamento-do-plato-da-embreagem-honda-16003/1647798" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1647798.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-do-plato-da-embreagem-honda-biz-125-11-bros-nxr-150-03-05-xr-200-strada-cbx-200-crf-230-nx-200-hornet-cb-600f-02-14-rolamento-do-plato-da-embreagem-honda-16003/1647798 class="" title="
                Rolamento do Platô da Embreagem Honda Biz 125, Bros 150, CBX 200 Strada, Hornet CB 600F 02&gt;14
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">16003</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Platô da Embreagem Honda Biz 125, Bros 150, CBX 200 Strada, Hornet CB 600F 02&gt;14
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_1647798']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_628" name="product_id" value="628"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'mak' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="mak" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/mak.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_628 > img').length-1;">
        <a id="gallery_628" href="/produto/rolamento-do-tambor-seletor-de-marchas-honda-cb-500x-x-adv-750-ld-direito-suzuki-cb-600f-hornet-v-storm-650-rolamento-do-tambor-seletor-de-marchas-honda-16005/628" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/628.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-do-tambor-seletor-de-marchas-honda-cb-500x-x-adv-750-ld-direito-suzuki-cb-600f-hornet-v-storm-650-rolamento-do-tambor-seletor-de-marchas-honda-16005/628" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/628.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-do-tambor-seletor-de-marchas-honda-cb-500x-x-adv-750-ld-direito-suzuki-cb-600f-hornet-v-storm-650-rolamento-do-tambor-seletor-de-marchas-honda-16005/628 class="" title="
                Rolamento do Tambor Seletor de Marchas Honda CB 500X, CB 600F Hornet, V-Storm 650
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">16005</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Tambor Seletor de Marchas Honda CB 500X, CB 600F Hornet, V-Storm 650
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_628']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="mak" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/mak.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1980616" name="product_id" value="1980616"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1980616 > img').length-1;">
        <a id="gallery_1980616" href="/produto/rolamento-eixo-do-pinhao-secundario-para-honda-xlx-250-87-92-xlx-350-87-91-nx-350-sahara-90-99-todas-rolamento-eixo-do-pinhao-secundario-para-honda-1744c3/1980616" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1980616.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-eixo-do-pinhao-secundario-para-honda-xlx-250-87-92-xlx-350-87-91-nx-350-sahara-90-99-todas-rolamento-eixo-do-pinhao-secundario-para-honda-1744c3/1980616" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1980616.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-eixo-do-pinhao-secundario-para-honda-xlx-250-87-92-xlx-350-87-91-nx-350-sahara-90-99-todas-rolamento-eixo-do-pinhao-secundario-para-honda-1744c3/1980616 class="" title="
                Rolamento Eixo do Pinhão Secundário para XLX 250 87&gt;92 , XLX 350 87&gt;91, NX 350 Sahara 90&gt;99
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">1744-C3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento Eixo do Pinhão Secundário para XLX 250 87&gt;92 , XLX 350 87&gt;91, NX 350 Sahara 90&gt;99
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_1980616']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1980705" name="product_id" value="1980705"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1980705 > img').length-1;">
        <a id="gallery_1980705" href="/produto/rolamento-da-transmissao-para-honda-eixo-secundario-direito-xlx-250r-83-94-350r-87-nx-350-sahara-90-99-rolamento-da-transmissao-para-honda-1744122rsc3/1980705" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1980705.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-da-transmissao-para-honda-eixo-secundario-direito-xlx-250r-83-94-350r-87-nx-350-sahara-90-99-rolamento-da-transmissao-para-honda-1744122rsc3/1980705" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1980705.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-da-transmissao-para-honda-eixo-secundario-direito-xlx-250r-83-94-350r-87-nx-350-sahara-90-99-rolamento-da-transmissao-para-honda-1744122rsc3/1980705 class="" title="
                Rolamento Eixo Secundário Direito XLX 250R 83&gt;94, 350R 87&gt;..., NX 350 Sahara 90&gt;99
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">174412-2RSC3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento Eixo Secundário Direito XLX 250R 83&gt;94, 350R 87&gt;..., NX 350 Sahara 90&gt;99
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_1980705']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1980712" name="product_id" value="1980712"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'sem_marca' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="sem_marca" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/sem_marca.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1980712 > img').length-1;">
        <a id="gallery_1980712" href="/produto/rolamento-do-braco-do-amortecedor-pro-link-honda-cb-500-f-x-14-rolamento-do-braco-do-amortecedor-pro-link-honda-17x24x30/1980712" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1980712.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-do-braco-do-amortecedor-pro-link-honda-cb-500-f-x-14-rolamento-do-braco-do-amortecedor-pro-link-honda-17x24x30/1980712" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1980712.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-do-braco-do-amortecedor-pro-link-honda-cb-500-f-x-14-rolamento-do-braco-do-amortecedor-pro-link-honda-17x24x30/1980712 class="" title="
                Rolamento do Braço do Amortecedor Pro Link CB 500 F / X 14&gt;...
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">17x24x30</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Braço do Amortecedor Pro Link CB 500 F / X 14&gt;...
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_1980712']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="sem_marca" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/sem_marca.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1980706" name="product_id" value="1980706"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1980706 > img').length-1;">
        <a id="gallery_1980706" href="/produto/rolamento-do-comando-de-valvulas-para-honda-xlx-250-87-92-rolamento-do-comando-de-valvulas-para-honda-193809rsc3/1980706" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1980706.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-do-comando-de-valvulas-para-honda-xlx-250-87-92-rolamento-do-comando-de-valvulas-para-honda-193809rsc3/1980706" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1980706.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-do-comando-de-valvulas-para-honda-xlx-250-87-92-rolamento-do-comando-de-valvulas-para-honda-193809rsc3/1980706 class="" title="
                Rolamento do Comando de Válvulas para XLX 250 87&gt;92
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">193809-RSC3 </span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Comando de Válvulas para XLX 250 87&gt;92
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_1980706']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1678858" name="product_id" value="1678858"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1678858 > img').length-1;">
        <a id="gallery_1678858" href="/produto/rolamento-roda-dianteira-honda-hornet-cb-600f-04-14-rolamento-roda-dianteira-honda-20bcs26nse/1678858" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1678858.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-roda-dianteira-honda-hornet-cb-600f-04-14-rolamento-roda-dianteira-honda-20bcs26nse/1678858" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1678858.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-roda-dianteira-honda-hornet-cb-600f-04-14-rolamento-roda-dianteira-honda-20bcs26nse/1678858 class="" title="
                Rolamento Roda Dianteira Hornet CB 600F 04&gt;14
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">20BCS26NSE</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento Roda Dianteira Hornet CB 600F 04&gt;14
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_1678858']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1980674" name="product_id" value="1980674"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'sem_marca' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="sem_marca" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/sem_marca.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1980674 > img').length-1;">
        <a id="gallery_1980674" href="/produto/rolamento-da-embreagem-de-partida-para-honda-biz-125-06-10-rolamento-da-embreagem-de-partida-para-honda-21x25x18/1980674" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1980674.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-da-embreagem-de-partida-para-honda-biz-125-06-10-rolamento-da-embreagem-de-partida-para-honda-21x25x18/1980674" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1980674.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-da-embreagem-de-partida-para-honda-biz-125-06-10-rolamento-da-embreagem-de-partida-para-honda-21x25x18/1980674 class="" title="
                Rolamento da Embreagem de Partida para Biz 125 06&gt;10
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">21x25x18</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento da Embreagem de Partida para Biz 125 06&gt;10
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_1980674']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="sem_marca" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/sem_marca.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1980675" name="product_id" value="1980675"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'sem_marca' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="sem_marca" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/sem_marca.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1980675 > img').length-1;">
        <a id="gallery_1980675" href="/produto/rolamento-da-embreagem-de-partida-para-honda-biz-125-11-rolamento-da-embreagem-de-partida-para-honda-21x27x18/1980675" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1980675.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-da-embreagem-de-partida-para-honda-biz-125-11-rolamento-da-embreagem-de-partida-para-honda-21x27x18/1980675" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1980675.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-da-embreagem-de-partida-para-honda-biz-125-11-rolamento-da-embreagem-de-partida-para-honda-21x27x18/1980675 class="" title="
                Rolamento da Embreagem de Partida para Biz 125 11&gt;...
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">21x27x18</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento da Embreagem de Partida para Biz 125 11&gt;...
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_1980675']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="sem_marca" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/sem_marca.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1980724" name="product_id" value="1980724"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'sem_marca' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="sem_marca" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/sem_marca.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1980724 > img').length-1;">
        <a id="gallery_1980724" href="/produto/rolamento-da-balanca-honda-hornet-cb-600f-04-14-rolamento-da-balanca-honda-222920ta2220z/1980724" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1980724.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-da-balanca-honda-hornet-cb-600f-04-14-rolamento-da-balanca-honda-222920ta2220z/1980724" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1980724.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-da-balanca-honda-hornet-cb-600f-04-14-rolamento-da-balanca-honda-222920ta2220z/1980724 class="" title="
                Rolamento da Balança Hornet CB 600F 04&gt;14
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">222920 (TA2220Z)</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento da Balança Hornet CB 600F 04&gt;14
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_1980724']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="sem_marca" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/sem_marca.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1980714" name="product_id" value="1980714"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1980714 > img').length-1;">
        <a id="gallery_1980714" href="/produto/rolamento-da-balanca-traseira-para-dafra-nh-190-rolamento-da-balanca-traseira-para-dafra-223230/1980714" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1980714.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-da-balanca-traseira-para-dafra-nh-190-rolamento-da-balanca-traseira-para-dafra-223230/1980714" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1980714.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-da-balanca-traseira-para-dafra-nh-190-rolamento-da-balanca-traseira-para-dafra-223230/1980714 class="" title="
                Rolamento da Balança Traseira para Dafra NH 190
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">223230</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento da Balança Traseira para Dafra NH 190
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>  
</div>        <div class="" style="background-color: rgba(0,0,0,0.5)" x-show="showDetail" :class="{ 'fixed inset-0 z-10 h-screen flex items-center justify-center py-16': showDetail }">
    <!--Dialog-->
    <div class="h-full bg-white w-11/12 sm:w-10/12 mx-auto rounded-lg shadow-lg text-left" x-show="showDetail" 
        @click.away="showDetail = false" 
        x-transition:enter="ease-out duration-300" 
        x-transition:enter-start="opacity-0 scale-90" 
        x-transition:enter-end="opacity-100 scale-100">
        <!--Title-->
        <div class="flex justify-between items-center py-3 border-b px-6">
            <p class="text-2xl font-bold">Detalhes do Produto</p>
            <div class="cursor-pointer z-50" @click="showDetail = false">
                <i class="fas fa-times fa-lg"></i>
            </div>
        </div>
        <!-- content -->
        <div id="detail_modal_preview" class="h-5/6 overflow-auto">
            <div class="htmx-indicator">
                <div class="h-full items-center justify-center flex">
                    <div class="animate-spin rounded-full h-32 w-32 border-t-2 border-b-2 border-blue-300 divide-blue-300"></div>
                </div>
             </div>
            <div class="default-button">
                <div id="product_preview" class="flex flex-col justify-center shadow-inner py-3"></div>
            </div>
        </div>

        <!--Footer-->
        <div class="flex justify-end pt-2 px-6 border-t"></div>
    </div>
    <!--/Dialog -->
</div>

<!-- Modal Applications -->
<div class="" style="background-color: rgba(0,0,0,0.5)" x-show="showApplication" :class="{ 'fixed inset-0 z-10 h-screen flex items-center justify-center py-16': showApplication }">
    <!--Dialog-->
    <div class="bg-white w-11/12 md:w-6/12 mx-auto max-w-4xl rounded-lg shadow-lg text-left" x-show="showApplication" 
        @click.away="showApplication = false" 
        x-transition:enter="ease-out duration-300" 
        x-transition:enter-start="opacity-0 scale-90" 
        x-transition:enter-end="opacity-100 scale-100">
        <!--Title-->
        <div class="flex justify-between items-center py-3 px-6 text-gray-800">
            <p class="text-2xl font-bold text-green-600">Aplicações do Produto</p>
            <div class="cursor-pointer z-50" @click="showApplication = false">
                <i class="fas fa-times fa-lg"></i>
            </div>
        </div>
        <!-- content -->
        <div id="application_modal_preview" class="max-h-96 overflow-auto">
            <div class="htmx-indicator">
                <div class="h-full items-center justify-center flex">
                    <div class="animate-spin rounded-full h-32 w-32 border-t-2 border-b-2 border-blue-300 divide-blue-300"></div>
                </div>
             </div>
            <div class="default-button">
                <div id="application_preview" class="flex flex-col justify-center shadow-inner py-3"></div>
            </div>
        </div>
        
        <!--Footer-->
        <div class="flex justify-end pt-2 px-6 border-t"></div>
    </div>
    <!--/Dialog -->
    
    <template id="templateApplicationsModal">
        <div class="grid grid-cols-1 md:grid-cols-2 px-5 gap-2 md:gap-4">
            {{#info}}
            <div class="flex justify-start items-center w-full rounded-md text-left bg-neutral-50">
                <div class="w-24 h-24 mr-4">
                    <img src="https://www.marketformation.com.br/cdn/motos/{{produtoModeloSEO}}.jpg" class="object-cover"/>
                </div>
                <div>
                    <p class="text-xs font-medium text-gray-400">{{produtoMontadora}}</p>
                    <p class="text-base font-semibold text-gray-600">{{produtoModelo}} {{produtoSubModelo}} {{produtoCaracteristica}} {{produtoAno}}</p>
                </div>
            </div>
            {{/info}}
        </div>
    </template>
    
</div>
<!-- / Modal Applications -->        <!-------- /Produtos -------->
        
        <!---------- #Paginador ---------->
        <div class="my-4">
          <div class="flex justify-between items-center">

<div class="flex items-center justify-center">
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;pagina=1&amp;offset=0" :class="{'bg-gray-400 text-gray-700 font-bold': 1 === 1 }">
          1
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;pagina=2&amp;offset=12" :class="{'bg-gray-400 text-gray-700 font-bold': 2 === 1 }">
          2
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;pagina=3&amp;offset=24" :class="{'bg-gray-400 text-gray-700 font-bold': 3 === 1 }">
          3
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;pagina=4&amp;offset=36" :class="{'bg-gray-400 text-gray-700 font-bold': 4 === 1 }">
          4
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;pagina=5&amp;offset=48" :class="{'bg-gray-400 text-gray-700 font-bold': 5 === 1 }">
          5
        </a>
        <a class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border border-gray-200 bg-gray-100 px-4 py-2 rounded-r outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?title=Motopeças por Fabricante&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;pagina=2&amp;offset=12">
          <i class="fas fa-angle-right"></i>
        </a>
</div>

</div>
        </div>
        <!---------- /Paginador ---------->
    </div>
    
</div>



</div>

<div id="alert-add" class="opacity-0 z-40">
  <div class="bg-green-200 px-6 py-4 mx-2 my-4 rounded-md text-lg flex items-center mx-auto w-3/4 xl:w-2/4 fixed bottom-0 right-5">
    <svg viewBox="0 0 24 24" class="text-green-600 w-5 h-5 sm:w-5 sm:h-5 mr-3" >
      <path fill="currentColor"
            d="M12,0A12,12,0,1,0,24,12,12.014,12.014,0,0,0,12,0Zm6.927,8.2-6.845,9.289a1.011,1.011,0,0,1-1.43.188L5.764,13.769a1,1,0,1,1,1.25-1.562l4.076,3.261,6.227-8.451A1,1,0,1,1,18.927,8.2Z"
      ></path>
    </svg>
    <span class="text-green-800">Produto <strong>adicionado</strong> no Carrinho!</span>
  </div>
</div>

<div id="alert-removed" class="opacity-0 z-40">
  <div class="bg-red-200 px-6 py-4 mx-2 my-4 rounded-md text-lg flex items-center mx-auto w-3/4 xl:w-2/4 fixed bottom-0 right-5">
    <svg viewBox="0 0 24 24" class="text-red-600 w-5 h-5 sm:w-5 sm:h-5 mr-3">
      <path fill="currentColor"
            d="M11.983,0a12.206,12.206,0,0,0-8.51,3.653A11.8,11.8,0,0,0,0,12.207,11.779,11.779,0,0,0,11.8,24h.214A12.111,12.111,0,0,0,24,11.791h0A11.766,11.766,0,0,0,11.983,0ZM10.5,16.542a1.476,1.476,0,0,1,1.449-1.53h.027a1.527,1.527,0,0,1,1.523,1.47,1.475,1.475,0,0,1-1.449,1.53h-.027A1.529,1.529,0,0,1,10.5,16.542ZM11,12.5v-6a1,1,0,0,1,2,0v6a1,1,0,1,1-2,0Z"
      ></path>
    </svg>
    <span class="text-red-800">Produto <strong>removido</strong> do Carrinho!</span>
  </div>
</div>

<div id="alert-add-favorite" class="opacity-0 z-40">
  <div class="bg-green-200 px-6 py-4 mx-2 my-4 rounded-md text-lg flex items-center mx-auto w-3/4 xl:w-2/4 fixed bottom-0 right-5">
    <svg viewBox="0 0 24 24" class="text-green-600 w-5 h-5 sm:w-5 sm:h-5 mr-3" >
      <path fill="currentColor"
            d="M12,0A12,12,0,1,0,24,12,12.014,12.014,0,0,0,12,0Zm6.927,8.2-6.845,9.289a1.011,1.011,0,0,1-1.43.188L5.764,13.769a1,1,0,1,1,1.25-1.562l4.076,3.261,6.227-8.451A1,1,0,1,1,18.927,8.2Z"
      ></path>
    </svg>
    <span class="text-green-800">Produto <strong>adicionado</strong> aos Favoritos!</span>
  </div>
</div>

<div id="alert-remove-favorite" class="opacity-0 z-40">
  <div class="bg-red-200 px-6 py-4 mx-2 my-4 rounded-md text-lg flex items-center mx-auto w-3/4 xl:w-2/4 fixed bottom-0 right-5">
    <svg viewBox="0 0 24 24" class="text-red-600 w-5 h-5 sm:w-5 sm:h-5 mr-3">
        <path fill="currentColor"
              d="M11.983,0a12.206,12.206,0,0,0-8.51,3.653A11.8,11.8,0,0,0,0,12.207,11.779,11.779,0,0,0,11.8,24h.214A12.111,12.111,0,0,0,24,11.791h0A11.766,11.766,0,0,0,11.983,0ZM10.5,16.542a1.476,1.476,0,0,1,1.449-1.53h.027a1.527,1.527,0,0,1,1.523,1.47,1.475,1.475,0,0,1-1.449,1.53h-.027A1.529,1.529,0,0,1,10.5,16.542ZM11,12.5v-6a1,1,0,0,1,2,0v6a1,1,0,1,1-2,0Z"
        ></path>
      </svg>
    <span class="text-red-800">Produto <strong>removido</strong> dos Favoritos!</span>
  </div>
</div> 
       <!-- Loading Footer Website -->
<div class="bg-red-700">
  <!------- Novidades ------->
  
  <div class="md:mt-20">
  <div class="container flex flex-col px-2 py-0 mx-auto">
    
    <!--Midia Social-->
    <div class="py-6 border-b mt-10 md:mt-0">
      <div class="flex flex-col md:flex-row space-x-5 items-center text-white">
        <div class="">
           <img class="h-4 w-auto md:h-6" src="https://www.marketformation.com.br/cdn/svg/marca/ppkmotoparts.svg?version=1.1">
        </div>
        <div class="flex-1 text-center px-5 lg:px-0">
          <span class="text-xs lg:text-base leading-none">Sua loja virtual de motopeças</span>
        </div>
        <div class="">
          <div class="flex justify-between items-center space-x-3">
              <a target="_blank" href="https://www.youtube.com/c/PPKMotoparts" class="transition duration-500" title="Ver página Youtube">
                 <i class="fab fa-youtube text-xl"></i>
              </a>
              <a target="_blank" href="https://www.instagram.com/ppkmotoparts/" class="transition duration-500" title="Ver página Instagram"> 
                <i class="fab fa-instagram text-xl"></i>
              </a>
              <a target="_blank" href="https://www.facebook.com/ppkmotoparts" class="transition duration-500"  title="Ver página Facebook">
                 <i class="fab fa-facebook text-xl"></i>
              </a>
          </div>
        </div>
        <div class="flex-1 text-right px-5 lg:px-0">
          <span class="text-xs lg:text-base leading-none">Atendimento de segunda a sexta das 8h00 às 17h45</span>
        </div>
        
      </div>
    </div>
    
    <!--Menus-->
    <div class="pb-3">
        <div class="flex gap-4">
          <div class="py-5 flex-auto">
              <div class="text-xs md:text-sm uppercase text-white font-semibold mb-2">
                  Políticas
              </div>
               <a href="/entrega" title="entrega" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Entrega</div>
                </div> 
              </a>
               <a href="/troca-devolucao" title="Trocas e Devoluções" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Trocas e Devoluções</div>
                </div> 
              </a>
               <a href="/privacidade" title="Política de Privacidade" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Privacidade</div>
                </div> 
              </a>
          </div>
          <div class="py-5 flex-auto">
              <div class="text-xs md:text-sm uppercase text-white font-semibold mb-2">
                  Institucional
              </div>
               <a href="/quem-somos" title="Quem Somos" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Quem Somos</div>
                </div> 
              </a>
               <a href="/onde-estamos" title="Lojas" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Onde Estamos</div>
                </div> 
              </a>
               <a href="/como-comprar" title="Como Comprar" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Como Comprar</div>
                </div> 
              </a>
               <a href="https://forms.gle/FNox6NYFCq17fYzn7" title="Avaliação NPS" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Avalie-nos</div>
                </div> 
              </a>
          </div>
          <div class="py-5 flex-auto">
              <div class="text-xs md:text-sm uppercase text-white font-semibold mb-2">
                  Mídia
              </div>
               <a href="https://www.youtube.com/c/PPKMotoparts" title="Vídeos" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Vídeos</div>
                </div> 
              </a>
               <a href="/catalogos-motopecas" title="Manuais e Catálogos" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Catálogos</div>
                </div> 
              </a>
          </div>
          <div class="py-5 flex-auto">
              <div class="text-xs md:text-sm uppercase text-white font-semibold mb-2">
                  Contato
              </div>
               <a href="/representantes" title="Representantes" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Representantes</div>
                </div> 
              </a>
               <a href="/contato" title="Contato" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Comercial PPK</div>
                </div> 
              </a>
          </div>
          </div>
  
        </div>
        
    <!--Categoria-->
    <div class="pb-3 border-t">
        <div class="grid grid-cols-2 md:grid-cols-3 gap-4 text-xs">
          <div class="py-5">
              <div class="text-sm uppercase text-white font-semibold mb-2">
                  Caixa de Direção para Moto
              </div>
              <a href="/busca?q=biz&sort=produtoModelo:asc&sortName=C%C3%B3digo%20A-Z&filter=categoriaNome:%22Caixa%20de%20Dire%C3%A7%C3%A3o%22" title="Caixa de Direção Biz 100" class="my-1 block text-red-200 hover:underline">
                Caixa de Direção Biz 100
              </a>
                <a href="/busca?q=biz&sort=produtoModelo:asc&sortName=C%C3%B3digo%20A-Z&filter=categoriaNome:%22Caixa%20de%20Dire%C3%A7%C3%A3o%22" class="my-1 block text-red-200 hover:underline">
                Caixa de Direção Biz 125
              </a>
              <a href="/busca?q=H004&sort=produtoModelo:asc&sortName=Código%20A-Z&filter=categoriaNome:%22Caixa%20de%20Dire%C3%A7%C3%A3o%22" title="Caixa de Direção Bros 150" class="my-1 block text-red-200 hover:underline">
                Caixa de Direção Bros 150 
              </a>
              <a href="/busca?q=H001" title="Caixa de Direção Fan 125" class="my-1 block text-red-200 hover:underline">
                Caixa de Direção Fan 125 
              </a>
              <a href="/busca?q=H001" title="Caixa de Direção Fazer 150" class="my-1 block text-red-200 hover:underline">
                Caixa de Direção Fan 150
              </a>
              <a href="/busca?q=dire%C3%A7%C3%A3o+ys150+fazer" title="Caixa de Direção Fazer 150" class="my-1 block text-red-200 hover:underline">
                Caixa de Direção Fazer 150
              </a>
              <a href="/busca?q=caixa+direção+fazer+250" title="Caixa de Direção Fazer 250" class="my-1 block text-red-200 hover:underline">
                Caixa de Direção Fazer 250
              </a>
              <a href="/busca?q=caixa+dire%C3%A7%C3%A3o+cg150" title=" Caixa de Direção Titan 150" class="my-1 block text-red-200 hover:underline">
                Caixa de Direção Titan 150
              </a>
          </div>
          <div class="py-5">
              <div class="text-sm uppercase text-white font-semibold mb-2">
                Rolamentos de Moto
              </div>
              <a href="/busca?q=125" title="Rolamento de Moto 125" class="my-1 block text-red-200 hover:underline">
                Rolamento de Moto 125
              </a>
              <a href="/produto/rolamento-da-embreagem-honda-lado-direito-cg150-titanfan-09-cg160-titanfan-16-bros-nxr150-06-bros-nxr-160-rolamento-da-embreagem-honda-60032rsc3/1646621" title="Rolamento Embreagem Titan 150" class="my-1 block text-red-200 hover:underline">
                Rolamento Embreagem Titan 150
              </a>
              <a href="/produto/rolamento-de-roda-dianteira-traseira-para-yamaha-factor-ybr125-fazer-ys150--ys250--roda-traseira-cg160-fantitan--roda-dianteira-honda-cg125-titanfan--dafra-citycom-300--kawasaki-ninja-250--300-rolamento-de-roda-dianteira-traseira-para-yamaha-62022rsc3/2818" title="Rolamento Roda Dianteira Fazer 250" class="my-1 block text-red-200 hover:underline">
                Rolamento Roda Dianteira Fazer 250
              </a>
              <a href="/produto/rolamento-de-roda-para-honda-pop110i-biz110i-roda-dianteira-pcx-150--160--dafra-cityclass-200-rolamento-de-roda-para-honda-62012rsc3/490" title="Rolamento Roda Dianteira PCX 150" class="my-1 block text-red-200 hover:underline">
                Rolamento Roda Dianteira PCX 150
              </a>
              <a href="/produto/rolamento-de-roda-dianteira-honda-biz-c100-9805-c100-dream-cg125-fantodaytitan-cg-150160-fantitan-bros-nxr125150-03-rolamento-de-roda-dianteira-honda-63012rsc3green/348" title="Rolamento Roda Dianteira Titan 150" class="my-1 block text-red-200 hover:underline">
                Rolamento Roda Dianteira Titan 150
              </a>
              <a href="/produto/rolamento-de-roda-dianteira-honda-biz-c100-9805-c100-dream-cg125-fantodaytitan-cg-150160-fantitan-bros-nxr125150-03-rolamento-de-roda-dianteira-honda-63012rsc3green/348" title="Rolamento Roda Traseira Biz 125" class="my-1 block text-red-200 hover:underline">
                Rolamento Roda Traseira Biz 125
              </a>
              <a href="/produto/rolamento-de-roda-traseira-honda-bros-nxr125-nxr150-ld-esquerdo-xlr125-xr200-xre190--kawasaki-ninja-250--300--suzuki-gs-500-rolamento-de-roda-traseira-honda-63032rsc3/1778" title="Rolamento Roda Traseira Bros 150" class="my-1 block text-red-200 hover:underline">
                Rolamento Roda Traseira Bros 150
              </a>
              <a href="/produto/rolamento-de-roda-traseira-para-honda-cg125-cg150160-fantitan--yamaha-xtz250-lander--roda-dianteira-cb300r-cbx250-twister--yamaha-fazer-250-rolamento-de-roda-traseira-para-honda-63022rsc3green/1777" title="Rolamento Roda Traseira CG 150" class="my-1 block text-red-200 hover:underline">
               Rolamento Roda Traseira CG 150
              </a>
              <a href="/produto/rolamento-da-roda-traseira-para-yamaha-factor-125150-ybr125-ys150-fazer-250-dt-200--coroa-da-roda-traseira-cg150-cg160-fan--titan-rolamento-da-roda-traseira-para-yamaha-60042rsc3green/2814" title="Rolamento Roda Traseira Titan 150" class="my-1 block text-red-200 hover:underline">
                Rolamento Roda Traseira Titan 150
              </a>
          </div>
          <div class="py-5">
              <div class="text-sm uppercase text-white font-semibold mb-2">
               Rolamento do Virabrequim
              </div>
              <a href="/produto/rolamento-do-virabrequim-honda-pop100-biz-c100--dafra-super-50-zig-50--lado-direito-yamaha-rd125135-rx125180-dt-180-rolamento-do-virabrequim-honda-63042rsc3/1646737" title="Rolamento do Virabrequim Biz 100" class="my-1 block text-red-200 hover:underline">
                Rolamento do Virabrequim Biz 100
              </a>
              <a href="/busca?q=Virabrequim+Biz+125" title="Rolamento do Virabrequim Biz 125" class="my-1 block text-red-200 hover:underline">
                Rolamento do Virabrequim Biz 125
              </a>
              <a href="/produto/rolamento-do-virabrequim-honda-cg125-titan--fan-todos-at-1999-cg-turuna-todos-os-modelos-xls125-xlr125-todos--yamaha-fazer-250-0610-rolamento-do-virabrequim-honda-6328rsc3/14966" title="Rolamento do Virabrequim Fazer 250" class="my-1 block text-red-200 hover:underline">
                Rolamento do Virabrequim Fazer 250
              </a>
              <a href="/produto/rolamento-do-virabrequim-honda-pop100-biz-c100--dafra-super-50-zig-50--lado-direito-yamaha-rd125135-rx125180-dt-180-rolamento-do-virabrequim-honda-63042rsc3/1646737" title="Rolamento do Virabrequim Pop 100" class="my-1 block text-red-200 hover:underline">
               Rolamento do Virabrequim Pop 100
              </a>
              <a href="/busca?q=virabrequim+titan+cg150" title="Rolamento do Virabrequim Titan 150" class="my-1 block text-red-200 hover:underline">
                Rolamento do Virabrequim Titan 150
              </a>
               <a href="/produto/rolamento-roda-dianteira-suzuki-gsx-750r-srad-9609---flange-da-coroa-roda-traseira-ninja-250300-rolamento-roda-dianteira-suzuki-62052rsc3green/79" title="Rolamento do Virabrequim YBR 125" class="my-1 block text-red-200 hover:underline">
                Rolamento do Virabrequim YBR 125
              </a>
          </div>
        </div>
     </div>
  </div>
  </div>
   
  <div class="px-5 py-2 bg-red-900 text-center items-center justify-between">
    <div class="container flex flex-col px-2 py-0 mx-auto">
      <span class="text-xs text-white">PPK Motoparts - @ Copyright 2003-2021</span>
    </div>
  </div>
  
  <a id="backToTop" class="hidden" href="javascript:void(0);">
   <div class="fixed bottom-4 left-4">
   <div class="bg-yellow-500 text-yellow-900 bg-opacity-50 hover:bg-opacity-90 h-12 w-12 text-center font-extrabold flex items-center justify-center rounded-full">
      <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
        <path stroke-linecap="round" stroke-linejoin="round" d="M5 10l7-7m0 0l7 7m-7-7v18" />
      </svg>
   </div>
   </div>
  </a>
  
</div>


    <div class="floating-wpp z-30 text-gray-900" style=" font-family: 'Nunito', sans-serif;" ></div>
       <!-- Loading Foot Website -->

<div id="alert-success" class="alerts hide flex justify-center transition-opacity">
  <div class="bg-green-200 px-6 py-4 mx-2 my-4 rounded-md text-lg flex justify-center mx-auto w-3/4 xl:w-2/4 fixed bottom-0 z-40">
    <svg viewBox="0 0 24 24" class="text-green-600 w-9 h-9 sm:w-9 sm:h-9 mr-3" fill="currentColor">
      <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
    </svg>
    <span id="content-success" class="text-green-800"></span>
  </div>
</div>

<div id="alert-error" class="alerts hide flex justify-center transition-opacity">
  <div class="bg-red-200 px-6 py-4 mx-2 my-4 rounded-md text-lg flex justify-center mx-auto w-3/4 xl:w-2/4 fixed bottom-0 z-40">
   <svg viewBox="0 0 24 24" class="text-red-600 w-9 h-9 sm:w-9 sm:h-9 mr-3" fill="currentColor">
      <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd" />
    </svg>
    <span id="content-error" class="text-red-800"></span>
  </div>
</div>

<div id="alert-info" class="alerts hide flex justify-center transition-opacity">
  <div class="bg-blue-200 px-6 py-4 mx-2 my-4 rounded-md text-lg flex justify-center mx-auto w-3/4 xl:w-2/4 fixed bottom-0 z-40">
    <svg viewBox="0 0 24 24" class="text-blue-600 w-9 h-9 sm:w-9 sm:h-9 mr-3" fill="currentColor">
      <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z" clip-rule="evenodd" />
    </svg>
    <span id="content-info" class="text-blue-800"></span>
  </div>
</div>
<script type="text/javascript">
    document.body.addEventListener("showMessage", function(evt){
        
        console.log(evt);
        
        if(evt.detail.type !== undefined && evt.detail.type !== null){
            var type = evt.detail.type,
                div  =  document.getElementById(`alert-${type}`),
                text =  document.getElementById(`content-${type}`);
            
            if( evt.detail.code !== undefined && evt.detail.type === 'error' )
            {
                evt.detail.message += ` - Código: ${evt.detail.code}`;
            }
            
            text.innerHTML = evt.detail.message;
            
            div.classList.remove("hide");
            window.setTimeout(function(){
                 div.classList.add("hide");
            },5000);
        }
        
    })
</script>



<script>
    let progress = 0;
    let invervalSpeed = 10;
    let incrementSpeed = 1;
    document.addEventListener("DOMContentLoaded", function(){
        let bar = document.getElementById('bar');
        if(bar !== null){
            progressInterval = setInterval(function(){
                progress += incrementSpeed;
                bar.style.width = progress + "%";
                if(progress >= 100){
                    clearInterval(progressInterval);
                }
            }, invervalSpeed);
        }
    });
</script>

<script src="https://www.marketformation.com.br/cdn/vendor/autocomplete/v10.2.6.min.js"></script>
<script>
    // Check if an element currently exists
    if ($('#search').length)
    {
         //AutoComplete para Desktop
         const autoCompleteJS = new autoComplete({
        placeHolder: "Pesquisar Produto",
        selector: "#search",
        data: {
            src: async (query) => {
              try {
                // Fetch Data from external Source
                const source = await fetch(`/services/suggest?q=${query}`);
                // Data is array of `Objects` | `Strings`
                const data = await source.json();
                
                var response = [];
                if(data !== null){
                    response = data["response"]["docs"];
                }
                console.log(response);
                return response;
              } catch (error) {
                return error;
              }
            },
            
            // Data 'Object' key to be searched
            keys: ["produtoModelo"]
        },
        resultsList : {
            noResults: true,
            element: (list, data) => {
                if (!data.results.length) {
                    // Create "No Results" message element
                    const message = document.createElement("div");
                    // Add class to the created element
                    message.setAttribute("class", "no_result");
                    // Add message text content
                    message.innerHTML = `<span>Nenhuma sugestão para <b>"${data.query}"<b></span>`;
                    // Append message element to the results list
                    list.prepend(message);
                }
            },
            class: "absolute w-full z-20 bg-white mt-2 divide-y rounded-md p-3 shadow-md text-gray-900"  
        },
        searchEngine: (query, record) => {
            // Normalize by removing special characters and converting to lower case
            const normalizeText = text => text.toLowerCase().replace(/[\W_]+/g, "");
            const normalizedQuery = normalizeText(query);
        
            // Split the normalized query into words for partial matching
            var queryWords = normalizedQuery.split(" ");
            var normalizedRecord = normalizeText(record);
        
            // Check if all query words are included in the record
            var matchFound = queryWords.every(word => normalizedRecord.includes(word));
            
            if (matchFound) {
                // Highlight matched words in the original record
                queryWords.forEach(word => {
                    var regex = new RegExp(word, "gi");
                    record = record.replace(regex, (matched) => `<mark>${matched}</mark>`);
                });
                return record;
            }
            return false; // Return false if no match is found
        },

        diacritics: true,
        resultItem: {
            highlight: true,
            class: "suggestion flex justify-start space-x-4 items-center p-2 hover:bg-gray-300 cursor-pointer text-gray-900",
            element: (item, data) => {
                const img  = document.createElement("img");
                const text = document.createElement("span");
                
                img.setAttribute("src", data.value.produtoImagem.pequena);
                img.setAttribute("class", "w-8 justify-self-end rounded-md");
                
                text.innerHTML = item.innerHTML;
                
                item.innerHTML = "";
                item.appendChild(img);
                item.appendChild(text);
            }
        },
        debounce: 300,
        events: {
            input: {
                focus: (event) => {
                    autoCompleteJS.input.select();
                },
                click: (event) => {
                    autoCompleteJS.input.select();
                },
                keydown: function(event) {
                    var t = autoCompleteJS,
                        current = t.cursor,
                        list = t.list.children,
                        total = t.list.childElementCount;
                    switch (event.keyCode) {
                        //keyDown
                        case 40:
                            if(t.data.store.length){
                                if(t.cursor > -1){
                                    let element = document.getElementById(list[t.cursor].id);
                                    if(element === null){
                                        break;
                                    }
                                    element.classList.remove("bg-gray-300");   
                                }
                                t.cursor < total-1 ? t.cursor += 1 : t.cursor = 0;
                                
                                if(document.getElementById(list[t.cursor].id) !== null){
                                    document.getElementById(list[t.cursor].id).classList.add("bg-gray-300");
                                }
                                
                                //console.log(list[t.cursor].id);
                                autoCompleteJS.input.value = list[t.cursor].innerText;
                            }
                            break;
                        //keyUp
                        case 38:
                            if(t.data.store.length){
                                if(t.cursor > -1){
                                    let element = document.getElementById(list[t.cursor].id);
                                    if(element === null){
                                        break;
                                    }
                                    element.classList.remove("bg-gray-300");   
                                }
                                t.cursor > 0 ? t.cursor -= 1 : t.cursor = total-1;
                                
                                if(document.getElementById(list[t.cursor].id) !== null){
                                    document.getElementById(list[t.cursor].id).classList.add("bg-gray-300");
                                }
                                
                                //console.log(list[t.cursor].id);
                                autoCompleteJS.input.value = list[t.cursor].innerText;
                            }
                            break;
                        //enter
                        case 13:
                            console.log(event);
                            console.log(t);
                            console.log("teste");
                            break;
                        //delete
                        case 9:
                            console.log(event);
                            console.log(t);
                            break;
                        //esc
                        case 27:
                            console.log(event);
                            console.log(t);
                    }
                }
            },
            list: {
                click: (event) => {
                    console.log(event);
                    var clicked = event.target.innerText;
                    autoCompleteJS.input.value = clicked;
                    autoCompleteJS.input.form.submit();
                }
            }
        }
    });
    }
    
    // Check if an element currently exists
    if ($('#search-mobile').length)
    {
        //AutoComplete para Mobile
        const autoCompleteJSMobile = new autoComplete ({
        placeHolder: "Pesquisar Produto",
        selector: "#search-mobile",
        data: {
            src: async (query) => {
              try {
                // Fetch Data from external Source
                const source = await fetch(`/services/suggest?q=${query}`);
                // Data is array of `Objects` | `Strings`
                const data = await source.json();
                
                var response = [];
                if(data !== null){
                    response = data["response"]["docs"];
                }
                console.log(response);
                return response;
              } catch (error) {
                return error;
              }
            },
            // Data 'Object' key to be searched
            keys: ["produtoModelo"]
        },
        resultsList : {
            noResults: true,
            element: (list, data) => {
                if (!data.results.length) {
                    // Create "No Results" message element
                    const message = document.createElement("div");
                    // Add class to the created element
                    message.setAttribute("class", "no_result");
                    // Add message text content
                    message.innerHTML = `<span>Nenhuma sugestão para <b>"${data.query}"<b></span>`;
                    // Append message element to the results list
                    list.prepend(message);
                }
            },
            class: "absolute w-full z-20 bg-white mt-2 divide-y rounded-md p-3 shadow-md text-gray-900"  
        },
        searchEngine: (query, record) => {
            query = query.trim().replace(/\s\s+/g, ' ');
            
            var list = query.toLowerCase().split(" "),
                search = record.normalize("NFD").replace(/[\u0300-\u036f]/g, ""),
                found = list.every(item => search.toLowerCase().includes(item.normalize("NFD").replace(/[\u0300-\u036f]/g, "")));
                
            if(found){
                for(let i = 0; i < list.length; i++){
                    var item  = list[i],
                        words = record.toLowerCase().split(" "),
                        records = record.split(" "),
                        regex = null;

                    if(words.indexOf(item) !== -1){
                        records[words.indexOf(item)] = "<mark>"+records[words.indexOf(item)]+"</mark>"
                        record = records.join(" ");
                    }else{
                        words = search.toLowerCase().split(" ");
                        if(words.indexOf(item) !== -1){
                            records[words.indexOf(item)] = "<mark>"+records[words.indexOf(item)]+"</mark>"
                            record = records.join(" ");
                        }else{
                            regex = new RegExp(item, "ig");
                            record = record.replace( regex, (match) => { return "<mark>" + match + "</mark>" } );
                        }
                    }
                    //var regex = new RegExp(item, "ig");
                    //record = record.replace( regex, (match) => { return "<mark>" + match + "</mark>" } );
                }
                return record;   
            }
        },
        diacritics: true,
        resultItem: {
            highlight: true,
            class: "suggestion flex justify-start space-x-4 items-center p-2 hover:bg-gray-300 cursor-pointer",
            element: (item, data) => {
                const img  = document.createElement("img");
                const text = document.createElement("span");
                
                img.setAttribute("src", data.value.produtoImagem.pequena);
                img.setAttribute("class", "w-8 justify-self-end rounded-md");
                
                text.innerHTML = item.innerHTML;
                
                item.innerHTML = "";
                item.appendChild(img);
                item.appendChild(text);
            }
        },
        debounce: 300,
        events: {
            input: {
                selection: (event) => {
                    const selection = event.detail.selection.value;
                    autoCompleteJS.input.value = selection;
                },
                click: (event) => {
                    // alert("Input Field in click!");
                    autoCompleteJSMobile.input.select();
                },
                keydown: function(event) {
                    var t = autoCompleteJSMobile,
                        current = t.cursor,
                        list = t.list.children,
                        total = t.list.childElementCount;
                    switch (event.keyCode) {
                        //keyDown
                        case 40:
                            if(t.data.store.length){
                                if(t.cursor > -1){
                                    let element = document.getElementById(list[t.cursor].id);
                                    if(element === null){
                                        break;
                                    }
                                    element.classList.remove("bg-gray-300");   
                                }
                                t.cursor < total-1 ? t.cursor += 1 : t.cursor = 0;
                                
                                if(document.getElementById(list[t.cursor].id) !== null){
                                    document.getElementById(list[t.cursor].id).classList.add("bg-gray-300");
                                }
                                
                                //console.log(list[t.cursor].id);
                                autoCompleteJS.input.value = list[t.cursor].innerText;
                            }
                            break;
                        //keyUp
                        case 38:
                            if(t.data.store.length){
                                if(t.cursor > -1){
                                    let element = document.getElementById(list[t.cursor].id);
                                    if(element === null){
                                        break;
                                    }
                                    element.classList.remove("bg-gray-300");   
                                }
                                t.cursor > 0 ? t.cursor -= 1 : t.cursor = total-1;
                                
                                if(document.getElementById(list[t.cursor].id) !== null){
                                    document.getElementById(list[t.cursor].id).classList.add("bg-gray-300");
                                }
                                
                                //console.log(list[t.cursor].id);
                                autoCompleteJS.input.value = list[t.cursor].innerText;
                            }
                            break;
                        //enter
                        case 13:
                            console.log(event);
                            console.log(t);
                            break;
                        //delete
                        case 9:
                            console.log(event);
                            console.log(t);
                            break;
                        //esc
                        case 27:
                            console.log(event);
                            console.log(t);
                    }
                }
            },
            list: {
                click: (event) => {
                    //console.log(event);
                    var clicked = event.target.innerText;
                    autoCompleteJSMobile.input.value = clicked;
                    autoCompleteJSMobile.input.form.submit();
                }
            }
        }
    });
    }
</script>

<script type="text/javascript">
    
    $("#select-transporter").selectize({
      valueField: "transportadoraID",
      labelField: "transportadoraNome",
      searchField: "transportadoraNome",
      inputClass: "selectize-custom-input rounded bg-white text-gray-700 p-4 flex last:bg-red-500",
      loadingClass: 'loading',
      create: false,
      render: {
        option: function (item, escape) {
          return (
              '<div class="p-4 hover:bg-gray-100 border border-gray-100" _="on click remove .hidden from #loading">'+
              '<span>'+escape(item.transportadoraNome)+'<span>'+
              '</div>'
            );
        },
      },
      load: function (query, callback) {
        if (!query.length) return callback();
        $.ajax({
          url: "/services/transporters?q=" + encodeURIComponent(query),
          dataType: 'json',
          type: "GET",
          error: function () {
            callback();
          },
          success: function (res) {
            console.log("response", res);
            callback(res.hits.slice(0, 10));
            
          },
        });
      },
      onChange: function (value) {
        // console.log('Valor Novo: ', value);
        if(value !== ''){
            $.ajax({
              url: "/checkout/update",
              dataType: 'json',
              type: "POST",
              data: {
                transporte_id: value
              },
              success: function (res) {
                console.log("response", res);
              },
            });   
        }
      }
    });
</script>


<script>
function onClick(e) {
e.preventDefault();
grecaptcha.ready(function() {
  grecaptcha.execute('6Lffe1MdAAAAALNl_DqF9-ByFDjRL_-HBqwwpn5I', {action: 'submit'}).then(function(token) {
      // Add your logic to submit to your backend server here.
  });
});
}


</script>

     </div>
  </body>
  
    <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-899BH30JVM"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
  
    gtag('config', 'G-899BH30JVM');
  </script>
  </html>