{"offset":1,"limit":25,"max":25,"nbHits":86,"exhaustiveNbHits":false,"processingTimeMs":14,"query":"","search":false,"response":{"exist_filter":"segmentoID:6 AND aplicacaoMotoMontadoras:\"Honda\"","docs":[{"ecommerceNomeCompleto":"Rolamento da Embreagem Honda NXR150 Bros, XR200, CBX200 Strada","ecommerceNome":"Rolamento da Embreagem Honda","ecommerceBusca":"Rolamento da Embreagem Honda NXR150 Bros, XR200, CBX200 Strada Rolamento da Embreagem Honda 16003","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"16003","produtoModeloBusca":"16003","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"1647798","produtoID":1647798,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-04-12 20:02:42","catalogoID":32115,"produtoPeso":"0.0350","produtoMedida":"17x35x8","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento 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","ecommerceNomeCurto":"Rolamento da Embreagem Honda NXR150 Bros, XR200, CBX200 Strada","ecommerceDescricao":"NXR150 Bros, XR200, CBX200 Strada","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento da Embreagem Bros NXR150 | Rolamento 16003 17x35x8 PPK","ecommerceSeoDescricao":"O Rolamento 16003 mede 17x35x8 e \u00e9 aplicado na embreagem da Honda Bros NXR150. O rolamento 16003 PPK \u00e9 garantia de durabilidade e seguran\u00e7a para sua Bros NXR150","ecommerceSeoPalavrasChaves":"motope\u00e7a, rolamento, rolamento moto, rolamento 16003, rolamento embreagem, Rolamento Embreagem Bros, 17x35x8,","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1646050\", \"2718\", \"79\", \"30030\"]","codigoOriginal":null,"codigoSimilar":null,"ecommerceCaracteristicas":"Blindagem:Aberto:5385; Folga:normal:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Folga; Material","ecommerceCaracteristicasAtributos":"Aberto; A\u00e7o cromo SAE 52100; normal","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":["Embreagem central"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["CBX","CTX","Elite","NX","NXR","XR"],"aplicacaoMotoGrupo":["Motor","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["Embreagem"],"aplicacaoMotoCompleto":["Embreagem central, Motor, Embreagem"],"aplicacaoMotoModelosCompleto":["Honda CBX 150 ","Honda CBX 200 ","Honda CTX 200 ","Honda Elite 125 18>20","Honda NX 150 ","Honda NX 200 ","Honda NXR 150 ","Honda XR 200 "],"produtoPrecoConsumidor":3.8,"produtoEstoque":0,"blindagem":"Aberto","_matchesInfo":[],"contador":1,"chave":0,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1647798.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1647798.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1647798.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"16003 Rolamento da Embreagem Honda NXR150 Bros, XR200, CBX200 Strada PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-16003-ppk\/1647798","aplicacao":"\/produto\/rolamento-da-embreagem-honda-nxr150-bros-xr200-cbx200-strada-rolamento-da-embreagem-honda-16003\/1647798","modal":"\/modal\/rolamento-rigido-de-esferas-16003-ppk\/1647798"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5385","name":"Blindagem","value":"Aberto"},{"key":"5386","name":"Folga","value":"normal"}],"codigoOriginalLista":false,"codigoSimilarLista":false},{"ecommerceNomeCompleto":"Rolamento do Seletor de Marchas Honda CB 500X | Transmiss\u00e3o Lado Esquerdo Suzuki Intruder 1800 VZR","ecommerceNome":"Rolamento do Seletor de Marchas Honda","ecommerceBusca":"Rolamento do Seletor de Marchas Honda CB 500X | Transmiss\u00e3o Lado Esquerdo Suzuki Intruder 1800 VZR Rolamento do Seletor de Marchas Honda 16005","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"16005","produtoModeloBusca":"16005","produtoMarca":"MAK","ecommerceDescricaoSinonimos":null,"id":"628","produtoID":628,"produtoHabilitado":1,"catalogoAtualizadoEm":"2024-04-09 18:15:53","catalogoID":38054,"produtoPeso":"0.0600","produtoMedida":"25x47x8","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento 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","ecommerceNomeCurto":"Rolamento do Seletor de Marchas Honda CB 500X","ecommerceDescricao":"CB 500X | Transmiss\u00e3o Lado Esquerdo Suzuki Intruder 1800 VZR","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":null,"ecommerceSeoDescricao":null,"ecommerceSeoPalavrasChaves":null,"ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":null,"codigoSimilar":null,"ecommerceCaracteristicas":"Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":null,"aplicacaoMotoMontadoras":["Honda","Suzuki"],"aplicacaoMotoModelos":["CB","INTRUDER"],"aplicacaoMotoGrupo":["Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["C\u00e2mbio"],"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":null,"produtoPrecoConsumidor":5.5,"produtoEstoque":0,"material":"A\u00e7o cromo SAE 52100","_matchesInfo":[],"contador":2,"chave":1,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/628.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/628.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/628.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"16005 Rolamento do Seletor de Marchas Honda CB 500X | Transmiss\u00e3o Lado Esquerdo Suzuki Intruder 1800 VZR MAK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"mak","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-16005-mak\/628","aplicacao":"\/produto\/rolamento-do-seletor-de-marchas-honda-cb-500x--transmisso-lado-esquerdo-suzuki-intruder-1800-vzr-rolamento-do-seletor-de-marchas-honda-16005\/628","modal":"\/modal\/rolamento-rigido-de-esferas-16005-mak\/628"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"}],"codigoOriginalLista":false,"codigoSimilarLista":false},{"ecommerceNomeCompleto":"Rolamento Roda Dianteira Honda Hornet CB600","ecommerceNome":"Rolamento Roda Dianteira Honda","ecommerceBusca":"Rolamento Roda Dianteira Honda Hornet CB600 Rolamento Roda Dianteira Honda 20BCS26NSE","produtoNome":"Rolamento Rigido de Esferas","produtoModelo":"20BCS26NSE","produtoModeloBusca":"20BCS26NSE","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"1678858","produtoID":1678858,"produtoHabilitado":1,"catalogoAtualizadoEm":"2023-10-06 17:43:06","catalogoID":36784,"produtoPeso":"0.0780","produtoMedida":"20x45x12","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento 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","ecommerceNomeCurto":"Rolamento Roda Dianteira Hornet CB600","ecommerceDescricao":"Hornet CB600","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento Roda Dianteira Hornet CB600 | Rolamento 20BCS26NSE PPK","ecommerceSeoDescricao":"O Rolamento 20BCS26NSE \u00e9 aplicado na Roda Dianteira da Hornet CB600. PPK, o rolamento da blindagem verde da sua moto. Ligue agora !","ecommerceSeoPalavrasChaves":"rolamento, rolamento moto, rolamento 20BCS26NSE, 20BCS26NSE, rolamento roda, rolamento Biz, rolamento Hornet CB600, rolamento roda Hornet, ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":null,"codigoSimilar":null,"ecommerceCaracteristicas":null,"ecommerceCaracteristicasNome":null,"ecommerceCaracteristicasAtributos":null,"categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":null,"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["CB"],"aplicacaoMotoGrupo":["Roda"],"aplicacaoMotoSubGrupo":null,"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":null,"produtoPrecoConsumidor":24.7,"produtoEstoque":0,"_matchesInfo":[],"contador":3,"chave":2,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1678858.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1678858.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1678858.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"20BCS26NSE Rolamento Roda Dianteira Honda Hornet CB600 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-20bcs26nse-ppk\/1678858","aplicacao":"\/produto\/rolamento-roda-dianteira-honda-hornet-cb600-rolamento-roda-dianteira-honda-20bcs26nse\/1678858","modal":"\/modal\/rolamento-rigido-de-esferas-20bcs26nse-ppk\/1678858"},"ecommerceCaracteristicasLista":false,"codigoOriginalLista":false,"codigoSimilarLista":false},{"ecommerceNomeCompleto":"Rolamento Roda Dianteira Quadriciclo Honda Fourtrax 420 14>18,  Fourtrax 500 14>20","ecommerceNome":"Rolamento Roda Dianteira Quadriciclo Honda","ecommerceBusca":"Rolamento Roda Dianteira Quadriciclo Honda Fourtrax 420 14>18,  Fourtrax 500 14>20 Rolamento Roda Dianteira Quadriciclo Honda 2755003291051HR3A21","produtoNome":"Rolamento Roda Dianteira","produtoModelo":"27550032 (91051HR3A21)","produtoModeloBusca":"2755003291051HR3A21","produtoMarca":"MAK","ecommerceDescricaoSinonimos":null,"id":"16419","produtoID":16419,"produtoHabilitado":1,"catalogoAtualizadoEm":"2023-08-02 20:00:34","catalogoID":35554,"produtoPeso":"0.3210","produtoMedida":"27x55x32","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento 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","ecommerceNomeCurto":"Rolamento Roda Dianteira Quadriciclo Honda Fourtrax 420 14>18","ecommerceDescricao":"Fourtrax 420 14>18,  Fourtrax 500 14>20","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento 27550032 Roda Dianteira Quadriciclo Fourtrax | 27x55x32","ecommerceSeoDescricao":"O Rolamento 27550032 PPK \u00e9 aplicado na roda dianteira de quadriciclo Honda Fourtrax 420 \/ 500 do ano de 2014 at\u00e9 2018. O rolamento da roda dianteira do quadriciclo Fourtrax mede 27x55x32.","ecommerceSeoPalavrasChaves":"rolamento 27x55x32, rolamento roda moto, rolamento roda dianteira, rolamento quadriciclo fourtrax, rolamento dianteiro fourtrax, rolamento 27550032","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Honda:91051HR3A21","codigoSimilar":"VTO:275532","ecommerceCaracteristicas":"Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":null,"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["Fourtrax"],"aplicacaoMotoGrupo":["Roda"],"aplicacaoMotoSubGrupo":["Roda dianteira"],"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":["Honda Fourtrax 420 14>18","Honda Fourtrax 500 14>20"],"produtoPrecoConsumidor":0,"produtoEstoque":0,"material":"A\u00e7o cromo SAE 52100","_matchesInfo":[],"contador":4,"chave":3,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/16419.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/16419.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/16419.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"27550032 (91051HR3A21) Rolamento Roda Dianteira Quadriciclo Honda Fourtrax 420 14>18,  Fourtrax 500 14>20 MAK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"mak","url":{"produto":"\/produto\/rolamento-roda-dianteira-27550032-91051hr3a21-mak\/16419","aplicacao":"\/produto\/rolamento-roda-dianteira-quadriciclo-honda-fourtrax-420-1418--fourtrax-500-1420-rolamento-roda-dianteira-quadriciclo-honda-2755003291051hr3a21\/16419","modal":"\/modal\/rolamento-roda-dianteira-27550032-91051hr3a21-mak\/16419"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"}],"codigoOriginalLista":[{"name":"Honda","value":"91051HR3A21"}],"codigoSimilarLista":[{"name":"VTO","value":"275532"}]},{"ecommerceNomeCompleto":"Rolamento do Virabrequim Lado Esquerdo Honda CG125 Titan\/Fan 00>08, NXR125 Bros 03>05, NXR150 Bros 03>05, XR200, CBX200 Strada","ecommerceNome":"Rolamento do Virabrequim Lado Esquerdo Honda","ecommerceBusca":"Rolamento do Virabrequim Lado Esquerdo Honda CG125 Titan\/Fan 00>08, NXR125 Bros 03>05, NXR150 Bros 03>05, XR200, CBX200 Strada Rolamento do Virabrequim Lado Esquerdo Honda 28BCS18RSC3","produtoNome":"Rolamento do Virabrequim Honda Titan \/ Bros","produtoModelo":"28BCS18-RSC3","produtoModeloBusca":"28BCS18RSC3","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"15015","produtoID":15015,"produtoHabilitado":0,"catalogoAtualizadoEm":"2023-12-04 19:41:58","catalogoID":32128,"produtoPeso":"0.3550","produtoMedida":"28x72x18","produtoEmbalagem":"Caixinha Individual","categoriaID":1045,"categoriaSEO":"virabrequim","categoriaNome":"Virabrequim","categoriaTitulo":"Rolamento do Virabrequim PPK | Virabrequim para Moto","categoriaPalavrasChaves":"virabrequim, rolamento virabrequim, virabrequim moto, ppk, ppk motoparts, ppk motope\u00e7as, motope\u00e7as","categoriaDescricao":"O Rolamento do Virabrequim PPK \u00e9 fabricado em a\u00e7o, garantindo maior durabilidade. Rolamento PPK, reconhecido e aprovado pelo mercado de Motope\u00e7as.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento do Virabrequim CG125 Titan\/Fan 00>08, NXR125 Bros 03>05 - Lado Esquerdo","ecommerceDescricao":"CG125 Titan\/Fan 00>08, NXR125 Bros 03>05, NXR150 Bros 03>05, XR200, CBX200 Strada","ecommerceComplemento":"Veda\u00e7\u00e3o verde","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento Esquerdo do Virabrequim 28BCS18-RSC3 | Rolamento PPK","ecommerceSeoDescricao":"Rolamento 28BCS18-RSC3 PPK do virabrequim para Honda CG125 Titan\/Fan 2000 ate 2008 e NXR125 Bros 2003 ate 2005. Rolamento do virabrequim PPK, qualidade e seguran\u00e7a rodam juntas.","ecommerceSeoPalavrasChaves":"motope\u00e7as, rolamento para moto, virabrequim, rolamento virabrequim, rolamento CG125 TITAN, NXR125, BROS, NXR150, BROS, XR200, rolamento 28BCS18-RSC3","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"30039\", \"1647294\", \"30027\", \"1648367\"]","codigoOriginal":"Honda:91001-KBR-003; Honda:91001-KCN-003; Honda:91001-KGA-900","codigoSimilar":null,"ecommerceCaracteristicas":"Blindagem:Vedado 1 lado:5385; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C3; Vedado 1 lado","categoriaOrdem":"2","produtoVIP":"D","aplicacaoMoto":["\u00c1rvore de manivelas"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["CBX","CG","NXR","XR"],"aplicacaoMotoGrupo":["Motor"],"aplicacaoMotoSubGrupo":["Virabrequim"],"aplicacaoMotoCompleto":["\u00c1rvore de manivelas, Motor, Virabrequim"],"aplicacaoMotoModelosCompleto":["Honda CBX 200 ","Honda CG 125 00>08","Honda NXR 125 03>05","Honda NXR 150 03>05","Honda XR 200 "],"produtoPrecoConsumidor":22.8,"produtoEstoque":0,"blindagem":"Vedado 1 lado","_matchesInfo":[],"contador":5,"chave":4,"Caixinha Individual":true,"produtoSuporteForaLinha":"Fora de Linha","produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/15015.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/15015.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/15015.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"28BCS18-RSC3 Rolamento do Virabrequim Lado Esquerdo Honda CG125 Titan\/Fan 00>08, NXR125 Bros 03>05, NXR150 Bros 03>05, XR200, CBX200 Strada PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-do-virabrequim-honda-titan-bros-28bcs18-rsc3-ppk\/15015","aplicacao":"\/produto\/rolamento-do-virabrequim-lado-esquerdo-honda-cg125-titanfan-0008-nxr125-bros-0305-nxr150-bros-0305-xr200-cbx200-strada-rolamento-do-virabrequim-lado-esquerdo-honda-28bcs18rsc3\/15015","modal":"\/modal\/rolamento-do-virabrequim-honda-titan-bros-28bcs18-rsc3-ppk\/15015"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5385","name":"Blindagem","value":"Vedado 1 lado"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Honda","value":"91001-KBR-003"},{"name":"Honda","value":"91001-KCN-003"},{"name":"Honda","value":"91001-KGA-900"}],"codigoSimilarLista":false},{"ecommerceNomeCompleto":"Rolamento Roda Dianteira Quadriciclo Honda Fourtrax 350 08>13","ecommerceNome":"Rolamento Roda Dianteira Quadriciclo Honda","ecommerceBusca":"Rolamento Roda Dianteira Quadriciclo Honda Fourtrax 350 08>13 Rolamento Roda Dianteira Quadriciclo Honda 3050002030BD5020","produtoNome":"Rolamento para Compressor de Ar Condicionado","produtoModelo":"30500020 (30BD5020)","produtoModeloBusca":"3050002030BD5020","produtoMarca":"MAK","ecommerceDescricaoSinonimos":null,"id":"1645803","produtoID":1645803,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-04-18 18:21:47","catalogoID":35555,"produtoPeso":"0.1310","produtoMedida":"30x50x20","produtoEmbalagem":"Industrial","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento 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","ecommerceNomeCurto":"Rolamento Roda Dianteira Quadriciclo Honda Fourtrax 350 08>13","ecommerceDescricao":"Fourtrax 350 08>13","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento Roda Dianteira Quadriciclo Fourtrax 3050002 | 30x50x20","ecommerceSeoDescricao":"O Rolamento 30500020 \u00e9 aplicado na roda dianteira do quadriciclo Fourtrax 420 e mede 30x50x20 mm. Compre Rolamento de roda para quadriciclo Fourtrax na PPK Motoparts.","ecommerceSeoPalavrasChaves":"rolamento 30x50x20, rolamento roda fourtrax, rolamento quadriciclo fourtrax, rolamento dianteiro fourtrax, rolamento 30500020, PPK Motoparts","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Honda:91051-HC5-003","codigoSimilar":"IMA:ALR-3050","ecommerceCaracteristicas":"Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":null,"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["Fourtrax"],"aplicacaoMotoGrupo":["Roda"],"aplicacaoMotoSubGrupo":["Roda dianteira"],"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":["Honda Fourtrax 350 08>13"],"produtoPrecoConsumidor":21.85,"produtoEstoque":0,"material":"A\u00e7o cromo SAE 52100","_matchesInfo":[],"contador":6,"chave":5,"Industrial":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1645803.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1645803.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1645803.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"30500020 (30BD5020) Rolamento Roda Dianteira Quadriciclo Honda Fourtrax 350 08>13 MAK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"mak","url":{"produto":"\/produto\/rolamento-para-compressor-de-ar-condicionado-30500020-30bd5020-mak\/1645803","aplicacao":"\/produto\/rolamento-roda-dianteira-quadriciclo-honda-fourtrax-350-0813-rolamento-roda-dianteira-quadriciclo-honda-3050002030bd5020\/1645803","modal":"\/modal\/rolamento-para-compressor-de-ar-condicionado-30500020-30bd5020-mak\/1645803"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"}],"codigoOriginalLista":[{"name":"Honda","value":"91051-HC5-003"}],"codigoSimilarLista":[{"name":"IMA","value":"ALR-3050"}]},{"ecommerceNomeCompleto":"Caixa de Dire\u00e7\u00e3o Inferior para Honda XTZ 125, CRF 250","ecommerceNome":"Caixa de Dire\u00e7\u00e3o Inferior para Honda","ecommerceBusca":"Caixa de Dire\u00e7\u00e3o Inferior para Honda XTZ 125, CRF 250 Caixa de Dire\u00e7\u00e3o Inferior para Honda 32005X","produtoNome":"Rolamento de Rolos C\u00f4nicos","produtoModelo":"32005X","produtoModeloBusca":"32005X","produtoMarca":"MAK","ecommerceDescricaoSinonimos":null,"id":"3043","produtoID":3043,"produtoHabilitado":1,"catalogoAtualizadoEm":"2024-04-18 11:52:22","catalogoID":36726,"produtoPeso":"0.1170","produtoMedida":"25x47x15","produtoEmbalagem":"Caixinha Individual","categoriaID":968,"categoriaSEO":"caixa-de-direcao","categoriaNome":"Caixa de Dire\u00e7\u00e3o","categoriaTitulo":"Caixa de Dire\u00e7\u00e3o para Motos PPK | Pilotagem Segura com PPK","categoriaPalavrasChaves":"Caixa de Dire\u00e7\u00e3o, Caixa Dire\u00e7\u00e3o Motos, Caixa Dire\u00e7\u00e3o PPK, PPK motope\u00e7as, PPK,  moto pe\u00e7a PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"A Caixa de Dire\u00e7\u00e3o PPK \u00e9 indicada para motos que rodam tanto em centros urbanos como em terrenos acidentados, oferecendo uma pilotagem mais suave e segura.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Caixa de Dire\u00e7\u00e3o Inferior para Honda XTZ 125, CRF 250","ecommerceDescricao":"XTZ 125, CRF 250","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":null,"ecommerceSeoDescricao":null,"ecommerceSeoPalavrasChaves":null,"ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Asia:AA10033047; Peugeot:374809","codigoSimilar":"IRB:IR12005; SKF:32005X\/QVB015","ecommerceCaracteristicas":"Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100","categoriaOrdem":"3","produtoVIP":"5","aplicacaoMoto":["Caixa de dire\u00e7\u00e3o"],"aplicacaoMotoMontadoras":["Honda","Yamaha"],"aplicacaoMotoModelos":["CRF","XTZ"],"aplicacaoMotoGrupo":null,"aplicacaoMotoSubGrupo":null,"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":null,"produtoPrecoConsumidor":9.05,"produtoEstoque":0,"material":"A\u00e7o cromo SAE 52100","_matchesInfo":[],"contador":7,"chave":6,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/3043.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/3043.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/3043.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"32005X Caixa de Dire\u00e7\u00e3o Inferior para Honda XTZ 125, CRF 250 MAK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"mak","url":{"produto":"\/produto\/rolamento-de-rolos-conicos-32005x-mak\/3043","aplicacao":"\/produto\/caixa-de-direo-inferior-para-honda-xtz-125-crf-250-caixa-de-direo-inferior-para-honda-32005x\/3043","modal":"\/modal\/rolamento-de-rolos-conicos-32005x-mak\/3043"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"}],"codigoOriginalLista":[{"name":"Asia","value":"AA10033047"},{"name":"Peugeot","value":"374809"}],"codigoSimilarLista":[{"name":"IRB","value":"IR12005"},{"name":"SKF","value":"32005X\/QVB015"}]},{"ecommerceNomeCompleto":"Caixa de Dire\u00e7\u00e3o para Honda Bros 03>08, XLR125, XLR, NX, XR, Tornado","ecommerceNome":"Caixa de Dire\u00e7\u00e3o para Honda","ecommerceBusca":"Caixa de Dire\u00e7\u00e3o para Honda Bros 03>08, XLR125, XLR, NX, XR, Tornado Caixa de Dire\u00e7\u00e3o para Honda 32005X26","produtoNome":"Rolamento de Rolos C\u00f4nicos","produtoModelo":"32005X\/26","produtoModeloBusca":"32005X26","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"14965","produtoID":14965,"produtoHabilitado":0,"catalogoAtualizadoEm":"2023-08-01 14:18:17","catalogoID":31980,"produtoPeso":"0.1150","produtoMedida":"26x47x15","produtoEmbalagem":"Caixinha Individual","categoriaID":968,"categoriaSEO":"caixa-de-direcao","categoriaNome":"Caixa de Dire\u00e7\u00e3o","categoriaTitulo":"Caixa de Dire\u00e7\u00e3o para Motos PPK | Pilotagem Segura com PPK","categoriaPalavrasChaves":"Caixa de Dire\u00e7\u00e3o, Caixa Dire\u00e7\u00e3o Motos, Caixa Dire\u00e7\u00e3o PPK, PPK motope\u00e7as, PPK,  moto pe\u00e7a PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"A Caixa de Dire\u00e7\u00e3o PPK \u00e9 indicada para motos que rodam tanto em centros urbanos como em terrenos acidentados, oferecendo uma pilotagem mais suave e segura.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Caixa de Dire\u00e7\u00e3o Honda Bros 03>08, XLR125","ecommerceDescricao":"Bros 03>08, XLR125, XLR, NX, XR, Tornado","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Caixa de Dire\u00e7\u00e3o 32005X-26 PPK para Honda Bros | PPK Motoparts","ecommerceSeoDescricao":"A Caixa de Dire\u00e7\u00e3o 32005X-26 PPK para Honda Bros voc\u00ea encontra na PPK. Temos uma linha completa de Caixa de Dire\u00e7\u00e3o para Honda e muito mais. Caixa de Dire\u00e7\u00e3o \u00e9 PPK Motoparts.","ecommerceSeoPalavrasChaves":"caixa de dire\u00e7\u00e3o, caixa de dire\u00e7\u00e3o ppk, caixa de dire\u00e7\u00e3o honda, caixa de dire\u00e7\u00e3o bros, PPK Motoparts, Caixa Dire\u00e7\u00e3o 32005X-26","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1648367\", \"1648773\", \"1648375\", \"1777\"]","codigoOriginal":null,"codigoSimilar":null,"ecommerceCaracteristicas":"Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100","categoriaOrdem":"3","produtoVIP":"5","aplicacaoMoto":["Caixa de dire\u00e7\u00e3o"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["NX","NXR","XLR","XR"],"aplicacaoMotoGrupo":["Suspens\u00e3o"],"aplicacaoMotoSubGrupo":["Coluna de dire\u00e7\u00e3o"],"aplicacaoMotoCompleto":["Caixa de dire\u00e7\u00e3o, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o"],"aplicacaoMotoModelosCompleto":["Honda XLR 125 "],"produtoPrecoConsumidor":8.93,"produtoEstoque":0,"material":"A\u00e7o cromo SAE 52100","_matchesInfo":[],"contador":8,"chave":7,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/14965.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/14965.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/14965.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"32005X\/26 Rolamento para Caixa de Dire\u00e7\u00e3o","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50115\/50115.jpg?version=7.73"},{"id":2,"grupo":"Galeria de Produto","nome":"32005X\/26 Rolamento para Caixa de Dire\u00e7\u00e3o","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50116\/50116.jpg?version=7.73"}],"produtoGaleriaTotal":2,"produtoBusca":"32005X\/26 Caixa de Dire\u00e7\u00e3o para Honda Bros 03>08, XLR125, XLR, NX, XR, Tornado PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-de-rolos-conicos-32005x-26-ppk\/14965","aplicacao":"\/produto\/caixa-de-direo-para-honda-bros-0308-xlr125-xlr-nx-xr-tornado-caixa-de-direo-para-honda-32005x26\/14965","modal":"\/modal\/rolamento-de-rolos-conicos-32005x-26-ppk\/14965"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"}],"codigoOriginalLista":false,"codigoSimilarLista":false},{"ecommerceNomeCompleto":"Rolamento do Virabrequim Lado Esquerdo Honda CG125 Titan\/Fan 09>..., CG150 Titan\/Fan 04>...","ecommerceNome":"Rolamento do Virabrequim Lado Esquerdo Honda","ecommerceBusca":"Rolamento do Virabrequim Lado Esquerdo Honda CG125 Titan\/Fan 09>..., CG150 Titan\/Fan 04>... Rolamento do Virabrequim Lado Esquerdo Honda 35BC07S56","produtoNome":"Rolamento do Virabrequim Honda Titan 150cc","produtoModelo":"35BC07S56","produtoModeloBusca":"35BC07S56","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"30039","produtoID":30039,"produtoHabilitado":0,"catalogoAtualizadoEm":"2023-12-04 19:19:50","catalogoID":32102,"produtoPeso":"0.2800","produtoMedida":"34.991x72x18.5","produtoEmbalagem":"Caixinha Individual","categoriaID":1045,"categoriaSEO":"virabrequim","categoriaNome":"Virabrequim","categoriaTitulo":"Rolamento do Virabrequim PPK | Virabrequim para Moto","categoriaPalavrasChaves":"virabrequim, rolamento virabrequim, virabrequim moto, ppk, ppk motoparts, ppk motope\u00e7as, motope\u00e7as","categoriaDescricao":"O Rolamento do Virabrequim PPK \u00e9 fabricado em a\u00e7o, garantindo maior durabilidade. Rolamento PPK, reconhecido e aprovado pelo mercado de Motope\u00e7as.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento do Virabrequim CG125 Titan\/Fan 09>..., CG150 Titan\/Fan 04>... - Lado Esquerdo","ecommerceDescricao":"CG125 Titan\/Fan 09>..., CG150 Titan\/Fan 04>...","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento do Virabrequim Titan CG125 | Rolamento 35BC07S56 PPK","ecommerceSeoDescricao":"Rolamento 35BC07S56 PPK do Virabrequim para CG125 Titan. Tenha mais durabilidade e seguran\u00e7a com o rolamento 35BC07S56 PPK do Virabrequim, aplicado na Honda CG125 Titan e CG150. PPK, o seu rolamento.","ecommerceSeoPalavrasChaves":"motope\u00e7as, rolamento de moto, rolamento virabrequim, virabrequim, rolamento CG125 Titan, rolamento CG150, rolamento 35BC07S56","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1647294\", \"79\", \"15015\", \"1647798\"]","codigoOriginal":"Honda:91002-KRM-871","codigoSimilar":"VTO:357218","ecommerceCaracteristicas":"Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100","categoriaOrdem":"2","produtoVIP":"5","aplicacaoMoto":["\u00c1rvore de manivelas"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["CG"],"aplicacaoMotoGrupo":["Motor"],"aplicacaoMotoSubGrupo":["Virabrequim"],"aplicacaoMotoCompleto":["\u00c1rvore de manivelas, Motor, Virabrequim"],"aplicacaoMotoModelosCompleto":["Honda CG 125 09>...","Honda CG 150 04>..."],"produtoPrecoConsumidor":17.1,"produtoEstoque":0,"material":"A\u00e7o cromo SAE 52100","_matchesInfo":[],"contador":9,"chave":8,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/30039.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/30039.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/30039.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"35BC07S56 Rolamento do Virabrequim Lado Esquerdo Honda CG125 Titan\/Fan 09>..., CG150 Titan\/Fan 04>... PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-do-virabrequim-honda-titan-150cc-35bc07s56-ppk\/30039","aplicacao":"\/produto\/rolamento-do-virabrequim-lado-esquerdo-honda-cg125-titanfan-09-cg150-titanfan-04-rolamento-do-virabrequim-lado-esquerdo-honda-35bc07s56\/30039","modal":"\/modal\/rolamento-do-virabrequim-honda-titan-150cc-35bc07s56-ppk\/30039"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"}],"codigoOriginalLista":[{"name":"Honda","value":"91002-KRM-871"}],"codigoSimilarLista":[{"name":"VTO","value":"357218"}]},{"ecommerceNomeCompleto":"Rolamento Roda Traseira Suzuki Srad 750 | Transmiss\u00e3o Dianteira Quadriciclo Fourtrax 420 08>20","ecommerceNome":"Rolamento Roda Traseira Suzuki","ecommerceBusca":"Rolamento Roda Traseira Suzuki Srad 750 | Transmiss\u00e3o Dianteira Quadriciclo Fourtrax 420 08>20 Rolamento Roda Traseira Suzuki 60322RSC3","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"60\/32-2RSC3","produtoModeloBusca":"60322RSC3","produtoMarca":"MAK","ecommerceDescricaoSinonimos":null,"id":"14618","produtoID":14618,"produtoHabilitado":1,"catalogoAtualizadoEm":"2024-04-17 13:47:33","catalogoID":38056,"produtoPeso":"0.1300","produtoMedida":"32x58x13","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento 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","ecommerceNomeCurto":"Rolamento Roda Traseira Suzuki Srad 750 | Transmiss\u00e3o Dianteira Fourtrax 420","ecommerceDescricao":"Srad 750 | Transmiss\u00e3o Dianteira Quadriciclo Fourtrax 420 08>20","ecommerceComplemento":"Garfo Traseiro Fourtrax 420 14>20","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":null,"ecommerceSeoDescricao":null,"ecommerceSeoPalavrasChaves":null,"ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Honda:91055-HN5-681; Honda:91055-HP5-601; Honda:91062-HA7-672","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":"1","produtoVIP":"5","aplicacaoMoto":["Garfo"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["Fourtrax"],"aplicacaoMotoGrupo":["Suspens\u00e3o","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["Garfo"],"aplicacaoMotoCompleto":["Garfo, Suspens\u00e3o, Garfo"],"aplicacaoMotoModelosCompleto":["Honda Fourtrax 420 08>20","Honda Fourtrax 420 14>20"],"produtoPrecoConsumidor":0,"produtoEstoque":0,"blindagem":"Vedado 2 lados","_matchesInfo":[],"contador":10,"chave":9,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/14618.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/14618.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/14618.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"60\/32-2RSC3 Rolamento Roda Traseira Suzuki Srad 750 | Transmiss\u00e3o Dianteira Quadriciclo Fourtrax 420 08>20 MAK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"mak","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-60-32-2rsc3-mak\/14618","aplicacao":"\/produto\/rolamento-roda-traseira-suzuki-srad-750--transmisso-dianteira-quadriciclo-fourtrax-420-0820-rolamento-roda-traseira-suzuki-60322rsc3\/14618","modal":"\/modal\/rolamento-rigido-de-esferas-60-32-2rsc3-mak\/14618"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Honda","value":"91055-HN5-681"},{"name":"Honda","value":"91055-HP5-601"},{"name":"Honda","value":"91062-HA7-672"}],"codigoSimilarLista":false},{"ecommerceNomeCompleto":"Rolamento do Motor Honda Biz 100 98>05, CB300 R, CB400, CBR450 SR 89>92, Dream C100, NX4 Falcon, XRE300 | Suzuki RM125\/250","ecommerceNome":"Rolamento do Motor Honda","ecommerceBusca":"Rolamento do Motor Honda Biz 100 98>05, CB300 R, CB400, CBR450 SR 89>92, Dream C100, NX4 Falcon, XRE300 | Suzuki RM125\/250 Rolamento do Motor Honda 60002RSC3GREEN","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6000-2RSC3 (GREEN)","produtoModeloBusca":"60002RSC3GREEN","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"16312","produtoID":16312,"produtoHabilitado":0,"catalogoAtualizadoEm":"2023-10-06 12:51:26","catalogoID":32123,"produtoPeso":"0.0210","produtoMedida":"10x26x8","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento 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","ecommerceNomeCurto":"Rolamento do Motor Honda Biz 100 98>05, Dream C100, NX4 Falcon","ecommerceDescricao":"Biz 100 98>05, CB300 R, CB400, CBR450 SR 89>92, Dream C100, NX4 Falcon, XRE300 | Suzuki RM125\/250","ecommerceComplemento":"Veda\u00e7\u00e3o verde","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento 6000-2RSC3 PPK do Motor para Honda Biz 100, Dream C100","ecommerceSeoDescricao":"O Rolamento 6000-2RSC3 PPK \u00e9 indicado para motor da Honda Biz 100 e Dream C100. Rolamento de motor 6000-2RSC3 PPK, durabilidade e seguran\u00e7a para sua moto.","ecommerceSeoPalavrasChaves":"motope\u00e7a, rolamento, rolamento moto, rolamento 6000-2RSC3, 6000-2RSC3, rolamento motor, rolamento Biz, rolamento Dream C100, rolamento ppk, ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"51\", \"1648728\", \"1777\", \"1647586\"]","codigoOriginal":"Honda:91011-GCE-D61; Honda:961006-00000; Honda:961006-00000-00; Suzuki:09262-10014","codigoSimilar":"FAG:6000-2RSRC3; Nachi:6000-2NSEC3; NSK:6000-DDUC3; NTN:6000-LLUC3; SKF:6000-2RS1C3","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":"1","produtoVIP":"5","aplicacaoMoto":["Embreagem central","Tampa do motor"],"aplicacaoMotoMontadoras":["Honda","Suzuki"],"aplicacaoMotoModelos":["BIZ","C","CB","CBR","NX-4","RM","XRE"],"aplicacaoMotoGrupo":["Motor","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["Carca\u00e7a do motor","Embreagem"],"aplicacaoMotoCompleto":["Embreagem central, Transmiss\u00e3o, Embreagem","Tampa do motor, Motor, Carca\u00e7a do motor"],"aplicacaoMotoModelosCompleto":["Honda BIZ 100 98>05","Honda C 100 ","Honda CB 300 ","Honda CB 400 ","Honda CBR 450 89>92","Honda NX-4 400 ","Honda XRE 300 ","Suzuki RM 125 ","Suzuki RM 250 "],"produtoPrecoConsumidor":1.32,"produtoEstoque":0,"blindagem":"Vedado 2 lados","_matchesInfo":[],"contador":11,"chave":10,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/16312.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/16312.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/16312.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/53633\/53633.jpg?version=7.73"}],"produtoGaleriaTotal":1,"produtoBusca":"6000-2RSC3 (GREEN) Rolamento do Motor Honda Biz 100 98>05, CB300 R, CB400, CBR450 SR 89>92, Dream C100, NX4 Falcon, XRE300 | Suzuki RM125\/250 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6000-2rsc3-green-ppk\/16312","aplicacao":"\/produto\/rolamento-do-motor-honda-biz-100-9805-cb300-r-cb400-cbr450-sr-8992-dream-c100-nx4-falcon-xre300--suzuki-rm125250-rolamento-do-motor-honda-60002rsc3green\/16312","modal":"\/modal\/rolamento-rigido-de-esferas-6000-2rsc3-green-ppk\/16312"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Honda","value":"91011-GCE-D61"},{"name":"Honda","value":"961006-00000"},{"name":"Honda","value":"961006-00000-00"},{"name":"Suzuki","value":"09262-10014"}],"codigoSimilarLista":[{"name":"FAG","value":"6000-2RSRC3"},{"name":"Nachi","value":"6000-2NSEC3"},{"name":"NSK","value":"6000-DDUC3"},{"name":"NTN","value":"6000-LLUC3"},{"name":"SKF","value":"6000-2RS1C3"}]},{"ecommerceNomeCompleto":"Rolamento do Motor para Honda Biz100 98>05, CB300 R, CB400, CBR450 SR 89>92, Dream C100, Falcon NX4, XRE300 | Suzuki RM125\/250","ecommerceNome":"Rolamento do Motor para Honda","ecommerceBusca":"Rolamento do Motor para Honda Biz100 98>05, CB300 R, CB400, CBR450 SR 89>92, Dream C100, Falcon NX4, XRE300 | Suzuki RM125\/250 Rolamento do Motor para Honda 6000ZZ","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6000-ZZ","produtoModeloBusca":"6000ZZ","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"51","produtoID":51,"produtoHabilitado":1,"catalogoAtualizadoEm":"2024-04-12 20:13:10","catalogoID":32118,"produtoPeso":"0.0210","produtoMedida":"10x26x8","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento 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","ecommerceNomeCurto":"Rolamento do Motor Biz100 98>05, CB300 R, CB400","ecommerceDescricao":"Biz100 98>05, CB300 R, CB400, CBR450 SR 89>92, Dream C100, Falcon NX4, XRE300 | Suzuki RM125\/250","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento do motor 6000-ZZ PPK","ecommerceSeoDescricao":"Rolamentos do Motor PPK motoparts, garantia de durabilidade e seguran\u00e7a para sua moto.","ecommerceSeoPalavrasChaves":"moto, motope\u00e7as, motocicleta, rolamentos, motor, rolamentos ppk, BIZ100, CB300R, CB400, CBR450 SR, DREAM C100, NX4 FALCON, XRE300, RM125\/250","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"51\", \"1648728\", \"1777\", \"2818\"]","codigoOriginal":"Honda:91011-GCE-D61; Honda:961006-00000; Honda:961006-00000-00; Suzuki:09262-10014","codigoSimilar":"FAG:6000-2ZR; Nachi:6000-ZZE; SKF:6000-2Z","ecommerceCaracteristicas":"Blindagem:Blindado 2 lados:5385; Folga:normal:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; Blindado 2 lados; normal","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":["Embreagem central","Tampa do motor"],"aplicacaoMotoMontadoras":["Honda","Suzuki"],"aplicacaoMotoModelos":["BIZ","C","CB","CBR","NX-4","RM","XRE"],"aplicacaoMotoGrupo":["Motor","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["Carca\u00e7a do motor","Embreagem"],"aplicacaoMotoCompleto":["Embreagem central, Transmiss\u00e3o, Embreagem","Tampa do motor, Motor, Carca\u00e7a do motor"],"aplicacaoMotoModelosCompleto":["Honda BIZ 100 98>05","Honda C 100 ","Honda CB 300 ","Honda CB 400 ","Honda CBR 450 89>92","Honda NX-4 400 ","Honda XRE 300 ","Suzuki RM 125 ","Suzuki RM 250 "],"produtoPrecoConsumidor":2.2,"produtoEstoque":0,"blindagem":"Blindado 2 lados","_matchesInfo":[],"contador":12,"chave":11,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/51.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/51.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/51.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"6000-ZZ Rolamento do Motor para Honda Biz100 98>05, CB300 R, CB400, CBR450 SR 89>92, Dream C100, Falcon NX4, XRE300 | Suzuki RM125\/250 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6000-zz-ppk\/51","aplicacao":"\/produto\/rolamento-do-motor-para-honda-biz100-9805-cb300-r-cb400-cbr450-sr-8992-dream-c100-falcon-nx4-xre300--suzuki-rm125250-rolamento-do-motor-para-honda-6000zz\/51","modal":"\/modal\/rolamento-rigido-de-esferas-6000-zz-ppk\/51"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5385","name":"Blindagem","value":"Blindado 2 lados"},{"key":"5386","name":"Folga","value":"normal"}],"codigoOriginalLista":[{"name":"Honda","value":"91011-GCE-D61"},{"name":"Honda","value":"961006-00000"},{"name":"Honda","value":"961006-00000-00"},{"name":"Suzuki","value":"09262-10014"}],"codigoSimilarLista":[{"name":"FAG","value":"6000-2ZR"},{"name":"Nachi","value":"6000-ZZE"},{"name":"SKF","value":"6000-2Z"}]},{"ecommerceNomeCompleto":"Rolamento da Transmiss\u00e3o Honda CG125 at\u00e9 2005, Biz 100 98>05, Biz 125 06>..., CG150, Dream C100, NXR125\/150 Bros, Pop100, Titan 2000, XL125 84>95, XL250R.","ecommerceNome":"Rolamento da Transmiss\u00e3o Honda","ecommerceBusca":"Rolamento da Transmiss\u00e3o Honda CG125 at\u00e9 2005, Biz 100 98>05, Biz 125 06>..., CG150, Dream C100, NXR125\/150 Bros, Pop100, Titan 2000, XL125 84>95, XL250R. Rolamento da Transmiss\u00e3o Honda 60012RSC3GREEN","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6001-2RSC3 (GREEN)","produtoModeloBusca":"60012RSC3GREEN","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"1646620","produtoID":1646620,"produtoHabilitado":0,"catalogoAtualizadoEm":"2023-10-06 13:16:25","catalogoID":32132,"produtoPeso":"0.0210","produtoMedida":"12x28x8","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento 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","ecommerceNomeCurto":"Rolamento da Transmiss\u00e3o Honda CG125 at\u00e9 2005, Biz 125 06>..., CG150","ecommerceDescricao":"CG125 at\u00e9 2005, Biz 100 98>05, Biz 125 06>..., CG150, Dream C100, NXR125\/150 Bros, Pop100, Titan 2000, XL125 84>95, XL250R.","ecommerceComplemento":"Tampa Lateral Esquerda PCX 125 18>20 - Todos Veda\u00e7\u00e3o Verde","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento para Transmiss\u00e3o Honda CG125 e Biz100 6001-2RSC3 PPK","ecommerceSeoDescricao":"O Rolamento 6001-2RSC3 \u00e9 aplicado na transmiss\u00e3o da CG125 e Honda Biz100. Rolamento de transmiss\u00e3o 6001-2RSC3 PPK, durabilidade e seguran\u00e7a para sua moto.","ecommerceSeoPalavrasChaves":"motope\u00e7a, rolamento, rolamento moto, rolamento 6001-2RSC3, 6001-2RSC3, rolamento transmiss\u00e3o, rolamento CG125, honda Biz100, rolamento ppk, ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1647294\", \"348\", \"2814\", \"14847\"]","codigoOriginal":"Honda:91006-KVS-9000; Honda:91007-KPH-901; Honda:91013-KSS-900; Honda:96100-60010; Honda:96100-60010-00","codigoSimilar":"FAG:6001-2RSRC3; NSK:6001-DDUC3; SKF:6001-2RS1C3","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":"1","produtoVIP":"3","aplicacaoMoto":["\u00c1rvore prim\u00e1ria","Embreagem central","Tampa do motor","Virabrequim"],"aplicacaoMotoMontadoras":["Honda","Suzuki"],"aplicacaoMotoModelos":["ADDRESS AE","BIZ","CG","NXR","PCX","POP","XL"],"aplicacaoMotoGrupo":["Motor","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["Cabe\u00e7ote","Caixa de mudan\u00e7as","Conjunto m\u00f3vel","Embreagem","Tampa do motor"],"aplicacaoMotoCompleto":["\u00c1rvore prim\u00e1ria, Motor, Cabe\u00e7ote","\u00c1rvore prim\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as","Embreagem central, Transmiss\u00e3o, Embreagem","Virabrequim, Motor, Conjunto m\u00f3vel"],"aplicacaoMotoModelosCompleto":["Honda BIZ 100 98>05","Honda BIZ 125 06>...","Honda CG 125 00>00","Honda CG 125 05>...","Honda CG 150 ","Honda NXR 125 ","Honda NXR 150 ","Honda PCX 125 18>20","Honda POP 100 ","Honda XL 125 84>95","Honda XL 250 ","Suzuki ADDRESS AE 100 "],"produtoPrecoConsumidor":1.51,"produtoEstoque":0,"blindagem":"Vedado 2 lados","_matchesInfo":[],"contador":13,"chave":12,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1646620.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1646620.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1646620.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/53634\/53634.jpg?version=7.73"}],"produtoGaleriaTotal":1,"produtoBusca":"6001-2RSC3 (GREEN) Rolamento da Transmiss\u00e3o Honda CG125 at\u00e9 2005, Biz 100 98>05, Biz 125 06>..., CG150, Dream C100, NXR125\/150 Bros, Pop100, Titan 2000, XL125 84>95, XL250R. PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6001-2rsc3-green-ppk\/1646620","aplicacao":"\/produto\/rolamento-da-transmisso-honda-cg125-at-2005-biz-100-9805-biz-125-06-cg150-dream-c100-nxr125150-bros-pop100-titan-2000-xl125-8495-xl250r-rolamento-da-transmisso-honda-60012rsc3green\/1646620","modal":"\/modal\/rolamento-rigido-de-esferas-6001-2rsc3-green-ppk\/1646620"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Honda","value":"91006-KVS-9000"},{"name":"Honda","value":"91007-KPH-901"},{"name":"Honda","value":"91013-KSS-900"},{"name":"Honda","value":"96100-60010"},{"name":"Honda","value":"96100-60010-00"}],"codigoSimilarLista":[{"name":"FAG","value":"6001-2RSRC3"},{"name":"NSK","value":"6001-DDUC3"},{"name":"SKF","value":"6001-2RS1C3"}]},{"ecommerceNomeCompleto":"Rolamento da Transmiss\u00e3o para Honda CG125 ...>05, Biz 100 98>05, Biz125 06>..., CG150, Dream C100, NXR125\/150 Bros, Pop100, Titan 2000, XL125 84>95, XL250 R","ecommerceNome":"Rolamento da Transmiss\u00e3o para Honda","ecommerceBusca":"Rolamento da Transmiss\u00e3o para Honda CG125 ...>05, Biz 100 98>05, Biz125 06>..., CG150, Dream C100, NXR125\/150 Bros, Pop100, Titan 2000, XL125 84>95, XL250 R Rolamento da Transmiss\u00e3o para Honda 6001ZZ","produtoNome":"Rolamento Rigido de Esferas","produtoModelo":"6001-ZZ","produtoModeloBusca":"6001ZZ","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"39146","produtoID":39146,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-04-12 20:18:43","catalogoID":32135,"produtoPeso":"0.0230","produtoMedida":"12x28x8","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento 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","ecommerceNomeCurto":"Rolamento da Transmiss\u00e3o CG125 ...>05, Biz125 06>..., Pop100, Titan 2000","ecommerceDescricao":"CG125 ...>05, Biz 100 98>05, Biz125 06>..., CG150, Dream C100, NXR125\/150 Bros, Pop100, Titan 2000, XL125 84>95, XL250 R","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento para transmiss\u00e3o 6001-2RSC3 PPK blindagem verde","ecommerceSeoDescricao":"Rolamentos da Transmiss\u00e3o PPK motoparts, garantia de durabilidade e seguran\u00e7a para sua moto.","ecommerceSeoPalavrasChaves":"transmiss\u00e3o da moto, motope\u00e7as, motocicleta, CG125, BIZ 100, BIZ125, CG150, DREAM C100, NXR125\/150 BROS, POP100, TITAN 2000, XL125 84>95, XL250 R","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1647294\", \"348\", \"2814\", \"3067\"]","codigoOriginal":"Honda:91006-KVS-9000; Honda:91007-KPH-901; Honda:91013-KSS-900; Honda:96100-60010; Honda:96100-60010-00","codigoSimilar":"FAG:6001-2ZR; Nachi:6001-ZZE; SKF:6001-2Z","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":"1","produtoVIP":"5","aplicacaoMoto":["\u00c1rvore prim\u00e1ria","Embreagem central","Virabrequim"],"aplicacaoMotoMontadoras":["Honda","Suzuki"],"aplicacaoMotoModelos":["ADDRESS AE","BIZ","CG","NXR","POP","XL"],"aplicacaoMotoGrupo":["Motor","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["Cabe\u00e7ote","Caixa de mudan\u00e7as","Conjunto m\u00f3vel","Embreagem"],"aplicacaoMotoCompleto":["\u00c1rvore prim\u00e1ria, Motor, Cabe\u00e7ote","\u00c1rvore prim\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as","Embreagem central, Transmiss\u00e3o, Embreagem","Virabrequim, Motor, Conjunto m\u00f3vel"],"aplicacaoMotoModelosCompleto":["Honda BIZ 100 98>05","Honda BIZ 125 06>...","Honda CG 125 ...>05","Honda CG 125 00>00","Honda CG 150 ","Honda NXR 125 ","Honda NXR 150 ","Honda POP 100 ","Honda XL 125 84>95","Honda XL 250 ","Suzuki ADDRESS AE 100 "],"produtoPrecoConsumidor":0,"produtoEstoque":0,"blindagem":"Vedado 2 lados","_matchesInfo":[],"contador":14,"chave":13,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/39146.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/39146.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/39146.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"6001-ZZ Rolamento da Transmiss\u00e3o para Honda CG125 ...>05, Biz 100 98>05, Biz125 06>..., CG150, Dream C100, NXR125\/150 Bros, Pop100, Titan 2000, XL125 84>95, XL250 R PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6001-zz-ppk\/39146","aplicacao":"\/produto\/rolamento-da-transmisso-para-honda-cg125-05-biz-100-9805-biz125-06-cg150-dream-c100-nxr125150-bros-pop100-titan-2000-xl125-8495-xl250-r-rolamento-da-transmisso-para-honda-6001zz\/39146","modal":"\/modal\/rolamento-rigido-de-esferas-6001-zz-ppk\/39146"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Honda","value":"91006-KVS-9000"},{"name":"Honda","value":"91007-KPH-901"},{"name":"Honda","value":"91013-KSS-900"},{"name":"Honda","value":"96100-60010"},{"name":"Honda","value":"96100-60010-00"}],"codigoSimilarLista":[{"name":"FAG","value":"6001-2ZR"},{"name":"Nachi","value":"6001-ZZE"},{"name":"SKF","value":"6001-2Z"}]},{"ecommerceNomeCompleto":"Rolamento do Eixo do Comando de V\u00e1lvulas Yamaha YBR 125, Factor 125 - Lado Esquerdo | XTZ125. XTZ150 Crosser, Fazer YS150, Factor 150 - Lado Direito","ecommerceNome":"Rolamento do Eixo do Comando de V\u00e1lvulas Yamaha","ecommerceBusca":"Rolamento do Eixo do Comando de V\u00e1lvulas Yamaha YBR 125, Factor 125 - Lado Esquerdo | XTZ125. XTZ150 Crosser, Fazer YS150, Factor 150 - Lado Direito Rolamento do Eixo do Comando de V\u00e1lvulas Yamaha 60022RSC3","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6002-2RSC3","produtoModeloBusca":"60022RSC3","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"338","produtoID":338,"produtoHabilitado":1,"catalogoAtualizadoEm":"2024-04-17 19:21:11","catalogoID":32151,"produtoPeso":"0.0308","produtoMedida":"15x32x9","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento 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","ecommerceNomeCurto":"Rolamento do Eixo do Comando de V\u00e1lvulas Lado Esquerdo YBR 125, Factor 125","ecommerceDescricao":"YBR 125, Factor 125 - Lado Esquerdo | XTZ125. XTZ150 Crosser, Fazer YS150, Factor 150 - Lado Direito","ecommerceComplemento":"Tampa Lateral Ld Direito Quadriciclo Fourtrax 420 08>20","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento do Eixo do Comando de V\u00e1lvulas YBR125 | 6002-2RSC3 PPK","ecommerceSeoDescricao":"O Rolamento 6002-2RSC3 PPK \u00e9 aplicado do eixo do comando de v\u00e1lvulas YBR125 e Factor 125. Rolamento PPK, garantia de confiabilidade em rolamento de moto.","ecommerceSeoPalavrasChaves":"motope\u00e7a, rolamento, rolamento moto, rolamento 6002-2RSC3, 6002-2RSC3, rolamento YBR125, rolamento eixo comando v\u00e1lvulas, rolamento ppk, ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"338\", \"1646738\", \"1648376\", \"1646392\"]","codigoOriginal":"Honda:91009-HF1-671; Honda:96100-60020; Suzuki:08120-60027; Suzuki:08123-60027; Yamaha:93306-002Y5","codigoSimilar":"FAG:6002-2RSRC3; Nachi:6002-2NSEC3; NSK:6002-DDUC3; NTN:6002-LLUC3; SKF:6002-2RS1C3","ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Classifica\u00e7\u00e3o:Rolamentos de Roda:5384; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Classifica\u00e7\u00e3o; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C3; Rolamentos de Roda; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"E","aplicacaoMoto":["Cubo de roda","Embreagem central","Garfo","Tampa do motor"],"aplicacaoMotoMontadoras":["Honda","Suzuki","Yamaha"],"aplicacaoMotoModelos":["CBX","CRYPTON","Fourtrax","LT","RM","XTZ","YBR"],"aplicacaoMotoGrupo":["Roda","Suspens\u00e3o","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["Eixo de comando","Roda dianteira","Roda traseira","Suspens\u00e3o traseira","Tampa do motor"],"aplicacaoMotoCompleto":["Cubo de roda, Roda, Roda dianteira","Cubo de roda, Roda, Roda traseira","Embreagem central, Transmiss\u00e3o, Eixo de comando","Garfo, Suspens\u00e3o, Suspens\u00e3o traseira"],"aplicacaoMotoModelosCompleto":["Honda CBX 250 ","Honda Fourtrax 420 08>20","Suzuki LT 50 ","Suzuki RM 80 ","Yamaha CRYPTON 115 ","Yamaha XTZ 125 ","Yamaha YBR 125 "],"produtoPrecoConsumidor":1.78,"produtoEstoque":0,"blindagem":"Vedado 2 lados","_matchesInfo":[],"contador":15,"chave":14,"Caixinha Individual":true,"produtoSuporteForaLinha":"Fora de Linha","produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/338.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/338.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/338.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/53635\/53635.jpg?version=7.73"}],"produtoGaleriaTotal":1,"produtoBusca":"6002-2RSC3 Rolamento do Eixo do Comando de V\u00e1lvulas Yamaha YBR 125, Factor 125 - Lado Esquerdo | XTZ125. XTZ150 Crosser, Fazer YS150, Factor 150 - Lado Direito PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6002-2rsc3-ppk\/338","aplicacao":"\/produto\/rolamento-do-eixo-do-comando-de-vlvulas-yamaha-ybr-125-factor-125---lado-esquerdo--xtz125-xtz150-crosser-fazer-ys150-factor-150---lado-direito-rolamento-do-eixo-do-comando-de-vlvulas-yamaha-60022rsc3\/338","modal":"\/modal\/rolamento-rigido-de-esferas-6002-2rsc3-ppk\/338"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Rolamentos de Roda"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Honda","value":"91009-HF1-671"},{"name":"Honda","value":"96100-60020"},{"name":"Suzuki","value":"08120-60027"},{"name":"Suzuki","value":"08123-60027"},{"name":"Yamaha","value":"93306-002Y5"}],"codigoSimilarLista":[{"name":"FAG","value":"6002-2RSRC3"},{"name":"Nachi","value":"6002-2NSEC3"},{"name":"NSK","value":"6002-DDUC3"},{"name":"NTN","value":"6002-LLUC3"},{"name":"SKF","value":"6002-2RS1C3"}]},{"ecommerceNomeCompleto":"Rolamento do Eixo do Comando de V\u00e1lvulas Yamaha YBR 125, Factor 125 - Lado Esquerdo | XTZ125. XTZ150 Crosser,YS150 Fazer, Factor150 - Lado Direito","ecommerceNome":"Rolamento do Eixo do Comando de V\u00e1lvulas Yamaha","ecommerceBusca":"Rolamento do Eixo do Comando de V\u00e1lvulas Yamaha YBR 125, Factor 125 - Lado Esquerdo | XTZ125. XTZ150 Crosser,YS150 Fazer, Factor150 - Lado Direito Rolamento do Eixo do Comando de V\u00e1lvulas Yamaha 6002ZZ","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6002-ZZ","produtoModeloBusca":"6002ZZ","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"2812","produtoID":2812,"produtoHabilitado":1,"catalogoAtualizadoEm":"2024-04-12 20:20:56","catalogoID":33168,"produtoPeso":"0.0260","produtoMedida":"15x32x9","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento 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","ecommerceNomeCurto":"Rolamento do Eixo do Comando de V\u00e1lvulas Lado Esquerdo YBR 125, Factor 125","ecommerceDescricao":"YBR 125, Factor 125 - Lado Esquerdo | XTZ125. XTZ150 Crosser,YS150 Fazer, Factor150 - Lado Direito","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":null,"ecommerceSeoDescricao":null,"ecommerceSeoPalavrasChaves":null,"ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":null,"codigoSimilar":null,"ecommerceCaracteristicas":"Blindagem:Blindado 2 lados:5385; Folga:normal:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; Blindado 2 lados; normal","categoriaOrdem":"1","produtoVIP":"E","aplicacaoMoto":["Cubo de roda","Embreagem central","Garfo"],"aplicacaoMotoMontadoras":["Honda","Suzuki","Yamaha"],"aplicacaoMotoModelos":["CBX","CRYPTON","LT","RM","XTZ","YBR"],"aplicacaoMotoGrupo":["Roda","Suspens\u00e3o","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["Eixo de comando","Roda dianteira","Roda traseira","Suspens\u00e3o traseira"],"aplicacaoMotoCompleto":["Cubo de roda, Roda, Roda dianteira","Cubo de roda, Roda, Roda traseira","Embreagem central, Transmiss\u00e3o, Eixo de comando","Garfo, Suspens\u00e3o, Suspens\u00e3o traseira"],"aplicacaoMotoModelosCompleto":["Honda CBX 250 ","Suzuki LT 50 ","Suzuki RM 80 ","Yamaha CRYPTON 115 ","Yamaha XTZ 125 ","Yamaha YBR 125 "],"produtoPrecoConsumidor":0,"produtoEstoque":0,"blindagem":"Blindado 2 lados","_matchesInfo":[],"contador":16,"chave":15,"Caixinha Individual":true,"produtoSuporteForaLinha":"Fora de Linha","produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/2812.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/2812.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/2812.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"6002-ZZ Rolamento do Eixo do Comando de V\u00e1lvulas Yamaha YBR 125, Factor 125 - Lado Esquerdo | XTZ125. XTZ150 Crosser,YS150 Fazer, Factor150 - Lado Direito PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6002-zz-ppk\/2812","aplicacao":"\/produto\/rolamento-do-eixo-do-comando-de-vlvulas-yamaha-ybr-125-factor-125---lado-esquerdo--xtz125-xtz150-crosserys150-fazer-factor150---lado-direito-rolamento-do-eixo-do-comando-de-vlvulas-yamaha-6002zz\/2812","modal":"\/modal\/rolamento-rigido-de-esferas-6002-zz-ppk\/2812"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5385","name":"Blindagem","value":"Blindado 2 lados"},{"key":"5386","name":"Folga","value":"normal"}],"codigoOriginalLista":false,"codigoSimilarLista":false},{"ecommerceNomeCompleto":"Rolamento da Embreagem Honda CG125 Titan\/Fan Lado Direito 09>..., CG150 Titan\/Fan 04>..., NXR150 Bros 06>..., CG160 Titan\/Fan, NXR 160 Bros, CG160 Start todos.","ecommerceNome":"Rolamento da Embreagem Honda","ecommerceBusca":"Rolamento da Embreagem Honda CG125 Titan\/Fan Lado Direito 09>..., CG150 Titan\/Fan 04>..., NXR150 Bros 06>..., CG160 Titan\/Fan, NXR 160 Bros, CG160 Start todos. Rolamento da Embreagem Honda 60032RSC3","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6003-2RSC3","produtoModeloBusca":"60032RSC3","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"1646621","produtoID":1646621,"produtoHabilitado":1,"catalogoAtualizadoEm":"2024-04-17 20:36:14","catalogoID":32154,"produtoPeso":"0.0420","produtoMedida":"17x35x10","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento 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","ecommerceNomeCurto":"Rolamento da Embreagem Lado Direito CG125 Fan\/Titan 09>..., CG150 Titan 04>..., NXR150 Bros 06>...","ecommerceDescricao":"CG125 Titan\/Fan Lado Direito 09>..., CG150 Titan\/Fan 04>..., NXR150 Bros 06>..., CG160 Titan\/Fan, NXR 160 Bros, CG160 Start todos.","ecommerceComplemento":"T105E - Crypton Eixo Comando de V\u00e1lvulas Direito, T115E - Crypton Eixo de Comando, YBR125, Factor 125 Eixo de Comando Direito, XTZ125 Eixo de Comando Esquerdo | Embreagem Quadriciclo Fourtrax 420 08>20","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento da Embreagem Titan 125, Bros 150 | Rolamento 6003-2RS PPK","ecommerceSeoDescricao":"Rolamento 6003-2RSC3 para Embreagem Honda Titan 125 e Bros 150 voc\u00ea encontra na PPK. Confiabilidade e seguran\u00e7a em rolamento para embreagem de moto, a PPK tem!","ecommerceSeoPalavrasChaves":"motope\u00e7a, rolamento, rolamento moto, rolamento 6003-2RS, 6003-2RS, rolamento embreagem, rolamento Titan 125, rolamento Bros 150, rolamento ppk, ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"997344\", \"2573\", \"1648247\", \"1646738\"]","codigoOriginal":"Honda:91005-KVS-9001; Honda:91013-KRM-840; Honda:96100-60030-00; Suzuki:08123-60037; Yamaha:93306-003X0; Yamaha:93306-003X1","codigoSimilar":"FAG:6003-2RSRC3; Nachi:6003-2NSEC3; NSK:6003-DDUC3; NTN:6003-LLUC3; SKF:6003-2RS1C3","ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Classifica\u00e7\u00e3o:Rolamentos de Roda:5384; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Classifica\u00e7\u00e3o; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C3; Rolamentos de Roda; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":["\u00c1rvore de manivelas","Cubo de roda","Embreagem central"],"aplicacaoMotoMontadoras":["Honda","Suzuki","Yamaha"],"aplicacaoMotoModelos":["CG","CRYPTON","Fourtrax","NXR","RMX","XF","XTZ","YBR"],"aplicacaoMotoGrupo":["Motor","Roda","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["Cabe\u00e7ote","C\u00e2mbio","Embreagem","Roda dianteira"],"aplicacaoMotoCompleto":["\u00c1rvore de manivelas, Motor, Cabe\u00e7ote","\u00c1rvore de manivelas, Transmiss\u00e3o, C\u00e2mbio","Cubo de roda, Roda, Roda dianteira","Embreagem central, Transmiss\u00e3o, Embreagem"],"aplicacaoMotoModelosCompleto":["Honda CG 125 05>...","Honda CG 150 ","Honda Fourtrax 450 08>20","Honda NXR 150 ","Suzuki RMX 250 ","Suzuki XF 650 ","Yamaha CRYPTON 115 ","Yamaha XTZ 125 ","Yamaha YBR 125 "],"produtoPrecoConsumidor":2.15,"produtoEstoque":0,"blindagem":"Vedado 2 lados","_matchesInfo":[],"contador":17,"chave":16,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1646621.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1646621.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1646621.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/53636\/53636.jpg?version=7.73"}],"produtoGaleriaTotal":1,"produtoBusca":"6003-2RSC3 Rolamento da Embreagem Honda CG125 Titan\/Fan Lado Direito 09>..., CG150 Titan\/Fan 04>..., NXR150 Bros 06>..., CG160 Titan\/Fan, NXR 160 Bros, CG160 Start todos. PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6003-2rsc3-ppk\/1646621","aplicacao":"\/produto\/rolamento-da-embreagem-honda-cg125-titanfan-lado-direito-09-cg150-titanfan-04-nxr150-bros-06-cg160-titanfan-nxr-160-bros-cg160-start-todos-rolamento-da-embreagem-honda-60032rsc3\/1646621","modal":"\/modal\/rolamento-rigido-de-esferas-6003-2rsc3-ppk\/1646621"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Rolamentos de Roda"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Honda","value":"91005-KVS-9001"},{"name":"Honda","value":"91013-KRM-840"},{"name":"Honda","value":"96100-60030-00"},{"name":"Suzuki","value":"08123-60037"},{"name":"Yamaha","value":"93306-003X0"},{"name":"Yamaha","value":"93306-003X1"}],"codigoSimilarLista":[{"name":"FAG","value":"6003-2RSRC3"},{"name":"Nachi","value":"6003-2NSEC3"},{"name":"NSK","value":"6003-DDUC3"},{"name":"NTN","value":"6003-LLUC3"},{"name":"SKF","value":"6003-2RS1C3"}]},{"ecommerceNomeCompleto":"Rolamento da Roda Traseira para Honda CG150 Fan, CG150 Titan | Yamaha Factor125\/150, YBR125, YS150 Fazer, YS250 Fazer - Veda\u00e7\u00e3o verde","ecommerceNome":"Rolamento da Roda Traseira para Honda","ecommerceBusca":"Rolamento da Roda Traseira para Honda CG150 Fan, CG150 Titan | Yamaha Factor125\/150, YBR125, YS150 Fazer, YS250 Fazer - Veda\u00e7\u00e3o verde Rolamento da Roda Traseira para Honda 60042RSC3GREEN","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6004-2RSC3 (GREEN)","produtoModeloBusca":"60042RSC3GREEN","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"2814","produtoID":2814,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-04-18 20:06:27","catalogoID":32918,"produtoPeso":"0.0695","produtoMedida":"20x42x12","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento 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","ecommerceNomeCurto":"Rolamento de Roda Traseira Honda CG150 Fan, CG150 Titan","ecommerceDescricao":"CG150 Fan, CG150 Titan | Yamaha Factor125\/150, YBR125, YS150 Fazer, YS250 Fazer - Veda\u00e7\u00e3o verde","ecommerceComplemento":"Transmiss\u00e3o XR200 CBX200 Strada | Coluna da Dire\u00e7\u00e3o Quadriciclo Fourtrax 420 08>20 e Roda Dianteira 08>13","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento da Roda Traseira para CG150 Fan\/Titan | 6004-2RSC3 PPK","ecommerceSeoDescricao":"Com o Rolamento 6004-2RSC3 de Roda Traseira para CG150 Fan\/Titan da PPK voc\u00ea roda com mais seguran\u00e7a. Rolamento PPK, confiabilidade em rolamento de roda para sua moto.","ecommerceSeoPalavrasChaves":"motope\u00e7a, rolamento, rolamento moto, rolamento 6004-2RSC3, 6004-2RSC3, rolamento roda traseira, rolamento CG150, titan, rolamento ppk, ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"348\", \"1777\", \"16312\", \"544\"]","codigoOriginal":"Honda:91016-KRM-B42; Honda:91053-HC4-000; Honda:91053-HC4-003; Honda:96100-60040; Honda:96100-60040-00; Honda:96150-60041-10; Suzuki:08123-60047; Suzuki:08133-60047; Yamaha:93306-00406; Yamaha:93306-00438; Yamaha:93306-004XJ; Yamaha:93306-054Y4","codigoSimilar":"FAG:6004-2RSRC3; Nachi:6004-2NSEC3; NSK:6004-DDUC3; NTN:6004-LLUC3; SKF:6004-2RS1C3","ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Classifica\u00e7\u00e3o:Rolamentos de Roda:5384; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Classifica\u00e7\u00e3o; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C3; Rolamentos de Roda; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"2","aplicacaoMoto":["\u00c1rvore prim\u00e1ria","Cubo de roda"],"aplicacaoMotoMontadoras":["Honda","Suzuki","Yamaha"],"aplicacaoMotoModelos":["CBX","CG","CRYPTON","DRZ","DT","FAZER","Fourtrax","NX","RD","RM","RMX","XR","YBR"],"aplicacaoMotoGrupo":["Roda","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["\u00c1rvore principal","Caixa de mudan\u00e7as","Roda dianteira","Roda traseira"],"aplicacaoMotoCompleto":["\u00c1rvore prim\u00e1ria, Transmiss\u00e3o, \u00c1rvore principal","\u00c1rvore prim\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as","Cubo de roda, Roda, Roda dianteira","Cubo de roda, Roda, Roda traseira"],"aplicacaoMotoModelosCompleto":["Honda CBX 150 88>92","Honda CBX 200 ","Honda CG 150 ","Honda Fourtrax 420 08>20","Honda NX 150 ","Honda NX 200 ","Honda XR 200 ","Suzuki RM 125 ","Suzuki RM 250 ","Suzuki RMX 250 ","Yamaha CRYPTON 115 ","Yamaha DT 200 ","Yamaha FAZER 250 06>11","Yamaha RD 125 ","Yamaha RD 135 ","Yamaha YBR 125 "],"produtoPrecoConsumidor":2.77,"produtoEstoque":0,"blindagem":"Vedado 2 lados","_matchesInfo":[],"contador":18,"chave":17,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/2814.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/2814.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/2814.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/53637\/53637.jpg?version=7.73"}],"produtoGaleriaTotal":1,"produtoBusca":"6004-2RSC3 (GREEN) Rolamento da Roda Traseira para Honda CG150 Fan, CG150 Titan | Yamaha Factor125\/150, YBR125, YS150 Fazer, YS250 Fazer - Veda\u00e7\u00e3o verde PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6004-2rsc3-green-ppk\/2814","aplicacao":"\/produto\/rolamento-da-roda-traseira-para-honda-cg150-fan-cg150-titan--yamaha-factor125150-ybr125-ys150-fazer-ys250-fazer---vedao-verde-rolamento-da-roda-traseira-para-honda-60042rsc3green\/2814","modal":"\/modal\/rolamento-rigido-de-esferas-6004-2rsc3-green-ppk\/2814"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Rolamentos de Roda"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Honda","value":"91016-KRM-B42"},{"name":"Honda","value":"91053-HC4-000"},{"name":"Honda","value":"91053-HC4-003"},{"name":"Honda","value":"96100-60040"},{"name":"Honda","value":"96100-60040-00"},{"name":"Honda","value":"96150-60041-10"},{"name":"Suzuki","value":"08123-60047"},{"name":"Suzuki","value":"08133-60047"},{"name":"Yamaha","value":"93306-00406"},{"name":"Yamaha","value":"93306-00438"},{"name":"Yamaha","value":"93306-004XJ"},{"name":"Yamaha","value":"93306-054Y4"}],"codigoSimilarLista":[{"name":"FAG","value":"6004-2RSRC3"},{"name":"Nachi","value":"6004-2NSEC3"},{"name":"NSK","value":"6004-DDUC3"},{"name":"NTN","value":"6004-LLUC3"},{"name":"SKF","value":"6004-2RS1C3"}]},{"ecommerceNomeCompleto":"Rolamento do Motor Yamaha Fazer 250 06>11 | Honda CB400, II, P | Roda Traseira KTM 94>...","ecommerceNome":"Rolamento do Motor Yamaha","ecommerceBusca":"Rolamento do Motor Yamaha Fazer 250 06>11 | Honda CB400, II, P | Roda Traseira KTM 94>... Rolamento do Motor Yamaha 60052RSC3","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6005-2RSC3","produtoModeloBusca":"60052RSC3","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"3067","produtoID":3067,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-04-18 18:55:17","catalogoID":32176,"produtoPeso":"0.0810","produtoMedida":"25x47x12","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento 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","ecommerceNomeCurto":"Rolamento do Motor Yamaha Fazer 250 06>11","ecommerceDescricao":"Fazer 250 06>11 | Honda CB400, II, P | Roda Traseira KTM 94>...","ecommerceComplemento":"Roda Dianteira Quadriciclo Fourtrax 08>13 | Husqvarna 14>... | Husaberg","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento do Motor Yamaha Fazer 250 | Rolamento 6005-2RSC3 PPK","ecommerceSeoDescricao":"Rolamento 6005-2RSC3 para Motor Yamaha Fazer 250 voc\u00ea encontra na PPK. Confiabilidade e seguran\u00e7a em rolamento para motor de moto Yamaha, a PPK tem. Ligue !","ecommerceSeoPalavrasChaves":"motope\u00e7a, rolamento, rolamento moto, rolamento 6005-2RSC3, 6005-2RSC3, rolamento do motor, rolamento Fazer 250, rolamento ppk, ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1646110\", \"16312\", \"1646737\", \"1648725\"]","codigoOriginal":"Honda:96150-60050-10; Yamaha:93306-05Y9","codigoSimilar":"FAG:6005-2RSRC3; Nachi:6005-2NSEC3; NSK:6005-DDUC3; NTN:6005-LLU; SKF:6005-2RS1C3","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":"1","produtoVIP":"5","aplicacaoMoto":["Embreagem central"],"aplicacaoMotoMontadoras":["Honda","Yamaha"],"aplicacaoMotoModelos":["CB","FAZER","Fourtrax"],"aplicacaoMotoGrupo":["Roda","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["C\u00e2mbio","Roda dianteira"],"aplicacaoMotoCompleto":["Embreagem central, Transmiss\u00e3o, C\u00e2mbio"],"aplicacaoMotoModelosCompleto":["Honda CB 400 ","Honda Fourtrax 420 08>13","Yamaha FAZER 250 06>11"],"produtoPrecoConsumidor":4.4,"produtoEstoque":0,"blindagem":"Vedado 2 lados","_matchesInfo":[],"contador":19,"chave":18,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/3067.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/3067.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/3067.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/53638\/53638.jpg?version=7.73"}],"produtoGaleriaTotal":1,"produtoBusca":"6005-2RSC3 Rolamento do Motor Yamaha Fazer 250 06>11 | Honda CB400, II, P | Roda Traseira KTM 94>... PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6005-2rsc3-ppk\/3067","aplicacao":"\/produto\/rolamento-do-motor-yamaha-fazer-250-0611--honda-cb400-ii-p--roda-traseira-ktm-94-rolamento-do-motor-yamaha-60052rsc3\/3067","modal":"\/modal\/rolamento-rigido-de-esferas-6005-2rsc3-ppk\/3067"},"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":"Honda","value":"96150-60050-10"},{"name":"Yamaha","value":"93306-05Y9"}],"codigoSimilarLista":[{"name":"FAG","value":"6005-2RSRC3"},{"name":"Nachi","value":"6005-2NSEC3"},{"name":"NSK","value":"6005-DDUC3"},{"name":"NTN","value":"6005-LLU"},{"name":"SKF","value":"6005-2RS1C3"}]},{"ecommerceNomeCompleto":"Rolamento do Motor para Honda CB400\/400 II\/400P | Yamaha Fazer 250 06>11","ecommerceNome":"Rolamento do Motor para Honda","ecommerceBusca":"Rolamento do Motor para Honda CB400\/400 II\/400P | Yamaha Fazer 250 06>11 Rolamento do Motor para Honda 6005ZZ","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6005-ZZ","produtoModeloBusca":"6005ZZ","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"2104","produtoID":2104,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-04-12 20:31:05","catalogoID":32180,"produtoPeso":"0.0810","produtoMedida":"25x47x12","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento 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","ecommerceNomeCurto":"Rolamento do Motor CB400\/400 II\/400P | Yamaha Fazer 250 06>11","ecommerceDescricao":"CB400\/400 II\/400P | Yamaha Fazer 250 06>11","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento do motor 6005-2RSC3 PPK","ecommerceSeoDescricao":"Rolamentos do Motor PPK motoparts, garantia de durabilidade e seguran\u00e7a para sua moto.","ecommerceSeoPalavrasChaves":"moto, motope\u00e7as, motocicleta, rolamentos, motor, rolamentos ppk, Honda, CB400, Yamaha, FAZER250","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1646110\", \"16312\", \"1646737\", \"1648725\"]","codigoOriginal":"Yamaha:93306-05Y9","codigoSimilar":"FAG:6005-2ZR; Nachi:6005-ZZE; SKF:6005-2Z","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":"1","produtoVIP":"5","aplicacaoMoto":["Embreagem central"],"aplicacaoMotoMontadoras":["Honda","Yamaha"],"aplicacaoMotoModelos":["CB","FAZER"],"aplicacaoMotoGrupo":["Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["C\u00e2mbio"],"aplicacaoMotoCompleto":["Embreagem central, Transmiss\u00e3o, C\u00e2mbio"],"aplicacaoMotoModelosCompleto":["Honda CB 400 ","Yamaha FAZER 250 06>11"],"produtoPrecoConsumidor":0,"produtoEstoque":0,"blindagem":"Vedado 2 lados","_matchesInfo":[],"contador":20,"chave":19,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/2104.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/2104.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/2104.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"6005-ZZ Rolamento do Motor para Honda CB400<!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"  />
    
    
    

      <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 Motopeças | Importadora e Distribuidora de Motopeças',
                    //size: '24px',
                });
            });
        </script>
  
       <script src="https://www.marketformation.com.br/cdn/vendor/highlight/highlight.js" defer></script>
       <script type="text/javascript">
        htmx.on("htmx:afterRequest", function(evt) {
          //console.log("Request Done!");
          var $query   = $(".search-helper");
          var $content = $(".contentHelperHighlight");
          var searchTerm = $query.val();
            
          $content.removeHighlight();
        
          if ( searchTerm ) {
            $content.highlight( searchTerm );
          }
        });
      </script>
    
   
    
    <script src="https://www.marketformation.com.br/cdn/vendor/jquery-zoom/jquery.zoom.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function(){
        function isMobile() {
          return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
        }
        
        if (!isMobile()) {
          setTimeout( function() 
          {
            $('#main-picture').zoom({
              magnify: 1.2,
              duration: 200,
              on: 'grab'
            });
          }, 100);
        }else{
          $('#zoom-caption').hide();
        }
      });
    </script>
    <script type="text/javascript">
      htmx.on("htmx:afterRequest", function(evt) {
        //console.log("Request Done!");
        $('#main-picture').zoom({
          magnify: 1.2,
          duration: 200,
          on: 'grab'
        });
      });
    </script>
   
      <script src="https://www.marketformation.com.br/cdn/vendor/OwlCarousel2/owl.carousel.min.js"></script>
      <link rel="stylesheet" href="https://www.marketformation.com.br/cdn/vendor/OwlCarousel2/owl.carousel.min.css"/>
      <link rel="stylesheet" href="https://www.marketformation.com.br/cdn/vendor/OwlCarousel2/owl.theme.default.min.css"/>
    
    <script src="https://www.marketformation.com.br/cdn/vendor/lazy.load/lazyload.js"></script>
    <script type="text/javascript">
      $(function() {
        $("img.lazyload").lazyload({
             effect: "fadeIn",
             effectspeed: 500,
             load : function()
             {
                // Callback here
             }
           });
           
        $("button.changeImg").click(function(){
          var div = $(this).closest("div.relative"), //Div onde estão as imagens
              active = div.find("img.active");       //Imagem que está sendo mostrada no momento
          active.next("img").trigger('appear');      //Carregar a imagem pelo trigger do LazyLoad
        });
      });
    </script>
    
    <script type="text/javascript">
      htmx.on("htmx:afterRequest", function(evt) {
        $("html,body").trigger("scroll");
      });
    </script>
    
    
    <script type="text/javascript">
      $(document).ready(function ($) {
          var url = window.location.href;
          var activePage = url;
          $('#services a').each(function () {
              var linkPage = this.href;
      
              if (activePage == linkPage) {
                  $(this).addClass("active");
              }
          });
      });
    </script>
  
    <link rel="shortcut icon" href="/favicon/ppkrolemak.png" />
  
  

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



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

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


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

    <!-- 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="/motopecas">
      <span class="sr-only">PPK Motoparts</span>
      <img class="" src="https://www.marketformation.com.br/cdn/svg/marca/ppkmotoparts.svg?version=1.1" title="PPK Motoparts" 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="/motopecas"><img class="h-6 w-auto" src="https://www.marketformation.com.br/cdn/svg/marca/ppkmotoparts.svg?version=1.1" alt="PPK Motoparts" title="PPK Motoparts"></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="/motopecas">
        <span class="sr-only">PPK Motoparts</span>
        <img class="" src="https://www.marketformation.com.br/cdn/svg/marca/ppkmotoparts.svg?version=1.1" title="PPK Motoparts" width="100" height="" alt="PPK Motoparts">
      </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="https://www.marketformation.com.br/meili/menu/categories/?filter=segmentoID:6&sort=categoriaOrdem%20Asc"
         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">
              {{#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="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND categoriaNome:&quot;Caixa de Direção&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(15)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND categoriaNome:&quot;Pedal de Câmbio&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(7)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND categoriaNome:&quot;Pedal de Partida&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(6)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND categoriaNome:&quot;Rolamento de Moto&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Rolamento de Moto <span class="ml-1 text-xs">(47)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND categoriaNome:&quot;Virabrequim&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(11)</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="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoMontadoras:&quot;Dafra&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(8)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center font-bold text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-check-square mr-1"></i> Honda <span class="ml-1 text-xs">(86)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoMontadoras:&quot;Kasinski&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(6)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoMontadoras:&quot;Sundown&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Sundown <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoMontadoras:&quot;Suzuki&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(25)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoMontadoras:&quot;Yamaha&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(27)</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="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Motor&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(25)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Roda&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(26)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(26)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Transmissão&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(34)</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="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND produtoMarca:&quot;MAK&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(7)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND produtoMarca:&quot;PPK&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(77)</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="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND produtoEmbalagem:&quot;Caixinha Individual&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(69)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND produtoEmbalagem:&quot;Industrial&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(4)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND produtoEmbalagem:&quot;Plástico&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(13)</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="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND categoriaNome:&quot;Caixa de Direção&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(15)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND categoriaNome:&quot;Pedal de Câmbio&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(7)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND categoriaNome:&quot;Pedal de Partida&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(6)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND categoriaNome:&quot;Rolamento de Moto&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Rolamento de Moto <span class="ml-1 text-xs">(47)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND categoriaNome:&quot;Virabrequim&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(11)</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="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoMontadoras:&quot;Dafra&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(8)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center font-bold text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-check-square mr-1"></i> Honda <span class="ml-1 text-xs">(86)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoMontadoras:&quot;Kasinski&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(6)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoMontadoras:&quot;Sundown&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Sundown <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoMontadoras:&quot;Suzuki&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(25)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoMontadoras:&quot;Yamaha&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(27)</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="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;ADDRESS AE&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(6)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;ADDRESS V&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(3)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;AN&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(2)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;BIZ&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(11)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;BIZ C&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(10)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;BURGMAN&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(3)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;C&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;CB&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(17)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;CBR&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CBR <span class="ml-1 text-xs">(7)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;CBX&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(28)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;CG&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(29)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;COMET&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(4)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;CR&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;CRF&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(3)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;CRYPTON&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(11)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;CTX&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;DL&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(2)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;DRZ&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;DT&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;Elite&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(4)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;FAZER&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(8)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;Fourtrax&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(16)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;GS&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(5)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;GSR&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> GSR <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;GSX&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(6)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;INTRUDER&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(6)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;KANSAS&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(6)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;KATANA&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(5)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;LETS II&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(5)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;LT&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(2)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;M&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;MARAUDER&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(5)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;MIRAGE&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(4)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;N&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(3)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;NEO AT&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(2)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;NR&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> NR <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;NX&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(17)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;NX-4&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(7)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;NXR&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(26)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;PCX&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(1)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;POP&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(11)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;RD&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(10)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;RDZ&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;RM&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(8)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;RMX&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(2)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;RX&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(2)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;TT&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;WEB&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(4)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;WIND&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;XF&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;XL&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XL <span class="ml-1 text-xs">(10)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;XLR&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(6)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;XLS&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;XLX&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(9)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;XR&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(18)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;XRE&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(10)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;XT&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(3)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;XTZ&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(9)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;YBR&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(12)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;YS&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(1)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;YZ&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(1)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;ZIG&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(2)</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="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Motor&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(25)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Roda&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(26)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(26)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Transmissão&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(34)</span>
            </a>
        </li>
    </ul>
</div>        <!---------- /Application ----------> 
      </li>
      
      <!---->
      <!--<li>-->
        <!---------- #Application ---------->
      <!--  </*?php echo View::factory('v1/product/showcase/_website/'.$website.'/_filters/application');?*/>-->
        <!---------- /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="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND produtoMarca:&quot;MAK&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(7)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND produtoMarca:&quot;PPK&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(77)</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="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND produtoEmbalagem:&quot;Caixinha Individual&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(69)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND produtoEmbalagem:&quot;Industrial&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(4)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND produtoEmbalagem:&quot;Plástico&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="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">(13)</span>
            </a>
        </li>
    </ul>
</div>        <!---------- /Packing ---------->
      </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">
          Produtos por Fabricante
    </h1>
    <span class="text-sm">Mostrando <b>1</b> até <b>25</b> de um total de <b>86</b> produto(s)</span>
  </div>
  
  <!---------- #Ordenar ---------->
  <div class="relative" x-data="{ dropdown: false, url: new URLSearchParams('filter=segmentoID:6%20AND%20aplicacaoMotoMontadoras:%22Honda%22&amp;title=Produtos%20por%20Fabricante&amp;limit=25%22'), href: '' }" 
       x-init="url.delete('sort'); url.delete('pagina'); url.delete('offset'); url.delete('limit'); href = url.toString(); href.length ? href = href + '&' : href = ''">
    <button @click="dropdown = !dropdown" 
            @keydown.escape="dropdown = false" 
            class="flex items-center">
      <span class="font-semibold">Código A-Z</span>
      <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15.3 9.3a1 1 0 0 1 1.4 1.4l-4 4a1 1 0 0 1-1.4 0l-4-4a1 1 0 0 1 1.4-1.4l3.3 3.29 3.3-3.3z" class="heroicon-ui"></path></svg>
    </button>
    
    <ul x-transition x-show="dropdown" @click.away="dropdown = false"
        class="absolute font-normal bg-white shadow overflow-hidden rounded w-48 border mt-2 py-1 left-0 top-3 z-20 text-gray-900">
      <li>
        <a :href="'/busca?'+href+'sort=ecommerceNomeCompleto:desc&sortName=Nome Z-A'" class="flex items-center px-3 py-1 hover:bg-gray-200">
          <i class="fas fal-lg fa-fw fa-sort-alpha-down-alt"></i>
          <span class="ml-2">Nome Z-A</span>
        </a>
      </li>
      <li>
        <a :href="'/busca?'+href+'sort=ecommerceNomeCompleto:asc&sortName=Nome A-Z'" class="flex items-center px-3 py-1 hover:bg-gray-200">
          <i class="fas fal-lg fa-fw fa-sort-alpha-down"></i>
          <span class="ml-2">Nome A-Z</span>
        </a>
      </li>
      
      <li>
        <a :href="'/busca?'+href+'sort=produtoModelo:desc&sortName=Código Z-A'" class="flex items-center px-3 py-1 hover:bg-gray-200">
          <i class="fas fal-lg fa-fw fa-sort-alpha-down-alt"></i>
          <span class="ml-2">Código Z-A</span>
        </a>
      </li>
      <li>
        <a :href="'/busca?'+href+'sort=produtoModelo:asc&sortName=Código A-Z'" class="flex items-center px-3 py-1 hover:bg-gray-200">
          <i class="fas fal-lg fa-fw fa-sort-alpha-down"></i>
          <span class="ml-2">Código A-Z</span>
        </a>
      </li>
    </ul>
  </div>
  
  <!---------- /Ordenar ---------->
  
  
  <div class="flex items-center">
     <button class="md:hidden inline-flex items-center transition-colors duration-300 ease-in focus:outline-none hover:text- focus:text- px-2 py-1" 
             id="filters" @click="filtersOpen = !filtersOpen">
     <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" viewBox="0 0 24 24" fill="currentColor">  <path fill-rule="evenodd" d="M3 3a1 1 0 011-1h12a1 1 0 011 1v3a1 1 0 01-.293.707L12 11.414V15a1 1 0 01-.293.707l-2 2A1 1 0 018 17v-5.586L3.293 6.707A1 1 0 013 6V3z" clip-rule="evenodd" /></svg>
      <span>Filtro</span>
    </button>
    
    <button hx-post="/config/showcase" hx-swap="none" hx-include="[id='showcase_grid']"
            class="inline-flex items-center transition-colors duration-300 ease-in focus:outline-none hover:text- focus:text- px-2 py-1 active" id="grid"
            @click="display = 'grid'" :class="{ 'text-white font-bold  rounded-full bg-gray-700': display === 'grid' }">
      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="fill-current w-4 h-4 mr-2"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg>
      <span>Tabela</span>
      <input id="showcase_grid" type="hidden" name="configuracaoVitrine" value="1"/>
    </button>
    
    <button hx-post="/config/showcase" hx-swap="none" hx-include="[id='showcase_list']"
            class="inline-flex items-center transition-colors duration-300 ease-in focus:outline-none hover:text- focus:text- px-2 py-1" id="list"
            @click="display = 'list'" :class="{ 'text-white font-bold rounded-full bg-gray-700': display === 'list' }">
      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="fill-current w-4 h-4 mr-2"><line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><line x1="3" y1="6" x2="3.01" y2="6"></line><line x1="3" y1="12" x2="3.01" y2="12"></line><line x1="3" y1="18" x2="3.01" y2="18"></line></svg>
      <span>Lista</span>
      <input id="showcase_list" type="hidden" name="configuracaoVitrine" value="0"/>
    </button>
  </div>
 
</div>
<!---------- /Top ---------->        </div>
        <!------ /Top ------>
      
        <!---------- #Paginador ---------->
        <div class="my-2">
          <div class="flex justify-between items-center">

<div class="flex items-center justify-center">
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;pagina=1&amp;offset=0" :class="{'bg-gray-400 text-gray-700 font-bold': 1 === 1 }">
          1
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;pagina=2&amp;offset=25" :class="{'bg-gray-400 text-gray-700 font-bold': 2 === 1 }">
          2
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;pagina=3&amp;offset=50" :class="{'bg-gray-400 text-gray-700 font-bold': 3 === 1 }">
          3
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;pagina=4&amp;offset=75" :class="{'bg-gray-400 text-gray-700 font-bold': 4 === 1 }">
          4
        </a>
        <a class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border border-gray-200 bg-gray-100 px-4 py-2 rounded-r outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;pagina=2&amp;offset=25">
          <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_1647798" name="product_id" value="1647798"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1647798 > img').length-1;">
        <a id="gallery_1647798" href="/produto/rolamento-da-embreagem-honda-nxr150-bros-xr200-cbx200-strada-rolamento-da-embreagem-honda-16003/1647798" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1647798.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

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

<a x-show="display==='list'" href="/produto/rolamento-do-seletor-de-marchas-honda-cb-500x--transmisso-lado-esquerdo-suzuki-intruder-1800-vzr-rolamento-do-seletor-de-marchas-honda-16005/628" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/628.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-do-seletor-de-marchas-honda-cb-500x--transmisso-lado-esquerdo-suzuki-intruder-1800-vzr-rolamento-do-seletor-de-marchas-honda-16005/628 class="" title="
                Rolamento do Seletor de Marchas Honda CB 500X
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">16005</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Seletor de Marchas Honda CB 500X
            </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_1678858" name="product_id" value="1678858"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1678858 > img').length-1;">
        <a id="gallery_1678858" href="/produto/rolamento-roda-dianteira-honda-hornet-cb600-rolamento-roda-dianteira-honda-20bcs26nse/1678858" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1678858.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-roda-dianteira-honda-hornet-cb600-rolamento-roda-dianteira-honda-20bcs26nse/1678858" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1678858.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-roda-dianteira-honda-hornet-cb600-rolamento-roda-dianteira-honda-20bcs26nse/1678858 class="" title="
                Rolamento Roda Dianteira Hornet CB600
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">20BCS26NSE</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento Roda Dianteira Hornet CB600
            </h2>
            
            <p class="text-sm font-normal">
            </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_16419" name="product_id" value="16419"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'mak' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="mak" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/mak.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_16419 > img').length-1;">
        <a id="gallery_16419" href="/produto/rolamento-roda-dianteira-quadriciclo-honda-fourtrax-420-1418--fourtrax-500-1420-rolamento-roda-dianteira-quadriciclo-honda-2755003291051hr3a21/16419" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/16419.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-roda-dianteira-quadriciclo-honda-fourtrax-420-1418--fourtrax-500-1420-rolamento-roda-dianteira-quadriciclo-honda-2755003291051hr3a21/16419" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/16419.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-roda-dianteira-quadriciclo-honda-fourtrax-420-1418--fourtrax-500-1420-rolamento-roda-dianteira-quadriciclo-honda-2755003291051hr3a21/16419 class="" title="
                Rolamento Roda Dianteira Quadriciclo Honda Fourtrax 420 14&gt;18
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">27550032 (91051HR3A21)</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento Roda Dianteira Quadriciclo Honda Fourtrax 420 14&gt;18
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_16419']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="mak" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/mak.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_15015" name="product_id" value="15015"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_15015 > img').length-1;">
        <a id="gallery_15015" href="/produto/rolamento-do-virabrequim-lado-esquerdo-honda-cg125-titanfan-0008-nxr125-bros-0305-nxr150-bros-0305-xr200-cbx200-strada-rolamento-do-virabrequim-lado-esquerdo-honda-28bcs18rsc3/15015" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/15015.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-do-virabrequim-lado-esquerdo-honda-cg125-titanfan-0008-nxr125-bros-0305-nxr150-bros-0305-xr200-cbx200-strada-rolamento-do-virabrequim-lado-esquerdo-honda-28bcs18rsc3/15015" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/15015.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-do-virabrequim-lado-esquerdo-honda-cg125-titanfan-0008-nxr125-bros-0305-nxr150-bros-0305-xr200-cbx200-strada-rolamento-do-virabrequim-lado-esquerdo-honda-28bcs18rsc3/15015 class="" title="
                Rolamento do Virabrequim CG125 Titan/Fan 00&gt;08, NXR125 Bros 03&gt;05 - Lado Esquerdo
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">28BCS18-RSC3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Virabrequim CG125 Titan/Fan 00&gt;08, NXR125 Bros 03&gt;05 - Lado Esquerdo
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_15015']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1645803" name="product_id" value="1645803"/>
    <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_1645803 > img').length-1;">
        <a id="gallery_1645803" href="/produto/rolamento-roda-dianteira-quadriciclo-honda-fourtrax-350-0813-rolamento-roda-dianteira-quadriciclo-honda-3050002030bd5020/1645803" 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/1645803.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-roda-dianteira-quadriciclo-honda-fourtrax-350-0813-rolamento-roda-dianteira-quadriciclo-honda-3050002030bd5020/1645803" 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/1645803.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-roda-dianteira-quadriciclo-honda-fourtrax-350-0813-rolamento-roda-dianteira-quadriciclo-honda-3050002030bd5020/1645803 class="" title="
                Rolamento Roda Dianteira Quadriciclo Honda Fourtrax 350 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 ">30500020 (30BD5020)</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento Roda Dianteira Quadriciclo Honda Fourtrax 350 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_1645803']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="mak" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/mak.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_3043" name="product_id" value="3043"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'mak' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="mak" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/mak.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_3043 > img').length-1;">
        <a id="gallery_3043" href="/produto/caixa-de-direo-inferior-para-honda-xtz-125-crf-250-caixa-de-direo-inferior-para-honda-32005x/3043" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/3043.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/caixa-de-direo-inferior-para-honda-xtz-125-crf-250-caixa-de-direo-inferior-para-honda-32005x/3043" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/3043.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/caixa-de-direo-inferior-para-honda-xtz-125-crf-250-caixa-de-direo-inferior-para-honda-32005x/3043 class="" title="
                Caixa de Direção Inferior para Honda XTZ 125, CRF 250
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">32005X</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Caixa de Direção Inferior para Honda XTZ 125, CRF 250
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="mak" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/mak.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_14965" name="product_id" value="14965"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_14965 > img').length-1;">
        <div class=" w-1/12">
            <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2"
                    @click="current > 0 ? current -= 1 : current = limit">
                <i class="fas fa-lg fa-chevron-left"></i>
            </button>
        </div>
        <a id="gallery_14965" href="/produto/caixa-de-direo-para-honda-bros-0308-xlr125-xlr-nx-xr-tornado-caixa-de-direo-para-honda-32005x26/14965" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/14965.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===1" title="32005X/26 Rolamento para Caixa de Direção" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===1 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50115/50115.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===2" title="32005X/26 Rolamento para Caixa de Direção" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===2 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50116/50116.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/caixa-de-direo-para-honda-bros-0308-xlr125-xlr-nx-xr-tornado-caixa-de-direo-para-honda-32005x26/14965" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/14965.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/caixa-de-direo-para-honda-bros-0308-xlr125-xlr-nx-xr-tornado-caixa-de-direo-para-honda-32005x26/14965 class="" title="
                Caixa de Direção Honda Bros 03&gt;08, XLR125
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">32005X/26</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Caixa de Direção Honda Bros 03&gt;08, XLR125
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_14965']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_30039" name="product_id" value="30039"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_30039 > img').length-1;">
        <a id="gallery_30039" href="/produto/rolamento-do-virabrequim-lado-esquerdo-honda-cg125-titanfan-09-cg150-titanfan-04-rolamento-do-virabrequim-lado-esquerdo-honda-35bc07s56/30039" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/30039.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-do-virabrequim-lado-esquerdo-honda-cg125-titanfan-09-cg150-titanfan-04-rolamento-do-virabrequim-lado-esquerdo-honda-35bc07s56/30039" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/30039.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-do-virabrequim-lado-esquerdo-honda-cg125-titanfan-09-cg150-titanfan-04-rolamento-do-virabrequim-lado-esquerdo-honda-35bc07s56/30039 class="" title="
                Rolamento do Virabrequim CG125 Titan/Fan 09&gt;..., CG150 Titan/Fan 04&gt;... - 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 ">35BC07S56</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Virabrequim CG125 Titan/Fan 09&gt;..., CG150 Titan/Fan 04&gt;... - 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_30039']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_14618" name="product_id" value="14618"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'mak' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="mak" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/mak.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_14618 > img').length-1;">
        <a id="gallery_14618" href="/produto/rolamento-roda-traseira-suzuki-srad-750--transmisso-dianteira-quadriciclo-fourtrax-420-0820-rolamento-roda-traseira-suzuki-60322rsc3/14618" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/14618.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-roda-traseira-suzuki-srad-750--transmisso-dianteira-quadriciclo-fourtrax-420-0820-rolamento-roda-traseira-suzuki-60322rsc3/14618" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/14618.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-roda-traseira-suzuki-srad-750--transmisso-dianteira-quadriciclo-fourtrax-420-0820-rolamento-roda-traseira-suzuki-60322rsc3/14618 class="" title="
                Rolamento Roda Traseira Suzuki Srad 750 | Transmissão Dianteira Fourtrax 420
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">60/32-2RSC3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento Roda Traseira Suzuki Srad 750 | Transmissão Dianteira Fourtrax 420
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_14618']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="mak" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/mak.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_16312" name="product_id" value="16312"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_16312 > img').length-1;">
        <div class=" w-1/12">
            <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2"
                    @click="current > 0 ? current -= 1 : current = limit">
                <i class="fas fa-lg fa-chevron-left"></i>
            </button>
        </div>
        <a id="gallery_16312" href="/produto/rolamento-do-motor-honda-biz-100-9805-cb300-r-cb400-cbr450-sr-8992-dream-c100-nx4-falcon-xre300--suzuki-rm125250-rolamento-do-motor-honda-60002rsc3green/16312" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/16312.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===1" title="" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===1 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/53633/53633.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-do-motor-honda-biz-100-9805-cb300-r-cb400-cbr450-sr-8992-dream-c100-nx4-falcon-xre300--suzuki-rm125250-rolamento-do-motor-honda-60002rsc3green/16312" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/16312.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-do-motor-honda-biz-100-9805-cb300-r-cb400-cbr450-sr-8992-dream-c100-nx4-falcon-xre300--suzuki-rm125250-rolamento-do-motor-honda-60002rsc3green/16312 class="" title="
                Rolamento do Motor Honda Biz 100 98&gt;05, Dream C100, NX4 Falcon
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6000-2RSC3 (GREEN)</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Motor Honda Biz 100 98&gt;05, Dream C100, NX4 Falcon
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_16312']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_51" name="product_id" value="51"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_51 > img').length-1;">
        <a id="gallery_51" href="/produto/rolamento-do-motor-para-honda-biz100-9805-cb300-r-cb400-cbr450-sr-8992-dream-c100-falcon-nx4-xre300--suzuki-rm125250-rolamento-do-motor-para-honda-6000zz/51" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/51.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-do-motor-para-honda-biz100-9805-cb300-r-cb400-cbr450-sr-8992-dream-c100-falcon-nx4-xre300--suzuki-rm125250-rolamento-do-motor-para-honda-6000zz/51" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/51.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-do-motor-para-honda-biz100-9805-cb300-r-cb400-cbr450-sr-8992-dream-c100-falcon-nx4-xre300--suzuki-rm125250-rolamento-do-motor-para-honda-6000zz/51 class="" title="
                Rolamento do Motor Biz100 98&gt;05, CB300 R, CB400
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6000-ZZ</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Motor Biz100 98&gt;05, CB300 R, CB400
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_51']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1646620" name="product_id" value="1646620"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1646620 > img').length-1;">
        <div class=" w-1/12">
            <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2"
                    @click="current > 0 ? current -= 1 : current = limit">
                <i class="fas fa-lg fa-chevron-left"></i>
            </button>
        </div>
        <a id="gallery_1646620" href="/produto/rolamento-da-transmisso-honda-cg125-at-2005-biz-100-9805-biz-125-06-cg150-dream-c100-nxr125150-bros-pop100-titan-2000-xl125-8495-xl250r-rolamento-da-transmisso-honda-60012rsc3green/1646620" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1646620.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===1" title="" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===1 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/53634/53634.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

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

