{"offset":25,"limit":12,"max":36,"nbHits":244,"exhaustiveNbHits":false,"processingTimeMs":18,"query":"","search":false,"allProducts":true,"response":{"docs":[{"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":1,"chave":0,"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},{"catalogoID":36729,"id":"1679365","produtoID":1679365,"produtoHabilitado":1,"catalogoAtualizadoEm":"2024-06-26 18:05:17","produtoNome":"Rolamento do Virabrequim Titan 160\/NXR BROS 160 - Lado Direito\/Esquerdo","produtoModelo":"35BC07S65","produtoPeso":"0.2650","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 do Virabrequim para Honda CG160 Titan\/Fan\/Start, Bros NXR160, XRE 190","ecommerceNome":"Rolamento do Virabrequim para Honda","ecommerceNomeCurto":"Rolamento do Virabrequim CG160 Titan\/Fan\/Start, Bros NXR160","ecommerceDescricao":"CG160 Titan\/Fan\/Start, Bros NXR160, XRE 190","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento do Virabrequim CG160 Titan | Rolamento 35BC07S65 PPK","ecommerceSeoDescricao":"Rolamento 35BC07S65 PPK do Virabrequim para CG160 Titan e NXR160 Bros. Tenha mais durabilidade e seguran\u00e7a com o rolamento 35BC07S65 PPK do Virabrequim. PPK o rolamento da sua moto.","ecommerceSeoPalavrasChaves":"motope\u00e7as, rolamento de moto, rolamento virabrequim, virabrequim, rolamento CG160 Titan, rolamento NXR160 Bros, rolamento 35BC07S65","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Honda:91001-KRE-G01","codigoSimilar":null,"ecommerceCaracteristicas":null,"ecommerceCaracteristicasNome":null,"ecommerceCaracteristicasAtributos":null,"categoriaOrdem":"2","produtoVIP":"5","aplicacaoMoto":["\u00c1rvore de manivelas","Virabrequim"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["CG","NXR","XRE"],"aplicacaoMotoGrupo":["Motor"],"aplicacaoMotoSubGrupo":["Virabrequim"],"aplicacaoMotoCompleto":["\u00c1rvore de manivelas, Motor, Virabrequim","Virabrequim, Motor, Virabrequim"],"aplicacaoMotoModelosCompleto":["Honda CG 160 16>...","Honda NXR 160 16>...","Honda XRE 190 16>20"],"produtoPrecoConsumidor":30,"produtoEstoque":0,"produtoModeloBusca":"35BC07S65","ecommerceBusca":"Rolamento do Virabrequim para Honda CG160 Titan\/Fan\/Start, Bros NXR160, XRE 190 Rolamento do Virabrequim para Honda 35BC07S65","contador":2,"chave":1,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1679365.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1679365.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1679365.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"35BC07S65 Rolamento do Virabrequim para Honda CG160 Titan\/Fan\/Start, Bros NXR160, XRE 190 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-do-virabrequim-titan-160-nxr-bros-160-lado-direito-esquerdo-35bc07s65-ppk\/1679365","aplicacao":"\/produto\/rolamento-do-virabrequim-para-honda-cg160-titan-fan-start-bros-nxr160-xre-190-rolamento-do-virabrequim-para-honda-35bc07s65\/1679365","modal":"\/modal\/rolamento-do-virabrequim-titan-160-nxr-bros-160-lado-direito-esquerdo-35bc07s65-ppk\/1679365"},"ecommerceCaracteristicasLista":false,"codigoOriginalLista":[{"name":"Honda","value":"91001-KRE-G01"}],"codigoSimilarLista":false},{"catalogoID":38096,"id":"14976","produtoID":14976,"produtoHabilitado":1,"catalogoAtualizadoEm":"2024-04-17 12:51:06","produtoNome":"Rolamento de Esfera de Contato Angular 2 carreiras","produtoModelo":"5201-2RSTN","produtoPeso":"0.0600","produtoMarca":"MAK","produtoMedida":"12x32x15.9","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamentos-de-moto","categoriaNome":"Rolamentos de Moto","categoriaTitulo":"Rolamentos de Moto PPK | Rode Melhor com os Rolamentos PPK","categoriaPalavrasChaves":"rolamentos de moto, rolamentos moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Rolamento do Garfo Traseiro para Honda Quadriciclo Fourtrax 420 08>13","ecommerceNome":"Rolamento do Garfo Traseiro para Honda","ecommerceNomeCurto":"Rolamento do Garfo Traseiro para Quadriciclo Honda Fourtrax 420 08>13","ecommerceDescricao":"Quadriciclo Fourtrax 420 08>13","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento do Garfo Traseiro para Quadriciclo Fourtrax 420 08 a 13","ecommerceSeoDescricao":"Rolamento do Garfo Traseiro para Quadriciclo Honda Fourtrax 420 2008 a 2013 marca MAK.","ecommerceSeoPalavrasChaves":null,"ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Honda:91054-HP5-601","codigoSimilar":null,"ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":["Balan\u00e7a"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["Fourtrax"],"aplicacaoMotoGrupo":["Suspens\u00e3o"],"aplicacaoMotoSubGrupo":null,"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":["Honda Fourtrax 420 08>13"],"produtoPrecoConsumidor":11.5,"produtoEstoque":0,"produtoModeloBusca":"52012RSTN","ecommerceBusca":"Rolamento do Garfo Traseiro para Honda Quadriciclo Fourtrax 420 08>13 Rolamento do Garfo Traseiro para Honda 52012RSTN","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\/14976.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/14976.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/14976.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"5201-2RSTN Rolamento do Garfo Traseiro para Honda Quadriciclo Fourtrax 420 08>13 MAK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"mak","url":{"produto":"\/produto\/rolamento-de-esfera-de-contato-angular-2-carreiras-5201-2rstn-mak\/14976","aplicacao":"\/produto\/rolamento-do-garfo-traseiro-para-honda-quadriciclo-fourtrax-420-08-13-rolamento-do-garfo-traseiro-para-honda-52012rstn\/14976","modal":"\/modal\/rolamento-de-esfera-de-contato-angular-2-carreiras-5201-2rstn-mak\/14976"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"}],"codigoOriginalLista":[{"name":"Honda","value":"91054-HP5-601"}],"codigoSimilarLista":false},{"catalogoID":75431,"id":"2083","produtoID":2083,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-11-29 20:10:36","produtoNome":"Rolamento de Esfera de Contato Angular 2 carreiras","produtoModelo":"5205-ZZTN","produtoPeso":"0.1900","produtoMarca":"MAK","produtoMedida":"25x52x20.6","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamentos-de-moto","categoriaNome":"Rolamentos de Moto","categoriaTitulo":"Rolamentos de Moto PPK | Rode Melhor com os Rolamentos PPK","categoriaPalavrasChaves":"rolamentos de moto, rolamentos moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Rolamento do Eixo Principal da Transmiss\u00e3o Ld Direito Honda CB 500 98>05","ecommerceNome":"Rolamento do Eixo Principal da Transmiss\u00e3o Ld Direito Honda","ecommerceNomeCurto":"Rolamento do Eixo Principal da Transmiss\u00e3o Ld Direito CB 500 98>05","ecommerceDescricao":"CB 500 98>05","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":null,"ecommerceSeoDescricao":null,"ecommerceSeoPalavrasChaves":null,"ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Honda:91014-969-003; Iveco:500358310; Mercedes-Benz:628003205","codigoSimilar":"SKF:3205 ATN9","ecommerceCaracteristicas":"Classifica\u00e7\u00e3o:Transmiss\u00e3o:5384; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Classifica\u00e7\u00e3o; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; Transmiss\u00e3o","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":["\u00c1rvore prim\u00e1ria"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["CB"],"aplicacaoMotoGrupo":["Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["\u00c1rvore principal"],"aplicacaoMotoCompleto":["\u00c1rvore prim\u00e1ria, Transmiss\u00e3o, \u00c1rvore principal"],"aplicacaoMotoModelosCompleto":["Honda CB 500 98>05"],"produtoPrecoConsumidor":14.94,"produtoEstoque":0,"produtoModeloBusca":"5205ZZTN","ecommerceBusca":"Rolamento do Eixo Principal da Transmiss\u00e3o Ld Direito Honda CB 500 98>05 Rolamento do Eixo Principal da Transmiss\u00e3o Ld Direito Honda 5205ZZTN","classificacao":"Transmiss\u00e3o","contador":4,"chave":3,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/2083.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/2083.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/2083.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"5205-ZZTN Rolamento do Eixo Principal da Transmiss\u00e3o Ld Direito Honda CB 500 98>05 MAK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"mak","url":{"produto":"\/produto\/rolamento-de-esfera-de-contato-angular-2-carreiras-5205-zztn-mak\/2083","aplicacao":"\/produto\/rolamento-do-eixo-principal-da-transmissao-ld-direito-honda-cb-500-98-05-rolamento-do-eixo-principal-da-transmissao-ld-direito-honda-5205zztn\/2083","modal":"\/modal\/rolamento-de-esfera-de-contato-angular-2-carreiras-5205-zztn-mak\/2083"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Transmiss\u00e3o"}],"codigoOriginalLista":[{"name":"Honda","value":"91014-969-003"},{"name":"Iveco","value":"500358310"},{"name":"Mercedes-Benz","value":"628003205"}],"codigoSimilarLista":[{"name":"SKF","value":"3205 ATN9"}]},{"catalogoID":38057,"id":"15941","produtoID":15941,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-04-09 19:27:48","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"60\/22-2RS","produtoPeso":"0.0750","produtoMarca":"MAK","produtoMedida":"22x44x12","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 Traseira para Yamaha YZ125 \/ 250","ecommerceNome":"Rolamento de Roda Traseira para Yamaha","ecommerceNomeCurto":"Rolamento de Roda Traseira para Yamaha YZ125 \/ 250","ecommerceDescricao":"YZ125 \/ 250","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":null,"ecommerceSeoDescricao":null,"ecommerceSeoPalavrasChaves":null,"ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":null,"codigoSimilar":null,"ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Classifica\u00e7\u00e3o:Roda Traseira:5384; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Classifica\u00e7\u00e3o; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; Roda Traseira; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":null,"aplicacaoMotoMontadoras":["Yamaha"],"aplicacaoMotoModelos":["YZ"],"aplicacaoMotoGrupo":["Roda"],"aplicacaoMotoSubGrupo":["Roda traseira"],"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":null,"produtoPrecoConsumidor":8.76,"produtoEstoque":0,"produtoModeloBusca":"60222RS","ecommerceBusca":"Rolamento de Roda Traseira para Yamaha YZ125 \/ 250 Rolamento de Roda Traseira para Yamaha 60222RS","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\/15941.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/15941.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/15941.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"60\/22-2RS Rolamento de Roda Traseira para Yamaha YZ125 \/ 250 MAK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"mak","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-60-22-2rs-mak\/15941","aplicacao":"\/produto\/rolamento-de-roda-traseira-para-yamaha-yz125-250-rolamento-de-roda-traseira-para-yamaha-60222rs\/15941","modal":"\/modal\/rolamento-rigido-de-esferas-60-22-2rs-mak\/15941"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Roda Traseira"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"}],"codigoOriginalLista":false,"codigoSimilarLista":false},{"catalogoID":38059,"id":"1645798","produtoID":1645798,"produtoHabilitado":0,"catalogoAtualizadoEm":"2025-01-29 20:01:57","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"60\/28-2RSC3","produtoPeso":"0.1010","produtoMarca":"MAK","produtoMedida":"28x52x12","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 Traseira Yamaha YZF-R1 1000 | Suzuki V-Strom 650 \/ 1000","ecommerceNome":"Rolamento de Roda Traseira Yamaha","ecommerceNomeCurto":"Rolamento de Roda Traseira Yamaha YZF-R1 | Suzuki V-Strom 650","ecommerceDescricao":"YZF-R1 1000 | Suzuki V-Strom 650 \/ 1000","ecommerceComplemento":"Eixo Secund\u00e1rio Direito XMax 250 21>...","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":null,"ecommerceSeoDescricao":null,"ecommerceSeoPalavrasChaves":null,"ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Yamaha:93306-078Y1","codigoSimilar":null,"ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Classifica\u00e7\u00e3o:Roda Traseira:5384; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Classifica\u00e7\u00e3o; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; Roda Traseira; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"8","aplicacaoMoto":["Cubo de roda"],"aplicacaoMotoMontadoras":["Yamaha"],"aplicacaoMotoModelos":["YZF"],"aplicacaoMotoGrupo":["Roda"],"aplicacaoMotoSubGrupo":["Roda traseira"],"aplicacaoMotoCompleto":["Cubo de roda, Roda, Roda traseira"],"aplicacaoMotoModelosCompleto":null,"produtoPrecoConsumidor":10.82,"produtoEstoque":0,"produtoModeloBusca":"60282RSC3","ecommerceBusca":"Rolamento de Roda Traseira Yamaha YZF-R1 1000 | Suzuki V-Strom 650 \/ 1000 Rolamento de Roda Traseira Yamaha 60282RSC3","blindagem":"Vedado 2 lados","contador":6,"chave":5,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1645798.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1645798.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1645798.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"60\/28-2RSC3 Rolamento de Roda Traseira Yamaha YZF-R1 1000 | Suzuki V-Strom 650 \/ 1000 MAK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"mak","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-60-28-2rsc3-mak\/1645798","aplicacao":"\/produto\/rolamento-de-roda-traseira-yamaha-yzf-r1-1000-suzuki-v-strom-650-1000-rolamento-de-roda-traseira-yamaha-60282rsc3\/1645798","modal":"\/modal\/rolamento-rigido-de-esferas-60-28-2rsc3-mak\/1645798"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Roda Traseira"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"}],"codigoOriginalLista":[{"name":"Yamaha","value":"93306-078Y1"}],"codigoSimilarLista":false},{"catalogoID":38056,"id":"14618","produtoID":14618,"produtoHabilitado":1,"catalogoAtualizadoEm":"2025-06-20 15:24:30","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"60\/32-2RSC3","produtoPeso":"0.1300","produtoMarca":"MAK","produtoMedida":"32x58x13","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 Traseira Quadriciclo Honda Fourtrax 350 02>07, 420 14>... - Garfo - Ld Esquerdo | Jun\u00e7\u00e3o do Diferencial Dianteiro Fourtrax 420 17>...","ecommerceNome":"Rolamento Roda Traseira Quadriciclo Honda","ecommerceNomeCurto":"Rolamento Roda Traseira Lado Esquerdo Fourtrax 350, 420 14>...","ecommerceDescricao":"Fourtrax 350 02>07, 420 14>... - Garfo - Ld Esquerdo | Jun\u00e7\u00e3o do Diferencial Dianteiro Fourtrax 420 17>...","ecommerceComplemento":"Rolamento Roda Traseira Suzuki Srad 750","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento Roda Traseira Fourtrax 350, 420 14>... | Rolamento PPK","ecommerceSeoDescricao":"Rolamento 60\/32-2RSC3 PPK para roda traseira lado esquerdo do quadriciclo Fourtrax 420. Seu Fourtrax 420 preparado para grandes desafios com o rolamento PPK 60\/32-2RSC3. PPK, rolamentos de 1a linha.","ecommerceSeoPalavrasChaves":"rolamento, rolamento ppk, rolamento roda traseira, rolamento roda traseira Fourtrax, rolamento roda Fourtrax 420, rolamento 60\/32-2RSC3","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Honda:91051-HR3-W51; Honda:91055-HN5-681; Honda:91055-HP5-601; Honda:91062-HA7-672","codigoSimilar":null,"ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Classifica\u00e7\u00e3o:Transmiss\u00e3o:5384; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Classifica\u00e7\u00e3o; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C3; Transmiss\u00e3o; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":["Garfo"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["Fourtrax"],"aplicacaoMotoGrupo":["Roda","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["Roda traseira"],"aplicacaoMotoCompleto":["Garfo, Roda, Roda traseira"],"aplicacaoMotoModelosCompleto":["Honda Fourtrax 350 02>07","Honda Fourtrax 420 14>...","Honda Fourtrax 420 17>..."],"produtoPrecoConsumidor":12.36,"produtoEstoque":0,"produtoModeloBusca":"60322RSC3","ecommerceBusca":"Rolamento Roda Traseira Quadriciclo Honda Fourtrax 350 02>07, 420 14>... - Garfo - Ld Esquerdo | Jun\u00e7\u00e3o do Diferencial Dianteiro Fourtrax 420 17>... Rolamento Roda Traseira Quadriciclo Honda 60322RSC3","blindagem":"Vedado 2 lados","contador":7,"chave":6,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/14618.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/14618.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/14618.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"60\/32-2RSC3 Rolamento Roda Traseira Quadriciclo Honda Fourtrax 350 02>07, 420 14>... - Garfo - Ld Esquerdo | Jun\u00e7\u00e3o do Diferencial Dianteiro Fourtrax 420 17>... MAK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"mak","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-60-32-2rsc3-mak\/14618","aplicacao":"\/produto\/rolamento-roda-traseira-quadriciclo-honda-fourtrax-350-02-07-420-14-garfo-ld-esquerdo-juncao-do-diferencial-dianteiro-fourtrax-420-17-rolamento-roda-traseira-quadriciclo-honda-60322rsc3\/14618","modal":"\/modal\/rolamento-rigido-de-esferas-60-32-2rsc3-mak\/14618"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Transmiss\u00e3o"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Honda","value":"91051-HR3-W51"},{"name":"Honda","value":"91055-HN5-681"},{"name":"Honda","value":"91055-HP5-601"},{"name":"Honda","value":"91062-HA7-672"}],"codigoSimilarLista":false},{"catalogoID":32123,"id":"16312","produtoID":16312,"produtoHabilitado":0,"catalogoAtualizadoEm":"2025-04-10 20:07:19","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6000-2RSC3 (GREEN)","produtoPeso":"0.0210","produtoMarca":"PPK","produtoMedida":"10x26x8","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamentos-de-moto","categoriaNome":"Rolamentos de Moto","categoriaTitulo":"Rolamentos de Moto PPK | Rode Melhor com os Rolamentos PPK","categoriaPalavrasChaves":"rolamentos de moto, rolamentos moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Rolamento da Bomba D'\u00e1gua para Yamaha NMax 150 \/ 160 17>... | Suzuki V-Storm 650, GSX-R 1000 | Eixo da Bomba D'\u00e1gua Dafra Citycom 300 11>..., Cruisym 150 21>..., Next 250 \/ 300","ecommerceNome":"Rolamento da Bomba D'\u00e1gua para Yamaha","ecommerceNomeCurto":"Rolamento da Bomba D'\u00e1gua para NMax 150 \/ 160, V-Storm 650, GSX-R 1000, Citycom 300i 11>...","ecommerceDescricao":"NMax 150 \/ 160 17>... | Suzuki V-Storm 650, GSX-R 1000 | Eixo da Bomba D'\u00e1gua Dafra Citycom 300 11>..., Cruisym 150 21>..., Next 250 \/ 300","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento 6000-2RS PPK para NMax 150 e 160 | Rolamento NMax PPK","ecommerceSeoDescricao":"O Rolamento 6000-2RSC3 PPK \u00e9 indicado para bomba d'\u00e1gua da NMax 150 e 160, pois oferece excelente durabilidade para o sistema de arrefecimento da sua moto. Rolamento PPK, mais seguran\u00e7a para sua moto.","ecommerceSeoPalavrasChaves":"rolamento,rolamento 6000-2RSC3,rolamento bomba d'agua,rolamento bomba d'agua NMax,rolamento 6000-2RSC3 ppk,rolamento ppk, 6000-2RSC3, 6000-2RSC3 ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"51\", \"1648728\", \"1777\", \"1647586\"]","codigoOriginal":"Dafra:10342-A21-000; Scania:1356813; Suzuki:09262-10014; Yamaha:93306-000Y3","codigoSimilar":"FAG:6000-2RSRC3; Nachi:6000-2NSEC3; NSK:6000-DDUC3; NTN:6000-LLUC3; SKF:6000-2RS1C3","ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Classifica\u00e7\u00e3o:Bomba D'\u00c1gua:5384; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Classifica\u00e7\u00e3o; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; Bomba D'\u00c1gua; C3; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":["Tampa do motor"],"aplicacaoMotoMontadoras":["Dafra","Suzuki","Yamaha"],"aplicacaoMotoModelos":["Citycom","NMAX","RM","SV"],"aplicacaoMotoGrupo":["Motor"],"aplicacaoMotoSubGrupo":["Carca\u00e7a do motor"],"aplicacaoMotoCompleto":["Tampa do motor, Motor, Carca\u00e7a do motor"],"aplicacaoMotoModelosCompleto":["Dafra Citycom 300 11>16","Suzuki RM 125 ","Suzuki RM 250 ","Yamaha NMAX 150 17>...","Yamaha NMAX 160 17>..."],"produtoPrecoConsumidor":1.45,"produtoEstoque":0,"produtoModeloBusca":"60002RSC3GREEN","ecommerceBusca":"Rolamento da Bomba D'\u00e1gua para Yamaha NMax 150 \/ 160 17>... | Suzuki V-Storm 650, GSX-R 1000 | Eixo da Bomba D'\u00e1gua Dafra Citycom 300 11>..., Cruisym 150 21>..., Next 250 \/ 300 Rolamento da Bomba D'\u00e1gua para Yamaha 60002RSC3GREEN","blindagem":"Vedado 2 lados","contador":8,"chave":7,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/16312.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/16312.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/16312.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/53633\/53633.jpg?version=7.73"}],"produtoGaleriaTotal":1,"produtoBusca":"6000-2RSC3 (GREEN) Rolamento da Bomba D'\u00e1gua para Yamaha NMax 150 \/ 160 17>... | Suzuki V-Storm 650, GSX-R 1000 | Eixo da Bomba D'\u00e1gua Dafra Citycom 300 11>..., Cruisym 150 21>..., Next 250 \/ 300 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6000-2rsc3-green-ppk\/16312","aplicacao":"\/produto\/rolamento-da-bomba-dagua-para-yamaha-nmax-150-160-17-suzuki-v-storm-650-gsx-r-1000-eixo-da-bomba-dagua-dafra-citycom-300-11-cruisym-150-21-next-250-300-rolamento-da-bomba-dagua-para-yamaha-60002rsc3green\/16312","modal":"\/modal\/rolamento-rigido-de-esferas-6000-2rsc3-green-ppk\/16312"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Bomba D'\u00c1gua"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Dafra","value":"10342-A21-000"},{"name":"Scania","value":"1356813"},{"name":"Suzuki","value":"09262-10014"},{"name":"Yamaha","value":"93306-000Y3"}],"codigoSimilarLista":[{"name":"FAG","value":"6000-2RSRC3"},{"name":"Nachi","value":"6000-2NSEC3"},{"name":"NSK","value":"6000-DDUC3"},{"name":"NTN","value":"6000-LLUC3"},{"name":"SKF","value":"6000-2RS1C3"}]},{"catalogoID":32118,"id":"51","produtoID":51,"produtoHabilitado":1,"catalogoAtualizadoEm":"2024-11-15 21:44:14","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6000-ZZ","produtoPeso":"0.0210","produtoMarca":"PPK","produtoMedida":"10x26x8","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamentos-de-moto","categoriaNome":"Rolamentos de Moto","categoriaTitulo":"Rolamentos de Moto PPK | Rode Melhor com os Rolamentos PPK","categoriaPalavrasChaves":"rolamentos de moto, rolamentos moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Rolamento da Embreagem para Honda Biz C100 98>05 | Embreagem Dafra Super 50, Zig 50 12>17","ecommerceNome":"Rolamento da Embreagem para Honda","ecommerceNomeCurto":"Rolamento da Embreagem Biz C100 98>05, Tampa do Motor CB300R, XRE 300, CB400, Falcon NX4","ecommerceDescricao":"Biz C100 98>05 | Embreagem Dafra Super 50, Zig 50 12>17","ecommerceComplemento":"Tampa do Motor Ld Esquerdo para CB300R, CB400, CBR450 SR 89>92, Dream C100, Falcon NX4, XRE300.","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento de Embreagem 6000-ZZ Biz C100 |  Rolamento PPK","ecommerceSeoDescricao":"Rolamentos de embreagem 6000-ZZ PPK para Honda Biz C100. Garantia, durabilidade e seguran\u00e7a para sua moto.","ecommerceSeoPalavrasChaves":"motope\u00e7as, rolamentos ppk, rolamento embreagem BIZ100, CB300R, CB400, DREAM C100, NX4 FALCON, XRE300,","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"51\", \"1648728\", \"1777\", \"2818\"]","codigoOriginal":"Dafra:9536000I; Honda:91011-GCE-D61; Honda:96100-60000-00; Suzuki:09262-10014-000","codigoSimilar":"FAG:6000-2ZR; Nachi:6000-ZZE; SKF:6000-2Z","ecommerceCaracteristicas":"Blindagem:Blindado 2 lados:5385; Classifica\u00e7\u00e3o:Embreagem:5384; Folga:normal:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Classifica\u00e7\u00e3o; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; Blindado 2 lados; Embreagem; normal","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":["Embreagem central","Tampa do motor"],"aplicacaoMotoMontadoras":["Dafra","Honda","Suzuki","Yamaha"],"aplicacaoMotoModelos":["BIZ","C","CB","CBR","GSX-R","NMAX","NX-4","RM","Super","XRE","ZIG"],"aplicacaoMotoGrupo":["Motor","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["Carca\u00e7a do motor","Embreagem"],"aplicacaoMotoCompleto":["Embreagem central, Transmiss\u00e3o, Embreagem","Tampa do motor, Motor, Carca\u00e7a do motor"],"aplicacaoMotoModelosCompleto":["Dafra Super 50 10>...","Dafra ZIG 50 12>17","Honda BIZ 100 98>05","Honda C 100 ","Honda CB 300 ","Honda CB 400 ","Honda CBR 450 89>92","Honda NX-4 400 ","Honda XRE 300 ","Suzuki RM 125 ","Suzuki RM 250 ","Yamaha NMAX 150 17>22","Yamaha NMAX 160 17>22"],"produtoPrecoConsumidor":1.31,"produtoEstoque":0,"produtoModeloBusca":"6000ZZ","ecommerceBusca":"Rolamento da Embreagem para Honda Biz C100 98>05 | Embreagem Dafra Super 50, Zig 50 12>17 Rolamento da Embreagem para Honda 6000ZZ","blindagem":"Blindado 2 lados","contador":9,"chave":8,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/51.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/51.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/51.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"6000-ZZ Rolamento da Embreagem para Honda Biz C100 98>05 | Embreagem Dafra Super 50, Zig 50 12>17 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6000-zz-ppk\/51","aplicacao":"\/produto\/rolamento-da-embreagem-para-honda-biz-c100-98-05-embreagem-dafra-super-50-zig-50-12-17-rolamento-da-embreagem-para-honda-6000zz\/51","modal":"\/modal\/rolamento-rigido-de-esferas-6000-zz-ppk\/51"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Embreagem"},{"key":"5385","name":"Blindagem","value":"Blindado 2 lados"},{"key":"5386","name":"Folga","value":"normal"}],"codigoOriginalLista":[{"name":"Dafra","value":"9536000I"},{"name":"Honda","value":"91011-GCE-D61"},{"name":"Honda","value":"96100-60000-00"},{"name":"Suzuki","value":"09262-10014-000"}],"codigoSimilarLista":[{"name":"FAG","value":"6000-2ZR"},{"name":"Nachi","value":"6000-ZZE"},{"name":"SKF","value":"6000-2Z"}]},{"catalogoID":32132,"id":"1646620","produtoID":1646620,"produtoHabilitado":0,"catalogoAtualizadoEm":"2025-01-31 12:34:06","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6001-2RSC3 (GREEN)","produtoPeso":"0.0210","produtoMarca":"PPK","produtoMedida":"12x28x8","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamentos-de-moto","categoriaNome":"Rolamentos de Moto","categoriaTitulo":"Rolamentos de Moto PPK | Rode Melhor com os Rolamentos PPK","categoriaPalavrasChaves":"rolamentos de moto, rolamentos moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Rolamento da Embreagem Kawasaki Vulcan EN650, ER300, LE300, Ninja EX300 | Dafra Apache 150 10>15, Rotor Citycom HD 300i 20>... | Carca\u00e7a do Motor Suzuki Lindy 125","ecommerceNome":"Rolamento da Embreagem Kawasaki","ecommerceNomeCurto":"Rolamento da Embreagem Vulcan EN650, ER300, LE300, Ninja EX300","ecommerceDescricao":"Vulcan EN650, ER300, LE300, Ninja EX300 | Dafra Apache 150 10>15, Rotor Citycom HD 300i 20>... | Carca\u00e7a do Motor Suzuki Lindy 125","ecommerceComplemento":"Acionador da Embreagem Mottu Sport 110i 20>... | Eixo da Bomba D'\u00c1gua Suzuki GSX-R 1000, Yamaha YZ \/ WZ 250, 400, 450","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":"Dream C100,  Tampa Lateral Esquerda Titan 150","ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento 6001-2RSC3 PPK da Embreagem Vulcan EN650","ecommerceSeoDescricao":"O Rolamento 6001-2RSC3 \u00e9 aplicado na embreagem de motos Kawasaki como a Vulcan EN650 e a Ninja EX300. Rolamento PPK 6001-2RSC3, durabilidade e seguran\u00e7a para as motos mais exigentes.","ecommerceSeoPalavrasChaves":"rolamento, rolamento 6001-2RSC3, 6001-2RSC3, rolamento embreagem, rolamento ppk, ppk, rolamento embreagem 6001-2RSC3, rolamento embreagem ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1647294\", \"348\", \"2814\", \"14847\"]","codigoOriginal":"Dafra:02801-T45-000; Dafra:D159530019; Kawasaki:92045-0740; Suzuki:08111Z60010H00; TVS - Mottu:339060; Yamaha:93306-00105","codigoSimilar":"Nachi:6001-2SNE; NSK:6001-DDUC3; SKF:6001-2RS1C3","ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Classifica\u00e7\u00e3o:Embreagem:5384; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Classifica\u00e7\u00e3o; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C3; Embreagem; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"3","aplicacaoMoto":["Embreagem central"],"aplicacaoMotoMontadoras":["Dafra","Kawasaki","Suzuki"],"aplicacaoMotoModelos":["Apache","Citycom","EN","GSX-R","Ninja"],"aplicacaoMotoGrupo":["Motor"],"aplicacaoMotoSubGrupo":["Embreagem"],"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":["Dafra Apache 150 10>15","Dafra Citycom 300 20>..."],"produtoPrecoConsumidor":1.65,"produtoEstoque":0,"produtoModeloBusca":"60012RSC3GREEN","ecommerceBusca":"Rolamento da Embreagem Kawasaki Vulcan EN650, ER300, LE300, Ninja EX300 | Dafra Apache 150 10>15, Rotor Citycom HD 300i 20>... | Carca\u00e7a do Motor Suzuki Lindy 125 Rolamento da Embreagem Kawasaki 60012RSC3GREEN","blindagem":"Vedado 2 lados","contador":10,"chave":9,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1646620.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1646620.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1646620.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/53634\/53634.jpg?version=7.73"}],"produtoGaleriaTotal":1,"produtoBusca":"6001-2RSC3 (GREEN) Rolamento da Embreagem Kawasaki Vulcan EN650, ER300, LE300, Ninja EX300 | Dafra Apache 150 10>15, Rotor Citycom HD 300i 20>... | Carca\u00e7a do Motor Suzuki Lindy 125 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6001-2rsc3-green-ppk\/1646620","aplicacao":"\/produto\/rolamento-da-embreagem-kawasaki-vulcan-en650-er300-le300-ninja-ex300-dafra-apache-150-10-15-rotor-citycom-hd-300i-20-carcaca-do-motor-suzuki-lindy-125-rolamento-da-embreagem-kawasaki-60012rsc3green\/1646620","modal":"\/modal\/rolamento-rigido-de-esferas-6001-2rsc3-green-ppk\/1646620"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Embreagem"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Dafra","value":"02801-T45-000"},{"name":"Dafra","value":"D159530019"},{"name":"Kawasaki","value":"92045-0740"},{"name":"Suzuki","value":"08111Z60010H00"},{"name":"TVS - Mottu","value":"339060"},{"name":"Yamaha","value":"93306-00105"}],"codigoSimilarLista":[{"name":"Nachi","value":"6001-2SNE"},{"name":"NSK","value":"6001-DDUC3"},{"name":"SKF","value":"6001-2RS1C3"}]},{"catalogoID":32135,"id":"39146","produtoID":39146,"produtoHabilitado":0,"catalogoAtualizadoEm":"2025-01-06 20:27:23","produtoNome":"Rolamento Rigido de Esferas","produtoModelo":"6001-ZZ","produtoPeso":"0.0230","produtoMarca":"PPK","produtoMedida":"12x28x8","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamentos-de-moto","categoriaNome":"Rolamentos de Moto","categoriaTitulo":"Rolamentos de Moto PPK | Rode Melhor com os Rolamentos PPK","categoriaPalavrasChaves":"rolamentos de moto, rolamentos moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Rolamento da Transmiss\u00e3o para Honda Ld Esquerdo Biz C100 98>05, Biz 110\/125 06>..., Pop 100 \/ 110i 06>..., | Dafra Zig 50 | Suzuki Nex 110 | \u00c1rvore de Comando Ld Direito Bros NXR150 04>..., Titan CG150 04>... | \u00c1rvore de Comando Ld Direito NMax 150 \/ 160 17>22, Neo 125 16>..., Fluo 125","ecommerceNome":"Rolamento da Transmiss\u00e3o para Honda","ecommerceNomeCurto":"Rolamento da Transmiss\u00e3o CG125 at\u00e9 2005, Biz C100\/125, Pop 100 \/ 110, Titan 2000, Bros 125\/150, NMax 150 \/ 160","ecommerceDescricao":"Ld Esquerdo Biz C100 98>05, Biz 110\/125 06>..., Pop 100 \/ 110i 06>..., | Dafra Zig 50 | Suzuki Nex 110 | \u00c1rvore de Comando Ld Direito Bros NXR150 04>..., Titan CG150 04>... | \u00c1rvore de Comando Ld Direito NMax 150 \/ 160 17>22, Neo 125 16>..., Fluo 125","ecommerceComplemento":"Embreagem XL125 84>95, Titan CG125 Ld Direito 85>..., Bros NXR125 Ld Direito 85>..., CBX250 Twister 15>..., XR250 Tornado 15>... | Tampa do Motor Ld Direito CBX250 Twister 15>..., XR250 Tornado 15>... | Tampa do Motor Dafra Apache 150 | Motor de Partida Biz C100","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento 6001-ZZ PPK para Transmiss\u00e3o | Rolamento PPK","ecommerceSeoDescricao":"O Rolamento da Transmiss\u00e3o 6001-ZZ PPK \u00e9 o rolamento ideal para sua moto Honda. Seja para modelos Biz C100, C110 ou 125, o rolamento PPK 6001-ZZ atende com a qualidade necess\u00e1ria.","ecommerceSeoPalavrasChaves":"rolamento transmiss\u00e3o, rolamento ppk, rolamento 6001-zz, 6001-zz ppk,  rolamento 6001-zz ppk, rolamento 6001-zz transmiss\u00e3o","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1647294\", \"348\", \"2814\", \"3067\"]","codigoOriginal":"Dafra:20160-N1E-000; Dafra:D159530019; Honda:91007-KPH-901; Honda:91013-KSS-900; Honda:91013-KSS-9010; Honda:96100-60010-00; Honda:96100-60013-00; Honda:96120-60010-00; Honda:96120-60010-10; Kawasaki:92045-0740; Suzuki:08111Z60010H00; Yamaha:93306-001X9","codigoSimilar":"FAG:6001-2ZR; Nachi:6001-ZZE; SKF:6001-2Z","ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Classifica\u00e7\u00e3o:Transmiss\u00e3o:5384; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Classifica\u00e7\u00e3o; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C3; Transmiss\u00e3o; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":["\u00c1rvore prim\u00e1ria","Embreagem central","Virabrequim"],"aplicacaoMotoMontadoras":["Dafra","Honda","Suzuki","Yamaha"],"aplicacaoMotoModelos":["ADDRESS AE","Apache","BIZ","BIZ C","CG","NEO AT","NMAX","NXR","POP","XL"],"aplicacaoMotoGrupo":["Motor","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["\u00c1rvore principal","Cabe\u00e7ote","Caixa de mudan\u00e7as","Conjunto m\u00f3vel","Eixo de comando","Embreagem","Tampa do motor"],"aplicacaoMotoCompleto":["\u00c1rvore prim\u00e1ria, Motor, Cabe\u00e7ote","\u00c1rvore prim\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as","Embreagem central, Transmiss\u00e3o, Embreagem","Virabrequim, Motor, Conjunto m\u00f3vel"],"aplicacaoMotoModelosCompleto":["Dafra Apache 150 10>15","Honda BIZ 125 06>...","Honda BIZ C 100 98>05","Honda CG 125 ...>05","Honda CG 125 00>00","Honda CG 150 ","Honda NXR 125 ","Honda NXR 150 ","Honda POP 100 ","Honda XL 125 84>95","Honda XL 250 ","Suzuki ADDRESS AE 100 ","Yamaha NEO AT 125 16>..."],"produtoPrecoConsumidor":0,"produtoEstoque":0,"produtoModeloBusca":"6001ZZ","ecommerceBusca":"Rolamento da Transmiss\u00e3o para Honda Ld Esquerdo Biz C100 98>05, Biz 110\/125 06>..., Pop 100 \/ 110i 06>..., | Dafra Zig 50 | Suzuki Nex 110 | \u00c1rvore de Comando Ld Direito Bros NXR150 04>..., Titan CG150 04>... | \u00c1rvore de Comando Ld Direito NMax 150 \/ 160 17>22, Neo 125 16>..., Fluo 125 Rolamento da Transmiss\u00e3o para Honda 6001ZZ","blindagem":"Vedado 2 lados","contador":11,"chave":10,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/39146.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/39146.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/39146.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"6001-ZZ Rolamento da Transmiss\u00e3o para Honda Ld Esquerdo Biz C100 98>05, Biz 110\/125 06>..., Pop 100 \/ 110i 06>..., | Dafra Zig 50 | Suzuki Nex 110 | \u00c1rvore de Comando Ld Direito Bros NXR150 04>..., Titan CG150 04>... | \u00c1rvore de Comando Ld Direito NMax 150 \/ 160 17>22, Neo 125 16>..., Fluo 125 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6001-zz-ppk\/39146","aplicacao":"\/produto\/rolamento-da-transmissao-para-honda-ld-esquerdo-biz-c100-98-05-biz-110-125-06-pop-100-110i-06-dafra-zig-50-suzuki-nex-110-arvore-de-comando-ld-direito-bros-nxr150-04-titan-cg150-04-arvore-de-comando-ld-direito-nmax-150-160-17-22-neo-125-16-fluo-125-rolamento-da-transmissao-para-honda-6001zz\/39146","modal":"\/modal\/rolamento-rigido-de-esferas-6001-zz-ppk\/39146"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Transmiss\u00e3o"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Dafra","value":"20160-N1E-000"},{"name":"Dafra","value":"D159530019"},{"name":"Honda","value":"91007-KPH-901"},{"name":"Honda","value":"91013-KSS-900"},{"name":"Honda","value":"91013-KSS-9010"},{"name":"Honda","value":"96100-60010-00"},{"name":"Honda","value":"96100-60013-00"},{"name":"Honda","value":"96120-60010-00"},{"name":"Honda","value":"96120-60010-10"},{"name":"Kawasaki","value":"92045-0740"},{"name":"Suzuki","value":"08111Z60010H00"},{"name":"Yamaha","value":"93306-001X9"}],"codigoSimilarLista":[{"name":"FAG","value":"6001-2ZR"},{"name":"Nachi","value":"6001-ZZE"},{"name":"SKF","value":"6001-2Z"}]},{"catalogoID":32151,"id":"338","produtoID":338,"produtoHabilitado":1,"catalogoAtualizadoEm":"2025-07-28 19:59:33","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6002-2RSC3","produtoPeso":"0.0308","produtoMarca":"PPK","produtoMedida":"15x32x9","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamentos-de-moto","categoriaNome":"Rolamentos de Moto","categoriaTitulo":"Rolamentos de Moto PPK | Rode Melhor com os Rolamentos PPK","categoriaPalavrasChaves":"rolamentos de moto, rolamentos moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Rolamento da Tampa Lateral Esquerda para Honda PCX 150 13>22, ADV 150, SH 150i | Suspens\u00e3o Traseira CBX 250 Twister | Comando de V\u00e1lvula Mottu Sport 110i 20>...","ecommerceNome":"Rolamento da Tampa Lateral Esquerda para Honda","ecommerceNomeCurto":"Rolamento da Tampa Lateral Esquerda para PCX 150 13>22, ADV 150, SH 150i","ecommerceDescricao":"PCX 150 13>22, ADV 150, SH 150i | Suspens\u00e3o Traseira CBX 250 Twister | Comando de V\u00e1lvula Mottu Sport 110i 20>...","ecommerceComplemento":"Rolamento da Embreagem Dafra Apache 200 17>...","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento PPK da Tampa Lateral PCX 150 | Rolamento 6002-2RSC3 PPK","ecommerceSeoDescricao":"O Rolamento 6002-2RSC3 PPK \u00e9 aplicado na tampa lateral esquerda da scooter Honda PCX 150. O rolamento PPK \u00e9 fabricado seguindo rigidos padr\u00f5es, garantindo confiabilidade e seguran\u00e7a para sua moto..","ecommerceSeoPalavrasChaves":"rolamento, rolamento 6002-2RSC3, 6002-2RSC3, rolamento PCX 150, rolamento tampa lateral, rolamento ppk, ppk, rolamento 6002-2RSC3 ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"338\", \"1646738\", \"1648376\", \"1646392\"]","codigoOriginal":"Dafra:02801-G46-000; Honda:91005KVB900; TVS - Mottu:S1200130","codigoSimilar":"FAG:6002-2RSRC3; Nachi:6002-2NSEC3; NSK:6002-DDUC3; NTN:6002-LLUC3; SKF:6002-2RS1C3","ecommerceCaracteristicas":"Blindagem:Vedado 2 lados: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":"A\u00e7o cromo SAE 52100; C3; Carca\u00e7a do Motor; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":["Cubo de roda","Embreagem central","Garfo"],"aplicacaoMotoMontadoras":["Dafra","Honda","Suzuki"],"aplicacaoMotoModelos":["Apache","CBX","Elite","LT","PCX","RM"],"aplicacaoMotoGrupo":["Motor","Roda","Suspens\u00e3o"],"aplicacaoMotoSubGrupo":["Embreagem","Roda dianteira","Roda traseira","Suspens\u00e3o traseira","Tampa do motor"],"aplicacaoMotoCompleto":["Cubo de roda, Roda, Roda dianteira","Cubo de roda, Roda, Roda traseira","Garfo, Suspens\u00e3o, Suspens\u00e3o traseira"],"aplicacaoMotoModelosCompleto":["Dafra Apache 200 17>24","Honda CBX 250 ","Honda PCX 150 13>22","Suzuki Elite 125 09>14","Suzuki LT 50 ","Suzuki RM 80 "],"produtoPrecoConsumidor":2.1,"produtoEstoque":0,"produtoModeloBusca":"60022RSC3","ecommerceBusca":"Rolamento da Tampa Lateral Esquerda para Honda PCX 150 13>22, ADV 150, SH 150i | Suspens\u00e3o Traseira CBX 250 Twister | Comando de V\u00e1lvula Mottu Sport 110i 20>... Rolamento da Tampa Lateral Esquerda para Honda 60022RSC3","blindagem":"Vedado 2 lados","contador":12,"chave":11,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/338.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/338.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/338.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/53635\/53635.jpg?version=7.73"}],"produtoGaleriaTotal":1,"produtoBusca":"6002-2RSC3 Rolamento da Tampa Lateral Esquerda para Honda PCX 150 13>22, ADV 150, SH 150i | Suspens\u00e3o Traseira CBX 250 Twister | Comando de V\u00e1lvula Mottu Sport 110i 20>... PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6002-2rsc3-ppk\/338","aplicacao":"\/produto\/rolamento-da-tampa-lateral-esquerda-para-honda-pcx-150-13-22-adv-150-sh-150i-suspensao-traseira-cbx-250-twister-comando-de-valvula-mottu-sport-110i-20-rolamento-da-tampa-lateral-esquerda-para-honda-60022rsc3\/338","modal":"\/modal\/rolamento-rigido-de-esferas-6002-2rsc3-ppk\/338"},"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":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Dafra","value":"02801-G46-000"},{"name":"Honda","value":"91005KVB900"},{"name":"TVS - Mottu","value":"S1200130"}],"codigoSimilarLista":[{"name":"FAG","value":"6002-2RSRC3"},{"name":"Nachi","value":"6002-2NSEC3"},{"name":"NSK","value":"6002-DDUC3"},{"name":"NTN","value":"6002-LLUC3"},{"name":"SKF","value":"6002-2RS1C3"}]}],"sort":{"name":"C\u00f3digo A-Z"},"facetsDistribution":{"aplicacaoMoto":{"buckets":[{"val":"Amortecedor","seo":"amortecedor","count":2,"query_string":"offset=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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":16,"query_string":"offset=24&pagina=3&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":24,"query_string":"offset=24&pagina=3&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":26,"query_string":"offset=24&pagina=3&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=24&pagina=3&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":7,"query_string":"offset=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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":2,"query_string":"offset=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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":17,"query_string":"offset=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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, Roda, Roda traseira","seo":"garfo-roda-roda-traseira","count":1,"query_string":"offset=24&pagina=3&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Garfo, Roda, Roda traseira\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoCompleto:\"Garfo, Roda, Roda traseira\"","active":0,"first":0,"last":0},{"val":"Garfo, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o","seo":"garfo-suspensao-coluna-de-direcao","count":2,"query_string":"offset=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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":10,"query_string":"offset=24&pagina=3&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=24&pagina=3&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":77,"query_string":"offset=24&pagina=3&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":31,"query_string":"offset=24&pagina=3&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":44,"query_string":"offset=24&pagina=3&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":64,"query_string":"offset=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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":20,"query_string":"offset=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&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=24&pagina=3&sortName=C\u00f3digo <!doctype html>
<html lang="pt-br">
  <head>
    <!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">


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

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

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

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

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



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

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


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

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

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


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

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

</div>

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

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

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


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

















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

<!--- Filters Mobile ---->
 <div class="lg:hidden">
  <div :class="filtersOpen ? '-translate-x-0 ease-in' : '-translate-x-full ease-out'" class="fixed left-0 top-0 max-w-sm w-full h-full px-6 py-4 transition duration-300 transform overflow-y-auto bg-white text-gray-900  border-r-2 border-gray-300 z-20">
    <div class="flex items-center justify-between">
      <h3 class="text-2xl font-medium text-white">Filtros</h3>
      <button @click="filtersOpen = !filtersOpen" class="text-gray-600 focus:outline-none">
        <svg class="h-5 w-5" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor"><path d="M6 18L18 6M6 6l12 12"></path></svg>
      </button>
    </div>
    <hr class="my-3">
    <!------ Filter Mobile ------->
    <nav class="flex-1  overflow-y-hidden">
      <ul class=" pr-2 mt-3 space-y-1 overflow-y-auto divide-y divide- neumorphism-shadow">
        
      <li>
          <!---------- #Category ---------->
          <div x-data="{ showCollapseFilterCategory: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterCategory=!showCollapseFilterCategory">
        <span class="font-medium text-lg font-bold">Categoria</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterCategory" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterCategory" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterCategory" x-show="showCollapseFilterCategory">
        <li>
            <a href="?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">(30)</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">(162)</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">(4)</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">(51)</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">(143)</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">(3)</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">(77)</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">(31)</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">(44)</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">(64)</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">(40)</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">(8)</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">(129)</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">(166)</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">(57)</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">(30)</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">(162)</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">(4)</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">(51)</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">(143)</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">(3)</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">(20)</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">(3)</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">(34)</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">(3)</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">(19)</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">(2)</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">(77)</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">(31)</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">(44)</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">(64)</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>25</b> até <b>36</b> de um total de <b>244</b> produto(s)</span>
  </div>
  
  <!---------- #Ordenar ---------->
  <div class="relative" x-data="{ dropdown: false, url: new URLSearchParams('offset=24&amp;pagina=3&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=2&amp;offset=12">
          <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 === 3 }">
          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 === 3 }">
          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 === 3 }">
          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 === 3 }">
          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 === 3 }">
          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=4&amp;offset=36">
          <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_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 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_1679365" name="product_id" value="1679365"/>
    <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_1679365 > img').length-1;">
        <a id="gallery_1679365" href="/produto/rolamento-do-virabrequim-para-honda-cg160-titan-fan-start-bros-nxr160-xre-190-rolamento-do-virabrequim-para-honda-35bc07s65/1679365" 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/1679365.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-cg160-titan-fan-start-bros-nxr160-xre-190-rolamento-do-virabrequim-para-honda-35bc07s65/1679365" 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/1679365.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-cg160-titan-fan-start-bros-nxr160-xre-190-rolamento-do-virabrequim-para-honda-35bc07s65/1679365 class="" title="
                Rolamento do Virabrequim CG160 Titan/Fan/Start, Bros NXR160
              
