/* ---------- общий враппер ---------- */
#top_menu {
    position: relative;
    /* чтобы был поверх контента */
    position: sticky;
    top: 74px;
    /* во всю длину */
    z-index: 100;
    box-sizing: border-box;
    width: 100%;
    max-width: 1920px;
}

/* ---------- градиент-маска ---------- */
#top_menu::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    content: "";
    /* белый цвет */
    -webkit-mask-image: linear-gradient(
        to bottom,
        #000 0%,
        #000 50%,
        transparent 100%
    );
    /* не мешает кликам */
    z-index: -1;
    mask-image: linear-gradient(to bottom, #000 0%, #000 50%, transparent 100%);
    pointer-events: none;
}

/* ---------- новые базовые стили текста ---------- */
#top_menu {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-evenly; */
    align-items: center;
    gap: 82px;
    padding: 0 128px;
}

#top_menu a {
    margin: 0;
    padding: 0;
    width: max-content;
}

#top_menu,
#top_menu a {
    color: #262626;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    /* ко всем ссылкам и самому блоку */
    font-family: Manrope, sans-serif;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ---------- старые стили – без изменений ---------- */
ul.subsubmenu {
    margin: 0;
    padding: 0 0 5px;
    list-style: none outside none;
    text-align: left;
}

ul.subsubmenu > li > a {
    display: block;
    background: #f4f4f4 !important;
    padding: 3px 0 3px 40px;
    width: 203px;
    color: inherit;
    font-style: normal;
    font-size: inherit;
    line-height: inherit;
}

ul.subsubmenu > li > a {
    display: block;
    background: #f4f4f4 !important;
    padding: 3px 0 3px 40px;
    width: 203px;
    color: #41151d;
    font-style: italic;
    font-size: 90%;
    line-height: 15px;
}
/* (опц.) если где-то ещё остались перечёркнутые пункты */
#top_menu a.deny {
    opacity: 0.45;
}