/* VERMAD_PUBLIC_V1: verejna navigace a nove verejne stranky */
.site-header .header-inner{
    max-width:1280px;
    flex-wrap:nowrap;
    gap:20px;
}
.site-header .site-nav{
    flex-wrap:nowrap;
    gap:3px;
}
.site-header .site-nav a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:9px 11px;
    white-space:nowrap;
    font-size:14px;
}
.site-header .site-nav a[aria-current="page"]{
    color:#edf4ff;
    background:#16273e;
}
.site-header .site-nav .cta{
    margin-left:8px;
    color:#fff;
    background:#2563eb;
}
.site-header .vp-menu-button{
    display:none;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:44px;
    padding:9px 13px;
    border:1px solid #344a63;
    border-radius:9px;
    background:#101a2e;
    color:#edf4ff;
    cursor:pointer;
}
.vp-menu-button[hidden]{display:none!important}
.vp-menu-icon{font-size:20px;line-height:1}
.site-header a:focus-visible,
.site-header button:focus-visible,
.vp-page a:focus-visible,
.vp-page summary:focus-visible{
    outline:3px solid #65ccec;
    outline-offset:4px;
}
.vp-page{
    background:#080f1b;
    color:#edf4ff;
}
.vp-page *{box-sizing:border-box}
.vp-wrap{
    width:100%;
    max-width:1200px;
    margin:auto;
    padding-left:28px;
    padding-right:28px;
}
.vp-hero{padding-top:76px;padding-bottom:48px}
.vp-eyebrow{
    color:#65ccec;
    font-size:11px;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:20px;
}
.vp-page h1{
    max-width:950px;
    margin:0 0 25px;
    font-size:clamp(36px,5.4vw,66px);
    line-height:1.12;
    letter-spacing:-1.8px;
    overflow-wrap:break-word;
}
.vp-page h2{
    margin:0 0 18px;
    font-size:clamp(27px,3.5vw,39px);
    line-height:1.2;
    letter-spacing:-.8px;
}
.vp-page h3{
    margin:0 0 12px;
    font-size:22px;
    line-height:1.35;
}
.vp-page p{
    color:#a6b5c9;
    font-size:16px;
    line-height:1.8;
}
.vp-page .vp-lead{max-width:790px;font-size:18px}
.vp-page em{font-style:normal;color:#65ccec}
.vp-section{padding-top:40px;padding-bottom:48px}
.vp-intro{max-width:780px;margin-bottom:28px}
.vp-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px;
}
.vp-card{
    min-width:0;
    padding:26px;
    border:1px solid #2c3e57;
    border-radius:16px;
    background:linear-gradient(145deg,#142239,#101a2b);
}
.vp-card p:last-child{margin-bottom:0}
.vp-card .vp-label{
    display:block;
    margin-bottom:12px;
    color:#65ccec;
    font-size:11px;
    letter-spacing:1.4px;
}
.vp-art{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:190px;
    margin:-5px 0 24px;
    border-radius:12px;
    background:radial-gradient(ellipse at center,#15334f,#0b1422 72%);
}
.vp-art svg{
    display:block;
    width:100%;
    max-width:320px;
    height:180px;
}
.vp-note{
    margin-top:22px;
    padding:18px 20px;
    border-left:3px solid #65ccec;
    background:#102033;
    border-radius:0 10px 10px 0;
    color:#bdcede;
    line-height:1.75;
}
.vp-faq{max-width:900px}
.vp-faq details{
    border-bottom:1px solid #293b51;
    padding:17px 0;
}
.vp-faq summary{
    min-height:44px;
    display:list-item;
    padding:9px 8px 9px 0;
    color:#edf4ff;
    font-size:17px;
    cursor:pointer;
}
.vp-faq details p{margin:8px 0 12px}
.vp-cta{
    padding:36px;
    border:1px solid #335479;
    border-radius:18px;
    background:linear-gradient(125deg,#162d49,#101a2e);
}
.vp-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    max-width:100%;
    margin-top:10px;
    padding:13px 21px;
    border-radius:9px;
    background:#2574ff;
    color:#fff;
    font-weight:700;
    text-align:center;
    text-decoration:none;
}
.vp-bottom{padding-bottom:70px}
.vp-empty{
    padding:32px;
    border:1px dashed #3a536f;
    border-radius:16px;
    background:#101c2d;
}
@media(max-width:1100px){
    .site-header .header-inner{flex-wrap:wrap;gap:12px}
    .site-header .site-nav{
        width:100%;
        flex-wrap:wrap;
        padding-top:5px;
    }
    .site-header .vp-menu-button:not([hidden]){display:inline-flex}
    .site-header .vp-nav-enhanced:not(.vp-nav-open){display:none}
    .site-header .vp-nav-enhanced.vp-nav-open{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:6px;
        padding-top:12px;
        border-top:1px solid #26374d;
        max-height:70vh;
        overflow-y:auto;
    }
    .site-header .vp-nav-enhanced a{
        justify-content:flex-start;
        padding:11px 14px;
    }
    .site-header .site-nav .cta{margin-left:0}
}
@media(max-width:600px){
    .site-header .header-inner{padding:12px 16px}
    .site-header .vermad-brand img{
        width:190px;
        max-width:100%;
    }
    .vp-wrap{padding-left:20px;padding-right:20px}
    .vp-hero{padding-top:42px;padding-bottom:25px}
    .vp-page h1{letter-spacing:-1px}
    .vp-page .vp-lead{font-size:16px}
    .vp-section{padding-top:28px;padding-bottom:30px}
    .vp-grid{grid-template-columns:1fr;gap:18px}
    .vp-card{padding:23px 20px}
    .vp-art{min-height:170px}
    .vp-cta,.vp-empty{padding:25px 20px}
    .vp-button{width:100%}
    .vp-bottom{padding-bottom:45px}
}
@media(max-width:380px){
    .site-header .vermad-brand img{width:165px}
    .site-header .vp-nav-enhanced.vp-nav-open{
        grid-template-columns:1fr;
    }
}