/* vv-nav — prefix vvn- (hlavička sa pripne po úvode, mobilná lišta je vždy dole) */

.vvn{height:var(--vv-bar-h);background:transparent;z-index:30}
.vvn-bar{position:relative;z-index:30;height:var(--vv-bar-h);background:rgba(5,8,28,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--vv-line)}
.vvn.is-fixed .vvn-bar{position:fixed;top:var(--vv-admin-h);left:0;right:0}
.vvn-row{display:flex;align-items:center;justify-content:space-between;gap:28px;height:100%;width:min(1120px,calc(100% - 48px));margin:0 auto}
.vvn-logo{display:flex;align-items:center;flex:none}
.vv .vvn-logo img{display:block;width:86px;height:auto}
.vvn-menu{display:flex;align-items:center;gap:4px;margin:0 auto}
.vv .vvn-menu a:not(.vv-btn){display:inline-flex;align-items:center;height:44px;padding:0 12px;border-radius:999px;color:var(--vv-lav-l);font-size:15px;font-weight:700;line-height:1;text-decoration:none;white-space:nowrap}
.vv .vvn-menu a:not(.vv-btn):hover{color:#fff;background:rgba(255,255,255,.08)}
.vv .vvn-menu a:not(.vv-btn).is-on{color:var(--vv-gold)}
.vvn-r{display:flex;align-items:center;gap:20px;flex:none}
.vv .vvn-r .vv-price{margin:0;font-size:15px;white-space:nowrap}
.vv button.vvn-burger,.vv button.vvn-burger:hover,.vv button.vvn-burger:focus{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:#fff;font:800 13px/1 var(--vv-mr);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;box-shadow:none}
.vv button.vvn-burger[aria-expanded="true"]{color:var(--vv-gold)}
.vvn-burger svg{display:block}

@media (min-width:1025px) and (max-width:1320px){
	.vvn-row{gap:16px}
	.vv .vvn-r .vv-price{display:none}
	.vv .vvn-menu a:not(.vv-btn){padding:0 8px;font-size:14px}
}
@media (min-width:1025px) and (max-width:1120px){
	.vv .vvn-menu a:not(.vv-btn){padding:0 6px;font-size:13px}
	.vv .vvn-r .vv-btn--sm{padding:0 16px;font-size:14px}
}

.vvn-mbar{position:fixed;left:0;right:0;bottom:0;z-index:40;height:calc(68px + env(safe-area-inset-bottom,0px));padding:0 16px env(safe-area-inset-bottom,0px);display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(5,8,28,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--vv-line)}
.vvn-mp{display:flex;flex-direction:column;line-height:1.1}
.vvn-mp b{font-size:20px;font-weight:800;color:#fff}
.vvn-mp small{margin-top:3px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--vv-gold)}
.vvn-mbar .vv-btn--sm{flex:none;margin-left:auto}

@media (max-width:1024px){
	body:has(.vvn-mbar){padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}
	.vvn-bar{background:rgba(5,8,28,.94)}
	.vvn-row{width:100%;padding:0 10px 0 16px;gap:10px}
	.vv .vvn-logo img{width:69px}
	.vvn-r{gap:6px}
	.vv .vvn-r .vv-price{font-size:13px}
	.vvn-menu{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:4px 8px 12px;background:rgba(5,8,28,.97);border-top:1px solid var(--vv-line);border-bottom:1px solid var(--vv-line)}
	.vvn.is-open .vvn-menu{display:flex}
	.vv .vvn-menu a:not(.vv-btn){display:flex;justify-content:space-between;height:auto;min-height:48px;padding:0 12px;border-radius:12px;font-size:16px}
	.vvn-menu .vv-btn{margin:8px 4px 0;width:auto}
}