/* Resetando margens e preenchimentos */
body, html {
    margin: 0;
    padding: 0;
}

/* Estilos comuns */
.container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    flex-wrap: wrap;
    width: 100%;
}

/* Estilo para a imagem */
.image {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.image img {
    width: 100%;
    height: auto;
}

/* Imagem Desktop */
.imagem-desktop {
    display: block;
    max-width: 100%;
}

/* Imagem Mobile */
.imagem-celular {
    display: none; /* Oculta a imagem no desktop */
    max-width: 100%;
}

/* Ajuste para Celular */
@media screen and (max-width: 768px) {
    .container {
        flex-direction: column;
    }

    .imagem-desktop {
        display: none; /* Oculta a imagem desktop */
    }

    .imagem-celular {
        display: block; /* Exibe a imagem mobile */
    }
}

.carrinho.vazio>a span{

display: none !important;

}

.carrinho .qtd-carrinho{

left: 20px !important;

}