">
            
        
            <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 ">35BC07S65</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Virabrequim CG160 Titan/Fan/Start, Bros NXR160
            </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_1679365']" 
               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_14976" name="product_id" value="14976"/>
    <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_14976 > img').length-1;">
        <a id="gallery_14976" href="/produto/rolamento-do-garfo-traseiro-para-honda-quadriciclo-fourtrax-420-08-13-rolamento-do-garfo-traseiro-para-honda-52012rstn/14976" 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/14976.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-garfo-traseiro-para-honda-quadriciclo-fourtrax-420-08-13-rolamento-do-garfo-traseiro-para-honda-52012rstn/14976" 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/14976.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-garfo-traseiro-para-honda-quadriciclo-fourtrax-420-08-13-rolamento-do-garfo-traseiro-para-honda-52012rstn/14976 class="" title="
                Rolamento do Garfo Traseiro para Quadriciclo Honda Fourtrax 420 08&gt;13
              
">
            
        
            <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 ">5201-2RSTN</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Garfo Traseiro para Quadriciclo Honda Fourtrax 420 08&gt;13
            </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_14976']" 
               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_2083" name="product_id" value="2083"/>
    <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_2083 > img').length-1;">
        <a id="gallery_2083" href="/produto/rolamento-do-eixo-principal-da-transmissao-ld-direito-honda-cb-500-98-05-rolamento-do-eixo-principal-da-transmissao-ld-direito-honda-5205zztn/2083" 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/2083.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-eixo-principal-da-transmissao-ld-direito-honda-cb-500-98-05-rolamento-do-eixo-principal-da-transmissao-ld-direito-honda-5205zztn/2083" 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/2083.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-eixo-principal-da-transmissao-ld-direito-honda-cb-500-98-05-rolamento-do-eixo-principal-da-transmissao-ld-direito-honda-5205zztn/2083 class="" title="
                Rolamento do Eixo Principal da Transmissão Ld Direito CB 500 98&gt;05
              