<a x-show="display==='list'" href="/produto/rolamento-da-transmisso-para-honda-cg125-05-biz-100-9805-biz125-06-cg150-dream-c100-nxr125150-bros-pop100-titan-2000-xl125-8495-xl250-r-rolamento-da-transmisso-para-honda-6001zz/39146" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/39146.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-da-transmisso-para-honda-cg125-05-biz-100-9805-biz125-06-cg150-dream-c100-nxr125150-bros-pop100-titan-2000-xl125-8495-xl250-r-rolamento-da-transmisso-para-honda-6001zz/39146 class="" title="
                Rolamento da Transmissão CG125 ...&gt;05, Biz125 06&gt;..., Pop100, Titan 2000
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6001-ZZ</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento da Transmissão CG125 ...&gt;05, Biz125 06&gt;..., Pop100, Titan 2000
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_39146']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_338" name="product_id" value="338"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_338 > img').length-1;">
        <div class=" w-1/12">
            <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2"
                    @click="current > 0 ? current -= 1 : current = limit">
                <i class="fas fa-lg fa-chevron-left"></i>
            </button>
        </div>
        <a id="gallery_338" href="/produto/rolamento-do-eixo-do-comando-de-vlvulas-yamaha-ybr-125-factor-125---lado-esquerdo--xtz125-xtz150-crosser-fazer-ys150-factor-150---lado-direito-rolamento-do-eixo-do-comando-de-vlvulas-yamaha-60022rsc3/338" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/338.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===1" title="" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===1 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/53635/53635.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-do-eixo-do-comando-de-vlvulas-yamaha-ybr-125-factor-125---lado-esquerdo--xtz125-xtz150-crosser-fazer-ys150-factor-150---lado-direito-rolamento-do-eixo-do-comando-de-vlvulas-yamaha-60022rsc3/338" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/338.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-do-eixo-do-comando-de-vlvulas-yamaha-ybr-125-factor-125---lado-esquerdo--xtz125-xtz150-crosser-fazer-ys150-factor-150---lado-direito-rolamento-do-eixo-do-comando-de-vlvulas-yamaha-60022rsc3/338 class="" title="
                Rolamento do Eixo do Comando de Válvulas Lado Esquerdo YBR 125, Factor 125
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6002-2RSC3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Eixo do Comando de Válvulas Lado Esquerdo YBR 125, Factor 125
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_338']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div 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_2812" name="product_id" value="2812"/>
    <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_2812 > img').length-1;">
        <a id="gallery_2812" href="/produto/rolamento-do-eixo-do-comando-de-vlvulas-yamaha-ybr-125-factor-125---lado-esquerdo--xtz125-xtz150-crosserys150-fazer-factor150---lado-direito-rolamento-do-eixo-do-comando-de-vlvulas-yamaha-6002zz/2812" 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/2812.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-do-eixo-do-comando-de-vlvulas-yamaha-ybr-125-factor-125---lado-esquerdo--xtz125-xtz150-crosserys150-fazer-factor150---lado-direito-rolamento-do-eixo-do-comando-de-vlvulas-yamaha-6002zz/2812" 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/2812.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-do-eixo-do-comando-de-vlvulas-yamaha-ybr-125-factor-125---lado-esquerdo--xtz125-xtz150-crosserys150-fazer-factor150---lado-direito-rolamento-do-eixo-do-comando-de-vlvulas-yamaha-6002zz/2812 class="" title="
                Rolamento do Eixo do Comando de Válvulas Lado Esquerdo YBR 125, Factor 125
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6002-ZZ</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Eixo do Comando de Válvulas Lado Esquerdo YBR 125, Factor 125
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_2812']" 
               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_1646621" name="product_id" value="1646621"/>
    <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_1646621 > 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_1646621" href="/produto/rolamento-da-embreagem-honda-cg125-titanfan-lado-direito-09-cg150-titanfan-04-nxr150-bros-06-cg160-titanfan-nxr-160-bros-cg160-start-todos-rolamento-da-embreagem-honda-60032rsc3/1646621" 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/1646621.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/53636/53636.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-honda-cg125-titanfan-lado-direito-09-cg150-titanfan-04-nxr150-bros-06-cg160-titanfan-nxr-160-bros-cg160-start-todos-rolamento-da-embreagem-honda-60032rsc3/1646621" 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/1646621.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-honda-cg125-titanfan-lado-direito-09-cg150-titanfan-04-nxr150-bros-06-cg160-titanfan-nxr-160-bros-cg160-start-todos-rolamento-da-embreagem-honda-60032rsc3/1646621 class="" title="
                Rolamento da Embreagem Lado Direito CG125 Fan/Titan 09&gt;..., CG150 Titan 04&gt;..., NXR150 Bros 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 ">6003-2RSC3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento da Embreagem Lado Direito CG125 Fan/Titan 09&gt;..., CG150 Titan 04&gt;..., NXR150 Bros 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 @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_1646621']" 
               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_2814" name="product_id" value="2814"/>
    <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_2814 > 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_2814" href="/produto/rolamento-da-roda-traseira-para-honda-cg150-fan-cg150-titan--yamaha-factor125150-ybr125-ys150-fazer-ys250-fazer---vedao-verde-rolamento-da-roda-traseira-para-honda-60042rsc3green/2814" 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/2814.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/53637/53637.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-roda-traseira-para-honda-cg150-fan-cg150-titan--yamaha-factor125150-ybr125-ys150-fazer-ys250-fazer---vedao-verde-rolamento-da-roda-traseira-para-honda-60042rsc3green/2814" 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/2814.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-roda-traseira-para-honda-cg150-fan-cg150-titan--yamaha-factor125150-ybr125-ys150-fazer-ys250-fazer---vedao-verde-rolamento-da-roda-traseira-para-honda-60042rsc3green/2814 class="" title="
                Rolamento de Roda Traseira Honda CG150 Fan, CG150 Titan
              
