.mobile-nav{display:none;}
.site-logo-link{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    width:auto!important;
    max-width:min(300px,64vw);
    background:rgba(255,255,255,.96)!important;
    color:inherit!important;
    border-radius:14px!important;
    padding:5px 8px!important;
    box-shadow:0 8px 22px rgba(0,0,0,.16);
}
.site-logo-img{
    display:block;
    width:225px;
    height:auto;
    max-width:100%;
    object-fit:contain;
}
.header .nav{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    align-items:center;
    gap:8px;
    margin-top:0!important;
}
.header .nav a{
    display:inline-flex;
    align-items:center;
    min-height:38px;
    color:#fff;
    text-decoration:none!important;
    background:rgba(255,255,255,.1);
    border:1px solid rgba(255,255,255,.12);
    border-radius:999px;
    padding:9px 12px;
    font-size:14px;
    font-weight:bold;
    line-height:1.1;
    margin:0!important;
    opacity:1!important;
}
.header .nav a:hover{
    color:#fff;
    background:rgba(255,255,255,.18);
}
.header .nav a.active,
.header .nav a.gold{
    background:#d3a928;
    color:#111;
    border-color:#d3a928;
}

@media(max-width:759px){
    .topbar > .nav,
    .header-inner > .nav{display:none!important;}
    .topbar,
    .mobile-nav-row{
        position:relative;
        display:flex!important;
        flex-direction:row!important;
        align-items:center!important;
        justify-content:space-between!important;
        flex-wrap:nowrap!important;
        gap:12px!important;
    }
    .mobile-nav{display:block;margin-left:auto;position:relative;z-index:20;flex:0 0 auto;}
    .mobile-nav summary{
        list-style:none;
        display:inline-flex;
        align-items:center;
        gap:9px;
        border:1px solid rgba(255,255,255,.18);
        border-radius:999px;
        background:rgba(255,255,255,.12);
        color:#fff;
        padding:9px 12px;
        font-size:14px;
        font-weight:bold;
        cursor:pointer;
    }
    .mobile-nav summary::-webkit-details-marker{display:none;}
    .mobile-nav summary::before{
        content:"";
        display:block;
        width:18px;
        height:12px;
        background:
            linear-gradient(#fff,#fff) 0 0/18px 2px no-repeat,
            linear-gradient(#fff,#fff) 0 5px/18px 2px no-repeat,
            linear-gradient(#fff,#fff) 0 10px/18px 2px no-repeat;
    }
    .mobile-nav nav{
        position:absolute;
        right:0;
        top:calc(100% + 9px);
        width:min(280px,calc(100vw - 36px));
        display:grid;
        gap:7px;
        background:#102f25;
        border:1px solid rgba(255,255,255,.16);
        border-radius:16px;
        padding:10px;
        box-shadow:0 18px 45px rgba(0,0,0,.28);
    }
    .mobile-nav nav a{
        display:block;
        color:#fff;
        background:rgba(255,255,255,.1);
        border:1px solid rgba(255,255,255,.1);
        border-radius:12px;
        padding:11px 12px;
        font-size:14px;
        font-weight:bold;
        text-decoration:none;
    }
    .mobile-nav nav a.active,
    .mobile-nav nav a.gold{
        background:#d3a928;
        color:#111;
        border-color:#d3a928;
    }
    .site-logo-link{max-width:153px;padding:3px 5px!important;border-radius:10px!important;flex:0 1 auto;}
    .site-logo-img{width:140px;height:auto;}
}

@media(max-width:380px){
    .site-logo-link{max-width:130px;}
    .site-logo-img{width:120px;}
}

@media(min-width:760px){
    .topbar > .nav,
    .header-inner > .nav{display:flex;}
}