">
            
        
            <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 ">5205-ZZTN</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Eixo Principal da Transmissão Ld Direito CB 500 98&gt;05
            </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_2083']" 
               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_15941" name="product_id" value="15941"/>
    <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_15941 > img').length-1;">
        <a id="gallery_15941" href="/produto/rolamento-de-roda-traseira-para-yamaha-yz125-250-rolamento-de-roda-traseira-para-yamaha-60222rs/15941" 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/15941.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-de-roda-traseira-para-yamaha-yz125-250-rolamento-de-roda-traseira-para-yamaha-60222rs/15941" 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/15941.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-traseira-para-yamaha-yz125-250-rolamento-de-roda-traseira-para-yamaha-60222rs/15941 class="" title="
                Rolamento de Roda Traseira para Yamaha YZ125 / 250
              
">
            
        
            <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 ">60/22-2RS</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento de Roda Traseira para Yamaha YZ125 / 250
            </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_1645798" name="product_id" value="1645798"/>
    <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_1645798 > img').length-1;">
        <a id="gallery_1645798" href="/produto/rolamento-de-roda-traseira-yamaha-yzf-r1-1000-suzuki-v-strom-650-1000-rolamento-de-roda-traseira-yamaha-60282rsc3/1645798" 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/1645798.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-de-roda-traseira-yamaha-yzf-r1-1000-suzuki-v-strom-650-1000-rolamento-de-roda-traseira-yamaha-60282rsc3/1645798" 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/1645798.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-traseira-yamaha-yzf-r1-1000-suzuki-v-strom-650-1000-rolamento-de-roda-traseira-yamaha-60282rsc3/1645798 class="" title="
                Rolamento de Roda Traseira Yamaha YZF-R1 | Suzuki V-Strom 650
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">60/28-2RSC3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento de Roda Traseira Yamaha YZF-R1 | Suzuki V-Strom 650
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
        </div>
            
        <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_14618" name="product_id" value="14618"/>
    <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_14618 > img').length-1;">
        <a id="gallery_14618" href="/produto/rolamento-roda-traseira-quadriciclo-honda-fourtrax-350-02-07-420-14-garfo-ld-esquerdo-juncao-do-diferencial-dianteiro-fourtrax-420-17-rolamento-roda-traseira-quadriciclo-honda-60322rsc3/14618" 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/14618.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-traseira-quadriciclo-honda-fourtrax-350-02-07-420-14-garfo-ld-esquerdo-juncao-do-diferencial-dianteiro-fourtrax-420-17-rolamento-roda-traseira-quadriciclo-honda-60322rsc3/14618" 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/14618.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-traseira-quadriciclo-honda-fourtrax-350-02-07-420-14-garfo-ld-esquerdo-juncao-do-diferencial-dianteiro-fourtrax-420-17-rolamento-roda-traseira-quadriciclo-honda-60322rsc3/14618 class="" title="
                Rolamento Roda Traseira Lado Esquerdo Fourtrax 350, 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 ">60/32-2RSC3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento Roda Traseira Lado Esquerdo Fourtrax 350, 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_14618']" 
               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_16312" name="product_id" value="16312"/>
    <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_16312 > 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_16312" href="/produto/rolamento-da-bomba-dagua-para-yamaha-nmax-150-160-17-suzuki-v-storm-650-gsx-r-1000-eixo-da-bomba-dagua-dafra-citycom-300-11-cruisym-150-21-next-250-300-rolamento-da-bomba-dagua-para-yamaha-60002rsc3green/16312" 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/16312.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/53633/53633.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-da-bomba-dagua-para-yamaha-nmax-150-160-17-suzuki-v-storm-650-gsx-r-1000-eixo-da-bomba-dagua-dafra-citycom-300-11-cruisym-150-21-next-250-300-rolamento-da-bomba-dagua-para-yamaha-60002rsc3green/16312" 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/16312.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-da-bomba-dagua-para-yamaha-nmax-150-160-17-suzuki-v-storm-650-gsx-r-1000-eixo-da-bomba-dagua-dafra-citycom-300-11-cruisym-150-21-next-250-300-rolamento-da-bomba-dagua-para-yamaha-60002rsc3green/16312 class="" title="
                Rolamento da Bomba D'água para NMax 150 / 160, V-Storm 650, GSX-R 1000, Citycom 300i 11&gt;...
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6000-2RSC3 (GREEN)</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento da Bomba D'água para NMax 150 / 160, V-Storm 650, GSX-R 1000, Citycom 300i 11&gt;...
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_16312']" 
               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_51" name="product_id" value="51"/>
    <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_51 > img').length-1;">
        <a id="gallery_51" href="/produto/rolamento-da-embreagem-para-honda-biz-c100-98-05-embreagem-dafra-super-50-zig-50-12-17-rolamento-da-embreagem-para-honda-6000zz/51" 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/51.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-da-embreagem-para-honda-biz-c100-98-05-embreagem-dafra-super-50-zig-50-12-17-rolamento-da-embreagem-para-honda-6000zz/51" 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/51.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-da-embreagem-para-honda-biz-c100-98-05-embreagem-dafra-super-50-zig-50-12-17-rolamento-da-embreagem-para-honda-6000zz/51 class="" title="
                Rolamento da Embreagem Biz C100 98&gt;05, Tampa do Motor CB300R, XRE 300, CB400, Falcon NX4
              
