.site-menu-item{
    position:relative;
    display:inline-flex;
    align-items:center;
}
.site-menu-item > a{
    display:inline-flex;
    align-items:center;
    gap:7px;
}
.site-menu-item.has-children > a::after{
    content:"▾";
    font-size:10px;
    opacity:.75;
}
.site-submenu{
    position:absolute;
    top:calc(100% + 18px);
    left:50%;
    transform:translateX(-50%) translateY(8px);
    min-width:210px;
    padding:10px;
    border-radius:20px;
    background:rgba(8,13,22,.90);
    border:1px solid rgba(255,255,255,.16);
    box-shadow:0 26px 80px rgba(0,0,0,.32);
    backdrop-filter:blur(24px) saturate(145%);
    -webkit-backdrop-filter:blur(24px) saturate(145%);
    opacity:0;
    pointer-events:none;
    transition:.18s ease;
    z-index:999;
}
.site-menu-item:hover .site-submenu,
.site-menu-item.open .site-submenu{
    opacity:1;
    pointer-events:auto;
    transform:translateX(-50%) translateY(0);
}
.site-submenu a{
    display:block!important;
    color:#fff!important;
    padding:12px 14px;
    border-radius:14px;
    text-decoration:none;
    font-size:13px!important;
    white-space:nowrap;
}
.site-submenu a:hover{
    background:rgba(255,255,255,.11);
}
.header.scrolled .site-submenu a{
    color:#fff!important;
}
@media(max-width:900px){
    .site-menu-item{
        display:block;
        width:100%;
    }
    .site-menu-item > a{
        width:100%;
        justify-content:space-between;
    }
    .site-submenu{
        position:static;
        transform:none!important;
        opacity:1;
        pointer-events:auto;
        min-width:0;
        width:100%;
        margin:8px 0 8px;
        box-shadow:none;
        background:rgba(255,255,255,.08);
        border-radius:16px;
        display:none;
    }
    .site-menu-item.open .site-submenu{
        display:block;
    }
}