.brand {
    text-align: center;
    margin: 40px auto;
    padding: 20px;
    background: #fff;
    border-radius: 15px;
    max-width: 1200px; /* Evita che i prodotti si spalmino troppo su schermi enormi */
    
}

.brand .brnd_logo {
    display: inline-block;
    padding: 15px;
    vertical-align: middle;
    transition: transform 0.2s;
}

.brand .brnd_logo:hover {
    transform: scale(1.5);
}

.brand .brnd_logo img {
    max-width: 100px;
    max-height: 50px; /* Di solito i loghi sono rettangolari, meglio 50px */
    filter: grayscale(50%);
    opacity: 0.6;
    transition: all 0.3s;
}

.brand .brnd_logo:hover img {
    filter: grayscale(0%);
    opacity: 1;
}