.visual-navigation__wrapper {
    padding-top: 50px;
    padding-bottom: 40px;
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
}

.visual-navigation__list {
    display: flex;
    /*flex-wrap: wrap;*/
    justify-content: center;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

.visual-navigation__list-item {
    text-align: center;
    margin: 0 24px 10px 24px;
    width: 100px
}

@media screen and (max-width: 768px) {
    .visual-navigation__list-item {
        width: 75px;
        margin: 0 16px 10px 16px
    }
}

.visual-navigation__list-item .icon--placeholder {
    height: auto
}

.visual-navigation__list-item--circle .icon--placeholder, .visual-navigation__list-item--circle img {
    border-radius: 50%
}

@media screen and (max-width: 768px) {
    .visual-navigation__image, .visual-navigation__list-item .icon--placeholder {
        width: 75px
    }
}

.visual-navigation__image + .visual-navigation__text, .visual-navigation__list-item .icon--placeholder + .visual-navigation__text {
    margin-top: 6px
}

.visual-navigation__text {
    display: block
}

a.visual-navigation__link {
    text-decoration: none
}



.visual-navigation__list {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on touch devices */
    scrollbar-width: none;             /* Firefox hides scrollbar */
}

.visual-navigation__list::-webkit-scrollbar {
    display: none;                     /* Chrome, Safari, Edge hides scrollbar */
}


.visual-navigation__arrow {
    position: absolute;
    /*top: 50%;*/
    transform: translateY(-50%);
    color: var(--button-background-color);
    border: none;
    cursor: pointer;
    z-index: 10;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.visual-navigation__arrow.left {
    left: 0;
    margin-bottom: 14px;
}

.visual-navigation__arrow.right {
    right: 0;
    margin-bottom: 14px
}

@media screen and (min-width: 769px) {
    .next-collection-mobile-btn {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .visual-navigation__list-item {
        min-width: 105px;
        margin-left: 1px;
        margin-right: 10px;
    }

    .visual-navigation__list {
        justify-content: flex-start;
    }
    .visual-navigation__wrapper {
        padding-bottom: 10px;
    }

}