.brands-bar-container {
    overflow-x: auto; /* Włącz poziome przewijanie w razie potrzeby */
    -webkit-overflow-scrolling: touch; /* Dla płynnego przewijania na iOS */
    padding: 10px 0; /* Dodaj trochę górnego i dolnego paddingu */
    background-color: #f8f8f8; /* Opcjonalnie: kolor tła */
    border-bottom: 1px solid #eee; /* Opcjonalnie: dolna linia oddzielająca */
}

.brands-bar {
    white-space: nowrap; /* Zapobiegaj zawijaniu się elementów listy */
    padding: 0 15px; /* Dodaj trochę paddingu po bokach */
}

.brands-list {
    list-style: none; /* Usuń domyślne znaczniki listy */
    padding: 0;
    margin: 0;
    display: inline-block; /* Spraw, aby elementy listy były w jednej linii */
}

.brands-list li {
    display: inline-block; /* Wyświetlaj elementy listy w jednej linii */
    margin-right: 15px; /* Dodaj odstęp między elementami */
}

.brands-list li:last-child {
    margin-right: 0; /* Usuń prawy margines ostatniego elementu */
}

.brands-list li a {
    text-decoration: none;
    color: #333; /* Domyślny kolor tekstu */
    font-size: 14px;
    padding: 5px 10px;
    border: 1px solid #ccc; /* Opcjonalnie: obramowanie */
    border-radius: 5px; /* Opcjonalnie: zaokrąglone rogi */
    background-color: #fff; /* Opcjonalnie: tło linków */
}

.brands-list li a:hover {
    background-color: #eee; /* Opcjonalnie: zmiana tła po najechaniu */
}