[hidden] { display: none !important; }
.pneus-bg { padding: 100px 0 50px; }
.produtos-lista { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.card-produto { display: flex; flex-direction: column; padding: 22px; border: 2px solid var(--cor1); border-radius: 10px; gap: 40px; justify-content: space-between; }
.btn-parent { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; grid-template-rows: 45px;  }
.card-produto .title { padding-left: 12px; border-left: 7px solid var(--cor1); }
.card-produto .title .nome { font: 22.05px / 1 garet; display: block; }
.card-produto .title .sub { font: 13px montserrat; }
.card-produto .btn-saiba-mais { text-align: center; background: var(--preto); color: var(--branco); font: 13.83px garet; display: flex; align-items: center; justify-content: center; } 
.card-produto .btn-whats { display: flex; align-items: center; justify-content: center; gap: 5px; background: #00B600; color: var(--branco); font: 13.83px garet; }
.card-produto .btn-child { border-radius: 10px; } 
.card-produto .img { display: flex; align-items: center; justify-content: center; aspect-ratio: 4/3; max-width: 300px; margin: 0 auto; }
.card-produto .img img { display: block; width: 100%; height: 100%; object-fit: contain; }
.tabs { display: flex; align-items: center; gap: 10px; margin: 0 0 60px; flex-wrap: wrap; }
.tabs .tab { display: flex; align-items: center; justify-content: center; border-radius: 10px; text-align: center; height: 45px; padding: 0 20px; font: 700 13.83px montserrat; background: #efefef; border: 0; cursor: pointer; transition: .2s ease; text-decoration: none; color: var(--preto); }
.tabs .tab:hover { background: #ddd; }
.tabs .tab.ativo { background: var(--cor1); color: var(--preto); }
.pneus-vazio { grid-column: 1 / -1; padding: 16px 0 10px; font: 500 16px / 1.6 montserrat; color: #5B5B5B; }

.paginas { display: flex; gap: 20px; justify-content: center; align-items: center; margin-top: 50px; }
.pagina-parent { display: flex; width: 45px; height: 45px; align-items: center; justify-content: center; background: var(--cor1); border-radius: 10px; font: 13.83px garet; transition: .4s ease; }
.pagina-parent:hover,
.pagina-parent:has(.ativo) { background: var(--preto); color: var(--branco); }
.pagina { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; }

@media (max-width: 1024px) {
  .produtos-lista { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
  .pneus-bg { padding: 70px 0 40px; }
  .produtos-lista { grid-template-columns: 1fr; gap: 18px; }
  .tabs { margin-bottom: 30px; }
}