{"offset":73,"limit":12,"max":84,"nbHits":252,"exhaustiveNbHits":false,"processingTimeMs":11,"query":"","search":false,"allProducts":true,"response":{"docs":[{"catalogoID":33170,"id":"56","produtoID":56,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-08-21 20:34:58","produtoNome":"Rolamento Rigido de Esferas","produtoModelo":"6206-2RSC3","produtoPeso":"0.1900","produtoMarca":"PPK","produtoMedida":"30x62x16","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 Yamaha RD 350","ecommerceNome":"Rolamento do Virabrequim para Yamaha","ecommerceNomeCurto":"Rolamento do Virabrequim Yamaha RD 350","ecommerceDescricao":"RD 350","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento do Virabrequim Yamaha RD 350 | Rolamento PPK 6206-2RSC3","ecommerceSeoDescricao":"Compre rolamento PPK 6206-2RSC3 do virabrequim para moto Yamaha RD 350. Rolamento de virabrequim para moto RD 350 voc\u00ea compra na PPK Motoparts.","ecommerceSeoPalavrasChaves":"rolamento virabrequim, 6206-2RSC3, PPK, rolamento 6206-2RSC3,","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Ford:TG105313; Mercedes-Benz:0625006206; Mercedes-Benz:625900209; Volkswagen:TJG105313; Volvo:11013; Volvo:1544092; Volvo:181538; Volvo:3086327; Yamaha:93306-20627-00","codigoSimilar":"Koyo:83A093-9TC4; Nachi:6206-2NSEC3; NSK:6206-DDUC3; NTN:6206-LLUC3","ecommerceCaracteristicas":"Blindagem:Blindado 2 lados:5385; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; Blindado 2 lados; C3","categoriaOrdem":"2","produtoVIP":"5","aplicacaoMoto":["\u00c1rvore de manivelas"],"aplicacaoMotoMontadoras":["Yamaha"],"aplicacaoMotoModelos":["RD"],"aplicacaoMotoGrupo":["Motor"],"aplicacaoMotoSubGrupo":["Virabrequim"],"aplicacaoMotoCompleto":["\u00c1rvore de manivelas, Motor, Virabrequim"],"aplicacaoMotoModelosCompleto":null,"produtoPrecoConsumidor":6.95,"produtoEstoque":0,"produtoModeloBusca":"62062RSC3","ecommerceBusca":"Rolamento do Virabrequim para Yamaha RD 350 Rolamento do Virabrequim para Yamaha 62062RSC3","blindagem":"Blindado 2 lados","contador":1,"chave":0,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/56.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/56.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/56.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/53646\/53646.jpg?version=7.73"}],"produtoGaleriaTotal":1,"produtoBusca":"6206-2RSC3 Rolamento do Virabrequim para Yamaha RD 350 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6206-2rsc3-ppk\/56","aplicacao":"\/produto\/rolamento-do-virabrequim-para-yamaha-rd-350-rolamento-do-virabrequim-para-yamaha-62062rsc3\/56","modal":"\/modal\/rolamento-rigido-de-esferas-6206-2rsc3-ppk\/56"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5385","name":"Blindagem","value":"Blindado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Ford","value":"TG105313"},{"name":"Mercedes-Benz","value":"0625006206"},{"name":"Mercedes-Benz","value":"625900209"},{"name":"Volkswagen","value":"TJG105313"},{"name":"Volvo","value":"11013"},{"name":"Volvo","value":"1544092"},{"name":"Volvo","value":"181538"},{"name":"Volvo","value":"3086327"},{"name":"Yamaha","value":"93306-20627-00"}],"codigoSimilarLista":[{"name":"Koyo","value":"83A093-9TC4"},{"name":"Nachi","value":"6206-2NSEC3"},{"name":"NSK","value":"6206-DDUC3"},{"name":"NTN","value":"6206-LLUC3"}]},{"catalogoID":33172,"id":"76","produtoID":76,"produtoHabilitado":0,"catalogoAtualizadoEm":"2025-06-20 15:32:54","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6206-ZZ","produtoPeso":"0.1919","produtoMarca":"PPK","produtoMedida":"30x62x16","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 Pinh\u00e3o Diferencial Quadriciclo Honda Traseiro Fourtrax 350 02>07, Pinh\u00e3o Diferencial Dianteiro 420 08>13","ecommerceNome":"Rolamento do Pinh\u00e3o Diferencial Quadriciclo Honda","ecommerceNomeCurto":"Rolamento do Pinh\u00e3o Diferencial Quadriciclo Fourtrax 350, 420 08>13","ecommerceDescricao":"Traseiro Fourtrax 350 02>07, Pinh\u00e3o Diferencial Dianteiro 420 08>13","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":null,"ecommerceSeoDescricao":null,"ecommerceSeoPalavrasChaves":null,"ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Honda:96100-62060-00; Yale:901194814","codigoSimilar":"FAG:6206-2ZR; Nachi:6206-ZZE; SKF:6206-2Z","ecommerceCaracteristicas":"Blindagem:Blindado 2 lados:5385; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; Blindado 2 lados","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":null,"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["Fourtrax"],"aplicacaoMotoGrupo":["Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":null,"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":["Honda Fourtrax 350 02>07","Honda Fourtrax 420 08>13"],"produtoPrecoConsumidor":0,"produtoEstoque":0,"produtoModeloBusca":"6206ZZ","ecommerceBusca":"Rolamento do Pinh\u00e3o Diferencial Quadriciclo Honda Traseiro Fourtrax 350 02>07, Pinh\u00e3o Diferencial Dianteiro 420 08>13 Rolamento do Pinh\u00e3o Diferencial Quadriciclo Honda 6206ZZ","blindagem":"Blindado 2 lados","contador":2,"chave":1,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/76.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/76.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/76.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"6206-ZZ Rolamento do Pinh\u00e3o Diferencial Quadriciclo Honda Traseiro Fourtrax 350 02>07, Pinh\u00e3o Diferencial Dianteiro 420 08>13 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6206-zz-ppk\/76","aplicacao":"\/produto\/rolamento-do-pinhao-diferencial-quadriciclo-honda-traseiro-fourtrax-350-02-07-pinhao-diferencial-dianteiro-420-08-13-rolamento-do-pinhao-diferencial-quadriciclo-honda-6206zz\/76","modal":"\/modal\/rolamento-rigido-de-esferas-6206-zz-ppk\/76"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5385","name":"Blindagem","value":"Blindado 2 lados"}],"codigoOriginalLista":[{"name":"Honda","value":"96100-62060-00"},{"name":"Yale","value":"901194814"}],"codigoSimilarLista":[{"name":"FAG","value":"6206-2ZR"},{"name":"Nachi","value":"6206-ZZE"},{"name":"SKF","value":"6206-2Z"}]},{"catalogoID":34202,"id":"1647595","produtoID":1647595,"produtoHabilitado":1,"catalogoAtualizadoEm":"2025-05-15 11:43:04","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6207-C3","produtoPeso":"0.2880","produtoMarca":"PPK","produtoMedida":"35x72x17","produtoEmbalagem":"Caixinha Individual","categoriaID":1045,"categoriaSEO":"virabrequim","categoriaNome":"Virabrequim","categoriaTitulo":"Rolamento do Virabrequim PPK | Virabrequim para Moto","categoriaPalavrasChaves":"virabrequim, rolamento virabrequim, virabrequim moto, ppk, ppk motoparts, ppk motope\u00e7as, motope\u00e7as","categoriaDescricao":"O Rolamento do Virabrequim PPK \u00e9 fabricado em a\u00e7o, garantindo maior durabilidade. Rolamento PPK, reconhecido e aprovado pelo mercado de Motope\u00e7as.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Rolamento do Virabrequim Lado Esquerdo Honda CG 125 09>..., Bros NXR 150 03>05, Strada CBX 200, XR 200, CRF 230 | Virabrequim Dafra Citycom 300i 11>..., Carca\u00e7a do Motor Dafra Apache 150 10>15, Virabrequim Apache 200 17>24 | Carter Ld Esquerdo Elite 125, ADV 150 21>... | Haojue Chopper Road 150","ecommerceNome":"Rolamento do Virabrequim Lado Esquerdo Honda","ecommerceNomeCurto":"Rolamento do Virabrequim Bros NXR 150 03>05, CBX 200, CRF 230, Elite 125 - Ld Esquerdo. Dafra Apache 200","ecommerceDescricao":"CG 125 09>..., Bros NXR 150 03>05, Strada CBX 200, XR 200, CRF 230 | Virabrequim Dafra Citycom 300i 11>..., Carca\u00e7a do Motor Dafra Apache 150 10>15, Virabrequim Apache 200 17>24 | Carter Ld Esquerdo Elite 125, ADV 150 21>... | Haojue Chopper Road 150","ecommerceComplemento":"Eixo da Helice do Motor de Popa Yamaha F90 | Virabrequim Prox - Jet Ski Sea Doo Polaris 700\/900\/1050","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento do Virabrequim NXR150 Bros | Rolamento 6207-C3 PPK","ecommerceSeoDescricao":"Rolamento 6207-C3 PPK do Virabrequim para Honda NXR150 Bros. Tenha mais durabilidade e seguran\u00e7a com o rolamento 6207-C3 PPK do virabrequim. Compre o rolamento 6207-C3 PPK no seu distribuidor.","ecommerceSeoPalavrasChaves":"motope\u00e7as, rolamento de moto, rolamento virabrequim, virabrequim, rolamento NXR150 bros, rolamento 6207-C3","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Chevrolet:12384947; Chevrolet:19177499; Dafra:10343-A21-000; Dafra:D159530017; Ford:85HU2W888A; Land Rover:STC1130; Scania:14091; Suzuki:09262-35086-000; Yamaha:93306207U0","codigoSimilar":null,"ecommerceCaracteristicas":"Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100","categoriaOrdem":"2","produtoVIP":"5","aplicacaoMoto":["Virabrequim"],"aplicacaoMotoMontadoras":["Dafra","Haojue","Honda"],"aplicacaoMotoModelos":["Apache","CBX","CG","Chopper Road","Citycom","CRF","Elite","NXR"],"aplicacaoMotoGrupo":["Motor","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["Carca\u00e7a do motor","Virabrequim"],"aplicacaoMotoCompleto":["Virabrequim, Motor, Virabrequim","Virabrequim, Transmiss\u00e3o, Virabrequim"],"aplicacaoMotoModelosCompleto":["Dafra Apache 150 10>15","Dafra Apache 200 17>24","Dafra Citycom 300 11>...","Haojue Chopper Road 150 18>...","Honda CG 125 09>..."],"produtoPrecoConsumidor":9.5,"produtoEstoque":0,"produtoModeloBusca":"6207C3","ecommerceBusca":"Rolamento do Virabrequim Lado Esquerdo Honda CG 125 09>..., Bros NXR 150 03>05, Strada CBX 200, XR 200, CRF 230 | Virabrequim Dafra Citycom 300i 11>..., Carca\u00e7a do Motor Dafra Apache 150 10>15, Virabrequim Apache 200 17>24 | Carter Ld Esquerdo Elite 125, ADV 150 21>... | Haojue Chopper Road 150 Rolamento do Virabrequim Lado Esquerdo Honda 6207C3","material":"A\u00e7o cromo SAE 52100","contador":3,"chave":2,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1647595.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1647595.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1647595.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"6207-C3 Rolamento Lado Esquerdo do Virabrequim","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50133\/50133.jpg?version=7.73"},{"id":2,"grupo":"Galeria de Produto","nome":"6207-C3 Rolamento Lado Esquerdo do Virabrequim","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50134\/50134.jpg?version=7.73"},{"id":3,"grupo":"Galeria de Produto","nome":"6207-C3 Rolamento Lado Esquerdo do Virabrequim","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50135\/50135.jpg?version=7.73"}],"produtoGaleriaTotal":3,"produtoBusca":"6207-C3 Rolamento do Virabrequim Lado Esquerdo Honda CG 125 09>..., Bros NXR 150 03>05, Strada CBX 200, XR 200, CRF 230 | Virabrequim Dafra Citycom 300i 11>..., Carca\u00e7a do Motor Dafra Apache 150 10>15, Virabrequim Apache 200 17>24 | Carter Ld Esquerdo Elite 125, ADV 150 21>... | Haojue Chopper Road 150 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6207-c3-ppk\/1647595","aplicacao":"\/produto\/rolamento-do-virabrequim-lado-esquerdo-honda-cg-125-09-bros-nxr-150-03-05-strada-cbx-200-xr-200-crf-230-virabrequim-dafra-citycom-300i-11-carcaca-do-motor-dafra-apache-150-10-15-virabrequim-apache-200-17-24-carter-ld-esquerdo-elite-125-adv-150-21-haojue-chopper-road-150-rolamento-do-virabrequim-lado-esquerdo-honda-6207c3\/1647595","modal":"\/modal\/rolamento-rigido-de-esferas-6207-c3-ppk\/1647595"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"}],"codigoOriginalLista":[{"name":"Chevrolet","value":"12384947"},{"name":"Chevrolet","value":"19177499"},{"name":"Dafra","value":"10343-A21-000"},{"name":"Dafra","value":"D159530017"},{"name":"Ford","value":"85HU2W888A"},{"name":"Land Rover","value":"STC1130"},{"name":"Scania","value":"14091"},{"name":"Suzuki","value":"09262-35086-000"},{"name":"Yamaha","value":"93306207U0"}],"codigoSimilarLista":false},{"catalogoID":75402,"id":"77","produtoID":77,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-12-02 11:23:56","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6209-2RSC3","produtoPeso":"0.3940","produtoMarca":"PPK","produtoMedida":"45x85x19","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 Esquerdo para Suzuki DR 650 90>98","ecommerceNome":"Rolamento do Virabrequim Esquerdo para Suzuki","ecommerceNomeCurto":"Rolamento do Virabrequim Esquerdo para Suzuki DR 650 90>98","ecommerceDescricao":"DR 650 90>98","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento do Virabrequim para Suzuki DR 650 | Rolamento PPK","ecommerceSeoDescricao":"Rolamento do Virabrequim Esquerdo para Suzuki DR 650. A PPK possui diversas linhas de rolamentos para as mais variadas motos e cilindradas.","ecommerceSeoPalavrasChaves":"rolamento, rolamento virabrequim, rolamento virabrequim DR 650, rolamento PPK, ppk, rolamento virabrequim suzuki DR 650, rolamento DR 650","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Mercedes-Benz:0625036209; Mercedes-Benz:0625506208; Suzuki:09262-45011","codigoSimilar":null,"ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C3; Vedado 2 lados","categoriaOrdem":"2","produtoVIP":"5","aplicacaoMoto":["Virabrequim"],"aplicacaoMotoMontadoras":["Suzuki"],"aplicacaoMotoModelos":["DR"],"aplicacaoMotoGrupo":null,"aplicacaoMotoSubGrupo":["Virabrequim"],"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":["Suzuki DR 650 90>98"],"produtoPrecoConsumidor":14.8,"produtoEstoque":0,"produtoModeloBusca":"62092RSC3","ecommerceBusca":"Rolamento do Virabrequim Esquerdo para Suzuki DR 650 90>98 Rolamento do Virabrequim Esquerdo para Suzuki 62092RSC3","blindagem":"Vedado 2 lados","contador":4,"chave":3,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/77.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/77.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/77.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"6209-2RSC3 Rolamento do Virabrequim Esquerdo para Suzuki DR 650 90>98 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6209-2rsc3-ppk\/77","aplicacao":"\/produto\/rolamento-do-virabrequim-esquerdo-para-suzuki-dr-650-90-98-rolamento-do-virabrequim-esquerdo-para-suzuki-62092rsc3\/77","modal":"\/modal\/rolamento-rigido-de-esferas-6209-2rsc3-ppk\/77"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Mercedes-Benz","value":"0625036209"},{"name":"Mercedes-Benz","value":"0625506208"},{"name":"Suzuki","value":"09262-45011"}],"codigoSimilarLista":false},{"catalogoID":33175,"id":"1646623","produtoID":1646623,"produtoHabilitado":0,"catalogoAtualizadoEm":"2023-10-06 14:06:50","produtoNome":"Micro Rolamento R\u00edgido de Esferas","produtoModelo":"627-ZZ","produtoPeso":"0.0155","produtoMarca":"PPK","produtoMedida":"7x22x7","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 Moto Agrale 27.5","ecommerceNome":"Rolamento da Embreagem Moto Agrale","ecommerceNomeCurto":"Rolamento da Embreagem Moto Agrale 27.5","ecommerceDescricao":"27.5","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento de Embreagem para Moto Agrale | Rolamento 627-ZZ PPK","ecommerceSeoDescricao":"Com o Rolamento para Embreagem de Moto 627-ZZ da PPK sua moto Agrale 27.5 roda em seguran\u00e7a. Rolamento PPK para embreagem, compre nos melhores distribuidores do Brasil.","ecommerceSeoPalavrasChaves":"rolamento embreagem moto, rolamento embreagem agrale, rolamento embreagem, rolamento PPK, rolamento 627-ZZ, ppk, rolamento moto","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":null,"codigoSimilar":"FAG:627-2ZR; Nachi:627-ZZE; SKF:627-2Z","ecommerceCaracteristicas":"Classifica\u00e7\u00e3o:Embreagem:5384; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Classifica\u00e7\u00e3o; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; Embreagem","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":null,"aplicacaoMotoMontadoras":null,"aplicacaoMotoModelos":null,"aplicacaoMotoGrupo":null,"aplicacaoMotoSubGrupo":null,"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":null,"produtoPrecoConsumidor":1.53,"produtoEstoque":0,"produtoModeloBusca":"627ZZ","ecommerceBusca":"Rolamento da Embreagem Moto Agrale 27.5 Rolamento da Embreagem Moto Agrale 627ZZ","classificacao":"Embreagem","contador":5,"chave":4,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1646623.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1646623.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1646623.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"627-ZZ Rolamento da Embreagem","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50136\/50136.jpg?version=7.73"},{"id":2,"grupo":"Galeria de Produto","nome":"627-ZZ Rolamento da Embreagem","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50137\/50137.jpg?version=7.73"},{"id":3,"grupo":"Galeria de Produto","nome":"627-ZZ Rolamento da Embreagem","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50138\/50138.jpg?version=7.73"}],"produtoGaleriaTotal":3,"produtoBusca":"627-ZZ Rolamento da Embreagem Moto Agrale 27.5 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/micro-rolamento-rigido-de-esferas-627-zz-ppk\/1646623","aplicacao":"\/produto\/rolamento-da-embreagem-moto-agrale-27-5-rolamento-da-embreagem-moto-agrale-627zz\/1646623","modal":"\/modal\/micro-rolamento-rigido-de-esferas-627-zz-ppk\/1646623"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Embreagem"}],"codigoOriginalLista":false,"codigoSimilarLista":[{"name":"FAG","value":"627-2ZR"},{"name":"Nachi","value":"627-ZZE"},{"name":"SKF","value":"627-2Z"}]},{"catalogoID":75588,"id":"275","produtoID":275,"produtoHabilitado":0,"catalogoAtualizadoEm":"2025-04-30 11:42:58","produtoNome":"Micro Rolamento R\u00edgido de Esferas","produtoModelo":"628-2RS","produtoPeso":"0.0200","produtoMarca":"MAK","produtoMedida":"8x24x8","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamentos-de-moto","categoriaNome":"Rolamentos de Moto","categoriaTitulo":"Rolamentos de Moto PPK | Rode Melhor com os Rolamentos PPK","categoriaPalavrasChaves":"rolamentos de moto, rolamentos moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Rolamento Eixo da Bomba D'\u00e1gua para Kawasaki KX 125 \/ 250 00>..., KLX 110 06>...","ecommerceNome":"Rolamento Eixo da Bomba D'\u00e1gua para Kawasaki","ecommerceNomeCurto":"Rolamento Eixo da Bomba D'\u00e1gua para Kawasaki KX 125 \/ 250 00>..., KLX 110 06>...","ecommerceDescricao":"KX 125 \/ 250 00>..., KLX 110 06>...","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento da Bomba D'\u00e1gua Kawasaki KX 125 \/ 250 | Rolamento PPK","ecommerceSeoDescricao":"Rolamento 628-2RS PPK para eixo da bomba d'\u00e1gua das motos Kawasaki KX 125 e 250. Rolamento PPK, durabilidade e desempenho superior para m\u00e1xima efici\u00eancia. Encontre rolamento para sua moto aqui!","ecommerceSeoPalavrasChaves":"rolamento, rolamento bomba d'\u00e1gua, rolamento Kawasaki, rolamento bomba d'\u00e1gua Kawasaki, rolamento PPK, rolamento Kawasaki KX 125","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Kawasaki:92045-1123","codigoSimilar":"FAG:628-2RSR; Nachi:628-2NSE; NSK:628-DDU; NTN:628-LLU; SKF:628-2RS1","ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Classifica\u00e7\u00e3o:Bomba D'\u00c1gua:5384; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Classifica\u00e7\u00e3o; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; Bomba D'\u00c1gua; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":null,"aplicacaoMotoMontadoras":null,"aplicacaoMotoModelos":null,"aplicacaoMotoGrupo":null,"aplicacaoMotoSubGrupo":null,"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":null,"produtoPrecoConsumidor":0,"produtoEstoque":0,"produtoModeloBusca":"6282RS","ecommerceBusca":"Rolamento Eixo da Bomba D'\u00e1gua para Kawasaki KX 125 \/ 250 00>..., KLX 110 06>... Rolamento Eixo da Bomba D'\u00e1gua para Kawasaki 6282RS","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\/275.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/275.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/275.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"628-2RS Rolamento Eixo da Bomba D'\u00e1gua para Kawasaki KX 125 \/ 250 00>..., KLX 110 06>... MAK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"mak","url":{"produto":"\/produto\/micro-rolamento-rigido-de-esferas-628-2rs-mak\/275","aplicacao":"\/produto\/rolamento-eixo-da-bomba-dagua-para-kawasaki-kx-125-250-00-klx-110-06-rolamento-eixo-da-bomba-dagua-para-kawasaki-6282rs\/275","modal":"\/modal\/micro-rolamento-rigido-de-esferas-628-2rs-mak\/275"},"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"}],"codigoOriginalLista":[{"name":"Kawasaki","value":"92045-1123"}],"codigoSimilarLista":[{"name":"FAG","value":"628-2RSR"},{"name":"Nachi","value":"628-2NSE"},{"name":"NSK","value":"628-DDU"},{"name":"NTN","value":"628-LLU"},{"name":"SKF","value":"628-2RS1"}]},{"catalogoID":75928,"id":"1645638","produtoID":1645638,"produtoHabilitado":0,"catalogoAtualizadoEm":"2025-10-20 15:53:26","produtoNome":"Micro Rolamento R\u00edgido de Esferas","produtoModelo":"628-ZZ","produtoPeso":"0.0170","produtoMarca":null,"produtoMedida":"8x24x8","produtoEmbalagem":"Bulk","categoriaID":1001,"categoriaSEO":"rolamentos-de-moto","categoriaNome":"Rolamentos de Moto","categoriaTitulo":"Rolamentos de Moto PPK | Rode Melhor com os Rolamentos PPK","categoriaPalavrasChaves":"rolamentos de moto, rolamentos moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Rolamento do Tambor Seletor de Marchas Honda CB 500X , X-ADV 750, CB 600F Hornet | Suzuki  V-Storm 650","ecommerceNome":"Rolamento do Tambor Seletor de Marchas Honda","ecommerceNomeCurto":"Rolamento do Tambor Seletor de Marchas para CB 500X , X-ADV 750, Hornet","ecommerceDescricao":"CB 500X , X-ADV 750, CB 600F Hornet | Suzuki  V-Storm 650","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento do Tambor Seletor de Marchas para CB 500X , X-ADV 750","ecommerceSeoDescricao":"Rolamento 628-ZZ PPK para tambor seletor de marchas Honda CB 500X, CB 600 Hornet. Com o rolamento PPK voc\u00ea tem mais resist\u00eancia e precis\u00e3o para trocas suaves. PPK, o rolamento que roda mais e mais!","ecommerceSeoPalavrasChaves":"rolamento, rolamento tambor seletor de marchas, rolamento tambor seletor, rolamento CB 500X, rolamento X-ADV 750, rolamento Hornet, rolamento cb600","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":null,"codigoSimilar":null,"ecommerceCaracteristicas":"Classifica\u00e7\u00e3o:Tambor Seletor de Marcha:5384; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Classifica\u00e7\u00e3o; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; Tambor Seletor de Marcha","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":null,"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["CB"],"aplicacaoMotoGrupo":["Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["Caixa de mudan\u00e7as"],"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":null,"produtoPrecoConsumidor":0,"produtoEstoque":0,"produtoModeloBusca":"628ZZ","ecommerceBusca":"Rolamento do Tambor Seletor de Marchas Honda CB 500X , X-ADV 750, CB 600F Hornet | Suzuki  V-Storm 650 Rolamento do Tambor Seletor de Marchas Honda 628ZZ","classificacao":"Tambor Seletor de Marcha","contador":7,"chave":6,"Bulk":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1645638.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1645638.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1645638.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"628-ZZ Rolamento do Tambor Seletor de Marchas Honda CB 500X , X-ADV 750, CB 600F Hornet | Suzuki  V-Storm 650 ","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"sem_marca","url":{"produto":"\/produto\/micro-rolamento-rigido-de-esferas-628-zz-\/1645638","aplicacao":"\/produto\/rolamento-do-tambor-seletor-de-marchas-honda-cb-500x-x-adv-750-cb-600f-hornet-suzuki-v-storm-650-rolamento-do-tambor-seletor-de-marchas-honda-628zz\/1645638","modal":"\/modal\/micro-rolamento-rigido-de-esferas-628-zz-\/1645638"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Tambor Seletor de Marcha"}],"codigoOriginalLista":false,"codigoSimilarLista":false},{"catalogoID":36737,"id":"1679363","produtoID":1679363,"produtoHabilitado":1,"catalogoAtualizadoEm":"2025-04-11 17:42:13","produtoNome":"Rolamento do Virabrequim Honda BIZ 125 e POP 110 Lado Esquerdo","produtoModelo":"63\/22 C18","produtoPeso":"0.1750","produtoMarca":"PPK","produtoMedida":"22x56x16","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 Honda Biz 110 16>..., Biz C125 06>..., Pop 110I - Lado Esquerdo","ecommerceNome":"Rolamento do Virabrequim Honda","ecommerceNomeCurto":"Rolamento Esquerdo do Virabrequim Pop 110I, Biz 110, Biz C125 06>...","ecommerceDescricao":"Biz 110 16>..., Biz C125 06>..., Pop 110I - Lado Esquerdo","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento do Virabrequim 63\/22 Biz C125, Pop 110 | Rolamento PPK","ecommerceSeoDescricao":"Rolamento do Virabrequim 63\/22 para Honda Biz C125 voc\u00ea encontra na PPK. Confiabilidade e seguran\u00e7a em rolamento de virabrequim de moto, a PPK tem! Conhe\u00e7a o rolamento de virabrequim PPK 63\/22.","ecommerceSeoPalavrasChaves":"motope\u00e7a, rolamento, rolamento moto, rolamento 63\/22, rolamento virabrequim, rolamento virabrequim 63\/22, rolamento Biz C125, rolamento ppk, ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":null,"codigoSimilar":"Nachi:22BC05S48J1CS18","ecommerceCaracteristicas":null,"ecommerceCaracteristicasNome":null,"ecommerceCaracteristicasAtributos":null,"categoriaOrdem":"2","produtoVIP":"5","aplicacaoMoto":["Virabrequim"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["BIZ","BIZ C","POP"],"aplicacaoMotoGrupo":null,"aplicacaoMotoSubGrupo":null,"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":["Honda BIZ 110 16>...","Honda BIZ C 125 06>..."],"produtoPrecoConsumidor":20,"produtoEstoque":0,"produtoModeloBusca":"6322C18","ecommerceBusca":"Rolamento do Virabrequim Honda Biz 110 16>..., Biz C125 06>..., Pop 110I - Lado Esquerdo Rolamento do Virabrequim Honda 6322C18","contador":8,"chave":7,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1679363.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1679363.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1679363.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"63\/22 C18 Rolamento do Virabrequim Honda Biz 110 16>..., Biz C125 06>..., Pop 110I - Lado Esquerdo PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-do-virabrequim-honda-biz-125-e-pop-110-lado-esquerdo-63-22-c18-ppk\/1679363","aplicacao":"\/produto\/rolamento-do-virabrequim-honda-biz-110-16-biz-c125-06-pop-110i-lado-esquerdo-rolamento-do-virabrequim-honda-6322c18\/1679363","modal":"\/modal\/rolamento-do-virabrequim-honda-biz-125-e-pop-110-lado-esquerdo-63-22-c18-ppk\/1679363"},"ecommerceCaracteristicasLista":false,"codigoOriginalLista":false,"codigoSimilarLista":[{"name":"Nachi","value":"22BC05S48J1CS18"}]},{"catalogoID":32099,"id":"14809","produtoID":14809,"produtoHabilitado":0,"catalogoAtualizadoEm":"2025-08-14 13:30:43","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"63\/22 C3","produtoPeso":"0.1810","produtoMarca":"PPK","produtoMedida":"22x56x16","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 Esquerdo Honda Biz 125 KS\/ES, CR 80\/125 | Yamaha YZ 125, Ld Direito Neo 125 16>..., Fluo 125 22>... | Balancim X-ADV 750 17>...","ecommerceNome":"Rolamento do Virabrequim Esquerdo Honda","ecommerceNomeCurto":"Rolamento do Virabrequim Esquerdo Biz 125 KS\/ES | Lado Direito Neo 125 16>..., Fluo 125 22>...","ecommerceDescricao":"Biz 125 KS\/ES, CR 80\/125 | Yamaha YZ 125, Ld Direito Neo 125 16>..., Fluo 125 22>... | Balancim X-ADV 750 17>...","ecommerceComplemento":"Rolamento Eixo Secund\u00e1rio Esquerdo Twister CB 250F 16>... | Coroa Roda Traseira Hornet CB 600F 04>14 | Pinh\u00e3o Dianteiro Diferencial Fourtrax 350 4x4 02>08","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento 63\/22-C3 do Virabrequim Biz \/ Neo 125 | Rolamento PPK","ecommerceSeoDescricao":"O Rolamento 63\/22-C3 PPK \u00e9 aplicado no Virabrequim Honda Biz 125 e da Yamaha Neo 125. Fabricado em a\u00e7o SAE 52100, o rolamento PPK 63\/22-C3 \u00e9 garantia de durabilidade e seguran\u00e7a para sua moto.","ecommerceSeoPalavrasChaves":"rolamento, rolamento virabrequim, rolamento 63\/22-C3, rolamento 63\/22-C3 virabrequim, rolamento virabrequim Biz, rolamento PPK, ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"15015\", \"30030\", \"79\", \"1648763\"]","codigoOriginal":"Honda:91001-MN8-911; Honda:91002-KPH-881; Honda:91002-KY4-901; Honda:91003-MGS-D31; Honda:91005-KYJ-901; Honda:91051-MAS-003; Yamaha:93306-372X7","codigoSimilar":null,"ecommerceCaracteristicas":"Blindagem:Aberto:5385; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Folga; Material","ecommerceCaracteristicasAtributos":"Aberto; A\u00e7o cromo SAE 52100; C3","categoriaOrdem":"2","produtoVIP":"5","aplicacaoMoto":["Virabrequim"],"aplicacaoMotoMontadoras":["Honda","Suzuki","Yamaha"],"aplicacaoMotoModelos":["BIZ","CB","CR","NEO AT","RM","YZ"],"aplicacaoMotoGrupo":["Motor","Roda","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["\u00c1rvore secund\u00e1ria","Conjunto m\u00f3vel","Roda traseira","Virabrequim"],"aplicacaoMotoCompleto":["Virabrequim, Motor, Conjunto m\u00f3vel","Virabrequim, Motor, Virabrequim"],"aplicacaoMotoModelosCompleto":["Honda BIZ 125 ","Honda CB 250 16>...","Honda CB 600 04>14","Yamaha NEO AT 125 16>..."],"produtoPrecoConsumidor":12.8,"produtoEstoque":0,"produtoModeloBusca":"6322C3","ecommerceBusca":"Rolamento do Virabrequim Esquerdo Honda Biz 125 KS\/ES, CR 80\/125 | Yamaha YZ 125, Ld Direito Neo 125 16>..., Fluo 125 22>... | Balancim X-ADV 750 17>... Rolamento do Virabrequim Esquerdo Honda 6322C3","blindagem":"Aberto","contador":9,"chave":8,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/14809.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/14809.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/14809.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"63\/22 C3 Rolamento do Virabrequim Esquerdo Honda Biz 125 KS\/ES, CR 80\/125 | Yamaha YZ 125, Ld Direito Neo 125 16>..., Fluo 125 22>... | Balancim X-ADV 750 17>... PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-63-22-c3-ppk\/14809","aplicacao":"\/produto\/rolamento-do-virabrequim-esquerdo-honda-biz-125-ks-es-cr-80-125-yamaha-yz-125-ld-direito-neo-125-16-fluo-125-22-balancim-x-adv-750-17-rolamento-do-virabrequim-esquerdo-honda-6322c3\/14809","modal":"\/modal\/rolamento-rigido-de-esferas-63-22-c3-ppk\/14809"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5385","name":"Blindagem","value":"Aberto"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Honda","value":"91001-MN8-911"},{"name":"Honda","value":"91002-KPH-881"},{"name":"Honda","value":"91002-KY4-901"},{"name":"Honda","value":"91003-MGS-D31"},{"name":"Honda","value":"91005-KYJ-901"},{"name":"Honda","value":"91051-MAS-003"},{"name":"Yamaha","value":"93306-372X7"}],"codigoSimilarLista":false},{"catalogoID":36738,"id":"1679362","produtoID":1679362,"produtoHabilitado":1,"catalogoAtualizadoEm":"2025-04-11 17:32:29","produtoNome":"Rolamento do Virabrequim Honda BIZ 125 e POP 110 Lado Direito","produtoModelo":"63\/22 C37","produtoPeso":"0.1750","produtoMarca":"PPK","produtoMedida":"22x56x16","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 Honda Biz 110 16>..., Biz C125 06>..., Pop 110I - Lado Direito","ecommerceNome":"Rolamento do Virabrequim Honda","ecommerceNomeCurto":"Rolamento do Virabrequim Biz 110, Pop 110I, Biz C125 06>... - lado direito","ecommerceDescricao":"Biz 110 16>..., Biz C125 06>..., Pop 110I - Lado Direito","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento do Virabrequim 63\/22 Biz 110, Pop 110 | Rolamento PPK","ecommerceSeoDescricao":"O Rolamento PPK 63\/22 C37 do Virabrequim \u00e9 aplicado nos modelos Honda Biz 110, Pop 110 e Biz 125. Compre rolamento 63\/22 do virabrequim PPK, garantia de durabilidade e seguran\u00e7a para sua moto.","ecommerceSeoPalavrasChaves":"motope\u00e7as, rolamento moto, rolamento virabrequim, virabrequim, rolamento Pop 110I, rolamento Biz C125, rolamento ppk, ppk, rolamento 63\/22","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Honda:91001-K03-N32","codigoSimilar":"Nachi:22BC05S48J1CS37","ecommerceCaracteristicas":null,"ecommerceCaracteristicasNome":null,"ecommerceCaracteristicasAtributos":null,"categoriaOrdem":"2","produtoVIP":"5","aplicacaoMoto":["Virabrequim"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["BIZ","BIZ C","POP"],"aplicacaoMotoGrupo":null,"aplicacaoMotoSubGrupo":null,"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":["Honda BIZ 110 16>...","Honda BIZ C 125 06>..."],"produtoPrecoConsumidor":20,"produtoEstoque":0,"produtoModeloBusca":"6322C37","ecommerceBusca":"Rolamento do Virabrequim Honda Biz 110 16>..., Biz C125 06>..., Pop 110I - Lado Direito Rolamento do Virabrequim Honda 6322C37","contador":10,"chave":9,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1679362.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1679362.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1679362.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"63\/22 C37 Rolamento do Virabrequim Honda Biz 110 16>..., Biz C125 06>..., Pop 110I - Lado Direito PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-do-virabrequim-honda-biz-125-e-pop-110-lado-direito-63-22-c37-ppk\/1679362","aplicacao":"\/produto\/rolamento-do-virabrequim-honda-biz-110-16-biz-c125-06-pop-110i-lado-direito-rolamento-do-virabrequim-honda-6322c37\/1679362","modal":"\/modal\/rolamento-do-virabrequim-honda-biz-125-e-pop-110-lado-direito-63-22-c37-ppk\/1679362"},"ecommerceCaracteristicasLista":false,"codigoOriginalLista":[{"name":"Honda","value":"91001-K03-N32"}],"codigoSimilarLista":[{"name":"Nachi","value":"22BC05S48J1CS37"}]},{"catalogoID":72184,"id":"1980045","produtoID":1980045,"produtoHabilitado":1,"catalogoAtualizadoEm":"2024-05-24 18:05:01","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"63\/22-15-2RS","produtoPeso":"0.1800","produtoMarca":"PPK","produtoMedida":"22x56x15","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 Yamaha Neo AT115 \/ 125 | Sundown Future 125 | Dafra Smart 125, Laser 150 | Shineray F40 150","ecommerceNome":"Rolamento do Virabrequim Yamaha","ecommerceNomeCurto":"Rolamento do Virabrequim Yamaha Neo AT115 \/ 125, Dafra Smart 125, Laser 150","ecommerceDescricao":"Neo AT115 \/ 125 | Sundown Future 125 | Dafra Smart 125, Laser 150 | Shineray F40 150","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":null,"ecommerceSeoDescricao":null,"ecommerceSeoPalavrasChaves":null,"ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Yamaha:93306-372Y1; Yamaha:93306372X5; Yamaha:93306372Y2","codigoSimilar":"NTN:TM-SC04C23CS12PX1","ecommerceCaracteristicas":"Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100","categoriaOrdem":"2","produtoVIP":"5","aplicacaoMoto":["Virabrequim"],"aplicacaoMotoMontadoras":["Yamaha"],"aplicacaoMotoModelos":["NEO AT"],"aplicacaoMotoGrupo":["Motor"],"aplicacaoMotoSubGrupo":["Virabrequim"],"aplicacaoMotoCompleto":["Virabrequim, Motor, Virabrequim"],"aplicacaoMotoModelosCompleto":null,"produtoPrecoConsumidor":15.45,"produtoEstoque":0,"produtoModeloBusca":"6322152RS","ecommerceBusca":"Rolamento do Virabrequim Yamaha Neo AT115 \/ 125 | Sundown Future 125 | Dafra Smart 125, Laser 150 | Shineray F40 150 Rolamento do Virabrequim Yamaha 6322152RS","material":"A\u00e7o cromo SAE 52100","contador":11,"chave":10,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1980045.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1980045.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1980045.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"Rolamento R\u00edgido de Esferas","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/53711\/53711.jpg?version=7.73"}],"produtoGaleriaTotal":1,"produtoBusca":"63\/22-15-2RS Rolamento do Virabrequim Yamaha Neo AT115 \/ 125 | Sundown Future 125 | Dafra Smart 125, Laser 150 | Shineray F40 150 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-63-22-15-2rs-ppk\/1980045","aplicacao":"\/produto\/rolamento-do-virabrequim-yamaha-neo-at115-125-sundown-future-125-dafra-smart-125-laser-150-shineray-f40-150-rolamento-do-virabrequim-yamaha-6322152rs\/1980045","modal":"\/modal\/rolamento-rigido-de-esferas-63-22-15-2rs-ppk\/1980045"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"}],"codigoOriginalLista":[{"name":"Yamaha","value":"93306-372Y1"},{"name":"Yamaha","value":"93306372X5"},{"name":"Yamaha","value":"93306372Y2"}],"codigoSimilarLista":[{"name":"NTN","value":"TM-SC04C23CS12PX1"}]},{"catalogoID":32100,"id":"1647860","produtoID":1647860,"produtoHabilitado":0,"catalogoAtualizadoEm":"2025-04-10 15:03:10","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"63\/22-2RS","produtoPeso":"0.1800","produtoMarca":"PPK","produtoMedida":"22x56x16","produtoEmbalagem":"Caixinha Individual","categoriaID":1045,"categoriaSEO":"virabrequim","categoriaNome":"Virabrequim","categoriaTitulo":"Rolamento do Virabrequim PPK | Virabrequim para Moto","categoriaPalavrasChaves":"virabrequim, rolamento virabrequim, virabrequim moto, ppk, ppk motoparts, ppk motope\u00e7as, motope\u00e7as","categoriaDescricao":"O Rolamento do Virabrequim PPK \u00e9 fabricado em a\u00e7o, garantindo maior durabilidade. Rolamento PPK, reconhecido e aprovado pelo mercado de Motope\u00e7as.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Rolamento do Virabrequim Lado Esquerdo Honda Biz C125 KS\/ES, Pop110i","ecommerceNome":"Rolamento do Virabrequim Lado Esquerdo Honda","ecommerceNomeCurto":"Rolamento do Virabrequim Honda Biz C125 KS\/ES, Pop110i - Lado Esquerdo","ecommerceDescricao":"Biz C125 KS\/ES, Pop110i","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento do Virabrequim lado esquerdo 63\/22-2RS","ecommerceSeoDescricao":"Rolamentos do Virabrequim PPK motoparts, garantia de durabilidade e seguran\u00e7a para sua moto.","ecommerceSeoPalavrasChaves":"motope\u00e7as, rolamento para moto, virabrequim, motor, \u00e1rvore de manivelas,  conjunto m\u00f3vel, BIZ125, BIZ KS, BIZ ES","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"14809\", \"79\", \"1647294\", \"1648369\"]","codigoOriginal":"Honda:91002-KPH-881","codigoSimilar":null,"ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Folga:normal:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; normal; Vedado 2 lados","categoriaOrdem":"2","produtoVIP":"5","aplicacaoMoto":["Virabrequim"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["BIZ"],"aplicacaoMotoGrupo":["Motor"],"aplicacaoMotoSubGrupo":["Conjunto m\u00f3vel"],"aplicacaoMotoCompleto":["Virabrequim, Motor, Conjunto m\u00f3vel"],"aplicacaoMotoModelosCompleto":["Honda BIZ 125 "],"produtoPrecoConsumidor":14.25,"produtoEstoque":0,"produtoModeloBusca":"63222RS","ecommerceBusca":"Rolamento do Virabrequim Lado Esquerdo Honda Biz C125 KS\/ES, Pop110i Rolamento do Virabrequim Lado Esquerdo Honda 63222RS","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\/1647860.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1647860.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1647860.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"63\/22-2RS Rolamento do Virabrequim Lado Esquerdo Honda Biz C125 KS\/ES, Pop110i PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-63-22-2rs-ppk\/1647860","aplicacao":"\/produto\/rolamento-do-virabrequim-lado-esquerdo-honda-biz-c125-ks-es-pop110i-rolamento-do-virabrequim-lado-esquerdo-honda-63222rs\/1647860","modal":"\/modal\/rolamento-rigido-de-esferas-63-22-2rs-ppk\/1647860"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"normal"}],"codigoOriginalLista":[{"name":"Honda","value":"91002-KPH-881"}],"codigoSimilarLista":false}],"sort":{"name":"C\u00f3digo A-Z"},"facetsDistribution":{"aplicacaoMoto":{"buckets":[{"val":"Amortecedor","seo":"amortecedor","count":2,"query_string":"offset=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"\u00c1rvore secund\u00e1ria\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMoto:\"\u00c1rvore secund\u00e1ria\"","active":0,"first":0,"last":0},{"val":"Balan\u00e7a","seo":"balanca","count":17,"query_string":"offset=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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":19,"query_string":"offset=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Balan\u00e7a, Roda, Roda traseira\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoCompleto:\"Balan\u00e7a, Roda, Roda traseira\"","active":0,"first":0,"last":0},{"val":"Balan\u00e7a, Suspens\u00e3o, Garfo","seo":"balanca-suspensao-garfo","count":3,"query_string":"offset=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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":18,"query_string":"offset=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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":80,"query_string":"offset=72&pagina=7&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":33,"query_string":"offset=72&pagina=7&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoGrupo:\"Roda\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoGrupo:\"Roda\"","active":0,"first":0,"last":0},{"val":"Suspens\u00e3o","seo":"suspensao","count":45,"query_string":"offset=72&pagina=7&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":67,"query_string":"offset=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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":14,"query_string":"offset=72&pagina=7&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":16,"query_string":"offset=72&pagina=7&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=72&pagina=7&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":15,"query_string":"offset=72&pagina=7&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=72&pagina=7&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":37,"query_string":"offset=72&pagina=7&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":8,"query_string":"offset=72&pagina=7&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=72&pagina=7&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":36,"query_string":"offset=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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":21,"query_string":"offset=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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=72&pagina=7&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":"Dominar","seo":"dominar","count":3,"query_string":"offset=72&pagina=7&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"Dominar\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"Dominar\"","active":0,"first":0,"last":0},{"val":"DR","seo":"dr","count":3,"query_string":"offset=72&pagina=7&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=72&pagina=7&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=72&pagina=7&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"DT\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"DT\"","active":0,"first":0,"last":0},{"val":"DTR","seo":"dtr","count":1,"query_string":"offset=72&pagina=7&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"DTR\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"DTR\"","active":0,"first":0,"last":0},{"val":"Elite","seo":"elite","count":12,"query_string":"offset=72&pagina=7&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"Elite\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"Elite\"","active":0,"first":0,"last":0},{"val":"EN","seo":"en","count":3,"query_string":"offset=72&pagina=7&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"EN\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"EN\"","active":0,"first":0,"last":0},{"val":"F","seo":"f","count":3,"query_string":"offset=72&pagina=7&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"F\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"F\"","active":0,"first":0,"last":0},{"val":"FAZER","seo":"fazer","count":9,"query_string":"offset=72&pagina=7&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"FAZER\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"FAZER\"","active":0,"first":0,"last":0},{"val":"Fourtrax","seo":"fourtrax","count":35,"query_string":"offset=72&pagina=7&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"Fourtrax\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"Fourtrax\"","active":0,"first":0,"last":0},{"val":"G","seo":"g","count":3,"query_string":"offset=72&pagina=7&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"G\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"G\"","active":0,"first":0,"last":0},{"val":"GS","seo":"gs","count":8,"query_string":"offset=72&pagina=7&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"GS\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"GS\"","active":0,"first":0,"last":0},{"val":"GSR","seo":"gsr","count":2,"query_string":"offset=72&pagina=7&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"GSR\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"GSR\"","active":0,"first":0,"last":0},{"val":"GSX","seo":"gsx","count":5,"query_string":"offset=72&pagina=7&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"GSX\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"GSX\"","active":0,"first":0,"last":0},{"val":"GSX-R","seo":"gsx-r","count":6,"query_string":"offset=72&pagina=7&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"GSX-R\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"GSX-R\"","active":0,"first":0,"last":0},{"val":"INTRUDER","seo":"intruder","count":9,"query_string":"offset=72&pagina=7&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"INTRUDER\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"INTRUDER\"","active":0,"first":0,"last":0},{"val":"KANSAS","seo":"kansas","count":15,"query_string":"offset=72&pagina=7&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"KANSAS\"","href":"?sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"KANSAS\"","active":0,"first":0,"last":0},{"val":"KATANA","seo":"katana","count":6,"query_string":"offset=72&pagina=7&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=market<!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">(31)</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">(169)</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;Bajaj&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Bajaj <span class="ml-1 text-xs">(11)</span>
            </a>
        </li>
        <li>
            <a href="?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;Can-Am&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Can-Am <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?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">(52)</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">(148)</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">(72)</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">(80)</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">(33)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoGrupo:&quot;Suspensão&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Suspensão <span class="ml-1 text-xs">(45)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoGrupo:&quot;Transmissão&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Transmissão <span class="ml-1 text-xs">(67)</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">(9)</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">(2)</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">(133)</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">(170)</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">(61)</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">(31)</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">(169)</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;Bajaj&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Bajaj <span class="ml-1 text-xs">(11)</span>
            </a>
        </li>
        <li>
            <a href="?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;Can-Am&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Can-Am <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?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">(52)</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">(148)</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">(72)</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">(14)</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">(16)</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">(15)</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">(37)</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">(8)</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">(36)</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">(21)</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;Dominar&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Dominar <span class="ml-1 text-xs">(3)</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">(12)</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">(35)</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">(1)</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">(23)</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">(21)</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">(23)</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">(29)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;Outlander&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Outlander <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?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">(13)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;Pulsar&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Pulsar <span class="ml-1 text-xs">(9)</span>
            </a>
        </li>
        <li>
            <a href="?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">(11)</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">(17)</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">(21)</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">(11)</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">(17)</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">(19)</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">(80)</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">(33)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoGrupo:&quot;Suspensão&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Suspensão <span class="ml-1 text-xs">(45)</span>
            </a>
        </li>
        <li>
            <a href="?sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoGrupo:&quot;Transmissão&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Transmissão <span class="ml-1 text-xs">(67)</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>73</b> até <b>84</b> de um total de <b>252</b> produto(s)</span>
  </div>
  
  <!---------- #Ordenar ---------->
  <div class="relative" x-data="{ dropdown: false, url: new URLSearchParams('offset=72&amp;pagina=7&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=6&amp;offset=60">
          <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=6&amp;offset=60" :class="{'bg-gray-400 text-gray-700 font-bold': 6 === 7 }">
          6
        </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=7&amp;offset=72" :class="{'bg-gray-400 text-gray-700 font-bold': 7 === 7 }">
          7
        </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=8&amp;offset=84" :class="{'bg-gray-400 text-gray-700 font-bold': 8 === 7 }">
          8
        </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=9&amp;offset=96" :class="{'bg-gray-400 text-gray-700 font-bold': 9 === 7 }">
          9
        </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=10&amp;offset=108" :class="{'bg-gray-400 text-gray-700 font-bold': 10 === 7 }">
          10
        </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=8&amp;offset=84">
          <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_56" name="product_id" value="56"/>
    <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_56 > 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_56" href="/produto/rolamento-do-virabrequim-para-yamaha-rd-350-rolamento-do-virabrequim-para-yamaha-62062rsc3/56" 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/56.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/53646/53646.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-do-virabrequim-para-yamaha-rd-350-rolamento-do-virabrequim-para-yamaha-62062rsc3/56" 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/56.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-yamaha-rd-350-rolamento-do-virabrequim-para-yamaha-62062rsc3/56 class="" title="
                Rolamento do Virabrequim Yamaha RD 350
              
">
            
        
            <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 ">6206-2RSC3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Virabrequim Yamaha RD 350
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div 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_76" name="product_id" value="76"/>
    <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_76 > img').length-1;">
        <a id="gallery_76" href="/produto/rolamento-do-pinhao-diferencial-quadriciclo-honda-traseiro-fourtrax-350-02-07-pinhao-diferencial-dianteiro-420-08-13-rolamento-do-pinhao-diferencial-quadriciclo-honda-6206zz/76" 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/76.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-pinhao-diferencial-quadriciclo-honda-traseiro-fourtrax-350-02-07-pinhao-diferencial-dianteiro-420-08-13-rolamento-do-pinhao-diferencial-quadriciclo-honda-6206zz/76" 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/76.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-pinhao-diferencial-quadriciclo-honda-traseiro-fourtrax-350-02-07-pinhao-diferencial-dianteiro-420-08-13-rolamento-do-pinhao-diferencial-quadriciclo-honda-6206zz/76 class="" title="
                Rolamento do Pinhão Diferencial Quadriciclo Fourtrax 350, 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 ">6206-ZZ</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Pinhão Diferencial Quadriciclo Fourtrax 350, 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_76']" 
               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_1647595" name="product_id" value="1647595"/>
    <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_1647595 > 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_1647595" href="/produto/rolamento-do-virabrequim-lado-esquerdo-honda-cg-125-09-bros-nxr-150-03-05-strada-cbx-200-xr-200-crf-230-virabrequim-dafra-citycom-300i-11-carcaca-do-motor-dafra-apache-150-10-15-virabrequim-apache-200-17-24-carter-ld-esquerdo-elite-125-adv-150-21-haojue-chopper-road-150-rolamento-do-virabrequim-lado-esquerdo-honda-6207c3/1647595" 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/1647595.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="6207-C3 Rolamento Lado Esquerdo do Virabrequim" 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/50133/50133.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===2" title="6207-C3 Rolamento Lado Esquerdo do Virabrequim" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===2 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50134/50134.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===3" title="6207-C3 Rolamento Lado Esquerdo do Virabrequim" 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===3 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50135/50135.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-do-virabrequim-lado-esquerdo-honda-cg-125-09-bros-nxr-150-03-05-strada-cbx-200-xr-200-crf-230-virabrequim-dafra-citycom-300i-11-carcaca-do-motor-dafra-apache-150-10-15-virabrequim-apache-200-17-24-carter-ld-esquerdo-elite-125-adv-150-21-haojue-chopper-road-150-rolamento-do-virabrequim-lado-esquerdo-honda-6207c3/1647595" 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/1647595.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-do-virabrequim-lado-esquerdo-honda-cg-125-09-bros-nxr-150-03-05-strada-cbx-200-xr-200-crf-230-virabrequim-dafra-citycom-300i-11-carcaca-do-motor-dafra-apache-150-10-15-virabrequim-apache-200-17-24-carter-ld-esquerdo-elite-125-adv-150-21-haojue-chopper-road-150-rolamento-do-virabrequim-lado-esquerdo-honda-6207c3/1647595 class="" title="
                Rolamento do Virabrequim Bros NXR 150 03&gt;05, CBX 200, CRF 230, Elite 125 - Ld Esquerdo. Dafra Apache 200
              
">
            
        
            <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 ">6207-C3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Virabrequim Bros NXR 150 03&gt;05, CBX 200, CRF 230, Elite 125 - Ld Esquerdo. Dafra Apache 200
            </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_1647595']" 
               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_77" name="product_id" value="77"/>
    <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_77 > img').length-1;">
        <a id="gallery_77" href="/produto/rolamento-do-virabrequim-esquerdo-para-suzuki-dr-650-90-98-rolamento-do-virabrequim-esquerdo-para-suzuki-62092rsc3/77" 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/77.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-esquerdo-para-suzuki-dr-650-90-98-rolamento-do-virabrequim-esquerdo-para-suzuki-62092rsc3/77" 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/77.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-esquerdo-para-suzuki-dr-650-90-98-rolamento-do-virabrequim-esquerdo-para-suzuki-62092rsc3/77 class="" title="
                Rolamento do Virabrequim Esquerdo para Suzuki DR 650 90&gt;98
              
">
            
        
            <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 ">6209-2RSC3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Virabrequim Esquerdo para Suzuki DR 650 90&gt;98
            </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_77']" 
               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_1646623" name="product_id" value="1646623"/>
    <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_1646623 > 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_1646623" href="/produto/rolamento-da-embreagem-moto-agrale-27-5-rolamento-da-embreagem-moto-agrale-627zz/1646623" 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/1646623.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="627-ZZ Rolamento da Embreagem" 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/50136/50136.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===2" title="627-ZZ Rolamento da Embreagem" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===2 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50137/50137.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===3" title="627-ZZ Rolamento da Embreagem" 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===3 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50138/50138.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-moto-agrale-27-5-rolamento-da-embreagem-moto-agrale-627zz/1646623" 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/1646623.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-moto-agrale-27-5-rolamento-da-embreagem-moto-agrale-627zz/1646623 class="" title="
                Rolamento da Embreagem Moto Agrale 27.5
              
">
            
        
            <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 ">627-ZZ</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento da Embreagem Moto Agrale 27.5
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div 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_275" name="product_id" value="275"/>
    <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_275 > img').length-1;">
        <a id="gallery_275" href="/produto/rolamento-eixo-da-bomba-dagua-para-kawasaki-kx-125-250-00-klx-110-06-rolamento-eixo-da-bomba-dagua-para-kawasaki-6282rs/275" 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/275.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-eixo-da-bomba-dagua-para-kawasaki-kx-125-250-00-klx-110-06-rolamento-eixo-da-bomba-dagua-para-kawasaki-6282rs/275" 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/275.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-eixo-da-bomba-dagua-para-kawasaki-kx-125-250-00-klx-110-06-rolamento-eixo-da-bomba-dagua-para-kawasaki-6282rs/275 class="" title="
                Rolamento Eixo da Bomba D'água para Kawasaki KX 125 / 250 00&gt;..., KLX 110 06&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 ">628-2RS</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento Eixo da Bomba D'água para Kawasaki KX 125 / 250 00&gt;..., KLX 110 06&gt;...
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="mak" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/mak.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1645638" name="product_id" value="1645638"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'sem_marca' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="sem_marca" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/sem_marca.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1645638 > img').length-1;">
        <a id="gallery_1645638" href="/produto/rolamento-do-tambor-seletor-de-marchas-honda-cb-500x-x-adv-750-cb-600f-hornet-suzuki-v-storm-650-rolamento-do-tambor-seletor-de-marchas-honda-628zz/1645638" 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/1645638.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-do-tambor-seletor-de-marchas-honda-cb-500x-x-adv-750-cb-600f-hornet-suzuki-v-storm-650-rolamento-do-tambor-seletor-de-marchas-honda-628zz/1645638" 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/1645638.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-do-tambor-seletor-de-marchas-honda-cb-500x-x-adv-750-cb-600f-hornet-suzuki-v-storm-650-rolamento-do-tambor-seletor-de-marchas-honda-628zz/1645638 class="" title="
                Rolamento do Tambor Seletor de Marchas para CB 500X , X-ADV 750, Hornet
              
">
            
        
            <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 ">628-ZZ</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Tambor Seletor de Marchas para CB 500X , X-ADV 750, Hornet
            </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="sem_marca" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/sem_marca.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1679363" name="product_id" value="1679363"/>
    <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_1679363 > img').length-1;">
        <a id="gallery_1679363" href="/produto/rolamento-do-virabrequim-honda-biz-110-16-biz-c125-06-pop-110i-lado-esquerdo-rolamento-do-virabrequim-honda-6322c18/1679363" 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/1679363.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-honda-biz-110-16-biz-c125-06-pop-110i-lado-esquerdo-rolamento-do-virabrequim-honda-6322c18/1679363" 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/1679363.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-honda-biz-110-16-biz-c125-06-pop-110i-lado-esquerdo-rolamento-do-virabrequim-honda-6322c18/1679363 class="" title="
                Rolamento Esquerdo do Virabrequim Pop 110I, Biz 110, Biz C125 06&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 ">63/22 C18</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento Esquerdo do Virabrequim Pop 110I, Biz 110, Biz C125 06&gt;...
            </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_1679363']" 
               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_14809" name="product_id" value="14809"/>
    <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_14809 > img').length-1;">
        <a id="gallery_14809" href="/produto/rolamento-do-virabrequim-esquerdo-honda-biz-125-ks-es-cr-80-125-yamaha-yz-125-ld-direito-neo-125-16-fluo-125-22-balancim-x-adv-750-17-rolamento-do-virabrequim-esquerdo-honda-6322c3/14809" 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/14809.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-esquerdo-honda-biz-125-ks-es-cr-80-125-yamaha-yz-125-ld-direito-neo-125-16-fluo-125-22-balancim-x-adv-750-17-rolamento-do-virabrequim-esquerdo-honda-6322c3/14809" 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/14809.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-esquerdo-honda-biz-125-ks-es-cr-80-125-yamaha-yz-125-ld-direito-neo-125-16-fluo-125-22-balancim-x-adv-750-17-rolamento-do-virabrequim-esquerdo-honda-6322c3/14809 class="" title="
                Rolamento do Virabrequim Esquerdo Biz 125 KS/ES | Lado Direito Neo 125 16&gt;..., Fluo 125 22&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 ">63/22 C3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Virabrequim Esquerdo Biz 125 KS/ES | Lado Direito Neo 125 16&gt;..., Fluo 125 22&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_14809']" 
               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_1679362" name="product_id" value="1679362"/>
    <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_1679362 > img').length-1;">
        <a id="gallery_1679362" href="/produto/rolamento-do-virabrequim-honda-biz-110-16-biz-c125-06-pop-110i-lado-direito-rolamento-do-virabrequim-honda-6322c37/1679362" 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/1679362.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-honda-biz-110-16-biz-c125-06-pop-110i-lado-direito-rolamento-do-virabrequim-honda-6322c37/1679362" 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/1679362.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-honda-biz-110-16-biz-c125-06-pop-110i-lado-direito-rolamento-do-virabrequim-honda-6322c37/1679362 class="" title="
                Rolamento do Virabrequim Biz 110, Pop 110I, Biz C125 06&gt;... - lado direito
              
">
            
        
            <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 ">63/22 C37</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Virabrequim Biz 110, Pop 110I, Biz C125 06&gt;... - lado direito
            </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_1679362']" 
               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_1980045" name="product_id" value="1980045"/>
    <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_1980045 > 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_1980045" href="/produto/rolamento-do-virabrequim-yamaha-neo-at115-125-sundown-future-125-dafra-smart-125-laser-150-shineray-f40-150-rolamento-do-virabrequim-yamaha-6322152rs/1980045" 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/1980045.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="Rolamento Rígido de Esferas" 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/53711/53711.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-do-virabrequim-yamaha-neo-at115-125-sundown-future-125-dafra-smart-125-laser-150-shineray-f40-150-rolamento-do-virabrequim-yamaha-6322152rs/1980045" 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/1980045.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-yamaha-neo-at115-125-sundown-future-125-dafra-smart-125-laser-150-shineray-f40-150-rolamento-do-virabrequim-yamaha-6322152rs/1980045 class="" title="
                Rolamento do Virabrequim Yamaha Neo AT115 / 125, Dafra Smart 125, Laser 150
              
">
            
        
            <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 ">63/22-15-2RS</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Virabrequim Yamaha Neo AT115 / 125, Dafra Smart 125, Laser 150
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div 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_1647860" name="product_id" value="1647860"/>
    <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_1647860 > img').length-1;">
        <a id="gallery_1647860" href="/produto/rolamento-do-virabrequim-lado-esquerdo-honda-biz-c125-ks-es-pop110i-rolamento-do-virabrequim-lado-esquerdo-honda-63222rs/1647860" 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/1647860.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-do-virabrequim-lado-esquerdo-honda-biz-c125-ks-es-pop110i-rolamento-do-virabrequim-lado-esquerdo-honda-63222rs/1647860" 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/1647860.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-do-virabrequim-lado-esquerdo-honda-biz-c125-ks-es-pop110i-rolamento-do-virabrequim-lado-esquerdo-honda-63222rs/1647860 class="" title="
                Rolamento do Virabrequim Honda Biz C125 KS/ES, Pop110i - Lado Esquerdo
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">63/22-2RS</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Virabrequim Honda Biz C125 KS/ES, Pop110i - Lado Esquerdo
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_1647860']" 
               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=6&amp;offset=60">
          <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=6&amp;offset=60" :class="{'bg-gray-400 text-gray-700 font-bold': 6 === 7 }">
          6
        </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=7&amp;offset=72" :class="{'bg-gray-400 text-gray-700 font-bold': 7 === 7 }">
          7
        </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=8&amp;offset=84" :class="{'bg-gray-400 text-gray-700 font-bold': 8 === 7 }">
          8
        </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=9&amp;offset=96" :class="{'bg-gray-400 text-gray-700 font-bold': 9 === 7 }">
          9
        </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=10&amp;offset=108" :class="{'bg-gray-400 text-gray-700 font-bold': 10 === 7 }">
          10
        </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=8&amp;offset=84">
          <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>