.genealogy-fields {
    display: flex !important;
    align-items: left !important;
    gap: 20px !important;
}

.genealogy-fields .dokan-form-group {
    flex-basis: 50% !important;
}

.genealogia-produtos-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 180px); /* Define 4 colunas de largura fixa */
    gap: 20px; /* Espaçamento entre as colunas */
    justify-content: flex-start; /* Alinha o grid à esquerda */
}

.genealogia-produto {
    text-align: left; /* Alinha o texto à esquerda */
    width: 180px; /* Largura fixa das colunas */
    box-sizing: border-box; /* Inclui padding e border no tamanho total */
    margin-bottom: 20px; /* Espaçamento abaixo dos itens */
}

.genealogia-produto img {
    width: 180px; /* Largura fixa da imagem */
    height: auto;
}

.genealogia-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Alinha o conteúdo à esquerda */
}

.genealogia-nome-loja {
    margin-top: auto;
    font-weight: bold; /* Adiciona negrito ao nome da loja */
    min-height: 40px;
}

.genealogia-nome-produto {
    margin-bottom: auto;
}

/* Ajustar o layout em diferentes tamanhos de ecra */
@media (max-width: 1200px) {
    .genealogia-produtos-wrapper {
        grid-template-columns: repeat(3, 180px); /* 3 colunas para ecras menores */
    }
}

@media (max-width: 900px) {
    .genealogia-produtos-wrapper {
        grid-template-columns: repeat(2, 180px); /* 2 colunas para ecras menores */
    }
}

@media (max-width: 600px) {
    .genealogia-produtos-wrapper {
        grid-template-columns: 1fr; /* 1 coluna para ecras muito pequenos */
    }
}