.site-header{

    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:999;

    color:#ffffff;

    transition:.35s;

}

.site-header.scrolled{

    background:rgba(255,255,255,.92);
    backdrop-filter:blur(18px);
    box-shadow:0 5px 35px rgba(0,0,0,.08);

}

.header-container{

    height:90px;

    display:flex;
    align-items:center;
    justify-content:space-between;

}

.site-logo{

    display:flex;
    align-items:center;
    flex-shrink:0;

}

.site-logo img{

    display:block;
    width:auto;
    height:56px;
    max-width:260px;
    object-fit:contain;

}

.desktop-navigation{

    margin-left:auto;
    margin-right:50px;

}

.main-menu{

    display:flex;
    gap:42px;
    list-style:none;

}

.main-menu a{

    color:#ffffff;

    font-size:15px;
    font-weight:600;

    transition:.25s;

}

.main-menu a:hover{

    color:rgba(255,255,255,.75);

}

.header-right{

    display:flex;
    align-items:center;
    gap:22px;

}

.lang-item{

    list-style:none;

}

.lang-item a{

    font-size:14px;
    font-weight:700;
    letter-spacing:1px;

}

.current-lang{

    opacity:1;

}

.header-button{

    background:#111;
    color:#fff;

    padding:14px 26px;

    border-radius:999px;

    font-weight:700;

    transition:.25s;

}

.header-button:hover{

    background:#333;

}

.site-header{

    color:#fff;

}

.site-header.scrolled{

    background:rgba(17,17,17,.88);

    backdrop-filter:blur(18px);

    box-shadow:0 5px 35px rgba(0,0,0,.18);

}