/*
 * Matendes 14/10/2026 — imagens de produto inteiras e centradas.
 * A caixa mantém o tamanho; a foto ajusta-se dentro dela (sem cortar),
 * qualquer que seja o formato (ao alto, ao comprido, muito grande).
 * Antes só as imagens tratadas pela IA (já quadradas) apareciam inteiras.
 * Não toca em banners nem promoções.
 */
.aiz-card-box img.img-fit,
/* 24/10/2026 — o dono viu fotos cortadas em cartões que não são .aiz-card-box (anúncios patrocinados,
   recomendações, ofertas do dia, pesquisa rápida). Vale para qualquer foto que leve a um produto. */
a[href*="/product/"] img.img-fit,
a[href*="/api/ads/click/"] img.img-fit,
img.product-main-image,
.main-slider img.lightbox-source,
.thumb-slider .swiper-slide img {
    object-fit: contain !important;
    object-position: center center !important;
    background-color: #fff;
}

/*
 * 24/10/2026 — «verificar todas as partes que têm imagem» (pedido do dono).
 * Marcas: o logótipo tinha altura fixa e largura limitada, por isso ficava esticado/achatado.
 * Página «Todas as categorias»: o ícone quadrado cortava a imagem.
 * Blogue: a capa do artigo e as miniaturas cortavam a imagem.
 * Em todos, a imagem passa a caber inteira na caixa (o tamanho da caixa não muda).
 */
a[href*="/brand/"] img,
.size-60px > img.img-fit,
a[href*="/blog/"] img.img-fit {
    object-fit: contain !important;
    object-position: center center !important;
    background-color: #fff;
}

/* 24/10/2026 — imagens com tamanho fixo no próprio img (size-50px, size-60px…: carrinho, checkout,
   logótipos de lojas) ficavam esticadas quando a foto não era quadrada. Passam a caber inteiras. */
img[class*="size-"]:not(.rounded-circle) {
    object-fit: contain !important;
    object-position: center center !important;
}

/* 25/10/2026 — padrão do site (pedido do dono): QUALQUER foto que leve a um produto ou a um anúncio de
   produto ajusta-se à janela como na página inicial — inteira (contain), centrada, fundo branco —
   tenha ou não a classe .img-fit (cartões novos, como os da página inicial nova). */
a[href*="/product/"] img,
a[href*="/api/ads/click/"] img {
    object-fit: contain !important;
    object-position: center center !important;
    background-color: #fff;
}

/*
 * 26/10/2026 — foto de produto que toca na borda (o produto vai até ao limite da foto) ganha a mesma
 * margem que as outras já trazem na própria foto. Quem decide é o mtd-imagens.js (classe .mtd-encostada).
 * A foto continua inteira; só fica com espaço à volta.
 */
img.mtd-encostada {
    padding: 6% !important;
    box-sizing: border-box !important;
}
.thumb-slider .swiper-slide img.mtd-encostada {
    padding: 10% !important;
}

/*
 * 26/10/2026 — a segunda foto do cartão (a que aparece ao passar o rato) não serve num ecrã de toque:
 * fica escondida e, por ter loading="lazy", o telemóvel nem a descarrega.
 */
@media (hover: none) {
    img.product-hover-image {
        display: none !important;
    }
}