@media (max-width: 768px) {
  /* 1. Destacar e aumentar o preço dos produtos no celular */
  .listagem .cor-principal, 
  .produto-carrossel .cor-principal,
  .pagina-produto .preco-produto .preco-promocional {
    font-size: 18px !important;
    font-weight: bold !important;
  }

  /* 2. Deixar o botão "Comprar" maior e mais fácil de tocar com o polegar */
  .listagem .botao-comprar,
  .componente-busca .botao-busca,
  .pagina-produto .botao-comprar {
    padding: 12px 10px !important;
    font-size: 14px !important;
    text-transform: uppercase;
  }

  /* 3. Garantir que os títulos dos produtos não fiquem cortados ou gigantes */
  .listagem .nome-produto,
  .produto-carrossel .nome-produto {
    font-size: 13px !important;
    line-height: 1.3 !important;
    height: 38px ! important;
    overflow: hidden;
  }
}