/* 1. REMOVE AS FAIXAS BRANCAS E O FUNDO DO CONTAINER */
.listagem .listagem-item .imagem-produto, 
.listagem .listagem-item .imagem-produto a,
.listagem .listagem-item .produto-corpo {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important; /* Essencial para a moldura colar na foto */
}

/* 2. APLICA A MOLDURA NA IMAGEM (1px para Desktop) */
.listagem .listagem-item .imagem-produto img,
.pagina-produto .principal .imagem-produto img {
    border: 1px solid #000000 !important;
    box-sizing: border-box !important;
    aspect-ratio: 1 / 1 !important; /* Garante o formato 500x500 */
    object-fit: cover !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
}

/* 3. AJUSTE DE NITIDEZ PARA MOBILE (2px) */
@media only screen and (max-width: 767px) {
    .listagem .listagem-item .imagem-produto img,
    .pagina-produto .principal .imagem-produto img {
        border-width: 2px !important;
    }
}