/* Remove faixa inferior do rodapé (formas de pagamento + selos) */
@media (min-width: 768px) {
  .rodape-inferior,
  .rodape-pagamento,
  .rodape-selos,
  .rodape .pagamentos,
  .rodape .selos {
    display: none !important;
  }
}




@media (min-width: 768px) {
  .imagem-produto {
    border-radius: 8px;
    overflow: hidden;
  }

  .imagem-produto img {
    display: block;
    width: 100%;
    height: auto;
  }
}



/* Card do produto – fundo, borda e arredondamento (desktop + mobile) */
.listagem .listagem-item .listagem-item-wrap {
    background-color: #7a5aa3 !important;
    border: 1px solid #8a2be2 !important;
    border-radius: 3px !important;
}

/* Texto abaixo do preço (parcelamento / preço antigo) */
.preco-produto,
.preco-produto span,
.preco-produto div,
.preco-parcela {
    color: #fff !important;
}




/* Hover ações do produto – sobe pouco e para embaixo (PC) */
@media (min-width: 768px) {

  /* Estado inicial: escondido embaixo */
  .listagem-item .acoes-produto {
      bottom: -35% !important;
      opacity: 0;
      transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
      height: 160px
  }

  /* Hover: sobe só até a base */
  .listagem-item:hover .acoes-produto {
      bottom: 0% !important;
      opacity: 1;
  }

}


/* Ajuste fino do card – só PC */
@media (min-width: 768px) {

  /* Card geral */
  .listagem .listagem-item {
      padding: 0 !important;
      height: auto !important;
  }

  /* Wrapper do card */
  .listagem .listagem-item .listagem-item-wrap {
      padding-bottom: 6px !important; /* DIMINUI sobra embaixo */
  }

  /* Área de info (nome + preço) */
  .listagem .info-produto {
      padding: 16px 20px !important; /* MAIS espaço pros lados */
  }

}

.nome-produto {
    color: #fff !important;
}