/*CSS Intellinec*/
._navigation-dropdown._navigation-dropdown-level-1 {
    width: 300px !important;
}

._navigation-dropdown-list-item-link {
    display: flex !important;
    align-items: center;
    text-align: left;
    padding-left: 15px;
    background: #fff;
    white-space: normal; /* Това ще позволи текстът да се пречупва на няколко реда */
}

.category-icon {
    width: 24px;
    height: 24px;
    margin-right: 12px;
    vertical-align: middle;
    flex-shrink: 0; /* Това ще предотврати иконката да се свие при дълъг текст */
}

._figure-stack-label {
    flex-grow: 1; /* Това ще накара текстът да заема останалата част от пространството и ще го подравни правилно */
    line-height: 1.2; /* Можете да настроите това значение за по-добро визуално подравняване */
}

/* Стилиране за мобилната версия */
.mobile-menu-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 10px;
    background-color: #fff; /* Може да промените цвета на фона ако е необходимо */
}

.mobile-menu-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #000;
    margin: 10px;
    width: 80px; /* Ширина на иконката и текста */
    text-align: center;
}

.mobile-category-icon {
    width: 50px; /* Размер на кръгчето */
    height: 50px;
    margin-bottom: 5px;
    border-radius: 50%; /* Заобляне на иконката */
    border: 2px solid #d3d3d3; /* Сив border */
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff; /* Бял фон на кръгчето */
}

.mobile-category-icon img {
    width: 24px; /* Размер на иконката вътре в кръгчето */
    height: 24px;
}

.mobile-category-label {
    font-size: 14px; /* Размер на текста */
    line-height: 1.2;
}