">
            
        
            <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 ">6000-ZZ</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento da Embreagem Biz C100 98&gt;05, Tampa do Motor CB300R, XRE 300, CB400, Falcon NX4
            </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_51']" 
               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_1646620" name="product_id" value="1646620"/>
    <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_1646620 > 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_1646620" href="/produto/rolamento-da-embreagem-kawasaki-vulcan-en650-er300-le300-ninja-ex300-dafra-apache-150-10-15-rotor-citycom-hd-300i-20-carcaca-do-motor-suzuki-lindy-125-rolamento-da-embreagem-kawasaki-60012rsc3green/1646620" 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/1646620.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/53634/53634.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-da-embreagem-kawasaki-vulcan-en650-er300-le300-ninja-ex300-dafra-apache-150-10-15-rotor-citycom-hd-300i-20-carcaca-do-motor-suzuki-lindy-125-rolamento-da-embreagem-kawasaki-60012rsc3green/1646620" 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/1646620.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-da-embreagem-kawasaki-vulcan-en650-er300-le300-ninja-ex300-dafra-apache-150-10-15-rotor-citycom-hd-300i-20-carcaca-do-motor-suzuki-lindy-125-rolamento-da-embreagem-kawasaki-60012rsc3green/1646620 class="" title="
                Rolamento da Embreagem Vulcan EN650, ER300, LE300, Ninja EX300
              