">
            
        
            <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 ">6004-2RSC3 (GREEN)</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento de Roda Traseira Honda CG150 Fan, CG150 Titan
            </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_2814']" 
               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_3067" name="product_id" value="3067"/>
    <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_3067 > 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_3067" href="/produto/rolamento-do-motor-yamaha-fazer-250-0611--honda-cb400-ii-p--roda-traseira-ktm-94-rolamento-do-motor-yamaha-60052rsc3/3067" 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/3067.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/53638/53638.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-motor-yamaha-fazer-250-0611--honda-cb400-ii-p--roda-traseira-ktm-94-rolamento-do-motor-yamaha-60052rsc3/3067" 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/3067.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-motor-yamaha-fazer-250-0611--honda-cb400-ii-p--roda-traseira-ktm-94-rolamento-do-motor-yamaha-60052rsc3/3067 class="" title="
                Rolamento do Motor Yamaha Fazer 250 06&gt;11
              
">
            
        
            <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 ">6005-2RSC3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Motor Yamaha Fazer 250 06&gt;11
            </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_3067']" 
               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_2104" name="product_id" value="2104"/>
    <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_2104 > img').length-1;">
        <a id="gallery_2104" href="/produto/rolamento-do-motor-para-honda-cb400400-ii400p--yamaha-fazer-250-0611-rolamento-do-motor-para-honda-6005zz/2104" 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/2104.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-motor-para-honda-cb400400-ii400p--yamaha-fazer-250-0611-rolamento-do-motor-para-honda-6005zz/2104" 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/2104.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-motor-para-honda-cb400400-ii400p--yamaha-fazer-250-0611-rolamento-do-motor-para-honda-6005zz/2104 class="" title="
                Rolamento do Motor CB400/400 II/400P | Yamaha Fazer 250 06&gt;11
              
