mega-menu{
    display: flex;
    justify-content: space-between;
    column-gap: clamp(3rem, 5vw, 5rem);
    padding-top:30px;
    padding-bottom:60px;
    color:rgb(var(--color-text));
}
mega-menu .mega-menu-2,
mega-menu .mega-menu-promo{
    max-width:50%;
}
mega-menu .mega-menu-2{
    display: flex;
    flex-wrap: wrap;
    row-gap:60px;
    column-gap: 5vw;
}

mega-menu .mega-menu-link_1,
mega-menu .mega-menu-link_2{
    display: flex;
    flex-direction: column;
}

mega-menu .mega-menu-link_1{
    gap:22px;
}

mega-menu .mega-menu-link_2{
    gap:8px;
}
mega-menu .mega-menu-promo{
    position: relative;
    display: grid;
    align-items: center;
    width:100%;
}
mega-menu .mega-menu-promo-body{
    overflow-x: auto;
    scrollbar-width: none;
    position: relative;
}
mega-menu .mega-menu-promo-grid{
    display: grid;
    gap:15px;
    grid: auto / auto-flow 25%;
    justify-content: end;
}

mega-menu .promo-image{
    margin-bottom:20px;
}

mega-menu .promo-title{
    margin-bottom:10px;
}

mega-menu .promo-button{
    position: absolute;
    display: flex;
    background-color: #ffffff;
    border-radius: 5px;
    padding: 0;
    border: 0;
    cursor: pointer;
}
mega-menu .promo-button:disabled{
    cursor: no-drop;
}
mega-menu .mega-menu-promo:hover .promo-button{
    display: flex;
}
mega-menu .promo-button-prev{
    left: 10px;
}

mega-menu .promo-button-next{
    right: 10px;
}