.produto-bg { padding: 60px 0 112px;}
.produto .produto-topbar { display: flex; justify-content: flex-end; margin: 0 0 40px; }
.produto .voltar-categorias { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 24px; background: var(--cor1); color: var(--branco); font: 600 12px montserrat; letter-spacing: 0.72px; text-transform: uppercase; text-decoration: none; }
.produto .sem-produtos { padding: 20px 0 60px; text-align: center; font: 32px / 1.2 titillium; color: var(--preto); }
.titulo-categoria { font: 52.5px / 1.375 titillium; color: var(--preto); margin: 60px 0; text-align: center;  }
.titulo-categoria:first-child { margin-top: 0; }
.lista-produtos { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 45px; list-style: none; padding: 0; margin: 0; }
.lista-produtos .produto-parent { list-style: none; }
.produto .img { display: flex; align-items: center; justify-content: center; border: 2px solid var(--cor1); height: 248px;}
.produto .img img { display: block; width: 90%; height: 90%; object-fit: contain; }
.lista-produtos .produto { display: grid; gap: 25px; height: 100%; color: inherit; text-decoration: none; }
.produto .produto-titulo { font: 16.84px / 1.3em titillium; color: var(--preto); text-align: center; }
.produto .btn-saiba { background: var(--cor2); color: var(--branco); width: 100%; max-width: 120px; height: 40px; font: 12px montserrat; display: flex; align-items: center; justify-content: center; margin: 0 auto;}


.lista-produtos .produto .img,
.lista-produtos .produto {position: relative;}
.lista-produtos .produto:hover .btn-saiba { background: var(--preto);}
.lista-produtos .produto:hover { transform: translateY(-4px); }
.lista-produtos .produto:hover img { transform: scale(1.06); }
.lista-produtos .produto .hover { visibility: hidden; opacity: 0; position: absolute; width: 100%; height: 100%; background: #14267ec3; display: flex; align-items: center; justify-content: center; flex-direction: column; transition: .4s ease; } 
.lista-produtos .produto:hover .hover { visibility: visible; opacity: 1; }

@media (max-width: 1250px) {
    .lista-produtos { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
}

@media (max-width: 990px) {
    .produto-bg {padding: 60px 0 25px;}
}
@media (max-width: 768px) {
    .produto .produto-topbar { justify-content: center; margin-bottom: 30px; }
    .titulo-categoria { font-size: 40px; margin: 40px 0 24px; }
    .lista-produtos { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
}

@media (max-width: 540px) {
    .produto-bg { padding-bottom: 80px; }
    .produto .sem-produtos { font-size: 26px; }
    .lista-produtos { grid-template-columns: 1fr; }
}