/* Общи стилове за thumbnails */
.nav-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 5px; /* Разстояние между бутоните */
    justify-content: center; /* Центриране на бутоните */
}

.nav-pills .nav-link {
    padding: 5px;
    max-width: 80px;
    max-height: 80px;
    margin: 2px;
    overflow: hidden;
    display: inline-block; /* Гарантира, че бутоните са в един ред */
}

/* Стилове за изображенията в бутоните */
.nav-pills .nav-link img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* Медия заявка за резолюции под 590px */
@media (max-width: 590px) {
    .nav-pills .nav-link {
        max-width: 60px;
        max-height: 60px;
    }
}

/* Медия заявка за резолюции под 400px */
@media (max-width: 400px) {
    .nav-pills .nav-link {
        max-width: 50px;
        max-height: 50px;
    }
}