">
            
        
            <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 ">6005-ZZ</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Motor CB400/400 II/400P | Yamaha Fazer 250 06&gt;11
            </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_2104']" 
               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_2725" name="product_id" value="2725"/>
    <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_2725 > 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_2725" href="/produto/rolamento-de-transmisso-honda-cg125-9905-bros-nxr125-cg125-titan-2000-xl125-8495-rolamento-de-transmisso-honda-60062rsc3/2725" 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/2725.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/53639/53639.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-de-transmisso-honda-cg125-9905-bros-nxr125-cg125-titan-2000-xl125-8495-rolamento-de-transmisso-honda-60062rsc3/2725" 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/2725.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-de-transmisso-honda-cg125-9905-bros-nxr125-cg125-titan-2000-xl125-8495-rolamento-de-transmisso-honda-60062rsc3/2725 class="" title="
                Rolamento de Transmissão Honda CG125 99&gt;05, Bros NXR125
              
">
            
        
            <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 ">6006-2RSC3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento de Transmissão Honda CG125 99&gt;05, Bros NXR125
            </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_2725']" 
               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_364" name="product_id" value="364"/>
    <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_364 > img').length-1;">
        <a id="gallery_364" href="/produto/rolamento-de-transmisso-para-honda-cg125-9905-nxr125-bros-titan-2000-xl125-8495-rolamento-de-transmisso-para-honda-6006zz/364" 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/364.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-de-transmisso-para-honda-cg125-9905-nxr125-bros-titan-2000-xl125-8495-rolamento-de-transmisso-para-honda-6006zz/364" 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/364.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-de-transmisso-para-honda-cg125-9905-nxr125-bros-titan-2000-xl125-8495-rolamento-de-transmisso-para-honda-6006zz/364 class="" title="
                Rolamento de Transmissão para CG125 99&gt;05, NXR125 Bros, Titan 2000
              