">
            
        
            <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 ">6001-2RSC3 (GREEN)</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento da Embreagem Vulcan EN650, ER300, LE300, Ninja EX300
            </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_1646620']" 
               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_39146" name="product_id" value="39146"/>
    <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_39146 > img').length-1;">
        <a id="gallery_39146" href="/produto/rolamento-da-transmissao-para-honda-ld-esquerdo-biz-c100-98-05-biz-110-125-06-pop-100-110i-06-dafra-zig-50-suzuki-nex-110-arvore-de-comando-ld-direito-bros-nxr150-04-titan-cg150-04-arvore-de-comando-ld-direito-nmax-150-160-17-22-neo-125-16-fluo-125-rolamento-da-transmissao-para-honda-6001zz/39146" 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/39146.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-da-transmissao-para-honda-ld-esquerdo-biz-c100-98-05-biz-110-125-06-pop-100-110i-06-dafra-zig-50-suzuki-nex-110-arvore-de-comando-ld-direito-bros-nxr150-04-titan-cg150-04-arvore-de-comando-ld-direito-nmax-150-160-17-22-neo-125-16-fluo-125-rolamento-da-transmissao-para-honda-6001zz/39146" 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/39146.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-da-transmissao-para-honda-ld-esquerdo-biz-c100-98-05-biz-110-125-06-pop-100-110i-06-dafra-zig-50-suzuki-nex-110-arvore-de-comando-ld-direito-bros-nxr150-04-titan-cg150-04-arvore-de-comando-ld-direito-nmax-150-160-17-22-neo-125-16-fluo-125-rolamento-da-transmissao-para-honda-6001zz/39146 class="" title="
                Rolamento da Transmissão CG125 até 2005, Biz C100/125, Pop 100 / 110, Titan 2000, Bros 125/150, NMax 150 / 160
              
