body, html {
    height: 100%;
}

body {
    padding-top: 80px; /* Высота вашей навигационной панели + немного дополнительного пространства */
}

.wrapper {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.content {
    flex: 1;
}

html {
    scroll-behavior: smooth;
}

.navbar-brand img {
    max-height: 50px;
    width: auto;
}

.modal-content {
    background-color: #000;
}

.img-thumbnail {
    background-color: #000;
    border: 1px solid #000;
}

/* Стили для мобильных устройств */
@media (max-width: 768px) {
    #sizeLabels li {
        border: 1px solid #000;
        padding: .25rem;
        border-radius: 5px; /* Скругленные углы */
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Тень для лучшей читаемости */
    }
}