">
            
        
            <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 ">6006-ZZ</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento de Transmissão para CG125 99&gt;05, NXR125 Bros, Titan 2000
            </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_364']" 
               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_66" name="product_id" value="66"/>
    <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_66 > img').length-1;">
        <a id="gallery_66" href="/produto/rolamento-do-virabrequim-lado-esquerdo-burgman-125i-injetada-1119---ld-esquerdo-rolamento-do-virabrequim-lado-esquerdo-60072rsc3/66" 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/66.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-burgman-125i-injetada-1119---ld-esquerdo-rolamento-do-virabrequim-lado-esquerdo-60072rsc3/66" 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/66.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-burgman-125i-injetada-1119---ld-esquerdo-rolamento-do-virabrequim-lado-esquerdo-60072rsc3/66 class="" title="
                Rolamento do Virabrequim Burgman 125i (Injetada)  2011&gt;... - Ld 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 ">6007-2RSC3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Virabrequim Burgman 125i (Injetada)  2011&gt;... - Ld 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_66']" 
               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_2938" name="product_id" value="2938"/>
    <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_2938 > img').length-1;">
        <a id="gallery_2938" href="/produto/rolamento-diferencial-traseiro-honda-quadriciclo-fourtrax-420-0813-rolamento-diferencial-traseiro-honda-6009zz/2938" 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/2938.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-diferencial-traseiro-honda-quadriciclo-fourtrax-420-0813-rolamento-diferencial-traseiro-honda-6009zz/2938" 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/2938.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-diferencial-traseiro-honda-quadriciclo-fourtrax-420-0813-rolamento-diferencial-traseiro-honda-6009zz/2938 class="" title="
                Rolamento Diferencial Traseiro Quadriciclo Fourtrax 420 08&gt;13
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6009-ZZ</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento Diferencial Traseiro Quadriciclo Fourtrax 420 08&gt;13
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_2938']" 
               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_15945" name="product_id" value="15945"/>
    <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_15945 > img').length-1;">
        <a id="gallery_15945" href="/produto/rolamento-do-cmbio-honda-ys-250-fazer-0610-xr-250-tornado-0108-cbx-250-twister-0108-nx-400-falcon-rolamento-do-cmbio-honda-62222rs/15945" 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/15945.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-cmbio-honda-ys-250-fazer-0610-xr-250-tornado-0108-cbx-250-twister-0108-nx-400-falcon-rolamento-do-cmbio-honda-62222rs/15945" 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/15945.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-cmbio-honda-ys-250-fazer-0610-xr-250-tornado-0108-cbx-250-twister-0108-nx-400-falcon-rolamento-do-cmbio-honda-62222rs/15945 class="" title="
                Rolamento do Câmbio YS 250 Fazer 06&gt;10, XR 250 Tornado 01&gt;08
              
