.ld-subnav--box{
    background:#f8fafc;
    border-bottom:1px solid var(--ld-sn-border);
}

.ld-subnav--box .ld-subnav__list{
    min-height:86px;
    gap:14px;
    padding:18px 0;
}

.ld-subnav--box .ld-subnav__link{
    min-height:50px;
    padding:0 24px;
    border:1px solid var(--ld-sn-border);
    border-radius:12px;
    background:var(--ld-sn-bg);
    color:var(--ld-sn-text);
    font-size:15px;
    font-weight:700;
    box-shadow:0 4px 14px rgba(15,23,42,.04);
}

.ld-subnav--box .ld-subnav__link:hover{
    transform:translateY(-2px);
    color:var(--ld-sn-hover-text);
    background:var(--ld-sn-hover-bg);
    border-color:var(--ld-sn-hover-border);
}

.ld-subnav--box .ld-subnav__item.is-active .ld-subnav__link{
    color:var(--ld-sn-active-text);
    background:var(--ld-sn-active-bg);
    border-color:var(--ld-sn-active-border);
}

.ld-subnav.ld-subnav--box.ld-subnav--pos-overlay .ld-subnav__list{
    min-height:72px;
    padding:12px 18px;
    gap:12px;
    border-radius:20px;
    background:linear-gradient(135deg, var(--ld-sn-overlay-panel-start), var(--ld-sn-overlay-panel-end));
    border:1px solid var(--ld-sn-overlay-panel-border);
    box-shadow:0 18px 40px rgba(15,23,42,.18);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
}

.ld-subnav.ld-subnav--box.ld-subnav--pos-overlay .ld-subnav__link{
    min-height:44px;
    padding:0 20px;
    border-radius:12px;
    background:var(--ld-sn-bg);
    border:1px solid var(--ld-sn-border);
    color:var(--ld-sn-text);
    box-shadow:none;
}

.ld-subnav.ld-subnav--box.ld-subnav--pos-overlay .ld-subnav__link:hover{
    color:var(--ld-sn-hover-text);
    background:var(--ld-sn-hover-bg);
    border-color:var(--ld-sn-hover-border);
}

.ld-subnav.ld-subnav--box.ld-subnav--pos-overlay .ld-subnav__item.is-active .ld-subnav__link{
    color:var(--ld-sn-active-text);
    background:var(--ld-sn-active-bg);
    border-color:var(--ld-sn-active-border);
}

@media (max-width:1024px){
    .ld-subnav--box .ld-subnav__list{
        min-height:auto;
        padding:12px 0;
    }

    .ld-subnav--box .ld-subnav__link{
        min-height:42px;
        padding:0 18px;
        font-size:14px;
        border-radius:10px;
    }

    .ld-subnav.ld-subnav--box.ld-subnav--pos-overlay .ld-subnav__list{
        min-height:auto;
        padding:12px 0;
        border-radius:0;
        background:transparent;
        border:0;
        box-shadow:none;
        backdrop-filter:none;
        -webkit-backdrop-filter:none;
    }

    .ld-subnav.ld-subnav--box.ld-subnav--pos-overlay .ld-subnav__link{
        background:var(--ld-sn-bg);
        border:1px solid var(--ld-sn-border);
    }
}