/* ix.ua public landing header: responsive navigation only. */
.landing-menu-toggle{
    display:none;
    align-items:center;
    justify-content:center;
    gap:7px;
    height:44px;
    min-height:44px;
    box-sizing:border-box;
    padding:0 13px;
    border:1px solid #e5e9e9;
    background:#fff;
    color:#263033;
    border-radius:8px;
    font:inherit;
    cursor:pointer;
    white-space:nowrap;
}
.landing-menu-toggle span{font-size:18px;line-height:1}
.landing-menu-toggle b{font-size:12px;line-height:1}

@media(max-width:900px){
    .landing-head{position:relative;gap:12px}
    .landing-menu-toggle{display:inline-flex;margin-left:auto}
    .landing-head .landing-actions{margin-left:0}
    .landing-head>nav{
        display:none!important;
        position:absolute;
        z-index:1000;
        top:calc(100% - 4px);
        right:0;
        width:min(330px,calc(100vw - 28px));
        box-sizing:border-box;
        padding:8px;
        background:#fff;
        border:1px solid #e3e8e8;
        border-radius:10px;
        box-shadow:0 16px 40px #24313724;
        flex-direction:column;
        gap:2px;
    }
    .landing-menu-open .landing-head>nav{display:flex!important}
    .landing-head>nav a{display:block;padding:11px 12px;border-radius:7px;font-size:13px}
    .landing-head>nav a:hover,.landing-head>nav a.active{background:#fff3ed;color:#ef531b}
}

@media(max-width:650px){
    .landing-head{flex-wrap:nowrap}
    .landing-menu-toggle{width:44px;padding:0;flex:0 0 44px}
    .landing-menu-toggle b{display:none}
    .landing-head .landing-actions{gap:5px}
    .landing-head .landing-actions .u-btn{padding-left:9px;padding-right:9px}
    .landing-head .landing-actions .u-btn:not(.secondary){display:none}
}