">
            
        
            <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 ">62/22-2RS</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Câmbio YS 250 Fazer 06&gt;10, XR 250 Tornado 01&gt;08
            </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_15945']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="mak" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/mak.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>  
</div>        <div class="" style="background-color: rgba(0,0,0,0.5)" x-show="showDetail" :class="{ 'fixed inset-0 z-10 h-screen flex items-center justify-center py-16': showDetail }">
    <!--Dialog-->
    <div class="h-full bg-white w-11/12 sm:w-10/12 mx-auto rounded-lg shadow-lg text-left" x-show="showDetail" 
        @click.away="showDetail = false" 
        x-transition:enter="ease-out duration-300" 
        x-transition:enter-start="opacity-0 scale-90" 
        x-transition:enter-end="opacity-100 scale-100">
        <!--Title-->
        <div class="flex justify-between items-center py-3 border-b px-6">
            <p class="text-2xl font-bold">Detalhes do Produto</p>
            <div class="cursor-pointer z-50" @click="showDetail = false">
                <i class="fas fa-times fa-lg"></i>
            </div>
        </div>
        <!-- content -->
        <div id="detail_modal_preview" class="h-5/6 overflow-auto">
            <div class="htmx-indicator">
                <div class="h-full items-center justify-center flex">
                    <div class="animate-spin rounded-full h-32 w-32 border-t-2 border-b-2 border-blue-300 divide-blue-300"></div>
                </div>
             </div>
            <div class="default-button">
                <div id="product_preview" class="flex flex-col justify-center shadow-inner py-3"></div>
            </div>
        </div>

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

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

