{"offset":1,"limit":12,"max":12,"nbHits":48,"exhaustiveNbHits":false,"processingTimeMs":17,"query":"caixa dire\u00e7\u00e3o fazer 250","search":"caixa dire\u00e7\u00e3o fazer 250","response":{"docs":[{"catalogoID":31997,"id":"1648725","produtoID":1648725,"produtoHabilitado":0,"catalogoAtualizadoEm":"2025-04-17 15:37:47","produtoNome":"Caixa de Dire\u00e7\u00e3o","produtoModelo":"PPK-Y003B","produtoPeso":"0.2800","produtoMarca":"PPK","produtoMedida":"0x0x0","produtoEmbalagem":"Caixinha Individual","categoriaID":968,"categoriaSEO":"caixa-de-direcao","categoriaNome":"Caixa de Dire\u00e7\u00e3o","categoriaTitulo":"Caixa de Dire\u00e7\u00e3o para Motos PPK | Pilotagem Segura com PPK","categoriaPalavrasChaves":"Caixa de Dire\u00e7\u00e3o, Caixa Dire\u00e7\u00e3o Motos, Caixa Dire\u00e7\u00e3o PPK, PPK motope\u00e7as, PPK,  moto pe\u00e7a PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"A Caixa de Dire\u00e7\u00e3o PPK \u00e9 indicada para motos que rodam tanto em centros urbanos como em terrenos acidentados, oferecendo uma pilotagem mais suave e segura.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Caixa de Dire\u00e7\u00e3o Esf\u00e9rica para Yamaha YS Fazer 250 08>17, XTZ 250 T\u00e9n\u00e9r\u00e9 11>19, XTZ Lander 250 07>..., XJ6, XT 350\/600\/660R, XTZ Super T\u00e9n\u00e9r\u00e9 750","ecommerceNome":"Caixa de Dire\u00e7\u00e3o Esf\u00e9rica para Yamaha","ecommerceNomeCurto":"Caixa de Dire\u00e7\u00e3o Esf\u00e9rica Yamaha YS Fazer 250 08>17, XTZ 250 Lander, XT600","ecommerceDescricao":"YS Fazer 250 08>17, XTZ 250 T\u00e9n\u00e9r\u00e9 11>19, XTZ Lander 250 07>..., XJ6, XT 350\/600\/660R, XTZ Super T\u00e9n\u00e9r\u00e9 750","ecommerceComplemento":"Sundown STX 200 | Suzuki Intruder 250, Burgman 400, Bandit 650\/650S\/1200, GSX 750F, GSF 600\/1200 | Dafra Riva 150","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Caixa de Dire\u00e7\u00e3o Yamaha Fazer 250, XTZ250, XT600 | PPK-Y003B","ecommerceSeoDescricao":"Caixa de Dire\u00e7\u00e3o PPK-Y003B para moto Yamaha Fazer 250, XTZ250 e XT600. Acesse nosso site e conhe\u00e7a a garantia oferecida pela PPK Motoparts em toda linha de Caixa de Dire\u00e7\u00e3o de moto.","ecommerceSeoPalavrasChaves":"caixa de dire\u00e7\u00e3o, caixa dire\u00e7\u00e3o ppk, caixa dire\u00e7\u00e3o Yamaha, caixa dire\u00e7\u00e3o XTZ250, caixa dire\u00e7\u00e3o Fazer, PPK-Y003B, caixa dire\u00e7\u00e3o  XT600, PPK Motoparts","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1648726\", \"1648370\", \"997737\", \"15015\"]","codigoOriginal":"Yamaha:93399-99931; Yamaha:93399-99932","codigoSimilar":"Authomix:CD205026; Cofap:CDC42006; Danidrea:05026; Riffel:100746","ecommerceCaracteristicas":"Material:A\u00e7o cromo SAE 52100:5346; Tipo:Esf\u00e9rica:5400","ecommerceCaracteristicasNome":"Material; Tipo","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; Esf\u00e9rica","categoriaOrdem":"3","produtoVIP":"5","aplicacaoMoto":["Caixa de dire\u00e7\u00e3o"],"aplicacaoMotoMontadoras":["Dafra","Suzuki","Yamaha"],"aplicacaoMotoModelos":["BURGMAN","INTRUDER","Riva","XT","XTZ","YS"],"aplicacaoMotoGrupo":["Suspens\u00e3o"],"aplicacaoMotoSubGrupo":["Coluna de dire\u00e7\u00e3o"],"aplicacaoMotoCompleto":["Caixa de dire\u00e7\u00e3o, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o"],"aplicacaoMotoModelosCompleto":["Dafra Riva 150 12>17","Yamaha XT 600 ","Yamaha XTZ 250 11>19"],"produtoPrecoConsumidor":20.88,"produtoEstoque":0,"produtoModeloBusca":"PPKY003B","ecommerceBusca":"Caixa de Dire\u00e7\u00e3o Esf\u00e9rica para Yamaha YS Fazer 250 08>17, XTZ 250 T\u00e9n\u00e9r\u00e9 11>19, XTZ Lander 250 07>..., XJ6, XT 350\/600\/660R, XTZ Super T\u00e9n\u00e9r\u00e9 750 Caixa de Dire\u00e7\u00e3o Esf\u00e9rica para Yamaha PPKY003B","material":"A\u00e7o cromo SAE 52100","contador":1,"chave":0,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1648725.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1648725.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1648725.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"PPK-Y003B Caixa de Dire\u00e7\u00e3o Esf\u00e9rica para Yamaha YS Fazer 250 08>17, XTZ 250 T\u00e9n\u00e9r\u00e9 11>19, XTZ Lander 250 07>..., XJ6, XT 350\/600\/660R, XTZ Super T\u00e9n\u00e9r\u00e9 750 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/caixa-de-direcao-ppk-y003b-ppk\/1648725","aplicacao":"\/produto\/caixa-de-direcao-esferica-para-yamaha-ys-fazer-250-08-17-xtz-250-tenere-11-19-xtz-lander-250-07-xj6-xt-350-600-660r-xtz-super-tenere-750-caixa-de-direcao-esferica-para-yamaha-ppky003b\/1648725","modal":"\/modal\/caixa-de-direcao-ppk-y003b-ppk\/1648725"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5400","name":"Tipo","value":"Esf\u00e9rica"}],"codigoOriginalLista":[{"name":"Yamaha","value":"93399-99931"},{"name":"Yamaha","value":"93399-99932"}],"codigoSimilarLista":[{"name":"Authomix","value":"CD205026"},{"name":"Cofap","value":"CDC42006"},{"name":"Danidrea","value":"05026"},{"name":"Riffel","value":"100746"}]},{"catalogoID":31998,"id":"1648726","produtoID":1648726,"produtoHabilitado":0,"catalogoAtualizadoEm":"2025-06-26 15:30:37","produtoNome":"Caixa de Dire\u00e7\u00e3o C\u00f4nica","produtoModelo":"PPK-Y003R","produtoPeso":"0.2800","produtoMarca":"PPK","produtoMedida":"0x0x0","produtoEmbalagem":"Caixinha Individual","categoriaID":968,"categoriaSEO":"caixa-de-direcao","categoriaNome":"Caixa de Dire\u00e7\u00e3o","categoriaTitulo":"Caixa de Dire\u00e7\u00e3o para Motos PPK | Pilotagem Segura com PPK","categoriaPalavrasChaves":"Caixa de Dire\u00e7\u00e3o, Caixa Dire\u00e7\u00e3o Motos, Caixa Dire\u00e7\u00e3o PPK, PPK motope\u00e7as, PPK,  moto pe\u00e7a PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"A Caixa de Dire\u00e7\u00e3o PPK \u00e9 indicada para motos que rodam tanto em centros urbanos como em terrenos acidentados, oferecendo uma pilotagem mais suave e segura.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Caixa de Dire\u00e7\u00e3o C\u00f4nica para Yamaha YS Fazer 250 08>17, Fazer FZ6 600 08>09, XVS 650 Drag Star,  XTZ 250 T\u00e9n\u00e9r\u00e9 11>19, XTZ Lander 250 07>..., XMax 250 21>..., XJ6, XT 350\/600\/660R, XTZ Super T\u00e9n\u00e9r\u00e9 750, Virago 535,","ecommerceNome":"Caixa de Dire\u00e7\u00e3o C\u00f4nica para Yamaha","ecommerceNomeCurto":"Caixa de Dire\u00e7\u00e3o C\u00f4nica Fazer 250 08>17, XTZ Lander \/ Tenere 250, XMax 250","ecommerceDescricao":"YS Fazer 250 08>17, Fazer FZ6 600 08>09, XVS 650 Drag Star,  XTZ 250 T\u00e9n\u00e9r\u00e9 11>19, XTZ Lander 250 07>..., XMax 250 21>..., XJ6, XT 350\/600\/660R, XTZ Super T\u00e9n\u00e9r\u00e9 750, Virago 535,","ecommerceComplemento":"YZF R1 98>06, R6 99>09, R3 15>20, MT03 20, MT07 \/ MT09 18>20, XJ6, Tracer 900GT 2020, Midnight 950 | Suzuki Bandit 600\/650\/1200, Burgman 400 00>19, Boulevard 1500R, GSX 750F | Sundown STX 200 | Dafra Riva 150","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Caixa de Dire\u00e7\u00e3o Yamaha Fazer 250, XTZ250, XT600 | PPK-Y003R","ecommerceSeoDescricao":"Caixa de Dire\u00e7\u00e3o PPK-Y003R para moto Yamaha Fazer 250, XTZ250 e XT600. Seja na terra ou no asfalto, a Caixa de Dire\u00e7\u00e3o PPK \u00e9 garantia de qualidade e durabilidade para o sistema de dire\u00e7\u00e3o da sua moto.","ecommerceSeoPalavrasChaves":"caixa de dire\u00e7\u00e3o, caixa dire\u00e7\u00e3o ppk, caixa dire\u00e7\u00e3o Yamaha, caixa dire\u00e7\u00e3o XTZ250, caixa dire\u00e7\u00e3o Fazer, PPK-Y003R, caixa dire\u00e7\u00e3o XT600, PPK Motoparts","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1648725\", \"1648375\", \"348\", \"997737\"]","codigoOriginal":"Yamaha:93332-000Y5; Yamaha:9333200001; Yamaha:9333200008; Yamaha:93399-99931; Yamaha:93399-99932","codigoSimilar":"Authomix:CD240016C; Cofap:CDC42002; Danidrea:40016; Riffel:100747; Rugata:RUG 246","ecommerceCaracteristicas":"Material:A\u00e7o cromo SAE 52100:5346; Tipo:C\u00f4nica:5400","ecommerceCaracteristicasNome":"Material; Tipo","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C\u00f4nica","categoriaOrdem":"3","produtoVIP":"5","aplicacaoMoto":["Caixa de dire\u00e7\u00e3o"],"aplicacaoMotoMontadoras":["Suzuki","Yamaha"],"aplicacaoMotoModelos":["BANDIT","BURGMAN","RD","VIRAGO","XT","XTZ","YS"],"aplicacaoMotoGrupo":["Suspens\u00e3o"],"aplicacaoMotoSubGrupo":["Coluna de dire\u00e7\u00e3o"],"aplicacaoMotoCompleto":["Caixa de dire\u00e7\u00e3o, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o"],"aplicacaoMotoModelosCompleto":["Suzuki BURGMAN 125 05>19","Yamaha RD 350 90>93","Yamaha XT 600 ","Yamaha XTZ 250 ","Yamaha XTZ 250 07>...","Yamaha YS 250 06>..."],"produtoPrecoConsumidor":24.23,"produtoEstoque":0,"produtoModeloBusca":"PPKY003R","ecommerceBusca":"Caixa de Dire\u00e7\u00e3o C\u00f4nica para Yamaha YS Fazer 250 08>17, Fazer FZ6 600 08>09, XVS 650 Drag Star,  XTZ 250 T\u00e9n\u00e9r\u00e9 11>19, XTZ Lander 250 07>..., XMax 250 21>..., XJ6, XT 350\/600\/660R, XTZ Super T\u00e9n\u00e9r\u00e9 750, Virago 535, Caixa de Dire\u00e7\u00e3o C\u00f4nica para Yamaha PPKY003R","material":"A\u00e7o cromo SAE 52100","contador":2,"chave":1,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1648726.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1648726.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1648726.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"PPK-Y003R Rolamento para Caixa de Dire\u00e7\u00e3o","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50065\/50065.jpg?version=7.73"},{"id":2,"grupo":"Galeria de Produto","nome":"PPK-Y003R Rolamento para Caixa de Dire\u00e7\u00e3o","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50066\/50066.jpg?version=7.73"},{"id":3,"grupo":"Galeria de Produto","nome":"PPK-Y003R Rolamento para Caixa de Dire\u00e7\u00e3o","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50067\/50067.jpg?version=7.73"}],"produtoGaleriaTotal":3,"produtoBusca":"PPK-Y003R Caixa de Dire\u00e7\u00e3o C\u00f4nica para Yamaha YS Fazer 250 08>17, Fazer FZ6 600 08>09, XVS 650 Drag Star,  XTZ 250 T\u00e9n\u00e9r\u00e9 11>19, XTZ Lander 250 07>..., XMax 250 21>..., XJ6, XT 350\/600\/660R, XTZ Super T\u00e9n\u00e9r\u00e9 750, Virago 535, PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/caixa-de-direcao-conica-ppk-y003r-ppk\/1648726","aplicacao":"\/produto\/caixa-de-direcao-conica-para-yamaha-ys-fazer-250-08-17-fazer-fz6-600-08-09-xvs-650-drag-star-xtz-250-tenere-11-19-xtz-lander-250-07-xmax-250-21-xj6-xt-350-600-660r-xtz-super-tenere-750-virago-535-caixa-de-direcao-conica-para-yamaha-ppky003r\/1648726","modal":"\/modal\/caixa-de-direcao-conica-ppk-y003r-ppk\/1648726"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5400","name":"Tipo","value":"C\u00f4nica"}],"codigoOriginalLista":[{"name":"Yamaha","value":"93332-000Y5"},{"name":"Yamaha","value":"9333200001"},{"name":"Yamaha","value":"9333200008"},{"name":"Yamaha","value":"93399-99931"},{"name":"Yamaha","value":"93399-99932"}],"codigoSimilarLista":[{"name":"Authomix","value":"CD240016C"},{"name":"Cofap","value":"CDC42002"},{"name":"Danidrea","value":"40016"},{"name":"Riffel","value":"100747"},{"name":"Rugata","value":"RUG 246"}]},{"catalogoID":38119,"id":"2534","produtoID":2534,"produtoHabilitado":0,"catalogoAtualizadoEm":"2025-05-14 13:13:34","produtoNome":"Rolamento de Rolos C\u00f4nicos","produtoModelo":"32006X","produtoPeso":"0.1780","produtoMarca":"MAK","produtoMedida":"30x55x17","produtoEmbalagem":"Caixinha Individual","categoriaID":968,"categoriaSEO":"caixa-de-direcao","categoriaNome":"Caixa de Dire\u00e7\u00e3o","categoriaTitulo":"Caixa de Dire\u00e7\u00e3o para Motos PPK | Pilotagem Segura com PPK","categoriaPalavrasChaves":"Caixa de Dire\u00e7\u00e3o, Caixa Dire\u00e7\u00e3o Motos, Caixa Dire\u00e7\u00e3o PPK, PPK motope\u00e7as, PPK,  moto pe\u00e7a PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"A Caixa de Dire\u00e7\u00e3o PPK \u00e9 indicada para motos que rodam tanto em centros urbanos como em terrenos acidentados, oferecendo uma pilotagem mais suave e segura.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Caixa de Dire\u00e7\u00e3o Inferior C\u00f4nica para Yamaha Fazer 250 08>17, XTZ Lander 250 07>..., XTZ 250 T\u00e9n\u00e9r\u00e9 11>19, XT600\/660 | Superior CB 300R Repsol","ecommerceNome":"Caixa de Dire\u00e7\u00e3o Inferior C\u00f4nica para Yamaha","ecommerceNomeCurto":"Caixa de Dire\u00e7\u00e3o C\u00f4nica Inferior Fazer 250 08>17, XTZ 250 T\u00e9n\u00e9r\u00e9 11>19, XTZ Lander 250 07>..., XT600\/660","ecommerceDescricao":"Fazer 250 08>17, XTZ Lander 250 07>..., XTZ 250 T\u00e9n\u00e9r\u00e9 11>19, XT600\/660 | Superior CB 300R Repsol","ecommerceComplemento":"Suzuki Burgman 400 00>19","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Caixa de Dire\u00e7\u00e3o Inferior PPK para Fazer 250 | Caixa de Dire\u00e7\u00e3o PPK","ecommerceSeoDescricao":"A caixa de dire\u00e7\u00e3o c\u00f4nica inferior PPK para moto atende com excelencia alguns dos principais modelos Yamanha, como Fazer 250 , XTZ Lander 250 e XTZ 250 T\u00e9n\u00e9r\u00e9. Caixa de Dire\u00e7\u00e3o C\u00f4nica \u00e9 PPK .","ecommerceSeoPalavrasChaves":"caixa dire\u00e7\u00e3o, caixa dire\u00e7\u00e3o PPK, PPK, fazer 250,","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Fiat:4470124; Massey Ferguson:1422111M91; Massey Ferguson:1716989M1; Valmet:24903780; Yamaha:9333200008","codigoSimilar":null,"ecommerceCaracteristicas":"Material:A\u00e7o cromo SAE 52100:5346; Tipo:C\u00f4nica:5400","ecommerceCaracteristicasNome":"Material; Tipo","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C\u00f4nica","categoriaOrdem":"3","produtoVIP":"5","aplicacaoMoto":["Caixa de dire\u00e7\u00e3o"],"aplicacaoMotoMontadoras":["Yamaha"],"aplicacaoMotoModelos":["FAZER","XTZ"],"aplicacaoMotoGrupo":null,"aplicacaoMotoSubGrupo":["Coluna de dire\u00e7\u00e3o"],"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":["Yamaha FAZER 250 08>17"],"produtoPrecoConsumidor":9.79,"produtoEstoque":0,"produtoModeloBusca":"32006X","ecommerceBusca":"Caixa de Dire\u00e7\u00e3o Inferior C\u00f4nica para Yamaha Fazer 250 08>17, XTZ Lander 250 07>..., XTZ 250 T\u00e9n\u00e9r\u00e9 11>19, XT600\/660 | Superior CB 300R Repsol Caixa de Dire\u00e7\u00e3o Inferior C\u00f4nica para Yamaha 32006X","material":"A\u00e7o cromo SAE 52100","contador":3,"chave":2,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/2534.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/2534.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/2534.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"32006X Caixa de Dire\u00e7\u00e3o Inferior C\u00f4nica para Yamaha Fazer 250 08>17, XTZ Lander 250 07>..., XTZ 250 T\u00e9n\u00e9r\u00e9 11>19, XT600\/660 | Superior CB 300R Repsol MAK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"mak","url":{"produto":"\/produto\/rolamento-de-rolos-conicos-32006x-mak\/2534","aplicacao":"\/produto\/caixa-de-direcao-inferior-conica-para-yamaha-fazer-250-08-17-xtz-lander-250-07-xtz-250-tenere-11-19-xt600-660-superior-cb-300r-repsol-caixa-de-direcao-inferior-conica-para-yamaha-32006x\/2534","modal":"\/modal\/rolamento-de-rolos-conicos-32006x-mak\/2534"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5400","name":"Tipo","value":"C\u00f4nica"}],"codigoOriginalLista":[{"name":"Fiat","value":"4470124"},{"name":"Massey Ferguson","value":"1422111M91"},{"name":"Massey Ferguson","value":"1716989M1"},{"name":"Valmet","value":"24903780"},{"name":"Yamaha","value":"9333200008"}],"codigoSimilarLista":false},{"catalogoID":31995,"id":"1648377","produtoID":1648377,"produtoHabilitado":0,"catalogoAtualizadoEm":"2025-04-11 19:55:25","produtoNome":"Caixa de Dire\u00e7\u00e3o C\u00f4nica","produtoModelo":"PPK-Y002R","produtoPeso":"0.1500","produtoMarca":"PPK","produtoMedida":"0x0x0","produtoEmbalagem":"Caixinha Individual","categoriaID":968,"categoriaSEO":"caixa-de-direcao","categoriaNome":"Caixa de Dire\u00e7\u00e3o","categoriaTitulo":"Caixa de Dire\u00e7\u00e3o para Motos PPK | Pilotagem Segura com PPK","categoriaPalavrasChaves":"Caixa de Dire\u00e7\u00e3o, Caixa Dire\u00e7\u00e3o Motos, Caixa Dire\u00e7\u00e3o PPK, PPK motope\u00e7as, PPK,  moto pe\u00e7a PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"A Caixa de Dire\u00e7\u00e3o PPK \u00e9 indicada para motos que rodam tanto em centros urbanos como em terrenos acidentados, oferecendo uma pilotagem mais suave e segura.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Caixa de Dire\u00e7\u00e3o C\u00f4nica para Yamaha YBR 125 Factor 09>16, YBR 150 Factor 17>..., YS 150 Fazer 14>..., Virago 250, Virago 650","ecommerceNome":"Caixa de Dire\u00e7\u00e3o C\u00f4nica para Yamaha","ecommerceNomeCurto":"Caixa de Dire\u00e7\u00e3o C\u00f4nica YBR 125 Factor 09>16, YBR 150 Factor, YS 150 Fazer 14>...","ecommerceDescricao":"YBR 125 Factor 09>16, YBR 150 Factor 17>..., YS 150 Fazer 14>..., Virago 250, Virago 650","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Caixa de Dire\u00e7\u00e3o Yamaha Fazer 150, YBR Factor 125\/150 | PPK-Y002R","ecommerceSeoDescricao":"Garantia de qualidade, a Caixa de Dire\u00e7\u00e3o PPK-Y002R \u00e9 indicada para motos Yamaha Fazer 150 e YBR Factor 125 \/ 150. Caixa de Dire\u00e7\u00e3o PPK Motoparts, sua moto mais segura. Caixa de dire\u00e7\u00e3o \u00e9 PPK.","ecommerceSeoPalavrasChaves":"caixa de dire\u00e7\u00e3o, caixa dire\u00e7\u00e3o ppk, caixa dire\u00e7\u00e3o Yamaha, caixa dire\u00e7\u00e3o YBR125, caixa dire\u00e7\u00e3o Factor, caixa dire\u00e7\u00e3o Fazer, PPK-Y002R, PPK Motoparts","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1648370\", \"1648726\", \"348\", \"15015\"]","codigoOriginal":null,"codigoSimilar":"Authomix:CD200020C; Danidrea:40020; Riffel:100749; Rugata:RUG 236","ecommerceCaracteristicas":"Material:A\u00e7o cromo SAE 52100:5346; Tipo:C\u00f4nica:5400","ecommerceCaracteristicasNome":"Material; Tipo","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C\u00f4nica","categoriaOrdem":"3","produtoVIP":"5","aplicacaoMoto":["Caixa de dire\u00e7\u00e3o"],"aplicacaoMotoMontadoras":["Yamaha"],"aplicacaoMotoModelos":["YBR","YS"],"aplicacaoMotoGrupo":["Suspens\u00e3o"],"aplicacaoMotoSubGrupo":["Coluna de dire\u00e7\u00e3o"],"aplicacaoMotoCompleto":["Caixa de dire\u00e7\u00e3o, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o"],"aplicacaoMotoModelosCompleto":["Yamaha YBR 125 09>16","Yamaha YBR 125 17>...","Yamaha YBR 150 17>...","Yamaha YS 150 14>..."],"produtoPrecoConsumidor":20,"produtoEstoque":0,"produtoModeloBusca":"PPKY002R","ecommerceBusca":"Caixa de Dire\u00e7\u00e3o C\u00f4nica para Yamaha YBR 125 Factor 09>16, YBR 150 Factor 17>..., YS 150 Fazer 14>..., Virago 250, Virago 650 Caixa de Dire\u00e7\u00e3o C\u00f4nica para Yamaha PPKY002R","material":"A\u00e7o cromo SAE 52100","contador":4,"chave":3,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1648377.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1648377.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1648377.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"PPK-Y002R Rolamento para Caixa de Dire\u00e7\u00e3o","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50069\/50069.jpg?version=7.73"},{"id":2,"grupo":"Galeria de Produto","nome":"PPK-Y002R Rolamento para Caixa de Dire\u00e7\u00e3o","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50070\/50070.jpg?version=7.73"},{"id":3,"grupo":"Galeria de Produto","nome":"PPK-Y002R Rolamento para Caixa de Dire\u00e7\u00e3o","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50071\/50071.jpg?version=7.73"}],"produtoGaleriaTotal":3,"produtoBusca":"PPK-Y002R Caixa de Dire\u00e7\u00e3o C\u00f4nica para Yamaha YBR 125 Factor 09>16, YBR 150 Factor 17>..., YS 150 Fazer 14>..., Virago 250, Virago 650 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/caixa-de-direcao-conica-ppk-y002r-ppk\/1648377","aplicacao":"\/produto\/caixa-de-direcao-conica-para-yamaha-ybr-125-factor-09-16-ybr-150-factor-17-ys-150-fazer-14-virago-250-virago-650-caixa-de-direcao-conica-para-yamaha-ppky002r\/1648377","modal":"\/modal\/caixa-de-direcao-conica-ppk-y002r-ppk\/1648377"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5400","name":"Tipo","value":"C\u00f4nica"}],"codigoOriginalLista":false,"codigoSimilarLista":[{"name":"Authomix","value":"CD200020C"},{"name":"Danidrea","value":"40020"},{"name":"Riffel","value":"100749"},{"name":"Rugata","value":"RUG 236"}]},{"catalogoID":32113,"id":"2818","produtoID":2818,"produtoHabilitado":0,"catalogoAtualizadoEm":"2025-05-16 16:35:43","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6202-2RSC3","produtoPeso":"0.0460","produtoMarca":"PPK","produtoMedida":"15x35x11","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamentos-de-moto","categoriaNome":"Rolamentos de Moto","categoriaTitulo":"Rolamentos de Moto PPK | Rode Melhor com os Rolamentos PPK","categoriaPalavrasChaves":"rolamentos de moto, rolamentos moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Rolamento de Roda para Yamaha Dianteira Factor YBR125, Fazer YS150 \/ YS250, XTZ 250 Lander, XMax 250 21>... | Honda CG125 Titan\/Fan | Dafra Citycom 300i 11>... | Kawasaki Ninja 250 \/ 300 | Haojue DR 160 | Roda Traseira CG160 Fan \/ Titan | Roda Dianteira Dafra Next 250 \/ 300, Roda Trasira Apache 150, Riva 150 | Roda Traseira Esquerda Chopper Road 150","ecommerceNome":"Rolamento de Roda para Yamaha","ecommerceNomeCurto":"Rolamento da Roda Dianteira Fazer 250, XTZ 250 Lander, CG125, Citycom 300, Ninja 250\/300 | Roda Traseira CG160 Fan \/ Titan","ecommerceDescricao":"Dianteira Factor YBR125, Fazer YS150 \/ YS250, XTZ 250 Lander, XMax 250 21>... | Honda CG125 Titan\/Fan | Dafra Citycom 300i 11>... | Kawasaki Ninja 250 \/ 300 | Haojue DR 160 | Roda Traseira CG160 Fan \/ Titan | Roda Dianteira Dafra Next 250 \/ 300, Roda Trasira Apache 150, Riva 150 | Roda Traseira Esquerda Chopper Road 150","ecommerceComplemento":"Rolamento Externo da Embreagem Yamaha NMax 150 \/ 160 17>..., Neo 125 16>..., Fluo 125 | Rolamento Esquerdo da \u00c1rvore de Comando YS Fazer 250, XTZ Lander \/ T\u00e9n\u00e9r\u00e9 250 | Carca\u00e7a Esquerda do Motor Dafra Kansas 150, Speed 150 | Roda Traseira Sundown Hunter 125 | Roda Traseira Ld Direito Suzuki Intruder 125","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento de Roda 6202-2RSC3 para Factor 125, Fazer 150 e CG125 PPK","ecommerceSeoDescricao":"O Rolamento 6202-2RSC3 PPK \u00e9 aplicado na roda da Factor 125, Fazer 150 e CG125. Rolamento PPK, confiabilidade e seguran\u00e7a em rolamento de roda para sua moto.","ecommerceSeoPalavrasChaves":"motope\u00e7a, rolamento, rolamento moto, rolamento 6202-2RSC3, 6202-2RSC3, rolamento roda, rolamento CG125, rolamento Fazer 150, rolamento ppk, ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"348\", \"2717\", \"1777\", \"16312\"]","codigoOriginal":"Dafra:90104-A21-000; Dafra:90119-G40-000; Dafra:90262-027-000; Dafra:9536202ZI; Honda:91004KZR601; Honda:91014-KPS-732; Honda:91015-KK6-003; Honda:91053-KVK-902; Honda:91054-KVS-F01; Honda:96100-62020-00; Honda:96100-6202010; Honda:96120-62020; Honda:96140-62020-10; Scania:193700; Sundown:042ROT0026; Suzuki:08123-62027; Suzuki:08133-62027-000; Suzuki:08143-62027; Suzuki:08143-62027-000; Volvo:1660546; Volvo:1660609; Yamaha:2DP-E7412-00; Yamaha:93306-20205; Yamaha:93306-20209-00; Yamaha:93306-20209-09; Yamaha:93306-252Y4; Yamaha:93306-252Y5; Yamaha:93306-252YB; Yamaha:933A6-202Y1","codigoSimilar":"FAG:6202-2RSRC3; Nachi:6202-2NSEC3; NSK:6202-DDUC3; NTN:6202-LLUC3; SKF:6202-2RS1C3","ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Classifica\u00e7\u00e3o: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; Roda; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":["\u00c1rvore secund\u00e1ria","Balan\u00e7a","Cubo de roda","Embreagem central","Garfo"],"aplicacaoMotoMontadoras":["Dafra","Haojue","Honda","Suzuki","Yamaha"],"aplicacaoMotoModelos":["Apache","BURGMAN","CB","CBR","CBX","CG","Chopper Road","Citycom","CRYPTON","Elite","FAZER","INTRUDER","KANSAS","KATANA","NEO AT","NMAX","NX","NX-4","NXR","PCX","RD","Speed","XL","XLX","XR","XRE","XTZ","YBR","YS"],"aplicacaoMotoGrupo":["Motor","Roda","Suspens\u00e3o","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["Caixa de mudan\u00e7as","Carca\u00e7a do motor","Coluna de dire\u00e7\u00e3o","Embreagem","Roda dianteira","Roda traseira","Suspens\u00e3o traseira"],"aplicacaoMotoCompleto":["\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as","Balan\u00e7a, Suspens\u00e3o, Suspens\u00e3o traseira","Cubo de roda, Roda, Roda dianteira","Cubo de roda, Roda, Roda traseira","Garfo, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o","Garfo, Suspens\u00e3o, Suspens\u00e3o traseira"],"aplicacaoMotoModelosCompleto":["Dafra Apache 150 10>15","Haojue Chopper Road 150 17>...","Honda CB 300 ","Honda CB 400 ","Honda CB 500 ","Honda CBR 450 ","Honda CBX 150 88>92","Honda CBX 200 ","Honda CBX 450 ","Honda CG 125 ...>99","Honda CG 150 ","Honda CG 160 16>...","Honda NX 150 ","Honda NX 200 ","Honda NX-4 400 ","Honda NXR 125 ","Honda PCX 150 12>20","Honda PCX 160 22>...","Honda XL 125 84>95","Honda XL 250 ","Honda XLX 250 ","Honda XLX 350 ","Honda XR 200 ","Honda XR 250 ","Honda XRE 300 ","Suzuki BURGMAN 400 ","Suzuki Elite 125 ","Suzuki INTRUDER 125 ","Suzuki INTRUDER 250 ","Suzuki KATANA 125 ","Yamaha CRYPTON 150 ","Yamaha FAZER 250 ","Yamaha NEO AT 125 16>...","Yamaha NMAX 150 17>...","Yamaha NMAX 160 17>...","Yamaha RD 135 ","Yamaha XTZ 250 06>...","Yamaha YBR 125 ","Yamaha YS 250 06>..."],"produtoPrecoConsumidor":2.2,"produtoEstoque":0,"produtoModeloBusca":"62022RSC3","ecommerceBusca":"Rolamento de Roda para Yamaha Dianteira Factor YBR125, Fazer YS150 \/ YS250, XTZ 250 Lander, XMax 250 21>... | Honda CG125 Titan\/Fan | Dafra Citycom 300i 11>... | Kawasaki Ninja 250 \/ 300 | Haojue DR 160 | Roda Traseira CG160 Fan \/ Titan | Roda Dianteira Dafra Next 250 \/ 300, Roda Trasira Apache 150, Riva 150 | Roda Traseira Esquerda Chopper Road 150 Rolamento de Roda para Yamaha 62022RSC3","blindagem":"Vedado 2 lados","contador":5,"chave":4,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/2818.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/2818.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/2818.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"6202-2RSC3 Rolamento R\u00edgido de Esferas","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50147\/50147.jpg?version=7.73"},{"id":2,"grupo":"Galeria de Produto","nome":"6202-2RSC3 Rolamento R\u00edgido de Esferas","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50148\/50148.jpg?version=7.73"},{"id":3,"grupo":"Galeria de Produto","nome":"6202-2RSC3 Rolamento R\u00edgido de Esferas","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50149\/50149.jpg?version=7.73"},{"id":4,"grupo":"Galeria de Produto","nome":"","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/53642\/53642.jpg?version=7.73"}],"produtoGaleriaTotal":4,"produtoBusca":"6202-2RSC3 Rolamento de Roda para Yamaha Dianteira Factor YBR125, Fazer YS150 \/ YS250, XTZ 250 Lander, XMax 250 21>... | Honda CG125 Titan\/Fan | Dafra Citycom 300i 11>... | Kawasaki Ninja 250 \/ 300 | Haojue DR 160 | Roda Traseira CG160 Fan \/ Titan | Roda Dianteira Dafra Next 250 \/ 300, Roda Trasira Apache 150, Riva 150 | Roda Traseira Esquerda Chopper Road 150 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6202-2rsc3-ppk\/2818","aplicacao":"\/produto\/rolamento-de-roda-para-yamaha-dianteira-factor-ybr125-fazer-ys150-ys250-xtz-250-lander-xmax-250-21-honda-cg125-titan-fan-dafra-citycom-300i-11-kawasaki-ninja-250-300-haojue-dr-160-roda-traseira-cg160-fan-titan-roda-dianteira-dafra-next-250-300-roda-trasira-apache-150-riva-150-roda-traseira-esquerda-chopper-road-150-rolamento-de-roda-para-yamaha-62022rsc3\/2818","modal":"\/modal\/rolamento-rigido-de-esferas-6202-2rsc3-ppk\/2818"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Roda"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Dafra","value":"90104-A21-000"},{"name":"Dafra","value":"90119-G40-000"},{"name":"Dafra","value":"90262-027-000"},{"name":"Dafra","value":"9536202ZI"},{"name":"Honda","value":"91004KZR601"},{"name":"Honda","value":"91014-KPS-732"},{"name":"Honda","value":"91015-KK6-003"},{"name":"Honda","value":"91053-KVK-902"},{"name":"Honda","value":"91054-KVS-F01"},{"name":"Honda","value":"96100-62020-00"},{"name":"Honda","value":"96100-6202010"},{"name":"Honda","value":"96120-62020"},{"name":"Honda","value":"96140-62020-10"},{"name":"Scania","value":"193700"},{"name":"Sundown","value":"042ROT0026"},{"name":"Suzuki","value":"08123-62027"},{"name":"Suzuki","value":"08133-62027-000"},{"name":"Suzuki","value":"08143-62027"},{"name":"Suzuki","value":"08143-62027-000"},{"name":"Volvo","value":"1660546"},{"name":"Volvo","value":"1660609"},{"name":"Yamaha","value":"2DP-E7412-00"},{"name":"Yamaha","value":"93306-20205"},{"name":"Yamaha","value":"93306-20209-00"},{"name":"Yamaha","value":"93306-20209-09"},{"name":"Yamaha","value":"93306-252Y4"},{"name":"Yamaha","value":"93306-252Y5"},{"name":"Yamaha","value":"93306-252YB"},{"name":"Yamaha","value":"933A6-202Y1"}],"codigoSimilarLista":[{"name":"FAG","value":"6202-2RSRC3"},{"name":"Nachi","value":"6202-2NSEC3"},{"name":"NSK","value":"6202-DDUC3"},{"name":"NTN","value":"6202-LLUC3"},{"name":"SKF","value":"6202-2RS1C3"}]},{"catalogoID":32111,"id":"2717","produtoID":2717,"produtoHabilitado":0,"catalogoAtualizadoEm":"2025-06-20 13:14:48","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6202-ZZ","produtoPeso":"0.0460","produtoMarca":"PPK","produtoMedida":"15x35x11","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamentos-de-moto","categoriaNome":"Rolamentos de Moto","categoriaTitulo":"Rolamentos de Moto PPK | Rode Melhor com os Rolamentos PPK","categoriaPalavrasChaves":"rolamentos de moto, rolamentos moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Rolamento do Balanceiro para Honda CG150\/160 Titan, Start, Bros 160, YBR 125 01>16, XTZ 125, Fourtrax 420 08>... | Transmiss\u00e3o PCX 150\/160 13>..., ADV 150 21>..., Elite 125, YBR \/ XTZ 125 01>16 | Rolamento Esquerdo da \u00c1rvore de Comando YS Fazer 250, XTZ Lander \/ T\u00e9n\u00e9r\u00e9 250 | Rolamento da Carca\u00e7a Esquerda do Motor Eixo Prim\u00e1rio Dafra Kansas 150, Cityclass 200, Next 250","ecommerceNome":"Rolamento do Balanceiro para Honda","ecommerceNomeCurto":"Rolamento do Balanceiro CG150\/160 Titan, Start, Bros 160, Carca\u00e7a do Motor Dafra Cityclass 200","ecommerceDescricao":"CG150\/160 Titan, Start, Bros 160, YBR 125 01>16, XTZ 125, Fourtrax 420 08>... | Transmiss\u00e3o PCX 150\/160 13>..., ADV 150 21>..., Elite 125, YBR \/ XTZ 125 01>16 | Rolamento Esquerdo da \u00c1rvore de Comando YS Fazer 250, XTZ Lander \/ T\u00e9n\u00e9r\u00e9 250 | Rolamento da Carca\u00e7a Esquerda do Motor Eixo Prim\u00e1rio Dafra Kansas 150, Cityclass 200, Next 250","ecommerceComplemento":"Rolamento Eixo Prim\u00e1rio Esquerdo Haojue Chopper Road 150 17>... | Eixo Prim\u00e1rio Fourtrax 350 4x4 02>07 | Rolamento do Virabrequim para Bikelete \/ Bike \/ Bicicleta Motorizada Motor 2 tempos 66cc e 80cc, Moskito | Rolamento da Turbina para Moto Aqu\u00e1tica \/ Jet Ski Kawasaki  750, 900, 1100, STX","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento do Balanceiro para Titan 160 | Rolamento 6202 PPK","ecommerceSeoDescricao":"Rolamento 6202 do balanceiro para Honda CG 160 Titan, CG 160 Start ou Bros 160  | O Rolamento 6202 PPK atende as mais r\u00edgidas normas de qualidade dos fabricantes.","ecommerceSeoPalavrasChaves":"rolamentos para moto, rolamentos ppk, rolamento balanceiro, rolamento balanceiro titan, rolamento titan 160, rolamento 6202, PPK","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1647586\", \"2573\", \"448\", \"2710\"]","codigoOriginal":"Dafra:10347-G40A-000; Dafra:9536202ZI; Fiat:9604 \/ 55102; Honda:91001-HN6-003; Honda:91004-KRE-G01; Honda:91004-KRM-841; Honda:91004-KZR-602; Honda:91004KZR601; Honda:91014-KPS-732; Honda:91015-KK6-003; Honda:91053-KVK-902; Honda:96100-62020-00; Honda:96120-62020; Honda:96140-62020-10; Kawasaki:920453721; Scania:193700; Sundown:051TRA0014; Suzuki:08110-62020-000; Suzuki:08123-62027; Suzuki:08143-62027; Suzuki:09262H15010H000; Yamaha:93306-20205; Yamaha:93306-20209-00; Yamaha:93306-20209-09; Yamaha:93306-252Y5","codigoSimilar":"FAG:6202-2ZR; Nachi:6202-ZE; SKF:6202-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":"1","aplicacaoMoto":["\u00c1rvore secund\u00e1ria","Balan\u00e7a","Cubo de roda","Garfo"],"aplicacaoMotoMontadoras":["Dafra","Haojue","Honda","Suzuki","Yamaha"],"aplicacaoMotoModelos":["BURGMAN","CB","CBR","CBX","CG","Chopper Road","Cityclass","CRYPTON","Elite","FAZER","Fourtrax","INTRUDER","KANSAS","KATANA","NX","NX-4","NXR","RD","XL","XLX","XR","XRE","YBR"],"aplicacaoMotoGrupo":["Motor","Roda","Suspens\u00e3o","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["Caixa de mudan\u00e7as","Carca\u00e7a do motor","Coluna de dire\u00e7\u00e3o","Roda dianteira","Roda traseira","Suspens\u00e3o traseira"],"aplicacaoMotoCompleto":["\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as","Balan\u00e7a, Suspens\u00e3o, Suspens\u00e3o traseira","Cubo de roda, Roda, Roda dianteira","Cubo de roda, Roda, Roda traseira","Garfo, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o","Garfo, Suspens\u00e3o, Suspens\u00e3o traseira"],"aplicacaoMotoModelosCompleto":["Haojue Chopper Road 150 17>...","Honda CB 300 ","Honda CB 400 ","Honda CB 500 ","Honda CBR 450 ","Honda CBX 150 88>92","Honda CBX 200 ","Honda CBX 450 ","Honda CG 125 ...>99","Honda CG 150 ","Honda CG 160 16>...","Honda Fourtrax 350 02>08","Honda NX 150 ","Honda NX 200 ","Honda NX-4 400 ","Honda NXR 125 ","Honda XL 125 84>95","Honda XL 250 ","Honda XLX 250 ","Honda XLX 350 ","Honda XR 200 ","Honda XR 250 ","Honda XRE 300 ","Suzuki BURGMAN 400 ","Suzuki Elite 125 ","Suzuki INTRUDER 125 ","Suzuki INTRUDER 250 ","Suzuki KATANA 125 ","Yamaha CRYPTON 150 ","Yamaha FAZER 250 ","Yamaha RD 135 ","Yamaha YBR 125 "],"produtoPrecoConsumidor":2.2,"produtoEstoque":0,"produtoModeloBusca":"6202ZZ","ecommerceBusca":"Rolamento do Balanceiro para Honda CG150\/160 Titan, Start, Bros 160, YBR 125 01>16, XTZ 125, Fourtrax 420 08>... | Transmiss\u00e3o PCX 150\/160 13>..., ADV 150 21>..., Elite 125, YBR \/ XTZ 125 01>16 | Rolamento Esquerdo da \u00c1rvore de Comando YS Fazer 250, XTZ Lander \/ T\u00e9n\u00e9r\u00e9 250 | Rolamento da Carca\u00e7a Esquerda do Motor Eixo Prim\u00e1rio Dafra Kansas 150, Cityclass 200, Next 250 Rolamento do Balanceiro para Honda 6202ZZ","blindagem":"Blindado 2 lados","contador":6,"chave":5,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/2717.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/2717.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/2717.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"6202-ZZ Rolamento do Balanceiro para Honda CG150\/160 Titan, Start, Bros 160, YBR 125 01>16, XTZ 125, Fourtrax 420 08>... | Transmiss\u00e3o PCX 150\/160 13>..., ADV 150 21>..., Elite 125, YBR \/ XTZ 125 01>16 | Rolamento Esquerdo da \u00c1rvore de Comando YS Fazer 250, XTZ Lander \/ T\u00e9n\u00e9r\u00e9 250 | Rolamento da Carca\u00e7a Esquerda do Motor Eixo Prim\u00e1rio Dafra Kansas 150, Cityclass 200, Next 250 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6202-zz-ppk\/2717","aplicacao":"\/produto\/rolamento-do-balanceiro-para-honda-cg150-160-titan-start-bros-160-ybr-125-01-16-xtz-125-fourtrax-420-08-transmissao-pcx-150-160-13-adv-150-21-elite-125-ybr-xtz-125-01-16-rolamento-esquerdo-da-arvore-de-comando-ys-fazer-250-xtz-lander-tenere-250-rolamento-da-carcaca-esquerda-do-motor-eixo-primario-dafra-kansas-150-cityclass-200-next-250-rolamento-do-balanceiro-para-honda-6202zz\/2717","modal":"\/modal\/rolamento-rigido-de-esferas-6202-zz-ppk\/2717"},"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":"Dafra","value":"10347-G40A-000"},{"name":"Dafra","value":"9536202ZI"},{"name":"Fiat","value":"9604 \/ 55102"},{"name":"Honda","value":"91001-HN6-003"},{"name":"Honda","value":"91004-KRE-G01"},{"name":"Honda","value":"91004-KRM-841"},{"name":"Honda","value":"91004-KZR-602"},{"name":"Honda","value":"91004KZR601"},{"name":"Honda","value":"91014-KPS-732"},{"name":"Honda","value":"91015-KK6-003"},{"name":"Honda","value":"91053-KVK-902"},{"name":"Honda","value":"96100-62020-00"},{"name":"Honda","value":"96120-62020"},{"name":"Honda","value":"96140-62020-10"},{"name":"Kawasaki","value":"920453721"},{"name":"Scania","value":"193700"},{"name":"Sundown","value":"051TRA0014"},{"name":"Suzuki","value":"08110-62020-000"},{"name":"Suzuki","value":"08123-62027"},{"name":"Suzuki","value":"08143-62027"},{"name":"Suzuki","value":"09262H15010H000"},{"name":"Yamaha","value":"93306-20205"},{"name":"Yamaha","value":"93306-20209-00"},{"name":"Yamaha","value":"93306-20209-09"},{"name":"Yamaha","value":"93306-252Y5"}],"codigoSimilarLista":[{"name":"FAG","value":"6202-2ZR"},{"name":"Nachi","value":"6202-ZE"},{"name":"SKF","value":"6202-2Z"}]},{"catalogoID":31994,"id":"1648370","produtoID":1648370,"produtoHabilitado":0,"catalogoAtualizadoEm":"2025-04-17 15:31:06","produtoNome":"Caixa de Dire\u00e7\u00e3o Esf\u00e9rica","produtoModelo":"PPK-Y002B","produtoPeso":"0.1720","produtoMarca":"PPK","produtoMedida":"0x0x0","produtoEmbalagem":"Caixinha Individual","categoriaID":968,"categoriaSEO":"caixa-de-direcao","categoriaNome":"Caixa de Dire\u00e7\u00e3o","categoriaTitulo":"Caixa de Dire\u00e7\u00e3o para Motos PPK | Pilotagem Segura com PPK","categoriaPalavrasChaves":"Caixa de Dire\u00e7\u00e3o, Caixa Dire\u00e7\u00e3o Motos, Caixa Dire\u00e7\u00e3o PPK, PPK motope\u00e7as, PPK,  moto pe\u00e7a PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"A Caixa de Dire\u00e7\u00e3o PPK \u00e9 indicada para motos que rodam tanto em centros urbanos como em terrenos acidentados, oferecendo uma pilotagem mais suave e segura.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Caixa de Dire\u00e7\u00e3o para Yamaha YBR 125 Factor 09>16, YBR 150 Factor 17>..., YS 150 Fazer 14>...","ecommerceNome":"Caixa de Dire\u00e7\u00e3o para Yamaha","ecommerceNomeCurto":"Caixa de Dire\u00e7\u00e3o Yamaha YBR 125 Factor 09>16, YBR 150 Factor, YS150 Fazer 14>...","ecommerceDescricao":"YBR 125 Factor 09>16, YBR 150 Factor 17>..., YS 150 Fazer 14>...","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Caixa de Dire\u00e7\u00e3o Yamaha YBR 125 Factor e YS150 Fazer | PPK-Y002B","ecommerceSeoDescricao":"Caixa de Dire\u00e7\u00e3o PPK-Y002B para Yamaha YBR 125 Factor e YS 150 Fazer. Sin\u00f4nimo de qualidade e durabilidade para o sistema de dire\u00e7\u00e3o da sua moto, conte com a linha de Caixa de Dire\u00e7\u00e3o PPK Motoparts.","ecommerceSeoPalavrasChaves":"caixa de dire\u00e7\u00e3o, caixa dire\u00e7\u00e3o ppk, caixa dire\u00e7\u00e3o Yamaha, caixa dire\u00e7\u00e3o YBR125, caixa dire\u00e7\u00e3o Factor, caixa dire\u00e7\u00e3o Fazer, PPK-Y002B, PPK Motoparts","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1648377\", \"1648725\", \"1777\", \"997737\"]","codigoOriginal":null,"codigoSimilar":"Authomix:CD205017; Danidrea:05017; Riffel:100748","ecommerceCaracteristicas":"Material:A\u00e7o cromo SAE 52100:5346; Tipo:Esf\u00e9rica:5400","ecommerceCaracteristicasNome":"Material; Tipo","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; Esf\u00e9rica","categoriaOrdem":"3","produtoVIP":"5","aplicacaoMoto":["Caixa de dire\u00e7\u00e3o"],"aplicacaoMotoMontadoras":["Yamaha"],"aplicacaoMotoModelos":["YBR","YS"],"aplicacaoMotoGrupo":["Suspens\u00e3o"],"aplicacaoMotoSubGrupo":["Coluna de dire\u00e7\u00e3o"],"aplicacaoMotoCompleto":["Caixa de dire\u00e7\u00e3o, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o"],"aplicacaoMotoModelosCompleto":["Yamaha YBR 125 09>...","Yamaha YBR 150 17>...","Yamaha YS 150 14>..."],"produtoPrecoConsumidor":14.45,"produtoEstoque":0,"produtoModeloBusca":"PPKY002B","ecommerceBusca":"Caixa de Dire\u00e7\u00e3o para Yamaha YBR 125 Factor 09>16, YBR 150 Factor 17>..., YS 150 Fazer 14>... Caixa de Dire\u00e7\u00e3o para Yamaha PPKY002B","material":"A\u00e7o cromo SAE 52100","contador":7,"chave":6,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1648370.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1648370.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1648370.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"PPK-Y002B Caixa de Dire\u00e7\u00e3o para Yamaha YBR 125 Factor 09>16, YBR 150 Factor 17>..., YS 150 Fazer 14>... PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/caixa-de-direcao-esferica-ppk-y002b-ppk\/1648370","aplicacao":"\/produto\/caixa-de-direcao-para-yamaha-ybr-125-factor-09-16-ybr-150-factor-17-ys-150-fazer-14-caixa-de-direcao-para-yamaha-ppky002b\/1648370","modal":"\/modal\/caixa-de-direcao-esferica-ppk-y002b-ppk\/1648370"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5400","name":"Tipo","value":"Esf\u00e9rica"}],"codigoOriginalLista":false,"codigoSimilarLista":[{"name":"Authomix","value":"CD205017"},{"name":"Danidrea","value":"05017"},{"name":"Riffel","value":"100748"}]},{"catalogoID":38083,"id":"3045","produtoID":3045,"produtoHabilitado":0,"catalogoAtualizadoEm":"2025-04-23 20:18:12","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6004-ZZC3","produtoPeso":"0.0700","produtoMarca":"MAK M3","produtoMedida":"20x42x12","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamentos-de-moto","categoriaNome":"Rolamentos de Moto","categoriaTitulo":"Rolamentos de Moto PPK | Rode Melhor com os Rolamentos PPK","categoriaPalavrasChaves":"rolamentos de moto, rolamentos moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Rolamento da Transmiss\u00e3o para Honda CBX200 Strada, XR200, PCX 150\/160 13>..., Elite 125 | Eixo do Motor e Coluna da Dire\u00e7\u00e3o para Fourtrax 08>13.","ecommerceNome":"Rolamento da Transmiss\u00e3o para Honda","ecommerceNomeCurto":"Rolamento da Transmiss\u00e3o para Honda CBX200 Strada, PCX 150, 160, Elite 125, Neo AT 115","ecommerceDescricao":"CBX200 Strada, XR200, PCX 150\/160 13>..., Elite 125 | Eixo do Motor e Coluna da Dire\u00e7\u00e3o para Fourtrax 08>13.","ecommerceComplemento":"Transmiss\u00e3o Yamaha Neo AT115 05>12, Eixo Prim\u00e1rio Direito XTZ 150 Crosser, YS Fazer 150, YBR Factor 125 \/ 150 | Carter Esquerdo ADV 150 21>... | Carca\u00e7a do Motor Dafra Cityclass 200","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento da Transmiss\u00e3o CBX200 Strada, PCX 150\/160 | Rolamento PPK","ecommerceSeoDescricao":"Rolamento para transmiss\u00e3o da moto Honda CBX200 Strada, PCX150, PCX160 e Elite 125. O Rolamento de moto PPK \u00e9 fabricado segundo os mais rigorosos padr\u00f5es de f\u00e1brica. N\u00e3o arrisque, rolamento \u00e9 PPK.","ecommerceSeoPalavrasChaves":"rolamento transmiss\u00e3o moto, rolamento transmiss\u00e3o CBX200, rolamento PCX 150, rolamento PCX 160, rolamento PPK, rolamento CBX200 Strada","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Honda:91004-GGK-003; Honda:96150-60041-10; Sundown:051CDM0010; Yamaha:93306-004XD; Yamaha:93306-054YG","codigoSimilar":null,"ecommerceCaracteristicas":"Blindagem:Blindado 2 lados:5385; Classifica\u00e7\u00e3o:Transmiss\u00e3o:5384; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Classifica\u00e7\u00e3o; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; Blindado 2 lados; C3; Transmiss\u00e3o","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":["\u00c1rvore prim\u00e1ria"],"aplicacaoMotoMontadoras":["Honda","Suzuki","Yamaha"],"aplicacaoMotoModelos":["CBX","CRYPTON","Elite","Fourtrax","NEO AT","PCX","XR"],"aplicacaoMotoGrupo":["Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["Caixa de mudan\u00e7as","C\u00e2mbio","Coluna de dire\u00e7\u00e3o"],"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":["Honda Fourtrax 420 08>13","Yamaha CRYPTON 115 10>16","Yamaha NEO AT 115 05>..."],"produtoPrecoConsumidor":0,"produtoEstoque":0,"produtoModeloBusca":"6004ZZC3","ecommerceBusca":"Rolamento da Transmiss\u00e3o para Honda CBX200 Strada, XR200, PCX 150\/160 13>..., Elite 125 | Eixo do Motor e Coluna da Dire\u00e7\u00e3o para Fourtrax 08>13. Rolamento da Transmiss\u00e3o para Honda 6004ZZC3","blindagem":"Blindado 2 lados","contador":8,"chave":7,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/3045.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/3045.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/3045.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"6004-ZZC3 Rolamento da Transmiss\u00e3o para Honda CBX200 Strada, XR200, PCX 150\/160 13>..., Elite 125 | Eixo do Motor e Coluna da Dire\u00e7\u00e3o para Fourtrax 08>13. MAK M3","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"mak-m3","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6004-zzc3-mak-m3\/3045","aplicacao":"\/produto\/rolamento-da-transmissao-para-honda-cbx200-strada-xr200-pcx-150-160-13-elite-125-eixo-do-motor-e-coluna-da-direcao-para-fourtrax-08-13-rolamento-da-transmissao-para-honda-6004zzc3\/3045","modal":"\/modal\/rolamento-rigido-de-esferas-6004-zzc3-mak-m3\/3045"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Transmiss\u00e3o"},{"key":"5385","name":"Blindagem","value":"Blindado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Honda","value":"91004-GGK-003"},{"name":"Honda","value":"96150-60041-10"},{"name":"Sundown","value":"051CDM0010"},{"name":"Yamaha","value":"93306-004XD"},{"name":"Yamaha","value":"93306-054YG"}],"codigoSimilarLista":false},{"catalogoID":38120,"id":"1647207","produtoID":1647207,"produtoHabilitado":0,"catalogoAtualizadoEm":"2025-07-07 14:51:57","produtoNome":"Rolamento de Rolos C\u00f4nicos","produtoModelo":"320\/28X","produtoPeso":"0.1450","produtoMarca":"MAK","produtoMedida":"28x52x16","produtoEmbalagem":"Caixinha Individual","categoriaID":968,"categoriaSEO":"caixa-de-direcao","categoriaNome":"Caixa de Dire\u00e7\u00e3o","categoriaTitulo":"Caixa de Dire\u00e7\u00e3o para Motos PPK | Pilotagem Segura com PPK","categoriaPalavrasChaves":"Caixa de Dire\u00e7\u00e3o, Caixa Dire\u00e7\u00e3o Motos, Caixa Dire\u00e7\u00e3o PPK, PPK motope\u00e7as, PPK,  moto pe\u00e7a PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"A Caixa de Dire\u00e7\u00e3o PPK \u00e9 indicada para motos que rodam tanto em centros urbanos como em terrenos acidentados, oferecendo uma pilotagem mais suave e segura.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Caixa de Dire\u00e7\u00e3o C\u00f4nica para BMW F650 Dakar, F650 GS, F800 GS 08>18, G650 Sert\u00e3o 12>13, G650 GS 10>16","ecommerceNome":"Caixa de Dire\u00e7\u00e3o C\u00f4nica para BMW","ecommerceNomeCurto":"Caixa de Dire\u00e7\u00e3o C\u00f4nica para BMW F800GS 08>18, GS650 10>16","ecommerceDescricao":"F650 Dakar, F650 GS, F800 GS 08>18, G650 Sert\u00e3o 12>13, G650 GS 10>16","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Caixa de Dire\u00e7\u00e3o BMW F800GS 08>18, GS650 10>16 | Rolamento PPK","ecommerceSeoDescricao":"Caixa de Dire\u00e7\u00e3o C\u00f4nica PPK para Moto BMW F650 Dakar, F650 GS, F800 GS 08>18, G650 Sert\u00e3o 12>13, G650 GS 10>16. A caixa de dire\u00e7\u00e3o PPK oferece melhor dirigibilidade e seguran\u00e7a para sua BMW.","ecommerceSeoPalavrasChaves":"caixa dire\u00e7\u00e3o BMW, rolamento caixa dire\u00e7\u00e3o, F800GS, GS650, rolamento PPK, caixa dire\u00e7\u00e3o c\u00f4nica PPK,","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"BMW:31421234509; BMW:31427663941","codigoSimilar":"Danidrea:40059; Rugata:RUG 651","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":["BMW"],"aplicacaoMotoModelos":["F","G"],"aplicacaoMotoGrupo":null,"aplicacaoMotoSubGrupo":["Coluna de dire\u00e7\u00e3o"],"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":null,"produtoPrecoConsumidor":15.92,"produtoEstoque":0,"produtoModeloBusca":"32028X","ecommerceBusca":"Caixa de Dire\u00e7\u00e3o C\u00f4nica para BMW F650 Dakar, F650 GS, F800 GS 08>18, G650 Sert\u00e3o 12>13, G650 GS 10>16 Caixa de Dire\u00e7\u00e3o C\u00f4nica para BMW 32028X","material":"A\u00e7o cromo SAE 52100","contador":9,"chave":8,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1647207.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1647207.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1647207.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"320\/28X Caixa de Dire\u00e7\u00e3o C\u00f4nica para BMW F650 Dakar, F650 GS, F800 GS 08>18, G650 Sert\u00e3o 12>13, G650 GS 10>16 MAK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"mak","url":{"produto":"\/produto\/rolamento-de-rolos-conicos-320-28x-mak\/1647207","aplicacao":"\/produto\/caixa-de-direcao-conica-para-bmw-f650-dakar-f650-gs-f800-gs-08-18-g650-sertao-12-13-g650-gs-10-16-caixa-de-direcao-conica-para-bmw-32028x\/1647207","modal":"\/modal\/rolamento-de-rolos-conicos-320-28x-mak\/1647207"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"}],"codigoOriginalLista":[{"name":"BMW","value":"31421234509"},{"name":"BMW","value":"31427663941"}],"codigoSimilarLista":[{"name":"Danidrea","value":"40059"},{"name":"Rugata","value":"RUG 651"}]},{"catalogoID":75150,"id":"1980385","produtoID":1980385,"produtoHabilitado":1,"catalogoAtualizadoEm":"2024-07-31 12:30:31","produtoNome":"Caixa de Dire\u00e7\u00e3o Conica BMW","produtoModelo":"MAK-B002R","produtoPeso":"0.3300","produtoMarca":"Mak Automotive","produtoMedida":null,"produtoEmbalagem":"Caixinha Individual","categoriaID":968,"categoriaSEO":"caixa-de-direcao","categoriaNome":"Caixa de Dire\u00e7\u00e3o","categoriaTitulo":"Caixa de Dire\u00e7\u00e3o para Motos PPK | Pilotagem Segura com PPK","categoriaPalavrasChaves":"Caixa de Dire\u00e7\u00e3o, Caixa Dire\u00e7\u00e3o Motos, Caixa Dire\u00e7\u00e3o PPK, PPK motope\u00e7as, PPK,  moto pe\u00e7a PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"A Caixa de Dire\u00e7\u00e3o PPK \u00e9 indicada para motos que rodam tanto em centros urbanos como em terrenos acidentados, oferecendo uma pilotagem mais suave e segura.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Caixa de Dire\u00e7\u00e3o C\u00f4nica para BMW F800R 10>17","ecommerceNome":"Caixa de Dire\u00e7\u00e3o C\u00f4nica para BMW","ecommerceNomeCurto":"Caixa de Dire\u00e7\u00e3o C\u00f4nica para BMW F800R 10>17","ecommerceDescricao":"F800R 10>17","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Caixa de Dire\u00e7\u00e3o C\u00f4nica Moto BMW F800R | Caixa de Dire\u00e7\u00e3o PPK","ecommerceSeoDescricao":"A Caixa de Dire\u00e7\u00e3o c\u00f4nica PPK para moto BMW F800R \u00e9 fabricada dentro de rigorosos padr\u00f5es de qualidade, garantindo seu desempenho e confiabilidade. Caixa de dire\u00e7\u00e3o para moto BMW \u00e9 PPK","ecommerceSeoPalavrasChaves":"Caixa Dire\u00e7\u00e3o C\u00f4nica, Caixa Dire\u00e7\u00e3o Moto, Caixa Dire\u00e7\u00e3o BMW, Caixa Dire\u00e7\u00e3o PPK,","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":null,"codigoSimilar":"Rugata:RUG 444","ecommerceCaracteristicas":"Material:A\u00e7o cromo SAE 52100:5346; Tipo:C\u00f4nica:5400","ecommerceCaracteristicasNome":"Material; Tipo","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C\u00f4nica","categoriaOrdem":"3","produtoVIP":"5","aplicacaoMoto":["Caixa de dire\u00e7\u00e3o"],"aplicacaoMotoMontadoras":["BMW"],"aplicacaoMotoModelos":["F"],"aplicacaoMotoGrupo":null,"aplicacaoMotoSubGrupo":null,"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":["BMW F 800 10>17"],"produtoPrecoConsumidor":25,"produtoEstoque":0,"produtoModeloBusca":"MAKB002R","ecommerceBusca":"Caixa de Dire\u00e7\u00e3o C\u00f4nica para BMW F800R 10>17 Caixa de Dire\u00e7\u00e3o C\u00f4nica para BMW MAKB002R","material":"A\u00e7o cromo SAE 52100","contador":10,"chave":9,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1980385.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1980385.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1980385.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"MAK-B002R Caixa de Dire\u00e7\u00e3o C\u00f4nica para BMW F800R 10>17 Mak Automotive","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"mak-automotive","url":{"produto":"\/produto\/caixa-de-direcao-conica-bmw-mak-b002r-mak-automotive\/1980385","aplicacao":"\/produto\/caixa-de-direcao-conica-para-bmw-f800r-10-17-caixa-de-direcao-conica-para-bmw-makb002r\/1980385","modal":"\/modal\/caixa-de-direcao-conica-bmw-mak-b002r-mak-automotive\/1980385"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5400","name":"Tipo","value":"C\u00f4nica"}],"codigoOriginalLista":false,"codigoSimilarLista":[{"name":"Rugata","value":"RUG 444"}]},{"catalogoID":31991,"id":"1648731","produtoID":1648731,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-11-18 19:40:16","produtoNome":"Caixa de Dire\u00e7\u00e3o C\u00f4nica","produtoModelo":"PPK-S001R","produtoPeso":"0.1990","produtoMarca":"PPK","produtoMedida":"0x0x0","produtoEmbalagem":"Caixinha Individual","categoriaID":968,"categoriaSEO":"caixa-de-direcao","categoriaNome":"Caixa de Dire\u00e7\u00e3o","categoriaTitulo":"Caixa de Dire\u00e7\u00e3o para Motos PPK | Pilotagem Segura com PPK","categoriaPalavrasChaves":"Caixa de Dire\u00e7\u00e3o, Caixa Dire\u00e7\u00e3o Motos, Caixa Dire\u00e7\u00e3o PPK, PPK motope\u00e7as, PPK,  moto pe\u00e7a PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"A Caixa de Dire\u00e7\u00e3o PPK \u00e9 indicada para motos que rodam tanto em centros urbanos como em terrenos acidentados, oferecendo uma pilotagem mais suave e segura.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Caixa de Dire\u00e7\u00e3o C\u00f4nica para Suzuki YES 125 05>12,  Intruder 125 02>10, GSR 150i, Katana 125 04>06 | Dafra Speed 150 08>15 | Haojue Chopper Road 150 18>...","ecommerceNome":"Caixa de Dire\u00e7\u00e3o C\u00f4nica para Suzuki","ecommerceNomeCurto":"Caixa de Dire\u00e7\u00e3o C\u00f4nica para Suzuki YES 125 05>12,  Intruder 125 02>10, GSR 150i, Dafra Speed 150","ecommerceDescricao":"YES 125 05>12,  Intruder 125 02>10, GSR 150i, Katana 125 04>06 | Dafra Speed 150 08>15 | Haojue Chopper Road 150 18>...","ecommerceComplemento":"Kasinski 125","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Caixa de Dire\u00e7\u00e3o Moto Suzuki Intruder 125, Yes 125 | PPK-S001R","ecommerceSeoDescricao":"A Caixa de Dire\u00e7\u00e3o C\u00f4nica PPK-S001R para motocicleta Suzuki Intruder e Yes 125 \u00e9 indicada para quem pilota em terrenos irregulares. Seja na terra ou no asfalto, Caixa de Dire\u00e7\u00e3o \u00e9 PPK Motoparts.","ecommerceSeoPalavrasChaves":"caixa dire\u00e7\u00e3o intruder, caixa dire\u00e7\u00e3o ppk, caixa dire\u00e7\u00e3o Suzuki, caixa dire\u00e7\u00e3o yes125, caixa dire\u00e7\u00e3o GSR150, PPK-S001R, PPK Motopats","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1648730\", \"1648374\", \"348\", \"997737\"]","codigoOriginal":null,"codigoSimilar":"Rugata:RUG 3244","ecommerceCaracteristicas":"Material:A\u00e7o cromo SAE 52100:5346; Tipo:C\u00f4nica:5400","ecommerceCaracteristicasNome":"Material; Tipo","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C\u00f4nica","categoriaOrdem":"3","produtoVIP":"5","aplicacaoMoto":["Caixa de dire\u00e7\u00e3o"],"aplicacaoMotoMontadoras":["Dafra","Suzuki"],"aplicacaoMotoModelos":["Elite","GSR","INTRUDER","KATANA","Speed"],"aplicacaoMotoGrupo":["Suspens\u00e3o"],"aplicacaoMotoSubGrupo":["Coluna de dire\u00e7\u00e3o"],"aplicacaoMotoCompleto":["Caixa de dire\u00e7\u00e3o, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o"],"aplicacaoMotoModelosCompleto":["Dafra Speed 150 08>15","Suzuki Elite 125 ","Suzuki INTRUDER 125 02>10","Suzuki KATANA 125 "],"produtoPrecoConsumidor":16.66,"produtoEstoque":0,"produtoModeloBusca":"PPKS001R","ecommerceBusca":"Caixa de Dire\u00e7\u00e3o C\u00f4nica para Suzuki YES 125 05>12,  Intruder 125 02>10, GSR 150i, Katana 125 04>06 | Dafra Speed 150 08>15 | Haojue Chopper Road 150 18>... Caixa de Dire\u00e7\u00e3o C\u00f4nica para Suzuki PPKS001R","material":"A\u00e7o cromo SAE 52100","contador":11,"chave":10,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1648731.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1648731.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1648731.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"PPK-S001R Rolamento para Caixa de Dire\u00e7\u00e3o","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50072\/50072.jpg?version=7.73"},{"id":2,"grupo":"Galeria de Produto","nome":"PPK-S001R Rolamento para Caixa de Dire\u00e7\u00e3o","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50073\/50073.jpg?version=7.73"},{"id":3,"grupo":"Galeria de Produto","nome":"PPK-S001R Rolamento para Caixa de Dire\u00e7\u00e3o","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50074\/50074.jpg?version=7.73"}],"produtoGaleriaTotal":3,"produtoBusca":"PPK-S001R Caixa de Dire\u00e7\u00e3o C\u00f4nica para Suzuki YES 125 05>12,  Intruder 125 02>10, GSR 150i, Katana 125 04>06 | Dafra Speed 150 08>15 | Haojue Chopper Road 150 18>... PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/caixa-de-direcao-conica-ppk-s001r-ppk\/1648731","aplicacao":"\/produto\/caixa-de-direcao-conica-para-suzuki-yes-125-05-12-intruder-125-02-10-gsr-150i-katana-125-04-06-dafra-speed-150-08-15-haojue-chopper-road-150-18-caixa-de-direcao-conica-para-suzuki-ppks001r\/1648731","modal":"\/modal\/caixa-de-direcao-conica-ppk-s001r-ppk\/1648731"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5400","name":"Tipo","value":"C\u00f4nica"}],"codigoOriginalLista":false,"codigoSimilarLista":[{"name":"Rugata","value":"RUG 3244"}]},{"catalogoID":38121,"id":"1647849","produtoID":1647849,"produtoHabilitado":0,"catalogoAtualizadoEm":"2025-08-22 11:04:08","produtoNome":"Rolamentos de Rolos C\u00f4nicos","produtoModelo":"30205","produtoPeso":"0.1600","produtoMarca":"PPK","produtoMedida":"25x52x16.25","produtoEmbalagem":"Caixinha Individual","categoriaID":968,"categoriaSEO":"caixa-de-direcao","categoriaNome":"Caixa de Dire\u00e7\u00e3o","categoriaTitulo":"Caixa de Dire\u00e7\u00e3o para Motos PPK | Pilotagem Segura com PPK","categoriaPalavrasChaves":"Caixa de Dire\u00e7\u00e3o, Caixa Dire\u00e7\u00e3o Motos, Caixa Dire\u00e7\u00e3o PPK, PPK motope\u00e7as, PPK,  moto pe\u00e7a PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"A Caixa de Dire\u00e7\u00e3o PPK \u00e9 indicada para motos que rodam tanto em centros urbanos como em terrenos acidentados, oferecendo uma pilotagem mais suave e segura.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCompleto":"Rolamento da Engrenagem de Frente \/ Vante para Motor de Popa Frente Yamaha 15 HP D, DM, DMH, FM, GM \/ 25 HP VM BM","ecommerceNome":"Rolamento da Engrenagem de Frente \/ Vante para Motor de Popa Frente Yamaha","ecommerceNomeCurto":"Rolamento da Engrenagem de Frente \/ Vante para Motor de Popa Frente Yamaha","ecommerceDescricao":"15 HP D, DM, DMH, FM, GM \/ 25 HP VM BM","ecommerceComplemento":"2 tempos, 2 cilindros","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoSinonimos":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento para Motor de Popa Yamaha | Rolamento Nautico PPK","ecommerceSeoDescricao":"A PPK oferece rolamento para motor de popa Yamaha com a mesma qualidade e confiabilidade dos rolamentos para motos. Rolamento n\u00e1utico PPK, qualidade e confian\u00e7a tamb\u00e9m navegam juntas.","ecommerceSeoPalavrasChaves":"rolamento, rolamento motor popa, rolamento Yamaha, rolamento nautico PPK, rolamento nautico, rolamento ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Chevrolet:0720030205; Mercedes-Benz:00072.003.0205; Yamaha:93332-00005","codigoSimilar":null,"ecommerceCaracteristicas":"Material:A\u00e7o cromo SAE 52100:5346; Tipo:C\u00f4nica:5400","ecommerceCaracteristicasNome":"Material; Tipo","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C\u00f4nica","categoriaOrdem":"3","produtoVIP":"5","aplicacaoMoto":null,"aplicacaoMotoMontadoras":null,"aplicacaoMotoModelos":null,"aplicacaoMotoGrupo":null,"aplicacaoMotoSubGrupo":null,"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":null,"produtoPrecoConsumidor":0,"produtoEstoque":0,"produtoModeloBusca":"30205","ecommerceBusca":"Rolamento da Engrenagem de Frente \/ Vante para Motor de Popa Frente Yamaha 15 HP D, DM, DMH, FM, GM \/ 25 HP VM BM Rolamento da Engrenagem de Frente \/ Vante para Motor de Popa Frente Yamaha 30205","material":"A\u00e7o cromo SAE 52100","contador":12,"chave":11,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1647849.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1647849.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1647849.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"30205 Rolamento da Engrenagem de Frente \/ Vante para Motor de Popa Frente Yamaha 15 HP D, DM, DMH, FM, GM \/ 25 HP VM BM PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamentos-de-rolos-conicos-30205-ppk\/1647849","aplicacao":"\/produto\/rolamento-da-engrenagem-de-frente-vante-para-motor-de-popa-frente-yamaha-15-hp-d-dm-dmh-fm-gm-25-hp-vm-bm-rolamento-da-engrenagem-de-frente-vante-para-motor-de-popa-frente-yamaha-30205\/1647849","modal":"\/modal\/rolamentos-de-rolos-conicos-30205-ppk\/1647849"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5400","name":"Tipo","value":"C\u00f4nica"}],"codigoOriginalLista":[{"name":"Chevrolet","value":"0720030205"},{"name":"Mercedes-Benz","value":"00072.003.0205"},{"name":"Yamaha","value":"93332-00005"}],"codigoSimilarLista":false}],"sort":{"name":"C\u00f3digo A-Z"},"facetsDistribution":{"aplicacaoMoto":{"buckets":[{"val":"\u00c1rvore prim\u00e1ria","seo":"arvore-primaria","count":2,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"\u00c1rvore prim\u00e1ria\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMoto:\"\u00c1rvore prim\u00e1ria\"","active":0,"first":1,"last":0},{"val":"\u00c1rvore secund\u00e1ria","seo":"arvore-secundaria","count":10,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"\u00c1rvore secund\u00e1ria\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMoto:\"\u00c1rvore secund\u00e1ria\"","active":0,"first":0,"last":0},{"val":"Balan\u00e7a","seo":"balanca","count":2,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Balan\u00e7a\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMoto:\"Balan\u00e7a\"","active":0,"first":0,"last":0},{"val":"Caixa de dire\u00e7\u00e3o","seo":"caixa-de-direcao","count":24,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Caixa de dire\u00e7\u00e3o\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMoto:\"Caixa de dire\u00e7\u00e3o\"","active":0,"first":0,"last":0},{"val":"Cubo de roda","seo":"cubo-de-roda","count":7,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Cubo de roda\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMoto:\"Cubo de roda\"","active":0,"first":0,"last":0},{"val":"Embreagem central","seo":"embreagem-central","count":2,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Embreagem central\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMoto:\"Embreagem central\"","active":0,"first":0,"last":0},{"val":"Garfo","seo":"garfo","count":2,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Garfo\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMoto:\"Garfo\"","active":0,"first":0,"last":0},{"val":"Guia da corrente","seo":"guia-da-corrente","count":2,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Guia da corrente\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMoto:\"Guia da corrente\"","active":0,"first":0,"last":0},{"val":"Tampa do motor","seo":"tampa-do-motor","count":3,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Tampa do motor\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMoto:\"Tampa do motor\"","active":0,"first":0,"last":0},{"val":"Virabrequim","seo":"virabrequim","count":3,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Virabrequim\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMoto:\"Virabrequim\"","active":0,"first":0,"last":1}]},"aplicacaoMotoCompleto":{"buckets":[{"val":"\u00c1rvore prim\u00e1ria, Motor, Cabe\u00e7ote","seo":"arvore-primaria-motor-cabecote","count":1,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore prim\u00e1ria, Motor, Cabe\u00e7ote\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoCompleto:\"\u00c1rvore prim\u00e1ria, Motor, Cabe\u00e7ote\"","active":0,"first":1,"last":0},{"val":"\u00c1rvore prim\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as","seo":"arvore-primaria-transmissao-caixa-de-mudancas","count":1,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore prim\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoCompleto:\"\u00c1rvore prim\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as\"","active":0,"first":0,"last":0},{"val":"\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as","seo":"arvore-secundaria-transmissao-caixa-de-mudancas","count":10,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoCompleto:\"\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as\"","active":0,"first":0,"last":0},{"val":"\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, C\u00e2mbio","seo":"arvore-secundaria-transmissao-cambio","count":2,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, C\u00e2mbio\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoCompleto:\"\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, C\u00e2mbio\"","active":0,"first":0,"last":0},{"val":"Balan\u00e7a, Suspens\u00e3o, Suspens\u00e3o traseira","seo":"balanca-suspensao-suspensao-traseira","count":2,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Balan\u00e7a, Suspens\u00e3o, Suspens\u00e3o traseira\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoCompleto:\"Balan\u00e7a, Suspens\u00e3o, Suspens\u00e3o traseira\"","active":0,"first":0,"last":0},{"val":"Caixa de dire\u00e7\u00e3o, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o","seo":"caixa-de-direcao-suspensao-coluna-de-direcao","count":20,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Caixa de dire\u00e7\u00e3o, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoCompleto:\"Caixa de dire\u00e7\u00e3o, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o\"","active":0,"first":0,"last":0},{"val":"Cubo de roda, Roda, Roda dianteira","seo":"cubo-de-roda-roda-roda-dianteira","count":4,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Cubo de roda, Roda, Roda dianteira\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoCompleto:\"Cubo de roda, Roda, Roda dianteira\"","active":0,"first":0,"last":0},{"val":"Cubo de roda, Roda, Roda dianteira\/traseira ","seo":"cubo-de-roda-roda-roda-dianteira-traseira","count":2,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Cubo de roda, Roda, Roda dianteira\/traseira \"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoCompleto:\"Cubo de roda, Roda, Roda dianteira\/traseira \"","active":0,"first":0,"last":0},{"val":"Cubo de roda, Roda, Roda traseira","seo":"cubo-de-roda-roda-roda-traseira","count":5,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Cubo de roda, Roda, Roda traseira\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoCompleto:\"Cubo de roda, Roda, Roda traseira\"","active":0,"first":0,"last":0},{"val":"Embreagem central, Transmiss\u00e3o, Embreagem","seo":"embreagem-central-transmissao-embreagem","count":1,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Embreagem central, Transmiss\u00e3o, Embreagem\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoCompleto:\"Embreagem central, Transmiss\u00e3o, Embreagem\"","active":0,"first":0,"last":0},{"val":"Garfo, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o","seo":"garfo-suspensao-coluna-de-direcao","count":2,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Garfo, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoCompleto:\"Garfo, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o\"","active":0,"first":0,"last":0},{"val":"Garfo, Suspens\u00e3o, Suspens\u00e3o traseira","seo":"garfo-suspensao-suspensao-traseira","count":2,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Garfo, Suspens\u00e3o, Suspens\u00e3o traseira\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoCompleto:\"Garfo, Suspens\u00e3o, Suspens\u00e3o traseira\"","active":0,"first":0,"last":0},{"val":"Tampa do motor, Motor, Motor","seo":"tampa-do-motor-motor-motor","count":1,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Tampa do motor, Motor, Motor\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoCompleto:\"Tampa do motor, Motor, Motor\"","active":0,"first":0,"last":0},{"val":"Tampa do motor, Motor, Tampa do motor","seo":"tampa-do-motor-motor-tampa-do-motor","count":2,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Tampa do motor, Motor, Tampa do motor\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoCompleto:\"Tampa do motor, Motor, Tampa do motor\"","active":0,"first":0,"last":0},{"val":"Virabrequim, Motor, Conjunto m\u00f3vel","seo":"virabrequim-motor-conjunto-movel","count":3,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Virabrequim, Motor, Conjunto m\u00f3vel\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoCompleto:\"Virabrequim, Motor, Conjunto m\u00f3vel\"","active":0,"first":0,"last":1}]},"aplicacaoMotoGrupo":{"buckets":[{"val":"Motor","seo":"motor","count":11,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoGrupo:\"Motor\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoGrupo:\"Motor\"","active":0,"first":1,"last":0},{"val":"Roda","seo":"roda","count":7,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoGrupo:\"Roda\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoGrupo:\"Roda\"","active":0,"first":0,"last":0},{"val":"Suspens\u00e3o","seo":"suspensao","count":22,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoGrupo:\"Suspens\u00e3o\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoGrupo:\"Suspens\u00e3o\"","active":0,"first":0,"last":0},{"val":"Transmiss\u00e3o","seo":"transmissao","count":14,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoGrupo:\"Transmiss\u00e3o\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoGrupo:\"Transmiss\u00e3o\"","active":0,"first":0,"last":1}]},"aplicacaoMotoModelos":{"buckets":[{"val":"ADDRESS AE","seo":"address-ae","count":2,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"ADDRESS AE\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"ADDRESS AE\"","active":0,"first":1,"last":0},{"val":"ADDRESS V","seo":"address-v","count":1,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"ADDRESS V\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"ADDRESS V\"","active":0,"first":0,"last":0},{"val":"Apache","seo":"apache","count":5,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"Apache\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"Apache\"","active":0,"first":0,"last":0},{"val":"BANDIT","seo":"bandit","count":1,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"BANDIT\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"BANDIT\"","active":0,"first":0,"last":0},{"val":"BIZ","seo":"biz","count":4,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"BIZ\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"BIZ\"","active":0,"first":0,"last":0},{"val":"BIZ C","seo":"biz-c","count":5,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"BIZ C\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"BIZ C\"","active":0,"first":0,"last":0},{"val":"BURGMAN","seo":"burgman","count":6,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"BURGMAN\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"BURGMAN\"","active":0,"first":0,"last":0},{"val":"C","seo":"c","count":4,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"C\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"C\"","active":0,"first":0,"last":0},{"val":"CB","seo":"cb","count":8,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"CB\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"CB\"","active":0,"first":0,"last":0},{"val":"CBR","seo":"cbr","count":2,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"CBR\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"CBR\"","active":0,"first":0,"last":0},{"val":"CBX","seo":"cbx","count":10,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"CBX\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"CBX\"","active":0,"first":0,"last":0},{"val":"CG","seo":"cg","count":13,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"CG\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"CG\"","active":0,"first":0,"last":0},{"val":"Chopper Road","seo":"chopper-road","count":4,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"Chopper Road\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"Chopper Road\"","active":0,"first":0,"last":0},{"val":"Cityclass","seo":"cityclass","count":1,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"Cityclass\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"Cityclass\"","active":0,"first":0,"last":0},{"val":"Citycom","seo":"citycom","count":4,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"Citycom\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"Citycom\"","active":0,"first":0,"last":0},{"val":"COMET","seo":"comet","count":2,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"COMET\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"COMET\"","active":0,"first":0,"last":0},{"val":"CRF","seo":"crf","count":2,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"CRF\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"CRF\"","active":0,"first":0,"last":0},{"val":"CRYPTON","seo":"crypton","count":5,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"CRYPTON\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"CRYPTON\"","active":0,"first":0,"last":0},{"val":"DL","seo":"dl","count":2,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"DL\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"DL\"","active":0,"first":0,"last":0},{"val":"DT","seo":"dt","count":5,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"DT\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"DT\"","active":0,"first":0,"last":0},{"val":"Elite","seo":"elite","count":7,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"Elite\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"Elite\"","active":0,"first":0,"last":0},{"val":"EN","seo":"en","count":1,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"EN\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"EN\"","active":0,"first":0,"last":0},{"val":"F","seo":"f","count":2,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"F\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"F\"","active":0,"first":0,"last":0},{"val":"FAZER","seo":"fazer","count":4,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"FAZER\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"FAZER\"","active":0,"first":0,"last":0},{"val":"Fourtrax","seo":"fourtrax","count":6,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoModelos:\"Fourtrax\"","href":"?q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&sort=produtoModelo:asc&filter=aplicacaoMotoModelos:\"Fourtrax\"","active":0,"first":0,"last":0},{"val":"G","seo":"g","count":1,"query_string":"q=caixa dire\u00e7\u00e3o fazer 250&sortName=C\u00f3digo A-Z&website=ppkrolemak&enviroment=production<!doctype html>
<html lang="pt-br">
  <head>
    <!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">


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

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

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

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

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



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

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


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

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

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


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

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

</div>

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

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

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


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

















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

<!--- Filters Mobile ---->
 <div class="lg:hidden">
  <div :class="filtersOpen ? '-translate-x-0 ease-in' : '-translate-x-full ease-out'" class="fixed left-0 top-0 max-w-sm w-full h-full px-6 py-4 transition duration-300 transform overflow-y-auto bg-white text-gray-900  border-r-2 border-gray-300 z-20">
    <div class="flex items-center justify-between">
      <h3 class="text-2xl font-medium text-white">Filtros</h3>
      <button @click="filtersOpen = !filtersOpen" class="text-gray-600 focus:outline-none">
        <svg class="h-5 w-5" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor"><path d="M6 18L18 6M6 6l12 12"></path></svg>
      </button>
    </div>
    <hr class="my-3">
    <!------ Filter Mobile ------->
    <nav class="flex-1  overflow-y-hidden">
      <ul class=" pr-2 mt-3 space-y-1 overflow-y-auto divide-y divide- neumorphism-shadow">
        
      <li>
          <!---------- #Category ---------->
          <div x-data="{ showCollapseFilterCategory: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterCategory=!showCollapseFilterCategory">
        <span class="font-medium text-lg font-bold">Categoria</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterCategory" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterCategory" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterCategory" x-show="showCollapseFilterCategory">
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=categoriaNome:&quot;Caixa de Direção&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Caixa de Direção <span class="ml-1 text-xs">(31)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=categoriaNome:&quot;Rolamentos de Moto&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Rolamentos de Moto <span class="ml-1 text-xs">(16)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=categoriaNome:&quot;Virabrequim&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Virabrequim <span class="ml-1 text-xs">(1)</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="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoMontadoras:&quot;BMW&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> BMW <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoMontadoras:&quot;Dafra&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Dafra <span class="ml-1 text-xs">(15)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoMontadoras:&quot;Haojue&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Haojue <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Honda <span class="ml-1 text-xs">(26)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoMontadoras:&quot;Kasinski&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Kasinski <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoMontadoras:&quot;Shineray&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Shineray <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoMontadoras:&quot;Sundown&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Sundown <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoMontadoras:&quot;Suzuki&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Suzuki <span class="ml-1 text-xs">(15)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoMontadoras:&quot;Traxx&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Traxx <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoMontadoras:&quot;Yamaha&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Yamaha <span class="ml-1 text-xs">(21)</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="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoGrupo:&quot;Motor&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Motor <span class="ml-1 text-xs">(11)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoGrupo:&quot;Roda&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Roda <span class="ml-1 text-xs">(7)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoGrupo:&quot;Suspensão&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Suspensão <span class="ml-1 text-xs">(22)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoGrupo:&quot;Transmissão&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Transmissão <span class="ml-1 text-xs">(14)</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="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=produtoMarca:&quot;MAK&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> MAK <span class="ml-1 text-xs">(9)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=produtoMarca:&quot;Mak Automotive&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Mak Automotive <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=produtoMarca:&quot;MAK M3&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> MAK M3 <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=produtoMarca:&quot;PPK&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> PPK <span class="ml-1 text-xs">(34)</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="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=produtoEmbalagem:&quot;Bulk&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Bulk <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Caixinha Individual <span class="ml-1 text-xs">(46)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=produtoEmbalagem:&quot;Industrial&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Industrial <span class="ml-1 text-xs">(1)</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="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=categoriaNome:&quot;Caixa de Direção&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Caixa de Direção <span class="ml-1 text-xs">(31)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=categoriaNome:&quot;Rolamentos de Moto&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Rolamentos de Moto <span class="ml-1 text-xs">(16)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=categoriaNome:&quot;Virabrequim&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Virabrequim <span class="ml-1 text-xs">(1)</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="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoMontadoras:&quot;BMW&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> BMW <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoMontadoras:&quot;Dafra&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Dafra <span class="ml-1 text-xs">(15)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoMontadoras:&quot;Haojue&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Haojue <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoMontadoras:&quot;Honda&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Honda <span class="ml-1 text-xs">(26)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoMontadoras:&quot;Kasinski&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Kasinski <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoMontadoras:&quot;Shineray&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Shineray <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoMontadoras:&quot;Sundown&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Sundown <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoMontadoras:&quot;Suzuki&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Suzuki <span class="ml-1 text-xs">(15)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoMontadoras:&quot;Traxx&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Traxx <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoMontadoras:&quot;Yamaha&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Yamaha <span class="ml-1 text-xs">(21)</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="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;ADDRESS AE&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> ADDRESS AE <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;ADDRESS V&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> ADDRESS V <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;Apache&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Apache <span class="ml-1 text-xs">(5)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;BANDIT&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> BANDIT <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;BIZ&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> BIZ <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;BIZ C&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> BIZ C <span class="ml-1 text-xs">(5)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;BURGMAN&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> BURGMAN <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;C&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> C <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;CB&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CB <span class="ml-1 text-xs">(8)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;CBR&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CBR <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;CBX&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CBX <span class="ml-1 text-xs">(10)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;CG&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CG <span class="ml-1 text-xs">(13)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;Chopper Road&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Chopper Road <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;Cityclass&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Cityclass <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;Citycom&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Citycom <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;COMET&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> COMET <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;CRF&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CRF <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;CRYPTON&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CRYPTON <span class="ml-1 text-xs">(5)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;DL&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> DL <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;DT&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> DT <span class="ml-1 text-xs">(5)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;Elite&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Elite <span class="ml-1 text-xs">(7)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;EN&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> EN <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;F&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> F <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;FAZER&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> FAZER <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;Fourtrax&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Fourtrax <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;G&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> G <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;GS&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> GS <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;GSR&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> GSR <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;INTRUDER&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> INTRUDER <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;KANSAS&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> KANSAS <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;KATANA&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> KATANA <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;LEAD&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> LEAD <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;LETS II&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> LETS II <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;MIRAGE&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> MIRAGE <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;Moby&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Moby <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;NEO AT&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> NEO AT <span class="ml-1 text-xs">(9)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;NMAX&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> NMAX <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;NX&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> NX <span class="ml-1 text-xs">(5)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;NX-4&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> NX-4 <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;NXR&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> NXR <span class="ml-1 text-xs">(11)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;PCX&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> PCX <span class="ml-1 text-xs">(5)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;Phoenix&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Phoenix <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;POP&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> POP <span class="ml-1 text-xs">(7)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;RD&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> RD <span class="ml-1 text-xs">(5)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;RDZ&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> RDZ <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;Riva&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Riva <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;RM&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> RM <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;RX&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> RX <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;Sky&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Sky <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;Speed&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Speed <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;Super&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Super <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;TT&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> TT <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;VIRAGO&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> VIRAGO <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;VT&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> VT <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;WEB&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> WEB <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;WIND&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> WIND <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;XL&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XL <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;XLR&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XLR <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;XLS&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XLS <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;XLX&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XLX <span class="ml-1 text-xs">(5)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;XR&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XR <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;XRE&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XRE <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;XT&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XT <span class="ml-1 text-xs">(5)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;XTZ&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XTZ <span class="ml-1 text-xs">(10)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;XY&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XY <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;YBR&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> YBR <span class="ml-1 text-xs">(8)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;YS&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> YS <span class="ml-1 text-xs">(5)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoModelos:&quot;ZIG&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> ZIG <span class="ml-1 text-xs">(4)</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="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoGrupo:&quot;Motor&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Motor <span class="ml-1 text-xs">(11)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoGrupo:&quot;Roda&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Roda <span class="ml-1 text-xs">(7)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoGrupo:&quot;Suspensão&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Suspensão <span class="ml-1 text-xs">(22)</span>
            </a>
        </li>
        <li>
            <a href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;filter=aplicacaoMotoGrupo:&quot;Transmissão&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Transmissão <span class="ml-1 text-xs">(14)</span>
            </a>
        </li>
    </ul>
</div>        <!---------- /Application ----------> 
      </li>
      
      
    </ul>
  </nav>
</div>    <!------- /Filtros  ------->
    
    <div hx-ext="client-side-templates" class="col-span-6 lg:col-span-5">
      
        <!------ #Top ------>
        <div class="py-2 mt-1">
        <!---------- #Top ---------->
<div class="flex flex-col md:flex-row justify-between md:items-center">
  <div class="">
    <h1 class="text-base md:text-2xl font-bold text-gray-700">
       <span class="text-gray-400"> Pesquisa feita por </span> <span class="text-gray-700">"caixa direção fazer 250"</span>
    </h1>
    <span class="text-sm">Mostrando <b>1</b> até <b>12</b> de um total de <b>48</b> produto(s)</span>
  </div>
  
  <!---------- #Ordenar ---------->
  <div class="relative" x-data="{ dropdown: false, url: new URLSearchParams('q=caixa+dire%C3%A7%C3%A3o+fazer+250&amp;sortName=C%C3%B3digo+A-Z'), href: '' }" 
       x-init="url.delete('sort'); url.delete('pagina'); url.delete('offset'); url.delete('limit'); href = url.toString(); href.length ? href = href + '&' : href = ''">
    <button @click="dropdown = !dropdown" 
            @keydown.escape="dropdown = false" 
            class="flex items-center">
      <span class="font-semibold">Código A-Z</span>
      <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15.3 9.3a1 1 0 0 1 1.4 1.4l-4 4a1 1 0 0 1-1.4 0l-4-4a1 1 0 0 1 1.4-1.4l3.3 3.29 3.3-3.3z" class="heroicon-ui"></path></svg>
    </button>
    
    <ul x-transition x-show="dropdown" @click.away="dropdown = false"
        class="absolute font-normal bg-white shadow overflow-hidden rounded w-48 border mt-2 py-1 left-0 top-3 z-20 text-gray-900">
      <li>
        <a :href="'/busca?'+href+'sort=ecommerceNomeCompleto:desc&sortName=Nome Z-A'" class="flex items-center px-3 py-1 hover:bg-gray-200">
          <i class="fas fal-lg fa-fw fa-sort-alpha-down-alt"></i>
          <span class="ml-2">Nome Z-A</span>
        </a>
      </li>
      <li>
        <a :href="'/busca?'+href+'sort=ecommerceNomeCompleto:asc&sortName=Nome A-Z'" class="flex items-center px-3 py-1 hover:bg-gray-200">
          <i class="fas fal-lg fa-fw fa-sort-alpha-down"></i>
          <span class="ml-2">Nome A-Z</span>
        </a>
      </li>
      
      <li>
        <a :href="'/busca?'+href+'sort=produtoModelo:desc&sortName=Código Z-A'" class="flex items-center px-3 py-1 hover:bg-gray-200">
          <i class="fas fal-lg fa-fw fa-sort-alpha-down-alt"></i>
          <span class="ml-2">Código Z-A</span>
        </a>
      </li>
      <li>
        <a :href="'/busca?'+href+'sort=produtoModelo:asc&sortName=Código A-Z'" class="flex items-center px-3 py-1 hover:bg-gray-200">
          <i class="fas fal-lg fa-fw fa-sort-alpha-down"></i>
          <span class="ml-2">Código A-Z</span>
        </a>
      </li>
    </ul>
  </div>
  
  <!---------- /Ordenar ---------->
  
  
  <div class="flex items-center">
     <button class="md:hidden inline-flex items-center transition-colors duration-300 ease-in focus:outline-none hover:text- focus:text- px-2 py-1" 
             id="filters" @click="filtersOpen = !filtersOpen">
     <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" viewBox="0 0 24 24" fill="currentColor">  <path fill-rule="evenodd" d="M3 3a1 1 0 011-1h12a1 1 0 011 1v3a1 1 0 01-.293.707L12 11.414V15a1 1 0 01-.293.707l-2 2A1 1 0 018 17v-5.586L3.293 6.707A1 1 0 013 6V3z" clip-rule="evenodd" /></svg>
      <span>Filtro</span>
    </button>
    
    <button hx-post="/config/showcase" hx-swap="none" hx-include="[id='showcase_grid']"
            class="inline-flex items-center transition-colors duration-300 ease-in focus:outline-none hover:text- focus:text- px-2 py-1 active" id="grid"
            @click="display = 'grid'" :class="{ 'text-white font-bold  rounded-full bg-gray-700': display === 'grid' }">
      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="fill-current w-4 h-4 mr-2"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg>
      <span>Tabela</span>
      <input id="showcase_grid" type="hidden" name="configuracaoVitrine" value="1"/>
    </button>
    
    <button hx-post="/config/showcase" hx-swap="none" hx-include="[id='showcase_list']"
            class="inline-flex items-center transition-colors duration-300 ease-in focus:outline-none hover:text- focus:text- px-2 py-1" id="list"
            @click="display = 'list'" :class="{ 'text-white font-bold rounded-full bg-gray-700': display === 'list' }">
      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="fill-current w-4 h-4 mr-2"><line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><line x1="3" y1="6" x2="3.01" y2="6"></line><line x1="3" y1="12" x2="3.01" y2="12"></line><line x1="3" y1="18" x2="3.01" y2="18"></line></svg>
      <span>Lista</span>
      <input id="showcase_list" type="hidden" name="configuracaoVitrine" value="0"/>
    </button>
  </div>
 
</div>
<!---------- /Top ---------->        </div>
        <!------ /Top ------>
      
        <!---------- #Paginador ---------->
        <div class="my-2">
          <div class="flex justify-between items-center">

<div class="flex items-center justify-center">
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;pagina=1&amp;offset=0" :class="{'bg-gray-400 text-gray-700 font-bold': 1 === 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="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;pagina=2&amp;offset=12" :class="{'bg-gray-400 text-gray-700 font-bold': 2 === 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="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;pagina=3&amp;offset=24" :class="{'bg-gray-400 text-gray-700 font-bold': 3 === 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="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;pagina=4&amp;offset=36" :class="{'bg-gray-400 text-gray-700 font-bold': 4 === 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="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;pagina=2&amp;offset=12">
          <i class="fas fa-angle-right"></i>
        </a>
</div>

</div>
        </div>
        <!---------- /Paginador ---------->
        
        <!-------- #Produtos -------->
        <div id="productsDisplay" class="grid grid-flow-row mt-3 contentSearchHighlight" :class="{'grid-cols-2 md:grid-cols-3 lg:grid-cols-3 xl:grid-cols-4 gap-1 sm:gap-3': display === 'grid', 'gap-2': display === 'list'}">
  <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1648725" name="product_id" value="1648725"/>
    <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_1648725 > img').length-1;">
        <a id="gallery_1648725" href="/produto/caixa-de-direcao-esferica-para-yamaha-ys-fazer-250-08-17-xtz-250-tenere-11-19-xtz-lander-250-07-xj6-xt-350-600-660r-xtz-super-tenere-750-caixa-de-direcao-esferica-para-yamaha-ppky003b/1648725" 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/1648725.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/caixa-de-direcao-esferica-para-yamaha-ys-fazer-250-08-17-xtz-250-tenere-11-19-xtz-lander-250-07-xj6-xt-350-600-660r-xtz-super-tenere-750-caixa-de-direcao-esferica-para-yamaha-ppky003b/1648725" 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/1648725.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/caixa-de-direcao-esferica-para-yamaha-ys-fazer-250-08-17-xtz-250-tenere-11-19-xtz-lander-250-07-xj6-xt-350-600-660r-xtz-super-tenere-750-caixa-de-direcao-esferica-para-yamaha-ppky003b/1648725 class="" title="
                Caixa de Direção Esférica Yamaha YS Fazer 250 08&gt;17, XTZ 250 Lander, XT600
              
">
            
        
            <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 ">PPK-Y003B</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Caixa de Direção Esférica Yamaha YS Fazer 250 08&gt;17, XTZ 250 Lander, XT600
            </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_1648725']" 
               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_1648726" name="product_id" value="1648726"/>
    <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_1648726 > 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_1648726" href="/produto/caixa-de-direcao-conica-para-yamaha-ys-fazer-250-08-17-fazer-fz6-600-08-09-xvs-650-drag-star-xtz-250-tenere-11-19-xtz-lander-250-07-xmax-250-21-xj6-xt-350-600-660r-xtz-super-tenere-750-virago-535-caixa-de-direcao-conica-para-yamaha-ppky003r/1648726" 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/1648726.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="PPK-Y003R 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/50065/50065.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="PPK-Y003R 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/50066/50066.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===3" title="PPK-Y003R 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===3 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50067/50067.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/caixa-de-direcao-conica-para-yamaha-ys-fazer-250-08-17-fazer-fz6-600-08-09-xvs-650-drag-star-xtz-250-tenere-11-19-xtz-lander-250-07-xmax-250-21-xj6-xt-350-600-660r-xtz-super-tenere-750-virago-535-caixa-de-direcao-conica-para-yamaha-ppky003r/1648726" 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/1648726.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/caixa-de-direcao-conica-para-yamaha-ys-fazer-250-08-17-fazer-fz6-600-08-09-xvs-650-drag-star-xtz-250-tenere-11-19-xtz-lander-250-07-xmax-250-21-xj6-xt-350-600-660r-xtz-super-tenere-750-virago-535-caixa-de-direcao-conica-para-yamaha-ppky003r/1648726 class="" title="
                Caixa de Direção Cônica Fazer 250 08&gt;17, XTZ Lander / Tenere 250, XMax 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 ">PPK-Y003R</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Caixa de Direção Cônica Fazer 250 08&gt;17, XTZ Lander / Tenere 250, XMax 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 @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_1648726']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_2534" name="product_id" value="2534"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'mak' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="mak" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/mak.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_2534 > img').length-1;">
        <a id="gallery_2534" href="/produto/caixa-de-direcao-inferior-conica-para-yamaha-fazer-250-08-17-xtz-lander-250-07-xtz-250-tenere-11-19-xt600-660-superior-cb-300r-repsol-caixa-de-direcao-inferior-conica-para-yamaha-32006x/2534" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/2534.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/caixa-de-direcao-inferior-conica-para-yamaha-fazer-250-08-17-xtz-lander-250-07-xtz-250-tenere-11-19-xt600-660-superior-cb-300r-repsol-caixa-de-direcao-inferior-conica-para-yamaha-32006x/2534" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/2534.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/caixa-de-direcao-inferior-conica-para-yamaha-fazer-250-08-17-xtz-lander-250-07-xtz-250-tenere-11-19-xt600-660-superior-cb-300r-repsol-caixa-de-direcao-inferior-conica-para-yamaha-32006x/2534 class="" title="
                Caixa de Direção Cônica Inferior Fazer 250 08&gt;17, XTZ 250 Ténéré 11&gt;19, XTZ Lander 250 07&gt;..., XT600/660
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">32006X</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Caixa de Direção Cônica Inferior Fazer 250 08&gt;17, XTZ 250 Ténéré 11&gt;19, XTZ Lander 250 07&gt;..., XT600/660
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_2534']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="mak" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/mak.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1648377" name="product_id" value="1648377"/>
    <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_1648377 > 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_1648377" href="/produto/caixa-de-direcao-conica-para-yamaha-ybr-125-factor-09-16-ybr-150-factor-17-ys-150-fazer-14-virago-250-virago-650-caixa-de-direcao-conica-para-yamaha-ppky002r/1648377" 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/1648377.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="PPK-Y002R 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/50069/50069.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="PPK-Y002R 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/50070/50070.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===3" title="PPK-Y002R 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===3 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50071/50071.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/caixa-de-direcao-conica-para-yamaha-ybr-125-factor-09-16-ybr-150-factor-17-ys-150-fazer-14-virago-250-virago-650-caixa-de-direcao-conica-para-yamaha-ppky002r/1648377" 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/1648377.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/caixa-de-direcao-conica-para-yamaha-ybr-125-factor-09-16-ybr-150-factor-17-ys-150-fazer-14-virago-250-virago-650-caixa-de-direcao-conica-para-yamaha-ppky002r/1648377 class="" title="
                Caixa de Direção Cônica YBR 125 Factor 09&gt;16, YBR 150 Factor, YS 150 Fazer 14&gt;...
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">PPK-Y002R</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Caixa de Direção Cônica YBR 125 Factor 09&gt;16, YBR 150 Factor, YS 150 Fazer 14&gt;...
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_1648377']" 
               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_2818" name="product_id" value="2818"/>
    <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_2818 > 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_2818" href="/produto/rolamento-de-roda-para-yamaha-dianteira-factor-ybr125-fazer-ys150-ys250-xtz-250-lander-xmax-250-21-honda-cg125-titan-fan-dafra-citycom-300i-11-kawasaki-ninja-250-300-haojue-dr-160-roda-traseira-cg160-fan-titan-roda-dianteira-dafra-next-250-300-roda-trasira-apache-150-riva-150-roda-traseira-esquerda-chopper-road-150-rolamento-de-roda-para-yamaha-62022rsc3/2818" 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/2818.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="6202-2RSC3 Rolamento Rígido de Esferas" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===1 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50147/50147.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="6202-2RSC3 Rolamento Rígido de Esferas" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===2 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50148/50148.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===3" title="6202-2RSC3 Rolamento Rígido de Esferas" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===3 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50149/50149.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===4" 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===4 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/53642/53642.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-de-roda-para-yamaha-dianteira-factor-ybr125-fazer-ys150-ys250-xtz-250-lander-xmax-250-21-honda-cg125-titan-fan-dafra-citycom-300i-11-kawasaki-ninja-250-300-haojue-dr-160-roda-traseira-cg160-fan-titan-roda-dianteira-dafra-next-250-300-roda-trasira-apache-150-riva-150-roda-traseira-esquerda-chopper-road-150-rolamento-de-roda-para-yamaha-62022rsc3/2818" 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/2818.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-de-roda-para-yamaha-dianteira-factor-ybr125-fazer-ys150-ys250-xtz-250-lander-xmax-250-21-honda-cg125-titan-fan-dafra-citycom-300i-11-kawasaki-ninja-250-300-haojue-dr-160-roda-traseira-cg160-fan-titan-roda-dianteira-dafra-next-250-300-roda-trasira-apache-150-riva-150-roda-traseira-esquerda-chopper-road-150-rolamento-de-roda-para-yamaha-62022rsc3/2818 class="" title="
                Rolamento da Roda Dianteira Fazer 250, XTZ 250 Lander, CG125, Citycom 300, Ninja 250/300 | Roda Traseira CG160 Fan / 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 ">6202-2RSC3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento da Roda Dianteira Fazer 250, XTZ 250 Lander, CG125, Citycom 300, Ninja 250/300 | Roda Traseira CG160 Fan / 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_2818']" 
               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_2717" name="product_id" value="2717"/>
    <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_2717 > img').length-1;">
        <a id="gallery_2717" href="/produto/rolamento-do-balanceiro-para-honda-cg150-160-titan-start-bros-160-ybr-125-01-16-xtz-125-fourtrax-420-08-transmissao-pcx-150-160-13-adv-150-21-elite-125-ybr-xtz-125-01-16-rolamento-esquerdo-da-arvore-de-comando-ys-fazer-250-xtz-lander-tenere-250-rolamento-da-carcaca-esquerda-do-motor-eixo-primario-dafra-kansas-150-cityclass-200-next-250-rolamento-do-balanceiro-para-honda-6202zz/2717" 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/2717.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-balanceiro-para-honda-cg150-160-titan-start-bros-160-ybr-125-01-16-xtz-125-fourtrax-420-08-transmissao-pcx-150-160-13-adv-150-21-elite-125-ybr-xtz-125-01-16-rolamento-esquerdo-da-arvore-de-comando-ys-fazer-250-xtz-lander-tenere-250-rolamento-da-carcaca-esquerda-do-motor-eixo-primario-dafra-kansas-150-cityclass-200-next-250-rolamento-do-balanceiro-para-honda-6202zz/2717" 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/2717.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-balanceiro-para-honda-cg150-160-titan-start-bros-160-ybr-125-01-16-xtz-125-fourtrax-420-08-transmissao-pcx-150-160-13-adv-150-21-elite-125-ybr-xtz-125-01-16-rolamento-esquerdo-da-arvore-de-comando-ys-fazer-250-xtz-lander-tenere-250-rolamento-da-carcaca-esquerda-do-motor-eixo-primario-dafra-kansas-150-cityclass-200-next-250-rolamento-do-balanceiro-para-honda-6202zz/2717 class="" title="
                Rolamento do Balanceiro CG150/160 Titan, Start, Bros 160, Carcaça do Motor Dafra Cityclass 200
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6202-ZZ</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Balanceiro CG150/160 Titan, Start, Bros 160, Carcaça do Motor Dafra Cityclass 200
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_2717']" 
               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_1648370" name="product_id" value="1648370"/>
    <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_1648370 > img').length-1;">
        <a id="gallery_1648370" href="/produto/caixa-de-direcao-para-yamaha-ybr-125-factor-09-16-ybr-150-factor-17-ys-150-fazer-14-caixa-de-direcao-para-yamaha-ppky002b/1648370" 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/1648370.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/caixa-de-direcao-para-yamaha-ybr-125-factor-09-16-ybr-150-factor-17-ys-150-fazer-14-caixa-de-direcao-para-yamaha-ppky002b/1648370" 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/1648370.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/caixa-de-direcao-para-yamaha-ybr-125-factor-09-16-ybr-150-factor-17-ys-150-fazer-14-caixa-de-direcao-para-yamaha-ppky002b/1648370 class="" title="
                Caixa de Direção Yamaha YBR 125 Factor 09&gt;16, YBR 150 Factor, YS150 Fazer 14&gt;...
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">PPK-Y002B</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Caixa de Direção Yamaha YBR 125 Factor 09&gt;16, YBR 150 Factor, YS150 Fazer 14&gt;...
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_1648370']" 
               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_3045" name="product_id" value="3045"/>
    <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-m3' }" 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-m3" :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-m3.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_3045 > img').length-1;">
        <a id="gallery_3045" href="/produto/rolamento-da-transmissao-para-honda-cbx200-strada-xr200-pcx-150-160-13-elite-125-eixo-do-motor-e-coluna-da-direcao-para-fourtrax-08-13-rolamento-da-transmissao-para-honda-6004zzc3/3045" 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/3045.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-da-transmissao-para-honda-cbx200-strada-xr200-pcx-150-160-13-elite-125-eixo-do-motor-e-coluna-da-direcao-para-fourtrax-08-13-rolamento-da-transmissao-para-honda-6004zzc3/3045" 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/3045.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-da-transmissao-para-honda-cbx200-strada-xr200-pcx-150-160-13-elite-125-eixo-do-motor-e-coluna-da-direcao-para-fourtrax-08-13-rolamento-da-transmissao-para-honda-6004zzc3/3045 class="" title="
                Rolamento da Transmissão para Honda CBX200 Strada, PCX 150, 160, Elite 125, Neo AT 115
              
">
            
        
            <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-ZZC3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento da Transmissão para Honda CBX200 Strada, PCX 150, 160, Elite 125, Neo AT 115
            </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_3045']" 
               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-m3" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/mak-m3.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_1647207" name="product_id" value="1647207"/>
    <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_1647207 > img').length-1;">
        <a id="gallery_1647207" href="/produto/caixa-de-direcao-conica-para-bmw-f650-dakar-f650-gs-f800-gs-08-18-g650-sertao-12-13-g650-gs-10-16-caixa-de-direcao-conica-para-bmw-32028x/1647207" 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/1647207.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/caixa-de-direcao-conica-para-bmw-f650-dakar-f650-gs-f800-gs-08-18-g650-sertao-12-13-g650-gs-10-16-caixa-de-direcao-conica-para-bmw-32028x/1647207" 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/1647207.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/caixa-de-direcao-conica-para-bmw-f650-dakar-f650-gs-f800-gs-08-18-g650-sertao-12-13-g650-gs-10-16-caixa-de-direcao-conica-para-bmw-32028x/1647207 class="" title="
                Caixa de Direção Cônica para BMW F800GS 08&gt;18, GS650 10&gt;16
              
">
            
        
            <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 ">320/28X</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Caixa de Direção Cônica para BMW F800GS 08&gt;18, GS650 10&gt;16
            </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_1980385" name="product_id" value="1980385"/>
    <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-automotive' }" 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-automotive" :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-automotive.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_1980385 > img').length-1;">
        <a id="gallery_1980385" href="/produto/caixa-de-direcao-conica-para-bmw-f800r-10-17-caixa-de-direcao-conica-para-bmw-makb002r/1980385" 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/1980385.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/caixa-de-direcao-conica-para-bmw-f800r-10-17-caixa-de-direcao-conica-para-bmw-makb002r/1980385" 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/1980385.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/caixa-de-direcao-conica-para-bmw-f800r-10-17-caixa-de-direcao-conica-para-bmw-makb002r/1980385 class="" title="
                Caixa de Direção Cônica para BMW F800R 10&gt;17
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">MAK-B002R</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Caixa de Direção Cônica para BMW F800R 10&gt;17
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_1980385']" 
               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-automotive" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/mak-automotive.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_1648731" name="product_id" value="1648731"/>
    <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_1648731 > 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_1648731" href="/produto/caixa-de-direcao-conica-para-suzuki-yes-125-05-12-intruder-125-02-10-gsr-150i-katana-125-04-06-dafra-speed-150-08-15-haojue-chopper-road-150-18-caixa-de-direcao-conica-para-suzuki-ppks001r/1648731" 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/1648731.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="PPK-S001R 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/50072/50072.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="PPK-S001R 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/50073/50073.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===3" title="PPK-S001R 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===3 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50074/50074.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/caixa-de-direcao-conica-para-suzuki-yes-125-05-12-intruder-125-02-10-gsr-150i-katana-125-04-06-dafra-speed-150-08-15-haojue-chopper-road-150-18-caixa-de-direcao-conica-para-suzuki-ppks001r/1648731" 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/1648731.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/caixa-de-direcao-conica-para-suzuki-yes-125-05-12-intruder-125-02-10-gsr-150i-katana-125-04-06-dafra-speed-150-08-15-haojue-chopper-road-150-18-caixa-de-direcao-conica-para-suzuki-ppks001r/1648731 class="" title="
                Caixa de Direção Cônica para Suzuki YES 125 05&gt;12,  Intruder 125 02&gt;10, GSR 150i, Dafra Speed 150
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">PPK-S001R</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Caixa de Direção Cônica para Suzuki YES 125 05&gt;12,  Intruder 125 02&gt;10, GSR 150i, Dafra Speed 150
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_1648731']" 
               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_1647849" name="product_id" value="1647849"/>
    <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_1647849 > img').length-1;">
        <a id="gallery_1647849" href="/produto/rolamento-da-engrenagem-de-frente-vante-para-motor-de-popa-frente-yamaha-15-hp-d-dm-dmh-fm-gm-25-hp-vm-bm-rolamento-da-engrenagem-de-frente-vante-para-motor-de-popa-frente-yamaha-30205/1647849" 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/1647849.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-engrenagem-de-frente-vante-para-motor-de-popa-frente-yamaha-15-hp-d-dm-dmh-fm-gm-25-hp-vm-bm-rolamento-da-engrenagem-de-frente-vante-para-motor-de-popa-frente-yamaha-30205/1647849" 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/1647849.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-engrenagem-de-frente-vante-para-motor-de-popa-frente-yamaha-15-hp-d-dm-dmh-fm-gm-25-hp-vm-bm-rolamento-da-engrenagem-de-frente-vante-para-motor-de-popa-frente-yamaha-30205/1647849 class="" title="
                Rolamento da Engrenagem de Frente / Vante para Motor de Popa Frente Yamaha
              
">
            
        
            <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 ">30205</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento da Engrenagem de Frente / Vante para Motor de Popa Frente Yamaha
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>  
</div>        <div class="" style="background-color: rgba(0,0,0,0.5)" x-show="showDetail" :class="{ 'fixed inset-0 z-10 h-screen flex items-center justify-center py-16': showDetail }">
    <!--Dialog-->
    <div class="h-full bg-white w-11/12 sm:w-10/12 mx-auto rounded-lg shadow-lg text-left" x-show="showDetail" 
        @click.away="showDetail = false" 
        x-transition:enter="ease-out duration-300" 
        x-transition:enter-start="opacity-0 scale-90" 
        x-transition:enter-end="opacity-100 scale-100">
        <!--Title-->
        <div class="flex justify-between items-center py-3 border-b px-6">
            <p class="text-2xl font-bold">Detalhes do Produto</p>
            <div class="cursor-pointer z-50" @click="showDetail = false">
                <i class="fas fa-times fa-lg"></i>
            </div>
        </div>
        <!-- content -->
        <div id="detail_modal_preview" class="h-5/6 overflow-auto">
            <div class="htmx-indicator">
                <div class="h-full items-center justify-center flex">
                    <div class="animate-spin rounded-full h-32 w-32 border-t-2 border-b-2 border-blue-300 divide-blue-300"></div>
                </div>
             </div>
            <div class="default-button">
                <div id="product_preview" class="flex flex-col justify-center shadow-inner py-3"></div>
            </div>
        </div>

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

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

<div class="flex items-center justify-center">
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;pagina=1&amp;offset=0" :class="{'bg-gray-400 text-gray-700 font-bold': 1 === 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="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;pagina=2&amp;offset=12" :class="{'bg-gray-400 text-gray-700 font-bold': 2 === 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="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;pagina=3&amp;offset=24" :class="{'bg-gray-400 text-gray-700 font-bold': 3 === 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="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;pagina=4&amp;offset=36" :class="{'bg-gray-400 text-gray-700 font-bold': 4 === 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="?q=caixa direção fazer 250&amp;sortName=Código A-Z&amp;sort=produtoModelo:asc&amp;pagina=2&amp;offset=12">
          <i class="fas fa-angle-right"></i>
        </a>
</div>

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



</div>

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

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

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

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


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

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

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

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



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

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

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

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

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


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


</script>

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