{"offset":13,"limit":12,"max":24,"nbHits":241,"exhaustiveNbHits":false,"processingTimeMs":44,"query":"","search":false,"allProducts":true,"response":{"docs":[{"catalogoID":75365,"id":"1980637","produtoID":1980637,"produtoHabilitado":1,"catalogoAtualizadoEm":"2024-11-22 19:43:18","produtoNome":"Single row ball bearings - 25x56x15","produtoModelo":"255615","produtoPeso":"0.2050","produtoMarca":"PPK","produtoMedida":"25x56x15","produtoEmbalagem":"Caixinha Individual","categoriaID":1045,"categoriaSEO":"virabrequim","categoriaNome":"Virabrequim","categoriaTitulo":"Rolamento do Virabrequim PPK | Virabrequim para Moto","categoriaPalavrasChaves":"virabrequim, rolamento virabrequim, virabrequim moto, ppk, ppk motoparts, ppk motope\u00e7as, motope\u00e7as","categoriaDescricao":"O Rolamento do Virabrequim PPK \u00e9 fabricado em a\u00e7o, garantindo maior durabilidade. Rolamento PPK, reconhecido e aprovado pelo mercado de Motope\u00e7as.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Rolamento Direito do Virabrequim Honda Lead 110 08>15, Elite 125 18>...","ecommerceNome":"Rolamento Direito do Virabrequim Honda","ecommerceNomeCurto":"Rolamento do Virabrequim Lado Direito Lead 110, Elite 125","ecommerceDescricao":"Lead 110 08>15, Elite 125 18>...","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":null,"ecommerceSeoDescricao":null,"ecommerceSeoPalavrasChaves":null,"ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Honda:91003-HP1-601","codigoSimilar":null,"ecommerceCaracteristicas":"Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100","categoriaOrdem":"2","produtoVIP":"5","aplicacaoMoto":["Virabrequim"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["Elite","LEAD"],"aplicacaoMotoGrupo":["Motor"],"aplicacaoMotoSubGrupo":["Virabrequim"],"aplicacaoMotoCompleto":["Virabrequim, Motor, Virabrequim"],"aplicacaoMotoModelosCompleto":["Honda Elite 125 18>...","Honda LEAD 110 08>15"],"produtoPrecoConsumidor":0,"produtoEstoque":0,"produtoModeloBusca":"255615","ecommerceBusca":"Rolamento Direito do Virabrequim Honda Lead 110 08>15, Elite 125 18>... Rolamento Direito do Virabrequim Honda 255615","material":"A\u00e7o cromo SAE 52100","contador":1,"chave":0,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1980637.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1980637.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1980637.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"255615 Rolamento Direito do Virabrequim Honda Lead 110 08>15, Elite 125 18>... PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/single-row-ball-bearings-25x56x15-255615-ppk\/1980637","aplicacao":"\/produto\/rolamento-direito-do-virabrequim-honda-lead-110-08-15-elite-125-18-rolamento-direito-do-virabrequim-honda-255615\/1980637","modal":"\/modal\/single-row-ball-bearings-25x56x15-255615-ppk\/1980637"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"}],"codigoOriginalLista":[{"name":"Honda","value":"91003-HP1-601"}],"codigoSimilarLista":false},{"catalogoID":36728,"id":"1679360","produtoID":1679360,"produtoHabilitado":1,"catalogoAtualizadoEm":"2024-10-23 12:05:16","produtoNome":"Rolamento do Virabrequim Honda PCX 150 Lado direito","produtoModelo":"25BC06S98","produtoPeso":"0.2050","produtoMarca":"PPK","produtoMedida":"25x62x15","produtoEmbalagem":"Caixinha Individual","categoriaID":1045,"categoriaSEO":"virabrequim","categoriaNome":"Virabrequim","categoriaTitulo":"Rolamento do Virabrequim PPK | Virabrequim para Moto","categoriaPalavrasChaves":"virabrequim, rolamento virabrequim, virabrequim moto, ppk, ppk motoparts, ppk motope\u00e7as, motope\u00e7as","categoriaDescricao":"O Rolamento do Virabrequim PPK \u00e9 fabricado em a\u00e7o, garantindo maior durabilidade. Rolamento PPK, reconhecido e aprovado pelo mercado de Motope\u00e7as.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Rolamento do Virabrequim para Scooter Honda PCX 150 13>22, SH 150i 17>21 - lado direito","ecommerceNome":"Rolamento do Virabrequim para Scooter Honda","ecommerceNomeCurto":"Rolamento Direito do Virabrequim para PCX 150, SH 150i 17>21","ecommerceDescricao":"PCX 150 13>22, SH 150i 17>21 - lado direito","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento Direito do Virabrequim PCX150 | Rolamento 25BC06S98 PPK","ecommerceSeoDescricao":"Rolamento 25BC06S98 PPK lado direito do Virabrequim para PCX150. Tenha mais durabilidade e seguran\u00e7a com o rolamento 25BC06S98 PPK do Virabrequim. Rode tranquilo com os rolamentos PPK.","ecommerceSeoPalavrasChaves":"rolamento virabrequim, rolamento direito virabrequim pcx150, rolamento PCX150, rolamento 25BC06S98, rolamento 25BC06S98 ppk, rolamento ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":null,"codigoSimilar":null,"ecommerceCaracteristicas":null,"ecommerceCaracteristicasNome":null,"ecommerceCaracteristicasAtributos":null,"categoriaOrdem":"2","produtoVIP":"5","aplicacaoMoto":["Virabrequim"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["PCX","SH"],"aplicacaoMotoGrupo":["Motor"],"aplicacaoMotoSubGrupo":["Virabrequim"],"aplicacaoMotoCompleto":["Virabrequim, Motor, Virabrequim"],"aplicacaoMotoModelosCompleto":["Honda PCX 150 13>22","Honda SH 150 17>21"],"produtoPrecoConsumidor":30,"produtoEstoque":0,"produtoModeloBusca":"25BC06S98","ecommerceBusca":"Rolamento do Virabrequim para Scooter Honda PCX 150 13>22, SH 150i 17>21 - lado direito Rolamento do Virabrequim para Scooter Honda 25BC06S98","contador":2,"chave":1,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1679360.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1679360.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1679360.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"25BC06S98 Rolamento do Virabrequim para Scooter Honda PCX 150 13>22, SH 150i 17>21 - lado direito PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-do-virabrequim-honda-pcx-150-lado-direito-25bc06s98-ppk\/1679360","aplicacao":"\/produto\/rolamento-do-virabrequim-para-scooter-honda-pcx-150-13-22-sh-150i-17-21-lado-direito-rolamento-do-virabrequim-para-scooter-honda-25bc06s98\/1679360","modal":"\/modal\/rolamento-do-virabrequim-honda-pcx-150-lado-direito-25bc06s98-ppk\/1679360"},"ecommerceCaracteristicasLista":false,"codigoOriginalLista":false,"codigoSimilarLista":false},{"catalogoID":35554,"id":"16419","produtoID":16419,"produtoHabilitado":1,"catalogoAtualizadoEm":"2025-04-24 15:42:00","produtoNome":"Rolamento Roda Dianteira","produtoModelo":"27550032 (91051HR3A21)","produtoPeso":"0.3210","produtoMarca":"MAK","produtoMedida":"27x55x32","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 Quadriciclo Honda Fourtrax 420 14>...,  Fourtrax 500 14>20","ecommerceNome":"Rolamento Roda Dianteira Quadriciclo Honda","ecommerceNomeCurto":"Rolamento Roda Dianteira Quadriciclo Honda Fourtrax 420 14>...","ecommerceDescricao":"Fourtrax 420 14>...,  Fourtrax 500 14>20","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento 27550032 Roda Dianteira Quadriciclo Fourtrax | 27x55x32","ecommerceSeoDescricao":"O Rolamento 27550032 PPK \u00e9 aplicado na roda dianteira de quadriciclo Honda Fourtrax 420 \/ 500 do ano de 2014 at\u00e9 2018. O rolamento da roda dianteira do quadriciclo Fourtrax mede 27x55x32.","ecommerceSeoPalavrasChaves":"rolamento 27x55x32, rolamento roda moto, rolamento roda dianteira, rolamento quadriciclo fourtrax, rolamento dianteiro fourtrax, rolamento 27550032","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Honda:91051HR3A21","codigoSimilar":"VTO:275532","ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Classifica\u00e7\u00e3o:Roda Dianteira:5384; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Classifica\u00e7\u00e3o; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; Roda Dianteira; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":null,"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["Fourtrax"],"aplicacaoMotoGrupo":["Roda"],"aplicacaoMotoSubGrupo":["Roda dianteira"],"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":["Honda Fourtrax 420 14>18","Honda Fourtrax 500 14>20"],"produtoPrecoConsumidor":0,"produtoEstoque":0,"produtoModeloBusca":"2755003291051HR3A21","ecommerceBusca":"Rolamento Roda Dianteira Quadriciclo Honda Fourtrax 420 14>...,  Fourtrax 500 14>20 Rolamento Roda Dianteira Quadriciclo Honda 2755003291051HR3A21","blindagem":"Vedado 2 lados","contador":3,"chave":2,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/16419.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/16419.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/16419.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"27550032 (91051HR3A21) Rolamento Roda Dianteira Quadriciclo Honda Fourtrax 420 14>...,  Fourtrax 500 14>20 MAK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"mak","url":{"produto":"\/produto\/rolamento-roda-dianteira-27550032-91051hr3a21-mak\/16419","aplicacao":"\/produto\/rolamento-roda-dianteira-quadriciclo-honda-fourtrax-420-14-fourtrax-500-14-20-rolamento-roda-dianteira-quadriciclo-honda-2755003291051hr3a21\/16419","modal":"\/modal\/rolamento-roda-dianteira-27550032-91051hr3a21-mak\/16419"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Roda Dianteira"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"}],"codigoOriginalLista":[{"name":"Honda","value":"91051HR3A21"}],"codigoSimilarLista":[{"name":"VTO","value":"275532"}]},{"catalogoID":32128,"id":"15015","produtoID":15015,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-12-05 12:35:24","produtoNome":"Rolamento do Virabrequim Honda Titan \/ Bros","produtoModelo":"28BCS18-RSC3","produtoPeso":"0.3540","produtoMarca":"PPK","produtoMedida":"28x72x18","produtoEmbalagem":"Caixinha Individual","categoriaID":1045,"categoriaSEO":"virabrequim","categoriaNome":"Virabrequim","categoriaTitulo":"Rolamento do Virabrequim PPK | Virabrequim para Moto","categoriaPalavrasChaves":"virabrequim, rolamento virabrequim, virabrequim moto, ppk, ppk motoparts, ppk motope\u00e7as, motope\u00e7as","categoriaDescricao":"O Rolamento do Virabrequim PPK \u00e9 fabricado em a\u00e7o, garantindo maior durabilidade. Rolamento PPK, reconhecido e aprovado pelo mercado de Motope\u00e7as.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Rolamento do Virabrequim Lado Esquerdo Honda CG125 Titan\/Fan 00>08, NXR125 Bros 03>05, NXR150 Bros 03>05, XR200, CBX200 Strada | Dafra Riva 150 Ld Direito","ecommerceNome":"Rolamento do Virabrequim Lado Esquerdo Honda","ecommerceNomeCurto":"Rolamento do Virabrequim CG125 Titan\/Fan 00>08, NXR125 Bros 03>05 - Lado Esquerdo","ecommerceDescricao":"CG125 Titan\/Fan 00>08, NXR125 Bros 03>05, NXR150 Bros 03>05, XR200, CBX200 Strada | Dafra Riva 150 Ld Direito","ecommerceComplemento":"Veda\u00e7\u00e3o verde","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento Esquerdo do Virabrequim 28BCS18-RSC3 | Rolamento PPK","ecommerceSeoDescricao":"Rolamento 28BCS18-RSC3 PPK do virabrequim para Honda CG125 Titan\/Fan 2000 ate 2008 e NXR125 Bros 2003 ate 2005. Rolamento do virabrequim PPK, qualidade e seguran\u00e7a rodam juntas.","ecommerceSeoPalavrasChaves":"motope\u00e7as, rolamento para moto, virabrequim, rolamento virabrequim, rolamento CG125 TITAN, NXR125, BROS, NXR150, BROS, XR200, rolamento 28BCS18-RSC3","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"30039\", \"1647294\", \"30027\", \"1648367\"]","codigoOriginal":"Dafra:10362-028-100; Honda:91001-KBR-003; Honda:91001-KCN-003; Honda:91001-KGA-900","codigoSimilar":"NTN:SC06T02","ecommerceCaracteristicas":"Blindagem:Vedado 1 lado:5385; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C3; Vedado 1 lado","categoriaOrdem":"2","produtoVIP":"D","aplicacaoMoto":["\u00c1rvore de manivelas","Virabrequim"],"aplicacaoMotoMontadoras":["Dafra","Honda"],"aplicacaoMotoModelos":["CBX","CG","NXR","Riva","XR"],"aplicacaoMotoGrupo":["Motor"],"aplicacaoMotoSubGrupo":["Virabrequim"],"aplicacaoMotoCompleto":["\u00c1rvore de manivelas, Motor, Virabrequim"],"aplicacaoMotoModelosCompleto":["Dafra Riva 150 12>17","Honda CBX 200 ","Honda CG 125 00>08","Honda NXR 125 03>05","Honda NXR 150 03>05","Honda XR 200 "],"produtoPrecoConsumidor":22.8,"produtoEstoque":0,"produtoModeloBusca":"28BCS18RSC3","ecommerceBusca":"Rolamento do Virabrequim Lado Esquerdo Honda CG125 Titan\/Fan 00>08, NXR125 Bros 03>05, NXR150 Bros 03>05, XR200, CBX200 Strada | Dafra Riva 150 Ld Direito Rolamento do Virabrequim Lado Esquerdo Honda 28BCS18RSC3","blindagem":"Vedado 1 lado","contador":4,"chave":3,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/15015.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/15015.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/15015.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"28BCS18-RSC3 Rolamento do Virabrequim Lado Esquerdo Honda CG125 Titan\/Fan 00>08, NXR125 Bros 03>05, NXR150 Bros 03>05, XR200, CBX200 Strada | Dafra Riva 150 Ld Direito PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-do-virabrequim-honda-titan-bros-28bcs18-rsc3-ppk\/15015","aplicacao":"\/produto\/rolamento-do-virabrequim-lado-esquerdo-honda-cg125-titan-fan-00-08-nxr125-bros-03-05-nxr150-bros-03-05-xr200-cbx200-strada-dafra-riva-150-ld-direito-rolamento-do-virabrequim-lado-esquerdo-honda-28bcs18rsc3\/15015","modal":"\/modal\/rolamento-do-virabrequim-honda-titan-bros-28bcs18-rsc3-ppk\/15015"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5385","name":"Blindagem","value":"Vedado 1 lado"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Dafra","value":"10362-028-100"},{"name":"Honda","value":"91001-KBR-003"},{"name":"Honda","value":"91001-KCN-003"},{"name":"Honda","value":"91001-KGA-900"}],"codigoSimilarLista":[{"name":"NTN","value":"SC06T02"}]},{"catalogoID":37483,"id":"1979963","produtoID":1979963,"produtoHabilitado":1,"catalogoAtualizadoEm":"2024-04-16 19:51:42","produtoNome":"Rolamento Duplo de Roda para Yamaha - 30x55x32 ","produtoModelo":"30550032","produtoPeso":"0.4200","produtoMarca":"MAK","produtoMedida":"30x55x32","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 Roda para Quadriciclo Yamaha Grizzly 400, 450, 550, 660, 700 |  ATV CForce 14>...","ecommerceNome":"Rolamento de Roda para Quadriciclo Yamaha","ecommerceNomeCurto":"Rolamento de Roda para Quadriciclo Grizzly, ATV CForce 14>...","ecommerceDescricao":"Grizzly 400, 450, 550, 660, 700 |  ATV CForce 14>...","ecommerceComplemento":"Kawasaki Teryx 750\/800 08>...","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":null,"ecommerceSeoDescricao":null,"ecommerceSeoPalavrasChaves":null,"ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Kawasaki:92045-0800; Suzuki:51259-31G10; Yamaha:93305-00602","codigoSimilar":"Koyo:DAC3055W; VTO:305532","ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Classifica\u00e7\u00e3o:Roda:5384; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Classifica\u00e7\u00e3o; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; Roda; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":null,"aplicacaoMotoMontadoras":null,"aplicacaoMotoModelos":null,"aplicacaoMotoGrupo":null,"aplicacaoMotoSubGrupo":null,"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":null,"produtoPrecoConsumidor":45,"produtoEstoque":0,"produtoModeloBusca":"30550032","ecommerceBusca":"Rolamento de Roda para Quadriciclo Yamaha Grizzly 400, 450, 550, 660, 700 |  ATV CForce 14>... Rolamento de Roda para Quadriciclo Yamaha 30550032","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\/1979963.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1979963.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1979963.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/53613\/53613.jpg?version=7.73"}],"produtoGaleriaTotal":1,"produtoBusca":"30550032 Rolamento de Roda para Quadriciclo Yamaha Grizzly 400, 450, 550, 660, 700 |  ATV CForce 14>... MAK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"mak","url":{"produto":"\/produto\/rolamento-duplo-de-roda-para-yamaha-30x55x32-30550032-mak\/1979963","aplicacao":"\/produto\/rolamento-de-roda-para-quadriciclo-yamaha-grizzly-400-450-550-660-700-atv-cforce-14-rolamento-de-roda-para-quadriciclo-yamaha-30550032\/1979963","modal":"\/modal\/rolamento-duplo-de-roda-para-yamaha-30x55x32-30550032-mak\/1979963"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Roda"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"}],"codigoOriginalLista":[{"name":"Kawasaki","value":"92045-0800"},{"name":"Suzuki","value":"51259-31G10"},{"name":"Yamaha","value":"93305-00602"}],"codigoSimilarLista":[{"name":"Koyo","value":"DAC3055W"},{"name":"VTO","value":"305532"}]},{"catalogoID":75451,"id":"1980642","produtoID":1980642,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-12-12 19:48:52","produtoNome":"Rolamento Rigido de Esferas - 30x82x17,5","produtoModelo":"3082175-C3","produtoPeso":"0.3550","produtoMarca":"PPK","produtoMedida":"30x82x17.5","produtoEmbalagem":"Caixinha Individual","categoriaID":1045,"categoriaSEO":"virabrequim","categoriaNome":"Virabrequim","categoriaTitulo":"Rolamento do Virabrequim PPK | Virabrequim para Moto","categoriaPalavrasChaves":"virabrequim, rolamento virabrequim, virabrequim moto, ppk, ppk motoparts, ppk motope\u00e7as, motope\u00e7as","categoriaDescricao":"O Rolamento do Virabrequim PPK \u00e9 fabricado em a\u00e7o, garantindo maior durabilidade. Rolamento PPK, reconhecido e aprovado pelo mercado de Motope\u00e7as.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Rolamento do Virabrequim para Honda Falcon NX 400 99>...","ecommerceNome":"Rolamento do Virabrequim para Honda","ecommerceNomeCurto":"Rolamento do Virabrequim para Falcon NX 400","ecommerceDescricao":"Falcon NX 400 99>...","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento do Virabrequim para Falcon NX 400 | Rolamento PPK","ecommerceSeoDescricao":null,"ecommerceSeoPalavrasChaves":null,"ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Honda:91001-MCG-003","codigoSimilar":"NTN:TM-SC06C02C3","ecommerceCaracteristicas":"Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100","categoriaOrdem":"2","produtoVIP":"5","aplicacaoMoto":["Virabrequim"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["NX"],"aplicacaoMotoGrupo":null,"aplicacaoMotoSubGrupo":["Virabrequim"],"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":["Honda NX 400 99>..."],"produtoPrecoConsumidor":0,"produtoEstoque":0,"produtoModeloBusca":"3082175C3","ecommerceBusca":"Rolamento do Virabrequim para Honda Falcon NX 400 99>... Rolamento do Virabrequim para Honda 3082175C3","material":"A\u00e7o cromo SAE 52100","contador":6,"chave":5,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1980642.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1980642.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1980642.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"3082175-C3 Rolamento do Virabrequim para Honda Falcon NX 400 99>... PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-30x82x17-5-3082175-c3-ppk\/1980642","aplicacao":"\/produto\/rolamento-do-virabrequim-para-honda-falcon-nx-400-99-rolamento-do-virabrequim-para-honda-3082175c3\/1980642","modal":"\/modal\/rolamento-rigido-de-esferas-30x82x17-5-3082175-c3-ppk\/1980642"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"}],"codigoOriginalLista":[{"name":"Honda","value":"91001-MCG-003"}],"codigoSimilarLista":[{"name":"NTN","value":"TM-SC06C02C3"}]},{"catalogoID":36726,"id":"3043","produtoID":3043,"produtoHabilitado":1,"catalogoAtualizadoEm":"2024-12-11 12:30:05","produtoNome":"Rolamento de Rolos C\u00f4nicos","produtoModelo":"32005X","produtoPeso":"0.1170","produtoMarca":"MAK","produtoMedida":"25x47x15","produtoEmbalagem":"Caixinha Individual","categoriaID":968,"categoriaSEO":"caixa-de-direcao","categoriaNome":"Caixa de Dire\u00e7\u00e3o","categoriaTitulo":"Caixa de Dire\u00e7\u00e3o para Motos PPK | Pilotagem Segura com PPK","categoriaPalavrasChaves":"Caixa de Dire\u00e7\u00e3o, Caixa Dire\u00e7\u00e3o Motos, Caixa Dire\u00e7\u00e3o PPK, PPK motope\u00e7as, PPK,  moto pe\u00e7a PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"A Caixa de Dire\u00e7\u00e3o PPK \u00e9 indicada para motos que rodam tanto em centros urbanos como em terrenos acidentados, oferecendo uma pilotagem mais suave e segura.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Caixa de Dire\u00e7\u00e3o Inferior para Honda CRF 250 | Yamaha XTZ 125, Lander 250, XTZ 250 T\u00e9n\u00e9r\u00e9 11>19 | Superior Suzuki Burgman 400 00>19, GS 500E 93>09","ecommerceNome":"Caixa de Dire\u00e7\u00e3o Inferior para Honda","ecommerceNomeCurto":"Caixa de Dire\u00e7\u00e3o Inferior para CRF 250, Lander e T\u00e9n\u00e9r\u00e9 XTZ 250, Superior Burgman 400, GS 500E","ecommerceDescricao":"CRF 250 | Yamaha XTZ 125, Lander 250, XTZ 250 T\u00e9n\u00e9r\u00e9 11>19 | Superior Suzuki Burgman 400 00>19, GS 500E 93>09","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento Caixa Dire\u00e7\u00e3o Honda, GS 500E | Rolamento PPK","ecommerceSeoDescricao":null,"ecommerceSeoPalavrasChaves":null,"ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Asia:AA10033047; Peugeot:374809; Suzuki:09265-250-19000; Yamaha:93332-00001-00 ; Yamaha:93332-000W5-00","codigoSimilar":"IRB:IR12005; SKF:32005X\/QVB015","ecommerceCaracteristicas":"Material:A\u00e7o cromo SAE 52100:5346; Tipo:C\u00f4nica:5400","ecommerceCaracteristicasNome":"Material; Tipo","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C\u00f4nica","categoriaOrdem":"3","produtoVIP":"5","aplicacaoMoto":["Caixa de dire\u00e7\u00e3o"],"aplicacaoMotoMontadoras":["Honda","Suzuki","Yamaha"],"aplicacaoMotoModelos":["BURGMAN","CRF","GS","XTZ"],"aplicacaoMotoGrupo":null,"aplicacaoMotoSubGrupo":["Coluna de dire\u00e7\u00e3o"],"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":["Suzuki BURGMAN 400 00>19","Suzuki GS 500 93>09","Yamaha XTZ 250 11>19"],"produtoPrecoConsumidor":8.5,"produtoEstoque":0,"produtoModeloBusca":"32005X","ecommerceBusca":"Caixa de Dire\u00e7\u00e3o Inferior para Honda CRF 250 | Yamaha XTZ 125, Lander 250, XTZ 250 T\u00e9n\u00e9r\u00e9 11>19 | Superior Suzuki Burgman 400 00>19, GS 500E 93>09 Caixa de Dire\u00e7\u00e3o Inferior para Honda 32005X","material":"A\u00e7o cromo SAE 52100","contador":7,"chave":6,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/3043.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/3043.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/3043.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"32005X Caixa de Dire\u00e7\u00e3o Inferior para Honda CRF 250 | Yamaha XTZ 125, Lander 250, XTZ 250 T\u00e9n\u00e9r\u00e9 11>19 | Superior Suzuki Burgman 400 00>19, GS 500E 93>09 MAK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"mak","url":{"produto":"\/produto\/rolamento-de-rolos-conicos-32005x-mak\/3043","aplicacao":"\/produto\/caixa-de-direcao-inferior-para-honda-crf-250-yamaha-xtz-125-lander-250-xtz-250-tenere-11-19-superior-suzuki-burgman-400-00-19-gs-500e-93-09-caixa-de-direcao-inferior-para-honda-32005x\/3043","modal":"\/modal\/rolamento-de-rolos-conicos-32005x-mak\/3043"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5400","name":"Tipo","value":"C\u00f4nica"}],"codigoOriginalLista":[{"name":"Asia","value":"AA10033047"},{"name":"Peugeot","value":"374809"},{"name":"Suzuki","value":"09265-250-19000"},{"name":"Yamaha","value":"93332-00001-00 "},{"name":"Yamaha","value":"93332-000W5-00"}],"codigoSimilarLista":[{"name":"IRB","value":"IR12005"},{"name":"SKF","value":"32005X\/QVB015"}]},{"catalogoID":31980,"id":"14965","produtoID":14965,"produtoHabilitado":0,"catalogoAtualizadoEm":"2025-05-14 13:13:19","produtoNome":"Rolamento de Rolos C\u00f4nicos","produtoModelo":"32005X\/26","produtoPeso":"0.1150","produtoMarca":"PPK","produtoMedida":"26x47x15","produtoEmbalagem":"Caixinha Individual","categoriaID":968,"categoriaSEO":"caixa-de-direcao","categoriaNome":"Caixa de Dire\u00e7\u00e3o","categoriaTitulo":"Caixa de Dire\u00e7\u00e3o para Motos PPK | Pilotagem Segura com PPK","categoriaPalavrasChaves":"Caixa de Dire\u00e7\u00e3o, Caixa Dire\u00e7\u00e3o Motos, Caixa Dire\u00e7\u00e3o PPK, PPK motope\u00e7as, PPK,  moto pe\u00e7a PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"A Caixa de Dire\u00e7\u00e3o PPK \u00e9 indicada para motos que rodam tanto em centros urbanos como em terrenos acidentados, oferecendo uma pilotagem mais suave e segura.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Caixa de Dire\u00e7\u00e3o para Honda Bros NXR 125\/150\/160, Falcon NX 150\/200\/350\/400\/500\/650, XLR 125\/250, XLX 250\/350","ecommerceNome":"Caixa de Dire\u00e7\u00e3o para Honda","ecommerceNomeCurto":"Caixa de Dire\u00e7\u00e3o Honda Bros 125\/150\/160, Falcon NX (todas), XLR125","ecommerceDescricao":"Bros NXR 125\/150\/160, Falcon NX 150\/200\/350\/400\/500\/650, XLR 125\/250, XLX 250\/350","ecommerceComplemento":"Sahara XRE 190\/300, Tornado XR 200\/250\/400\/650L, CR 80R\/85RB, CRF 150\/230\/250, Transalp XL700V, Inferior CB 300R Repsol","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Caixa de Dire\u00e7\u00e3o 32005X-26 PPK para Honda Bros | PPK Motoparts","ecommerceSeoDescricao":"A Caixa de Dire\u00e7\u00e3o 32005X-26 PPK para Honda Bros voc\u00ea encontra na PPK. Temos uma linha completa de Caixa de Dire\u00e7\u00e3o para Honda e muito mais. Caixa de Dire\u00e7\u00e3o \u00e9 PPK Motoparts.","ecommerceSeoPalavrasChaves":"caixa de dire\u00e7\u00e3o, caixa de dire\u00e7\u00e3o ppk, caixa de dire\u00e7\u00e3o honda, caixa de dire\u00e7\u00e3o bros, PPK Motoparts, Caixa Dire\u00e7\u00e3o 32005X-26","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1648367\", \"1648773\", \"1648375\", \"1777\"]","codigoOriginal":"Honda:91015-425-832","codigoSimilar":"Nachi:E32005JS\/26","ecommerceCaracteristicas":"Material:A\u00e7o cromo SAE 52100:5346; Tipo:C\u00f4nica:5400","ecommerceCaracteristicasNome":"Material; Tipo","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C\u00f4nica","categoriaOrdem":"3","produtoVIP":"5","aplicacaoMoto":["Caixa de dire\u00e7\u00e3o"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["NX","NXR","XLR","XR"],"aplicacaoMotoGrupo":["Suspens\u00e3o"],"aplicacaoMotoSubGrupo":["Coluna de dire\u00e7\u00e3o"],"aplicacaoMotoCompleto":["Caixa de dire\u00e7\u00e3o, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o"],"aplicacaoMotoModelosCompleto":["Honda XLR 125 "],"produtoPrecoConsumidor":8.65,"produtoEstoque":0,"produtoModeloBusca":"32005X26","ecommerceBusca":"Caixa de Dire\u00e7\u00e3o para Honda Bros NXR 125\/150\/160, Falcon NX 150\/200\/350\/400\/500\/650, XLR 125\/250, XLX 250\/350 Caixa de Dire\u00e7\u00e3o para Honda 32005X26","material":"A\u00e7o cromo SAE 52100","contador":8,"chave":7,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/14965.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/14965.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/14965.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"32005X\/26 Rolamento para Caixa de Dire\u00e7\u00e3o","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50115\/50115.jpg?version=7.73"},{"id":2,"grupo":"Galeria de Produto","nome":"32005X\/26 Rolamento para Caixa de Dire\u00e7\u00e3o","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50116\/50116.jpg?version=7.73"}],"produtoGaleriaTotal":2,"produtoBusca":"32005X\/26 Caixa de Dire\u00e7\u00e3o para Honda Bros NXR 125\/150\/160, Falcon NX 150\/200\/350\/400\/500\/650, XLR 125\/250, XLX 250\/350 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-de-rolos-conicos-32005x-26-ppk\/14965","aplicacao":"\/produto\/caixa-de-direcao-para-honda-bros-nxr-125-150-160-falcon-nx-150-200-350-400-500-650-xlr-125-250-xlx-250-350-caixa-de-direcao-para-honda-32005x26\/14965","modal":"\/modal\/rolamento-de-rolos-conicos-32005x-26-ppk\/14965"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5400","name":"Tipo","value":"C\u00f4nica"}],"codigoOriginalLista":[{"name":"Honda","value":"91015-425-832"}],"codigoSimilarLista":[{"name":"Nachi","value":"E32005JS\/26"}]},{"catalogoID":38119,"id":"2534","produtoID":2534,"produtoHabilitado":0,"catalogoAtualizadoEm":"2025-05-14 13:13:34","produtoNome":"Rolamento de Rolos C\u00f4nicos","produtoModelo":"32006X","produtoPeso":"0.1780","produtoMarca":"MAK","produtoMedida":"30x55x17","produtoEmbalagem":"Caixinha Individual","categoriaID":968,"categoriaSEO":"caixa-de-direcao","categoriaNome":"Caixa de Dire\u00e7\u00e3o","categoriaTitulo":"Caixa de Dire\u00e7\u00e3o para Motos PPK | Pilotagem Segura com PPK","categoriaPalavrasChaves":"Caixa de Dire\u00e7\u00e3o, Caixa Dire\u00e7\u00e3o Motos, Caixa Dire\u00e7\u00e3o PPK, PPK motope\u00e7as, PPK,  moto pe\u00e7a PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"A Caixa de Dire\u00e7\u00e3o PPK \u00e9 indicada para motos que rodam tanto em centros urbanos como em terrenos acidentados, oferecendo uma pilotagem mais suave e segura.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Caixa de Dire\u00e7\u00e3o Inferior C\u00f4nica para Yamaha Fazer 250 08>17, XTZ Lander 250 07>..., XTZ 250 T\u00e9n\u00e9r\u00e9 11>19, XT600\/660 | Superior CB 300R Repsol","ecommerceNome":"Caixa de Dire\u00e7\u00e3o Inferior C\u00f4nica para Yamaha","ecommerceNomeCurto":"Caixa de Dire\u00e7\u00e3o C\u00f4nica Inferior Fazer 250 08>17, XTZ 250 T\u00e9n\u00e9r\u00e9 11>19, XTZ Lander 250 07>..., XT600\/660","ecommerceDescricao":"Fazer 250 08>17, XTZ Lander 250 07>..., XTZ 250 T\u00e9n\u00e9r\u00e9 11>19, XT600\/660 | Superior CB 300R Repsol","ecommerceComplemento":"Suzuki Burgman 400 00>19","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Caixa de Dire\u00e7\u00e3o Inferior PPK para Fazer 250 | Caixa de Dire\u00e7\u00e3o PPK","ecommerceSeoDescricao":"A caixa de dire\u00e7\u00e3o c\u00f4nica inferior PPK para moto atende com excelencia alguns dos principais modelos Yamanha, como Fazer 250 , XTZ Lander 250 e XTZ 250 T\u00e9n\u00e9r\u00e9. Caixa de Dire\u00e7\u00e3o C\u00f4nica \u00e9 PPK .","ecommerceSeoPalavrasChaves":"caixa dire\u00e7\u00e3o, caixa dire\u00e7\u00e3o PPK, PPK, fazer 250,","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Fiat:4470124; Massey Ferguson:1422111M91; Massey Ferguson:1716989M1; Valmet:24903780; Yamaha:9333200008","codigoSimilar":null,"ecommerceCaracteristicas":"Material:A\u00e7o cromo SAE 52100:5346; Tipo:C\u00f4nica:5400","ecommerceCaracteristicasNome":"Material; Tipo","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C\u00f4nica","categoriaOrdem":"3","produtoVIP":"5","aplicacaoMoto":["Caixa de dire\u00e7\u00e3o"],"aplicacaoMotoMontadoras":["Yamaha"],"aplicacaoMotoModelos":["FAZER","XTZ"],"aplicacaoMotoGrupo":null,"aplicacaoMotoSubGrupo":["Coluna de dire\u00e7\u00e3o"],"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":["Yamaha FAZER 250 08>17"],"produtoPrecoConsumidor":9.79,"produtoEstoque":0,"produtoModeloBusca":"32006X","ecommerceBusca":"Caixa de Dire\u00e7\u00e3o Inferior C\u00f4nica para Yamaha Fazer 250 08>17, XTZ Lander 250 07>..., XTZ 250 T\u00e9n\u00e9r\u00e9 11>19, XT600\/660 | Superior CB 300R Repsol Caixa de Dire\u00e7\u00e3o Inferior C\u00f4nica para Yamaha 32006X","material":"A\u00e7o cromo SAE 52100","contador":9,"chave":8,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/2534.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/2534.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/2534.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"32006X Caixa de Dire\u00e7\u00e3o Inferior C\u00f4nica para Yamaha Fazer 250 08>17, XTZ Lander 250 07>..., XTZ 250 T\u00e9n\u00e9r\u00e9 11>19, XT600\/660 | Superior CB 300R Repsol MAK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"mak","url":{"produto":"\/produto\/rolamento-de-rolos-conicos-32006x-mak\/2534","aplicacao":"\/produto\/caixa-de-direcao-inferior-conica-para-yamaha-fazer-250-08-17-xtz-lander-250-07-xtz-250-tenere-11-19-xt600-660-superior-cb-300r-repsol-caixa-de-direcao-inferior-conica-para-yamaha-32006x\/2534","modal":"\/modal\/rolamento-de-rolos-conicos-32006x-mak\/2534"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5400","name":"Tipo","value":"C\u00f4nica"}],"codigoOriginalLista":[{"name":"Fiat","value":"4470124"},{"name":"Massey Ferguson","value":"1422111M91"},{"name":"Massey Ferguson","value":"1716989M1"},{"name":"Valmet","value":"24903780"},{"name":"Yamaha","value":"9333200008"}],"codigoSimilarLista":false},{"catalogoID":75937,"id":"1981011","produtoID":1981011,"produtoHabilitado":0,"catalogoAtualizadoEm":"2025-04-29 18:30:21","produtoNome":"Rolamento Rigido de Esferas","produtoModelo":"356014-C3","produtoPeso":"0.1550","produtoMarca":"PPK","produtoMedida":"35x60x14","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 Carca\u00e7a Direita do Diferencial Traseiro Honda Quadriciclo Fourtrax Trx 420 14>...","ecommerceNome":"Rolamento Carca\u00e7a Direita do Diferencial Traseiro Honda","ecommerceNomeCurto":"Rolamento Carca\u00e7a Direita do Diferencial Traseiro Quadriciclo Fourtrax Trx 420 14>...","ecommerceDescricao":"Quadriciclo Fourtrax Trx 420 14>...","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento 35x60x14 Diferencial Traseiro Fourtrax | Rolamento PPK","ecommerceSeoDescricao":"Rolamento 35x60x14 PPK da carca\u00e7a direita do diferencial traseiro do quadriciclo Honda Fourtrax 420 a partir de 2014. Garanta desempenho e durabilidade para seu quadriciclo com o rolamento PPK.","ecommerceSeoPalavrasChaves":"rolamento, rolamento ppk, rolamento diferencial fourtrax 420, rolamento diferencial fourtrax, rolamento 35x60x14","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Honda:91062HP0A01","codigoSimilar":"NTN:SCO7859C3","ecommerceCaracteristicas":"Blindagem:Aberto:5385; Classifica\u00e7\u00e3o:Carca\u00e7a do Motor:5384; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Classifica\u00e7\u00e3o; Folga; Material","ecommerceCaracteristicasAtributos":"Aberto; A\u00e7o cromo SAE 52100; C3; Carca\u00e7a do Motor","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":null,"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["Fourtrax"],"aplicacaoMotoGrupo":["Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["Carca\u00e7a do motor"],"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":["Honda Fourtrax 420 14>..."],"produtoPrecoConsumidor":0.01,"produtoEstoque":0,"produtoModeloBusca":"356014C3","ecommerceBusca":"Rolamento Carca\u00e7a Direita do Diferencial Traseiro Honda Quadriciclo Fourtrax Trx 420 14>... Rolamento Carca\u00e7a Direita do Diferencial Traseiro Honda 356014C3","blindagem":"Aberto","contador":10,"chave":9,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1981011.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1981011.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1981011.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"356014-C3 Rolamento Carca\u00e7a Direita do Diferencial Traseiro Honda Quadriciclo Fourtrax Trx 420 14>... PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-356014-c3-ppk\/1981011","aplicacao":"\/produto\/rolamento-carcaca-direita-do-diferencial-traseiro-honda-quadriciclo-fourtrax-trx-420-14-rolamento-carcaca-direita-do-diferencial-traseiro-honda-356014c3\/1981011","modal":"\/modal\/rolamento-rigido-de-esferas-356014-c3-ppk\/1981011"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Carca\u00e7a do Motor"},{"key":"5385","name":"Blindagem","value":"Aberto"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Honda","value":"91062HP0A01"}],"codigoSimilarLista":[{"name":"NTN","value":"SCO7859C3"}]},{"catalogoID":32102,"id":"30039","produtoID":30039,"produtoHabilitado":0,"catalogoAtualizadoEm":"2025-02-03 14:44:35","produtoNome":"Rolamento do Virabrequim Honda Titan 150cc","produtoModelo":"35BC07S56","produtoPeso":"0.2800","produtoMarca":"PPK","produtoMedida":"34.991x72x18.5","produtoEmbalagem":"Caixinha Individual","categoriaID":1045,"categoriaSEO":"virabrequim","categoriaNome":"Virabrequim","categoriaTitulo":"Rolamento do Virabrequim PPK | Virabrequim para Moto","categoriaPalavrasChaves":"virabrequim, rolamento virabrequim, virabrequim moto, ppk, ppk motoparts, ppk motope\u00e7as, motope\u00e7as","categoriaDescricao":"O Rolamento do Virabrequim PPK \u00e9 fabricado em a\u00e7o, garantindo maior durabilidade. Rolamento PPK, reconhecido e aprovado pelo mercado de Motope\u00e7as.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Rolamento do Virabrequim Lado Esquerdo Honda CG125 Titan\/Fan 09>..., CG150 Titan \/ Fan 04>... | Virabrequim Dafra Horizon 150 15>...","ecommerceNome":"Rolamento do Virabrequim Lado Esquerdo Honda","ecommerceNomeCurto":"Rolamento Esquerdo do Virabrequim CG125 Titan \/ Fan 09>..., CG150 Titan \/ Fan 04>...","ecommerceDescricao":"CG125 Titan\/Fan 09>..., CG150 Titan \/ Fan 04>... | Virabrequim Dafra Horizon 150 15>...","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento do Virabrequim Titan CG125 | Rolamento 35BC07S56 PPK","ecommerceSeoDescricao":"Rolamento 35BC07S56 PPK do Virabrequim para CG125 Titan. Tenha mais durabilidade e seguran\u00e7a com o rolamento 35BC07S56 PPK do Virabrequim, aplicado na Honda CG125 Titan e CG150. PPK, o seu rolamento.","ecommerceSeoPalavrasChaves":"motope\u00e7as, rolamento de moto, rolamento virabrequim, virabrequim, rolamento CG125 Titan, rolamento CG150, rolamento 35BC07S56","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1647294\", \"79\", \"15015\", \"1647798\"]","codigoOriginal":"Dafra:02862-07X2-F1Z; Honda:91002-KRM-871","codigoSimilar":"Nachi:35BC07S58; NTN:TM6207X2F1; VTO:357218","ecommerceCaracteristicas":"Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100","categoriaOrdem":"2","produtoVIP":"5","aplicacaoMoto":["\u00c1rvore de manivelas"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["CG"],"aplicacaoMotoGrupo":["Motor"],"aplicacaoMotoSubGrupo":["Virabrequim"],"aplicacaoMotoCompleto":["\u00c1rvore de manivelas, Motor, Virabrequim"],"aplicacaoMotoModelosCompleto":["Honda CG 125 09>...","Honda CG 150 04>..."],"produtoPrecoConsumidor":22,"produtoEstoque":0,"produtoModeloBusca":"35BC07S56","ecommerceBusca":"Rolamento do Virabrequim Lado Esquerdo Honda CG125 Titan\/Fan 09>..., CG150 Titan \/ Fan 04>... | Virabrequim Dafra Horizon 150 15>... Rolamento do Virabrequim Lado Esquerdo Honda 35BC07S56","material":"A\u00e7o cromo SAE 52100","contador":11,"chave":10,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/30039.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/30039.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/30039.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"35BC07S56 Rolamento do Virabrequim Lado Esquerdo Honda CG125 Titan\/Fan 09>..., CG150 Titan \/ Fan 04>... | Virabrequim Dafra Horizon 150 15>... PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-do-virabrequim-honda-titan-150cc-35bc07s56-ppk\/30039","aplicacao":"\/produto\/rolamento-do-virabrequim-lado-esquerdo-honda-cg125-titan-fan-09-cg150-titan-fan-04-virabrequim-dafra-horizon-150-15-rolamento-do-virabrequim-lado-esquerdo-honda-35bc07s56\/30039","modal":"\/modal\/rolamento-do-virabrequim-honda-titan-150cc-35bc07s56-ppk\/30039"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"}],"codigoOriginalLista":[{"name":"Dafra","value":"02862-07X2-F1Z"},{"name":"Honda","value":"91002-KRM-871"}],"codigoSimilarLista":[{"name":"Nachi","value":"35BC07S58"},{"name":"NTN","value":"TM6207X2F1"},{"name":"VTO","value":"357218"}]},{"catalogoID":36727,"id":"1679361","produtoID":1679361,"produtoHabilitado":1,"catalogoAtualizadoEm":"2024-11-22 19:41:32","produtoNome":"Rolamento do Virabrequim Honda PCX 150 Lado esquerdo","produtoModelo":"35BC07S61","produtoPeso":"0.2550","produtoMarca":"PPK","produtoMedida":"35x72x15","produtoEmbalagem":"Caixinha Individual","categoriaID":1045,"categoriaSEO":"virabrequim","categoriaNome":"Virabrequim","categoriaTitulo":"Rolamento do Virabrequim PPK | Virabrequim para Moto","categoriaPalavrasChaves":"virabrequim, rolamento virabrequim, virabrequim moto, ppk, ppk motoparts, ppk motope\u00e7as, motope\u00e7as","categoriaDescricao":"O Rolamento do Virabrequim PPK \u00e9 fabricado em a\u00e7o, garantindo maior durabilidade. Rolamento PPK, reconhecido e aprovado pelo mercado de Motope\u00e7as.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Rolamento Esquerdo do Virabrequim para Scooter Honda PCX 150 13>22, ADV 150 21>..., Lead 110 08>15, Elite 125 18>...","ecommerceNome":"Rolamento Esquerdo do Virabrequim para Scooter Honda","ecommerceNomeCurto":"Rolamento Esquerdo do Virabrequim PCX 150, ADV 150, Lead 110, Elite 125","ecommerceDescricao":"PCX 150 13>22, ADV 150 21>..., Lead 110 08>15, Elite 125 18>...","ecommerceComplemento":"Transmiss\u00e3o PCX 160","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento do Virabrequim para PCX150 | Rolamento 35BC07S61 PPK","ecommerceSeoDescricao":"Rolamento 35BC07S61 PPK do Virabrequim para Scooter PCX150. Tenha mais durabilidade e seguran\u00e7a com o rolamento 35BC07S61 PPK do Virabrequim. Rolamento PPK, qualidade e seguran\u00e7a rodam juntas.","ecommerceSeoPalavrasChaves":"rolamento virabrequim, rolamento virabrequim pcx150, rolamento scooter PCX150, rolamento 35BC07S61, rolamento 35BC07S61 ppk, rolamento ppk, ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Honda:91002-KZR-602","codigoSimilar":null,"ecommerceCaracteristicas":null,"ecommerceCaracteristicasNome":null,"ecommerceCaracteristicasAtributos":null,"categoriaOrdem":"2","produtoVIP":"5","aplicacaoMoto":["Virabrequim"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["Elite","LEAD","PCX"],"aplicacaoMotoGrupo":["Motor","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["Virabrequim"],"aplicacaoMotoCompleto":["Virabrequim, Motor, Virabrequim"],"aplicacaoMotoModelosCompleto":["Honda Elite 125 18>...","Honda LEAD 110 08>15","Honda PCX 150 13>22"],"produtoPrecoConsumidor":30,"produtoEstoque":0,"produtoModeloBusca":"35BC07S61","ecommerceBusca":"Rolamento Esquerdo do Virabrequim para Scooter Honda PCX 150 13>22, ADV 150 21>..., Lead 110 08>15, Elite 125 18>... Rolamento Esquerdo do Virabrequim para Scooter Honda 35BC07S61","contador":12,"chave":11,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1679361.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1679361.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1679361.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"35BC07S61 Rolamento Esquerdo do Virabrequim para Scooter Honda PCX 150 13>22, ADV 150 21>..., Lead 110 08>15, Elite 125 18>... PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-do-virabrequim-honda-pcx-150-lado-esquerdo-35bc07s61-ppk\/1679361","aplicacao":"\/produto\/rolamento-esquerdo-do-virabrequim-para-scooter-honda-pcx-150-13-22-adv-150-21-lead-110-08-15-elite-125-18-rolamento-esquerdo-do-virabrequim-para-scooter-honda-35bc07s61\/1679361","modal":"\/modal\/rolamento-do-virabrequim-honda-pcx-150-lado-esquerdo-35bc07s61-ppk\/1679361"},"ecommerceCaracteristicasLista":false,"codigoOriginalLista":[{"name":"Honda","value":"91002-KZR-602"}],"codigoSimilarLista":false}],"sort":{"name":"C\u00f3digo A-Z"},"facetsDistribution":{"aplicacaoMoto":{"buckets":[{"val":"Amortecedor","seo":"amortecedor","count":2,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Amortecedor\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMoto:\"Amortecedor\"","active":0,"first":1,"last":0},{"val":"\u00c1rvore de manivelas","seo":"arvore-de-manivelas","count":6,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"\u00c1rvore de manivelas\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMoto:\"\u00c1rvore de manivelas\"","active":0,"first":0,"last":0},{"val":"\u00c1rvore prim\u00e1ria","seo":"arvore-primaria","count":3,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"\u00c1rvore prim\u00e1ria\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMoto:\"\u00c1rvore prim\u00e1ria\"","active":0,"first":0,"last":0},{"val":"\u00c1rvore secund\u00e1ria","seo":"arvore-secundaria","count":14,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"\u00c1rvore secund\u00e1ria\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMoto:\"\u00c1rvore secund\u00e1ria\"","active":0,"first":0,"last":0},{"val":"Balan\u00e7a","seo":"balanca","count":17,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Balan\u00e7a\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMoto:\"Balan\u00e7a\"","active":0,"first":0,"last":0},{"val":"Caixa de dire\u00e7\u00e3o","seo":"caixa-de-direcao","count":23,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Caixa de dire\u00e7\u00e3o\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMoto:\"Caixa de dire\u00e7\u00e3o\"","active":0,"first":0,"last":0},{"val":"Cubo de roda","seo":"cubo-de-roda","count":23,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Cubo de roda\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMoto:\"Cubo de roda\"","active":0,"first":0,"last":0},{"val":"Embreagem central","seo":"embreagem-central","count":18,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Embreagem central\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMoto:\"Embreagem central\"","active":0,"first":0,"last":0},{"val":"Garfo","seo":"garfo","count":6,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Garfo\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMoto:\"Garfo\"","active":0,"first":0,"last":0},{"val":"Guia da corrente","seo":"guia-da-corrente","count":3,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Guia da corrente\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMoto:\"Guia da corrente\"","active":0,"first":0,"last":0},{"val":"Pedal de c\u00e2mbio","seo":"pedal-de-cambio","count":8,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Pedal de c\u00e2mbio\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMoto:\"Pedal de c\u00e2mbio\"","active":0,"first":0,"last":0},{"val":"Pedal de partida","seo":"pedal-de-partida","count":9,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Pedal de partida\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMoto:\"Pedal de partida\"","active":0,"first":0,"last":0},{"val":"Pr\u00f3-link","seo":"pro-link","count":5,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Pr\u00f3-link\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMoto:\"Pr\u00f3-link\"","active":0,"first":0,"last":0},{"val":"Tampa do motor","seo":"tampa-do-motor","count":9,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Tampa do motor\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMoto:\"Tampa do motor\"","active":0,"first":0,"last":0},{"val":"Virabrequim","seo":"virabrequim","count":38,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Virabrequim\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&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":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore de manivelas, Motor, Cabe\u00e7ote\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&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":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore de manivelas, Motor, Virabrequim\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&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":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore de manivelas, Transmiss\u00e3o, C\u00e2mbio\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&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":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore prim\u00e1ria, Motor, Cabe\u00e7ote\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&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":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore prim\u00e1ria, Transmiss\u00e3o, \u00c1rvore principal\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&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":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore prim\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&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":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, \u00c1rvore secund\u00e1ria\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&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":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&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":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, C\u00e2mbio\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&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":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Eixo de comando\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&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":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Balan\u00e7a, Roda, Roda traseira\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&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":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Balan\u00e7a, Suspens\u00e3o, Garfo\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&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":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Balan\u00e7a, Suspens\u00e3o, Pr\u00f3-link\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&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":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Balan\u00e7a, Suspens\u00e3o, Suspens\u00e3o traseira\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&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":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Caixa de dire\u00e7\u00e3o, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&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":14,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Cubo de roda, Roda, Roda dianteira\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&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":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Cubo de roda, Roda, Roda dianteira\/traseira \"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&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":17,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Cubo de roda, Roda, Roda traseira\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&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":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Embreagem central, Motor, Embreagem\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&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":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Embreagem central, Transmiss\u00e3o, C\u00e2mbio\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&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":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Embreagem central, Transmiss\u00e3o, Eixo de comando\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&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":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Embreagem central, Transmiss\u00e3o, Embreagem\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&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":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Embreagem central, Transmiss\u00e3o, Transmiss\u00e3o secund\u00e1ria\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoCompleto:\"Embreagem central, Transmiss\u00e3o, Transmiss\u00e3o secund\u00e1ria\"","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":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Garfo, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&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":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Garfo, Suspens\u00e3o, Suspens\u00e3o traseira\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&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":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Guia da corrente, Transmiss\u00e3o, Corrente\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&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":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Pedal de c\u00e2mbio, Transmiss\u00e3o, C\u00e2mbio\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&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":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Pedal de partida, Motor, Motor de partida\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&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":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Pr\u00f3-link, Suspens\u00e3o, Roda traseira\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&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":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Pr\u00f3-link, Suspens\u00e3o, Suspens\u00e3o traseira\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&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":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Tampa do motor, Motor, Carca\u00e7a do motor\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&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":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Tampa do motor, Motor, Motor\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&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":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Tampa do motor, Motor, Tampa do motor\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&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":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Tampa do motor, Transmiss\u00e3o, \u00c1rvore secund\u00e1ria\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&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":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Virabrequim, Motor, Conjunto m\u00f3vel\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&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":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Virabrequim, Motor, Virabrequim\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoCompleto:\"Virabrequim, Motor, Virabrequim\"","active":0,"first":0,"last":0},{"val":"Virabrequim, Transmiss\u00e3o, Virabrequim","seo":"virabrequim-transmissao-virabrequim","count":9,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Virabrequim, Transmiss\u00e3o, Virabrequim\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoCompleto:\"Virabrequim, Transmiss\u00e3o, Virabrequim\"","active":0,"first":0,"last":1}]},"aplicacaoMotoGrupo":{"buckets":[{"val":"Freios","seo":"freios","count":1,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoGrupo:\"Freios\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoGrupo:\"Freios\"","active":0,"first":1,"last":0},{"val":"Motor","seo":"motor","count":76,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoGrupo:\"Motor\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoGrupo:\"Motor\"","active":0,"first":0,"last":0},{"val":"Roda","seo":"roda","count":29,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoGrupo:\"Roda\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoGrupo:\"Roda\"","active":0,"first":0,"last":0},{"val":"Suspens\u00e3o","seo":"suspensao","count":45,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoGrupo:\"Suspens\u00e3o\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoGrupo:\"Suspens\u00e3o\"","active":0,"first":0,"last":0},{"val":"Transmiss\u00e3o","seo":"transmissao","count":63,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoGrupo:\"Transmiss\u00e3o\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoGrupo:\"Transmiss\u00e3o\"","active":0,"first":0,"last":1}]},"aplicacaoMotoModelos":{"buckets":[{"val":"ADDRESS AE","seo":"address-ae","count":4,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"ADDRESS AE\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"ADDRESS AE\"","active":0,"first":1,"last":0},{"val":"ADDRESS V","seo":"address-v","count":2,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"ADDRESS V\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"ADDRESS V\"","active":0,"first":0,"last":0},{"val":"AN","seo":"an","count":1,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"AN\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"AN\"","active":0,"first":0,"last":0},{"val":"Apache","seo":"apache","count":17,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"Apache\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"Apache\"","active":0,"first":0,"last":0},{"val":"BANDIT","seo":"bandit","count":3,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"BANDIT\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"BANDIT\"","active":0,"first":0,"last":0},{"val":"BIZ","seo":"biz","count":16,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"BIZ\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"BIZ\"","active":0,"first":0,"last":0},{"val":"BIZ C","seo":"biz-c","count":18,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"BIZ C\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"BIZ C\"","active":0,"first":0,"last":0},{"val":"Brute Force","seo":"brute-force","count":1,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"Brute Force\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"Brute Force\"","active":0,"first":0,"last":0},{"val":"BURGMAN","seo":"burgman","count":16,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"BURGMAN\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"BURGMAN\"","active":0,"first":0,"last":0},{"val":"C","seo":"c","count":9,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"C\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"C\"","active":0,"first":0,"last":0},{"val":"CB","seo":"cb","count":35,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"CB\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"CB\"","active":0,"first":0,"last":0},{"val":"CBR","seo":"cbr","count":7,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"CBR\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"CBR\"","active":0,"first":0,"last":0},{"val":"CBX","seo":"cbx","count":34,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"CBX\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"CBX\"","active":0,"first":0,"last":0},{"val":"CG","seo":"cg","count":35,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"CG\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"CG\"","active":0,"first":0,"last":0},{"val":"Chopper Road","seo":"chopper-road","count":7,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"Chopper Road\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"Chopper Road\"","active":0,"first":0,"last":0},{"val":"Cityclass","seo":"cityclass","count":4,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"Cityclass\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"Cityclass\"","active":0,"first":0,"last":0},{"val":"Citycom","seo":"citycom","count":19,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"Citycom\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"Citycom\"","active":0,"first":0,"last":0},{"val":"COMET","seo":"comet","count":3,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"COMET\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"COMET\"","active":0,"first":0,"last":0},{"val":"CR","seo":"cr","count":1,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"CR\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"CR\"","active":0,"first":0,"last":0},{"val":"CRF","seo":"crf","count":9,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"CRF\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"CRF\"","active":0,"first":0,"last":0},{"val":"Cruisym","seo":"cruisym","count":2,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"Cruisym\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"Cruisym\"","active":0,"first":0,"last":0},{"val":"CRYPTON","seo":"crypton","count":12,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"CRYPTON\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"CRYPTON\"","active":0,"first":0,"last":0},{"val":"CTX","seo":"ctx","count":2,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"CTX\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"CTX\"","active":0,"first":0,"last":0},{"val":"DK","seo":"dk","count":1,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"DK\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"DK\"","active":0,"first":0,"last":0},{"val":"DL","seo":"dl","count":9,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"DL\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"DL\"","active":0,"first":0,"last":0},{"val":"DR","seo":"dr","count":3,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"DR\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"DR\"","active":0,"first":0,"last":0},{"val":"DRZ","seo":"drz","count":1,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"DRZ\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"DRZ\"","active":0,"first":0,"last":0},{"val":"DT","seo":"dt","count":11,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"DT\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"DT\"","active":0,"first":0,"last":0},{"val":"DTR","seo":"dtr","count":1,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"DTR\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"DTR\"","active":0,"first":0,"last":0},{"val":"Elite","seo":"elite","count":14,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"Elite\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"Elite\"","active":0,"first":0,"last":0},{"val":"EN","seo":"en","count":3,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"EN\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"EN\"","active":0,"first":0,"last":0},{"val":"F","seo":"f","count":2,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"F\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"F\"","active":0,"first":0,"last":0},{"val":"FAZER","seo":"fazer","count":9,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"FAZER\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"FAZER\"","active":0,"first":0,"last":0},{"val":"Fourtrax","seo":"fourtrax","count":31,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"Fourtrax\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"Fourtrax\"","active":0,"first":0,"last":0},{"val":"G","seo":"g","count":2,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"G\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"G\"","active":0,"first":0,"last":0},{"val":"GS","seo":"gs","count":8,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"GS\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"GS\"","active":0,"first":0,"last":0},{"val":"GSR","seo":"gsr","count":2,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"GSR\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"GSR\"","active":0,"first":0,"last":0},{"val":"GSX","seo":"gsx","count":5,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"GSX\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"GSX\"","active":0,"first":0,"last":0},{"val":"GSX-R","seo":"gsx-r","count":6,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"GSX-R\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"GSX-R\"","active":0,"first":0,"last":0},{"val":"INTRUDER","seo":"intruder","count":9,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"INTRUDER\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"INTRUDER\"","active":0,"first":0,"last":0},{"val":"KANSAS","seo":"kansas","count":15,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"KANSAS\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"KANSAS\"","active":0,"first":0,"last":0},{"val":"KATANA","seo":"katana","count":6,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"KATANA\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"KATANA\"","active":0,"first":0,"last":0},{"val":"Laser","seo":"laser","count":1,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"Laser\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"Laser\"","active":0,"first":0,"last":0},{"val":"LEAD","seo":"lead","count":3,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"LEAD\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"LEAD\"","active":0,"first":0,"last":0},{"val":"LETS II","seo":"lets-ii","count":3,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"LETS II\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"LETS II\"","active":0,"first":0,"last":0},{"val":"Lindy","seo":"lindy","count":1,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"Lindy\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"Lindy\"","active":0,"first":0,"last":0},{"val":"LT","seo":"lt","count":1,"query_string":"offset=12&pagina=2&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"LT\"","href":"?sortName=C\u00f3digo A-Z&sort=p<!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://www.ppkmotoparts.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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(29)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(160)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(3)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(50)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(10)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(141)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(2)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(2)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(3)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(52)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(70)</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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(76)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(29)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(45)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(63)</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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(38)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(7)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(1)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(128)</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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(162)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(58)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(29)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(160)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(3)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(50)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(10)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(141)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(2)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(2)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(3)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(52)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(70)</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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(17)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(3)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(16)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(18)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(16)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(9)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(35)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(34)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(35)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(7)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(4)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(19)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(3)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;CR&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> CR <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(9)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(12)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(1)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(9)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(11)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(14)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(31)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(2)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(8)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(2)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(6)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(9)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(15)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(6)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(3)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(3)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(3)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;Mobylette&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> Mobylette <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(2)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(25)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(20)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(27)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(18)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(15)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(13)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;RDZ&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> RDZ <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(5)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(7)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(3)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;SH&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> SH <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(14)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(2)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(1)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;TT&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> TT <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;VIRAGO&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> VIRAGO <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;VT&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> VT <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(3)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(2)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(10)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(9)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(4)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(18)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(22)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(13)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(8)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(26)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(18)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(18)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(3)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(9)</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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(76)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(29)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(45)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&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">(63)</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">
              <span class="font-semibold">Lista de Produtos</span>
    </h1>
    <span class="text-sm">Mostrando <b>13</b> até <b>24</b> de um total de <b>241</b> produto(s)</span>
  </div>
  
  <!---------- #Ordenar ---------->
  <div class="relative" x-data="{ dropdown: false, url: new URLSearchParams('offset=12&amp;pagina=2&amp;sortName=C%C3%B3digo+A-Z'), 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 rounded-l outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;pagina=1&amp;offset=0">
          <i class="fas fa-angle-left"></i>
        </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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;pagina=1&amp;offset=0" :class="{'bg-gray-400 text-gray-700 font-bold': 1 === 2 }">
          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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;pagina=2&amp;offset=12" :class="{'bg-gray-400 text-gray-700 font-bold': 2 === 2 }">
          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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;pagina=3&amp;offset=24" :class="{'bg-gray-400 text-gray-700 font-bold': 3 === 2 }">
          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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;pagina=4&amp;offset=36" :class="{'bg-gray-400 text-gray-700 font-bold': 4 === 2 }">
          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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;pagina=5&amp;offset=48" :class="{'bg-gray-400 text-gray-700 font-bold': 5 === 2 }">
          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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;pagina=3&amp;offset=24">
          <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_1980637" name="product_id" value="1980637"/>
    <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_1980637 > img').length-1;">
        <a id="gallery_1980637" href="/produto/rolamento-direito-do-virabrequim-honda-lead-110-08-15-elite-125-18-rolamento-direito-do-virabrequim-honda-255615/1980637" 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/1980637.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-direito-do-virabrequim-honda-lead-110-08-15-elite-125-18-rolamento-direito-do-virabrequim-honda-255615/1980637" 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/1980637.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-direito-do-virabrequim-honda-lead-110-08-15-elite-125-18-rolamento-direito-do-virabrequim-honda-255615/1980637 class="" title="
                Rolamento do Virabrequim Lado Direito Lead 110, Elite 125
              
">
            
        
            <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 ">255615</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Virabrequim Lado Direito Lead 110, Elite 125
            </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_1980637']" 
               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_1679360" name="product_id" value="1679360"/>
    <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_1679360 > img').length-1;">
        <a id="gallery_1679360" href="/produto/rolamento-do-virabrequim-para-scooter-honda-pcx-150-13-22-sh-150i-17-21-lado-direito-rolamento-do-virabrequim-para-scooter-honda-25bc06s98/1679360" 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/1679360.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-virabrequim-para-scooter-honda-pcx-150-13-22-sh-150i-17-21-lado-direito-rolamento-do-virabrequim-para-scooter-honda-25bc06s98/1679360" 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/1679360.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-virabrequim-para-scooter-honda-pcx-150-13-22-sh-150i-17-21-lado-direito-rolamento-do-virabrequim-para-scooter-honda-25bc06s98/1679360 class="" title="
                Rolamento Direito do Virabrequim para PCX 150, SH 150i 17&gt;21
              
">
            
        
            <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 ">25BC06S98</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento Direito do Virabrequim para PCX 150, SH 150i 17&gt;21
            </h2>
            
            <p class="text-sm font-normal">
            </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_1679360']" 
               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_16419" name="product_id" value="16419"/>
    <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_16419 > img').length-1;">
        <a id="gallery_16419" href="/produto/rolamento-roda-dianteira-quadriciclo-honda-fourtrax-420-14-fourtrax-500-14-20-rolamento-roda-dianteira-quadriciclo-honda-2755003291051hr3a21/16419" 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/16419.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-quadriciclo-honda-fourtrax-420-14-fourtrax-500-14-20-rolamento-roda-dianteira-quadriciclo-honda-2755003291051hr3a21/16419" 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/16419.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-quadriciclo-honda-fourtrax-420-14-fourtrax-500-14-20-rolamento-roda-dianteira-quadriciclo-honda-2755003291051hr3a21/16419 class="" title="
                Rolamento Roda Dianteira Quadriciclo Honda Fourtrax 420 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 ">27550032 (91051HR3A21)</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento Roda Dianteira Quadriciclo Honda Fourtrax 420 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_16419']" 
               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_15015" name="product_id" value="15015"/>
    <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_15015 > img').length-1;">
        <a id="gallery_15015" href="/produto/rolamento-do-virabrequim-lado-esquerdo-honda-cg125-titan-fan-00-08-nxr125-bros-03-05-nxr150-bros-03-05-xr200-cbx200-strada-dafra-riva-150-ld-direito-rolamento-do-virabrequim-lado-esquerdo-honda-28bcs18rsc3/15015" 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/15015.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-virabrequim-lado-esquerdo-honda-cg125-titan-fan-00-08-nxr125-bros-03-05-nxr150-bros-03-05-xr200-cbx200-strada-dafra-riva-150-ld-direito-rolamento-do-virabrequim-lado-esquerdo-honda-28bcs18rsc3/15015" 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/15015.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-virabrequim-lado-esquerdo-honda-cg125-titan-fan-00-08-nxr125-bros-03-05-nxr150-bros-03-05-xr200-cbx200-strada-dafra-riva-150-ld-direito-rolamento-do-virabrequim-lado-esquerdo-honda-28bcs18rsc3/15015 class="" title="
                Rolamento do Virabrequim CG125 Titan/Fan 00&gt;08, NXR125 Bros 03&gt;05 - Lado Esquerdo
              
">
            
        
            <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 ">28BCS18-RSC3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Virabrequim CG125 Titan/Fan 00&gt;08, NXR125 Bros 03&gt;05 - Lado Esquerdo
            </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_15015']" 
               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_1979963" name="product_id" value="1979963"/>
    <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_1979963 > img').length-1;">
        <div class=" w-1/12">
            <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2"
                    @click="current > 0 ? current -= 1 : current = limit">
                <i class="fas fa-lg fa-chevron-left"></i>
            </button>
        </div>
        <a id="gallery_1979963" href="/produto/rolamento-de-roda-para-quadriciclo-yamaha-grizzly-400-450-550-660-700-atv-cforce-14-rolamento-de-roda-para-quadriciclo-yamaha-30550032/1979963" 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/1979963.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>
            <img x-show="current===1" title="" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===1 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/53613/53613.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 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>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-de-roda-para-quadriciclo-yamaha-grizzly-400-450-550-660-700-atv-cforce-14-rolamento-de-roda-para-quadriciclo-yamaha-30550032/1979963" 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/1979963.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-roda-para-quadriciclo-yamaha-grizzly-400-450-550-660-700-atv-cforce-14-rolamento-de-roda-para-quadriciclo-yamaha-30550032/1979963 class="" title="
                Rolamento de Roda para Quadriciclo Grizzly, ATV CForce 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 ">30550032</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento de Roda para Quadriciclo Grizzly, ATV CForce 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>
            
        <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_1980642" name="product_id" value="1980642"/>
    <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_1980642 > img').length-1;">
        <a id="gallery_1980642" href="/produto/rolamento-do-virabrequim-para-honda-falcon-nx-400-99-rolamento-do-virabrequim-para-honda-3082175c3/1980642" 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/1980642.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-virabrequim-para-honda-falcon-nx-400-99-rolamento-do-virabrequim-para-honda-3082175c3/1980642" 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/1980642.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-virabrequim-para-honda-falcon-nx-400-99-rolamento-do-virabrequim-para-honda-3082175c3/1980642 class="" title="
                Rolamento do Virabrequim para Falcon NX 400
              
">
            
        
            <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 ">3082175-C3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Virabrequim para Falcon NX 400
            </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_1980642']" 
               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_3043" name="product_id" value="3043"/>
    <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_3043 > img').length-1;">
        <a id="gallery_3043" href="/produto/caixa-de-direcao-inferior-para-honda-crf-250-yamaha-xtz-125-lander-250-xtz-250-tenere-11-19-superior-suzuki-burgman-400-00-19-gs-500e-93-09-caixa-de-direcao-inferior-para-honda-32005x/3043" 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/3043.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/caixa-de-direcao-inferior-para-honda-crf-250-yamaha-xtz-125-lander-250-xtz-250-tenere-11-19-superior-suzuki-burgman-400-00-19-gs-500e-93-09-caixa-de-direcao-inferior-para-honda-32005x/3043" 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/3043.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/caixa-de-direcao-inferior-para-honda-crf-250-yamaha-xtz-125-lander-250-xtz-250-tenere-11-19-superior-suzuki-burgman-400-00-19-gs-500e-93-09-caixa-de-direcao-inferior-para-honda-32005x/3043 class="" title="
                Caixa de Direção Inferior para CRF 250, Lander e Ténéré XTZ 250, Superior Burgman 400, GS 500E
              
">
            
        
            <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 ">32005X</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Caixa de Direção Inferior para CRF 250, Lander e Ténéré XTZ 250, Superior Burgman 400, GS 500E
            </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_3043']" 
               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_14965" name="product_id" value="14965"/>
    <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_14965 > img').length-1;">
        <div class=" w-1/12">
            <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2"
                    @click="current > 0 ? current -= 1 : current = limit">
                <i class="fas fa-lg fa-chevron-left"></i>
            </button>
        </div>
        <a id="gallery_14965" href="/produto/caixa-de-direcao-para-honda-bros-nxr-125-150-160-falcon-nx-150-200-350-400-500-650-xlr-125-250-xlx-250-350-caixa-de-direcao-para-honda-32005x26/14965" 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/14965.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>
            <img x-show="current===1" title="32005X/26 Rolamento para Caixa de Direção" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===1 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50115/50115.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 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>
            <img x-show="current===2" title="32005X/26 Rolamento para Caixa de Direção" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===2 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50116/50116.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 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>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/caixa-de-direcao-para-honda-bros-nxr-125-150-160-falcon-nx-150-200-350-400-500-650-xlr-125-250-xlx-250-350-caixa-de-direcao-para-honda-32005x26/14965" 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/14965.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/caixa-de-direcao-para-honda-bros-nxr-125-150-160-falcon-nx-150-200-350-400-500-650-xlr-125-250-xlx-250-350-caixa-de-direcao-para-honda-32005x26/14965 class="" title="
                Caixa de Direção Honda Bros 125/150/160, Falcon NX (todas), XLR125
              
">
            
        
            <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 ">32005X/26</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Caixa de Direção Honda Bros 125/150/160, Falcon NX (todas), XLR125
            </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_14965']" 
               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_2534" name="product_id" value="2534"/>
    <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_2534 > img').length-1;">
        <a id="gallery_2534" href="/produto/caixa-de-direcao-inferior-conica-para-yamaha-fazer-250-08-17-xtz-lander-250-07-xtz-250-tenere-11-19-xt600-660-superior-cb-300r-repsol-caixa-de-direcao-inferior-conica-para-yamaha-32006x/2534" 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/2534.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/caixa-de-direcao-inferior-conica-para-yamaha-fazer-250-08-17-xtz-lander-250-07-xtz-250-tenere-11-19-xt600-660-superior-cb-300r-repsol-caixa-de-direcao-inferior-conica-para-yamaha-32006x/2534" 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/2534.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/caixa-de-direcao-inferior-conica-para-yamaha-fazer-250-08-17-xtz-lander-250-07-xtz-250-tenere-11-19-xt600-660-superior-cb-300r-repsol-caixa-de-direcao-inferior-conica-para-yamaha-32006x/2534 class="" title="
                Caixa de Direção Cônica Inferior Fazer 250 08&gt;17, XTZ 250 Ténéré 11&gt;19, XTZ Lander 250 07&gt;..., XT600/660
              
">
            
        
            <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 ">32006X</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Caixa de Direção Cônica Inferior Fazer 250 08&gt;17, XTZ 250 Ténéré 11&gt;19, XTZ Lander 250 07&gt;..., XT600/660
            </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_2534']" 
               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_1981011" name="product_id" value="1981011"/>
    <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_1981011 > img').length-1;">
        <a id="gallery_1981011" href="/produto/rolamento-carcaca-direita-do-diferencial-traseiro-honda-quadriciclo-fourtrax-trx-420-14-rolamento-carcaca-direita-do-diferencial-traseiro-honda-356014c3/1981011" 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/1981011.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-carcaca-direita-do-diferencial-traseiro-honda-quadriciclo-fourtrax-trx-420-14-rolamento-carcaca-direita-do-diferencial-traseiro-honda-356014c3/1981011" 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/1981011.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-carcaca-direita-do-diferencial-traseiro-honda-quadriciclo-fourtrax-trx-420-14-rolamento-carcaca-direita-do-diferencial-traseiro-honda-356014c3/1981011 class="" title="
                Rolamento Carcaça Direita do Diferencial Traseiro Quadriciclo Fourtrax Trx 420 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 ">356014-C3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento Carcaça Direita do Diferencial Traseiro Quadriciclo Fourtrax Trx 420 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_1981011']" 
               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_30039" name="product_id" value="30039"/>
    <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_30039 > img').length-1;">
        <a id="gallery_30039" href="/produto/rolamento-do-virabrequim-lado-esquerdo-honda-cg125-titan-fan-09-cg150-titan-fan-04-virabrequim-dafra-horizon-150-15-rolamento-do-virabrequim-lado-esquerdo-honda-35bc07s56/30039" 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/30039.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-virabrequim-lado-esquerdo-honda-cg125-titan-fan-09-cg150-titan-fan-04-virabrequim-dafra-horizon-150-15-rolamento-do-virabrequim-lado-esquerdo-honda-35bc07s56/30039" 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/30039.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-virabrequim-lado-esquerdo-honda-cg125-titan-fan-09-cg150-titan-fan-04-virabrequim-dafra-horizon-150-15-rolamento-do-virabrequim-lado-esquerdo-honda-35bc07s56/30039 class="" title="
                Rolamento Esquerdo do Virabrequim CG125 Titan / Fan 09&gt;..., CG150 Titan / Fan 04&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 ">35BC07S56</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento Esquerdo do Virabrequim CG125 Titan / Fan 09&gt;..., CG150 Titan / Fan 04&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_30039']" 
               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_1679361" name="product_id" value="1679361"/>
    <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_1679361 > img').length-1;">
        <a id="gallery_1679361" href="/produto/rolamento-esquerdo-do-virabrequim-para-scooter-honda-pcx-150-13-22-adv-150-21-lead-110-08-15-elite-125-18-rolamento-esquerdo-do-virabrequim-para-scooter-honda-35bc07s61/1679361" 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/1679361.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-esquerdo-do-virabrequim-para-scooter-honda-pcx-150-13-22-adv-150-21-lead-110-08-15-elite-125-18-rolamento-esquerdo-do-virabrequim-para-scooter-honda-35bc07s61/1679361" 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/1679361.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-esquerdo-do-virabrequim-para-scooter-honda-pcx-150-13-22-adv-150-21-lead-110-08-15-elite-125-18-rolamento-esquerdo-do-virabrequim-para-scooter-honda-35bc07s61/1679361 class="" title="
                Rolamento Esquerdo do Virabrequim PCX 150, ADV 150, Lead 110, Elite 125
              
">
            
        
            <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 ">35BC07S61</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento Esquerdo do Virabrequim PCX 150, ADV 150, Lead 110, Elite 125
            </h2>
            
            <p class="text-sm font-normal">
            </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_1679361']" 
               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>        <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 rounded-l outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;pagina=1&amp;offset=0">
          <i class="fas fa-angle-left"></i>
        </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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;pagina=1&amp;offset=0" :class="{'bg-gray-400 text-gray-700 font-bold': 1 === 2 }">
          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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;pagina=2&amp;offset=12" :class="{'bg-gray-400 text-gray-700 font-bold': 2 === 2 }">
          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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;pagina=3&amp;offset=24" :class="{'bg-gray-400 text-gray-700 font-bold': 3 === 2 }">
          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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;pagina=4&amp;offset=36" :class="{'bg-gray-400 text-gray-700 font-bold': 4 === 2 }">
          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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;pagina=5&amp;offset=48" :class="{'bg-gray-400 text-gray-700 font-bold': 5 === 2 }">
          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="?sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;pagina=3&amp;offset=24">
          <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>