<div class="flex items-center justify-center">
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;pagina=1&amp;offset=0" :class="{'bg-gray-400 text-gray-700 font-bold': 1 === 1 }">
          1
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;pagina=2&amp;offset=25" :class="{'bg-gray-400 text-gray-700 font-bold': 2 === 1 }">
          2
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;pagina=3&amp;offset=50" :class="{'bg-gray-400 text-gray-700 font-bold': 3 === 1 }">
          3
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;pagina=4&amp;offset=75" :class="{'bg-gray-400 text-gray-700 font-bold': 4 === 1 }">
          4
        </a>
        <a class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border border-gray-200 bg-gray-100 px-4 py-2 rounded-r outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;pagina=2&amp;offset=25">
          <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 para 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 lg:grid-cols-6 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&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&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 125
              </a>
              <a href="/busca?q=H004" 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=dire%C3%A7%C3%A3o+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">
                  Pedal de Partida
              </div>
              <a href="/produto/pedal-partida-biz-c100-pop100-ppk-h304-ppk/1648773" title="Pedal de Partida Biz 100" class="my-1 block text-red-200 hover:underline">
                Pedal de Partida Biz 100
              </a>
              <a href="/busca?q=pedal+partida+CG125" title="Pedal de Partida CG 125" class="my-1 block text-red-200 hover:underline">
               Pedal de Partida CG 125
              </a>
              <a href="/produto/pedal-partida-dt180-ppk-y302-ppk/1648772" title="Pedal de Partida DT 180" class="my-1 block text-red-200 hover:underline">
                Pedal de Partida DT 180
              </a>
              <a href="/produto/pedal-de-partida-honda-cg125-titan-ks-es-fan-02-gt-04-cromado-ppk-h301-ppk/1648771" title="Pedal de Partida Fan 125" class="my-1 block text-red-200 hover:underline">
                Pedal de Partida Fan 125
              </a>
              <a href="/produto/pedal-partida-biz-c100-pop100-ppk-h304-ppk/1648773" title="Pedal de Partida Pop 100" class="my-1 block text-red-200 hover:underline">
                Pedal de Partida Pop 100
              </a>
              <a href="/busca?q=Pedal+Partida+CG150" title=" Pedal de Partida Titan 150" class="my-1 block text-red-200 hover:underline">
                  Pedal de Partida Titan 150
              </a>
              <a href="/produto/pedal-partida-ybr125-factor-ppk-y301-ppk/1648768" title="Pedal de Partida YBR 125" class="my-1 block text-red-200 hover:underline">
                Pedal de Partida YBR 125
              </a>
          </div>
          <div class="py-5">
              <div class="text-sm uppercase text-white font-semibold mb-2">
                  Pedal de Câmbio
              </div>
              <a href="/produto/pedal-cambio-biz-c125-es-ks-ppk-h406-ppk/1648781" title="Pedal de Câmbio Biz 125" class="my-1 block text-red-200 hover:underline">
                Pedal de Câmbio Biz 125
              </a>
              <a href="/busca?q=pedal+cambio+cg125" title="Pedal de Câmbio CG 125" class="my-1 block text-red-200 hover:underline">
                  Pedal de Câmbio CG 125
              </a>
              <a href="/produto/pedal-cambio-titan-cg150-ppk-h402-ppk/1648777" title="Pedal de Câmbio Titan 150" class="my-1 block text-red-200 hover:underline">
                Pedal de Câmbio Titan 150
              </a>
          </div>
          <div class="py-5">
              <div class="text-sm uppercase text-white font-semibold mb-2">
                 Pedal de Marcha
              </div>
              <a href="/busca?q=BIZ%20C100&filter=categoriaNome:%22Pedal%20de%20C%C3%A2mbio%22" title="Pedal de Marcha Biz 100" class="my-1 block text-red-200 hover:underline">
                Pedal de Marcha Biz 100
              </a>
              <a href="/busca?q=pedal+cambio+cg125" title="Pedal de Marcha CG 125" class="my-1 block text-red-200 hover:underline">
                Pedal de Marcha CG 125
              </a>
              <a href="/produto/pedal-de-cambio-honda-cg125-titan-ks-es-fan-cromado-ppk-h401-ppk/1648775" title="Pedal de Marcha Fan 125" class="my-1 block text-red-200 hover:underline">
                 Pedal de Marcha Fan 125
              </a>
              <a href="/produto/pedal-cambio-titan-cg150-ppk-h402-ppk/1648777" title="Pedal de Marcha Titan 150" class="my-1 block text-red-200 hover:underline">
               Pedal de Marcha Titan 150
              </a>
          </div>
          <div class="py-5">
              <div class="text-sm uppercase text-white font-semibold mb-2">
                Rolamento 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-cg125-titan-fan-lado-direito-09-gt-cg150-titan-fan-04-gt-nxr150-bros-06-gt-cg160-titan-fan-nxr-160-bros-cg160-start-todos-t105e-crypton-eixo-comando-de-valvulas-direito-t115e-crypton-eixo-de-comando-ybr125-factor-125-eixo-de-comando-direito-xtz125-eixo-de-comando-esquerdo-6003-2rsc3-ppk/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-ybr125-factor-ys150-fazer-ys250-fazer-roda-dianteira-honda-cg125-titan-fan-6202-2rsc3-ppk/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-pcx150-transmissao-cg150-fan-titan-biz-c100-c125-pop100-factor-125-nxr150-bros-yamaha-ybr125-6201-2rsc3-ppk/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-honda-biz-c100-98-gt-05-c100-dream-cg125-fan-today-titan-roda-dianteira-nxr125-150-bros-03-gt-yamaha-roda-dianteira-factor-125-150-roda-traseira-crypton-105-6301-2rsc3-green-ppk/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-rigido-de-esfera-6301-2rsc3-green-ppk/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-rigido-de-esferas-6303-2rsc3-ppk/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-rigido-de-esferas-6302-2rsc3-green-ppk/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-honda-cg150-fan-cg150-titan-yamaha-factor125-150-ybr125-ys150-fazer-ys250-fazer-transmissao-xr200-cbx200-strada-6004-2rsc3-green-ppk/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-t105e-crypton-pop100-biz-c100-transmissao-cg160-titan-fan-start-6304-2rsc3-ppk/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-yamaha-ys250-fazer-06-gt-10-honda-cg-turuna-todos-os-modelos-cg125-titan-fan-todos-ate-1999-xls125-xlr125-todos-63-28-rsc3-ppk/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-t105e-crypton-pop100-biz-c100-transmissao-cg160-titan-fan-start-6304-2rsc3-ppk/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-do-virabrequim-yamaha-t105e-crypton-ybr125-factor125-xtz125-dir-esq-transmissao-ys250-fazer-06-gt-10-xtz250-lander-todos-lado-direito-6205-2rsc3-green-ppk/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 x-data="{ cookieOpen: false }" x-init="() => setTimeout(() => cookieOpen = true, 500)" class="py-6 flex flex-col justify-center sm:py-12">
