/* Padrão compartilhado entre o catálogo, a Home e o painel administrativo. */
:root {
    --produto-foto-proporcao: 1 / 1;
    --produto-foto-fundo: #F4F4F5;
}

.produto-foto {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: var(--produto-foto-proporcao);
    object-fit: contain;
    object-position: center;
    background: var(--produto-foto-fundo);
}