/* vv-cesta — prefix vvc- */

.vvc.vv-sec{padding-top:0}
.vvc-band{--vvc-band-h:520px;position:relative;min-height:var(--vvc-band-h);overflow:hidden;display:flex;align-items:flex-end}
.vvc-band.no-img{min-height:0}
.vvc-img{position:absolute;inset:0}
.vv .vvc-img img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 42%}
.vvc-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0A0A2E,rgba(10,10,46,.1) 30%,rgba(10,10,46,.55) 62%,#0A0A2E)}
.vvc-lead-wrap{position:relative;display:flex;justify-content:flex-end}
.vvc-lead{width:620px;max-width:100%;padding-bottom:8px}
.vv .vvc-lead .vv-h2{font-size:56px;text-align:left}

.vvc-scale{position:relative;display:grid;grid-template-columns:var(--vvc-cols,repeat(6,1fr));margin:36px 0 0}
.vvc-scale::before{content:"";position:absolute;left:8px;right:8px;top:8px;height:4px;background:radial-gradient(circle,#C9A8F5 1.7px,transparent 2.1px) 0 0/12px 4px repeat-x;opacity:.8}
.vvc-scale li{position:relative;padding:38px 20px 0 0}
.vvc-scale li::before{content:"";position:absolute;left:2px;top:3px;width:14px;height:14px;border-radius:50%;background:var(--vv-violet);box-shadow:0 0 0 3px #fff,0 0 0 5px var(--vv-ink)}
.vvc-scale b{display:block;font-family:var(--vv-lg);font-weight:400;font-size:26px;line-height:1.1;letter-spacing:.02em;color:var(--vv-gold);text-shadow:0 2px 0 var(--vv-ink)}
.vvc-scale span{display:block;margin-top:6px;font-size:15px;line-height:1.45;color:var(--vv-lav-l);text-wrap:pretty}
.vvc-scale .is-np::before{width:10px;height:10px;top:5px;left:4px;background:var(--vv-orange)}
.vvc-scale .is-np b{font-size:20px;color:#fff}
.vvc-scale .is-far{padding-left:90px;padding-right:0}
.vvc-scale .is-far::before{left:92px;background:var(--vv-pink-a)}

@media (max-width:1024px){
	.vvc-band{--vvc-band-h:250px;display:block;min-height:0;overflow:visible}
	.vvc-img{position:relative;inset:auto;height:var(--vvc-band-h);margin:0 0 20px}
	.vv .vvc-img img{object-position:center 40%}
	.vvc-img::after{background:linear-gradient(180deg,rgba(10,10,46,.55),rgba(10,10,46,0) 35%,rgba(10,10,46,0) 60%,#0A0A2E)}
	.vvc-lead-wrap{display:block}
	.vvc-lead{width:auto;padding:0}
	.vv .vvc-lead .vv-h2{font-size:34px}
	.vvc-scale{display:block;margin:8px 0 0;padding:0 0 0 30px}
	.vvc-scale::before{left:9px;right:auto;top:10px;bottom:10px;width:4px;height:auto;background:radial-gradient(circle,#C9A8F5 1.7px,transparent 2.1px) 0 0/4px 12px repeat-y}
	.vvc-scale li{padding:0 0 22px}
	.vvc-scale li::before{left:-28px;top:8px;width:12px;height:12px}
	.vvc-scale b{font-size:22px}
	.vvc-scale span{margin-top:3px}
	.vvc-scale .is-np{padding-bottom:16px}
	.vvc-scale .is-np::before{width:8px;height:8px;left:-26px;top:8px}
	.vvc-scale .is-np b{font-size:17px}
	.vvc-scale .is-far{padding:26px 0 22px}
	.vvc-scale .is-far::before{left:-28px;top:34px}
}