<div x-show="cookieOpen"     
        x-transition:enter-start="opacity-0 scale-90" 
        x-transition:enter="transition duration-200 transform ease"
        x-transition:leave="transition duration-200 transform ease"
        x-transition:leave-end="opacity-0 scale-90"
         class="max-w-screen-lg mx-auto fixed inset-x-5 p-5 bottom-10 rounded-lg z-50 bg-red-800 bg-opacity-90  drop-shadow-2xl flex gap-4 flex-wrap md:flex-nowrap text-center md:text-left items-center justify-center md:justify-between">
    <div class="w-full">Este site usa cookies para garantir que você obtenha a melhor experiência em nosso site.
      <a href="/privacidade" class="text-white whitespace-nowrap hover:underline">saiba mais</a></div>
    <div class="flex gap-4 items-center flex-shrink-0">
      <button hx-post="/config/cookies" hx-trigger="click" hx-swap="none" @click="cookieOpen = false" class="bg-green-600 border-green-700 text-white hover:bg-green-700 transition duration-300 ease-in-out border-b-4 rounded px-5 py-2">Aceitar</button>
    </div>
  </div>
</div>

<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) => {
            // Obtém o texto do item clicado
            let clickedText = event.target.innerText;

            // Coloca o valor entre aspas
            let quotedText = `"${clickedText}"`;

            // Atribui o valor entre aspas ao campo de entrada
            autoCompleteJS.input.value = quotedText;

            // Submete o formulário, se necessário, ou realiza qualquer outra ação
            // autoCompleteJS.input.form.submit(); // Descomente se quiser submeter o formulário

            console.log("Selected:", quotedText);
        }
    }
        }
    });
    }
</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>