.alphabet {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.2rem!important;
    margin-bottom: 1rem;
    font-size: 1.3rem;
}

.box-fabricant {
    padding: .6rem .6rem 1rem .6rem;
    margin: .5rem;
    border: 1px solid var(--color-background);
    border-radius: 10px;
    transition: all 0.2s ease-in-out;
}

.box-fabricant:hover {
    border: 1px solid var(--color-bleu-strong);
    transition: all 0.2s ease-in-out;
}

.box-fabricant .box-image {
    display: flex;
    justify-content: center; /* Centrage horizontal */
    align-items: center; /* Centrage vertical */
    height: 150px; /* Hauteur fixe du conteneur de l'image */
    overflow: hidden; /* Cache les parties de l'image qui débordent */
}

.box-fabricant .box-image img {
    max-width: 100%; /* Largeur maximale de l'image 100% du conteneur */
    max-height: 100%; /* Hauteur maximale de l'image 100% du conteneur */
    object-fit: cover; /* Assure que l'image couvre tout l'espace disponible */
}

.box-fabricant .body {
    padding-top: .5rem;
    border-top: 1px solid var(--color-background);
}

.box-fabricant .top {
    margin-bottom: .75rem;
}

.box-fabricant .titre {
    font-size: 1.1rem;
    font-family: 'Montserrat-Regular', serif;
    font-weight: 600;
    color: var(--color-bleu-strong);
}

/* RESPONSIVE */
@media (max-width: 1500px) {
    .alphabet {
        gap: 1rem!important;
    }
}

@media (max-width: 1200px) { /* xl */
    .alphabet {
        gap: 0.8rem!important;
    }
}

@media (max-width: 992px) { /* lg */
    .alphabet {
        gap: 0.5rem!important;
    }
}

@media (max-width: 768px) { /* md */

}

@media (max-width: 576px) { /* sm */

}