">
            
        
            <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 ">6001-ZZ</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento da Transmissão CG125 até 2005, Biz C100/125, Pop 100 / 110, Titan 2000, Bros 125/150, NMax 150 / 160
            </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_39146']" 
               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_338" name="product_id" value="338"/>
    <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_338 > 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_338" href="/produto/rolamento-da-tampa-lateral-esquerda-para-honda-pcx-150-13-22-adv-150-sh-150i-suspensao-traseira-cbx-250-twister-comando-de-valvula-mottu-sport-110i-20-rolamento-da-tampa-lateral-esquerda-para-honda-60022rsc3/338" 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/338.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/53635/53635.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-da-tampa-lateral-esquerda-para-honda-pcx-150-13-22-adv-150-sh-150i-suspensao-traseira-cbx-250-twister-comando-de-valvula-mottu-sport-110i-20-rolamento-da-tampa-lateral-esquerda-para-honda-60022rsc3/338" 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/338.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-da-tampa-lateral-esquerda-para-honda-pcx-150-13-22-adv-150-sh-150i-suspensao-traseira-cbx-250-twister-comando-de-valvula-mottu-sport-110i-20-rolamento-da-tampa-lateral-esquerda-para-honda-60022rsc3/338 class="" title="
                Rolamento da Tampa Lateral Esquerda para PCX 150 13&gt;22, ADV 150, SH 150i
              
">
            
        
            <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 ">6002-2RSC3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento da Tampa Lateral Esquerda para PCX 150 13&gt;22, ADV 150, SH 150i
            </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_338']" 
               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=2&amp;offset=12">
          <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 === 3 }">
          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 === 3 }">
          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 === 3 }">
          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 === 3 }">
          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 === 3 }">
          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=4&amp;offset=36">
          <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>