.produto-zoom-container img {
    transition: transform 0.15s ease-out;
}
/* Achado do usuário (2026-07-22): #produto-imagem-principal virou object-fit:contain
   (reserva-espaco-imagens.css) pra o zoom mostrar a foto inteira, não só o recorte que
   "cover" deixava visível. Contain deixa faixas vazias quando a foto não é quadrada —
   fundo claro nas faixas em vez de branco puro (que sumiria dentro do .card branco). */
.produto-zoom-container {
    background-color: #F8F8F8;
}
.produto-miniatura {
    opacity: .6;
    transition: opacity .15s;
}
.produto-miniatura-ativa,
.produto-miniatura:hover {
    opacity: 1;
    outline: 2px solid var(--bs-primary);
}