.brands-sidebar .panel-body > .row:first-child {
    display: flex;
    flex-wrap: wrap;
	margin-top: 5px;
}

.brands-sidebar .col-xs-3 {
    width: 20%;
    padding: 0 4px;
}

.brands-sidebar .marque {
    height: 105px !important;
    padding: 6px !important;
    text-align: center;
    border: 1px solid #eeeeee;
    background: #ffffff;
}

.brands-sidebar .marque .img {
    width: 100% !important;
    height: 68px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.brands-sidebar .marque .img a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.brands-sidebar .marque .img img._square {
    width: auto !important;
    height: auto !important;
    max-width: 65px !important;
    max-height: 55px !important;
    object-fit: contain !important;
}

.brands-sidebar .marque .libelle {
    margin-top: 6px !important;
    font-size: 13px;
    white-space: nowrap;
}
.myCol .marque {
    height: 170px !important;
    margin: 6px !important;
    padding: 10px !important;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    text-align: center;
    transition: 0.2s ease;
}

.myCol .marque:hover {
    border-color: #6f42ff;
    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.08);
    transform: translateY(-3px);
}

.myCol .marque .img {
    width: 100% !important;
    height: 115px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.myCol .marque .img a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.myCol .marque .img img._square {
    width: auto !important;
    height: auto !important;
    max-width: 110px !important;
    max-height: 90px !important;
    object-fit: contain !important;
}

.myCol .marque .libelle {
    margin-top: 10px !important;
    font-size: 15px;
    color: #333;
}
.phone a:focus,
.marque a:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Keep a visible focus indicator for keyboard navigation */
.phone a:focus-visible,
.marque a:focus-visible {
    outline: 2px solid #6f42ff !important;
    outline-offset: 3px;
    border-radius: 4px;
}
.brands-list {
    direction: ltr;
}

.brands-list .myCol {
    float: left !important;
}
.brands-sidebar .marque,
.phone {
    border-radius: 8px;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.brands-sidebar .marque:hover,
.phone:hover {
    border-color: #6f42ff !important;
    border-radius: 8px;
    box-shadow: 0 0 0 2px rgba(111, 66, 255, 0.18);
}