:where(html) {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	scroll-behavior: smooth;
	scroll-padding-top: var(--vlocka-header-h, 5rem);
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

::selection {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--ink);
}

:where(img, svg, video) {
	max-width: 100%;
	height: auto;
}

:where(h1, h2, h3, h4) {
	text-wrap: balance;
}
:where(p, li) {
	text-wrap: pretty;
}

.vlocka-skip-link {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	margin: 0.5rem;
	padding: 0.75rem 1.25rem;
	background: var(--wp--preset--color--azur);
	color: var(--wp--preset--color--base);
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 700;
	text-decoration: none;
	border-radius: var(--wp--custom--radius--md);
	transform: translateY(-150%);
	transition: transform 0.18s ease;
}
.vlocka-skip-link:focus {
	transform: translateY(0);
	outline: 3px solid var(--wp--custom--color--orange-action, #F5581E);
	outline-offset: 2px;
}

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 3px solid var(--wp--preset--color--azur);
	outline-offset: 2px;
	border-radius: 4px;
}
.has-azur-background-color :focus-visible,
.vlocka-footer :focus-visible,
.has-ink-background-color :focus-visible {
	outline-color: var(--wp--preset--color--turquoise);
}

.screen-reader-text,
.vlocka-sr-only {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}
.vlocka-sr-only:focus,
.screen-reader-text:focus {
	position: fixed !important;
	width: auto;
	height: auto;
	clip: auto;
	clip-path: none;
	white-space: normal;
}

:where(.wp-block-button__link, .vlocka-nav a, button) {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

@media (prefers-reduced-motion: reduce) {
	:where(html) {
		scroll-behavior: auto;
	}
	*,
	*::before,
	*::after {
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
		scroll-behavior: auto !important;
	}
}

.vlocka-section {
	padding-block: var(--wp--custom--section-spacing, clamp(3.5rem, 8vw, 7rem));
}
.vlocka-section--tight {
	padding-block: var(--wp--preset--spacing--50);
}

.vlocka-bleed {
	margin-inline: calc(-1 * var(--wp--style--root--padding-right, 0));
}

.vlocka-header {
	position: sticky;
	top: 0;
	z-index: 100;
	background: var(--wp--preset--color--cream);
	border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--azur) 12%, transparent);
}
.vlocka-header__inner {
	display: flex;
	align-items: center;
	gap: clamp(1rem, 3vw, 2.5rem);
	min-height: var(--vlocka-header-h, 5rem);
	padding-block: 0.5rem;
}

.vlocka-logo {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	line-height: 0;
}
.vlocka-logo svg,
.vlocka-logo img {
	height: clamp(2.25rem, 4vw, 3rem);
	width: auto;
}
.vlocka-logo:focus-visible {
	outline-offset: 4px;
}

.vlocka-nav {
	margin-inline-start: auto;
	font-family: var(--wp--preset--font-family--body);
	font-weight: 600;
}
.vlocka-nav .wp-block-navigation-item__content {
	color: var(--wp--preset--color--ink);
	text-decoration: none;
	padding-block: 0.4rem;
	border-bottom: 2px solid transparent;
	transition: color 0.15s ease, border-color 0.15s ease;
}
.vlocka-nav .wp-block-navigation-item__content:hover,
.vlocka-nav .current-menu-item .wp-block-navigation-item__content,
.vlocka-nav .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content {
	color: var(--wp--preset--color--teal-ink);
	border-bottom-color: var(--wp--preset--color--primary);
}

.vlocka-nav .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--wp--preset--color--cream);
	padding-top: clamp(3rem, 12vh, 6rem);
}
.vlocka-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	font-size: var(--wp--preset--font-size--x-large);
	font-family: var(--wp--preset--font-family--heading);
}

.wp-block-button.is-style-donate > .wp-block-button__link,
.vlocka-cta-donate > .wp-block-button__link,
a.vlocka-cta-donate {
	background-color: var(--wp--custom--color--orange-action, #F5581E);
	color: #fff;
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 700;
	border-radius: var(--wp--custom--radius--pill);
	padding: 0.7em 1.5em;
	box-shadow: 0 6px 16px -6px rgba(22, 24, 29, 0.28);
	transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}
.wp-block-button.is-style-donate > .wp-block-button__link:hover,
.wp-block-button.is-style-donate > .wp-block-button__link:focus-visible,
.vlocka-cta-donate > .wp-block-button__link:hover,
a.vlocka-cta-donate:hover,
a.vlocka-cta-donate:focus-visible {
	background-color: var(--wp--custom--color--orange-action-hover, #E04A12);
	color: #fff;
	transform: translateY(-1px);
	box-shadow: 0 8px 22px -8px rgba(22, 24, 29, 0.34);
}
@media (prefers-reduced-motion: reduce) {
	.vlocka-cta-donate > .wp-block-button__link:hover,
	.wp-block-button.is-style-donate > .wp-block-button__link:hover {
		transform: none;
	}
}

.vlocka-header.is-scrolled {
	box-shadow: 0 6px 24px color-mix(in srgb, var(--wp--preset--color--azur) 10%, transparent);
}

.vlocka-footer {
	background: var(--wp--preset--color--azur);
	color: var(--wp--preset--color--base);
	padding-block: var(--wp--preset--spacing--60) var(--wp--preset--spacing--50);
}
.vlocka-footer a {
	color: var(--wp--preset--color--turquoise);
	text-decoration: underline;
	text-underline-offset: 3px;
}
.vlocka-footer a:hover {
	color: var(--wp--preset--color--base);
}
.vlocka-footer .wp-block-heading {
	color: var(--wp--preset--color--base);
	margin-bottom: 0.75rem;
}
.vlocka-footer__cols {
	gap: clamp(1.5rem, 4vw, 3rem);
}
.vlocka-footer__brand img {
	height: clamp(2.5rem, 5vw, 3.25rem);
	width: auto;
}
.vlocka-footer__tagline {
	color: color-mix(in srgb, var(--wp--preset--color--base) 85%, transparent);
	max-width: 32ch;
	margin-block: 1rem 1.5rem;
}
.vlocka-footer__skch {
	display: inline-block;
}
.vlocka-footer__skch img {
	height: 2.5rem;
	width: auto;
	filter: brightness(0) invert(1);
	opacity: 0.92;
}
.vlocka-footer__nav a {
	display: inline-block;
	padding-block: 0.3rem;
}
.vlocka-footer__contact {
	line-height: 1.9;
	color: color-mix(in srgb, var(--wp--preset--color--base) 88%, transparent);
}
.vlocka-footer__social {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin-top: 0.9rem;
}
.vlocka-footer__sep {
	margin-block: clamp(2rem, 5vw, 3rem);
	opacity: 0.18;
	border: 0;
	border-top: 1px solid currentColor;
	color: var(--wp--preset--color--base);
}
.vlocka-footer__bottom {
	gap: 1rem;
	color: color-mix(in srgb, var(--wp--preset--color--base) 80%, transparent);
}
.vlocka-footer__bottom p {
	margin: 0;
}

.vlocka-pattern-snow {
	position: relative;
	isolation: isolate;
}
.vlocka-pattern-snow::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background-image: var(--vlocka-snow-bg, none);
	background-size: 180px;
	opacity: 0.06;
	pointer-events: none;
}

.vlocka-card {
	background: var(--wp--preset--color--base);
	border-radius: var(--wp--custom--radius--lg);
	box-shadow: var(--wp--preset--shadow--card, 0 8px 30px rgba(27, 64, 95, 0.12));
	padding: clamp(1.5rem, 3vw, 2.25rem);
	height: 100%;
}

.vlocka-page-header > * {
	margin-block: 0;
}
.vlocka-page-header > * + * {
	margin-top: 0.75rem;
}

.vlocka-eyebrow {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 700;
	font-size: 0.8rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--wp--preset--color--teal-ink);
	margin-bottom: 0.25rem;
}
.vlocka-eyebrow a {
	color: inherit;
	text-decoration: none;
}
.vlocka-eyebrow a:hover {
	text-decoration: underline;
}

.vlocka-cards {
	gap: clamp(1.25rem, 3vw, 2rem) !important;
}

.vlocka-post-meta {
	gap: 1rem;
	color: var(--wp--preset--color--teal-ink);
	align-items: center;
}

:where(figure) {
	margin: 0;
}

.vlocka-media {
	width: 100%;
	border-radius: 18px;
	overflow: hidden;
	margin-bottom: clamp(30px, 4vw, 50px);
}
.vlocka-media img {
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	display: block;
}

.vlocka-eyebrow--flake {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
}
.vlocka-eyebrow--flake::before {
	content: "";
	width: 1.1em;
	height: 1.1em;
	background: currentColor;
	-webkit-mask: url(../img/icon-snowflake.svg) center / contain no-repeat;
	mask: url(../img/icon-snowflake.svg) center / contain no-repeat;
	flex: 0 0 auto;
}

.vlocka-chip {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	background: var(--wp--preset--color--turquoise);
	color: var(--wp--preset--color--azur);
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 700;
	border-radius: var(--wp--custom--radius--pill);
	padding: 0.55em 1.1em;
	font-size: 0.95rem;
}
.vlocka-chip::before {
	content: "";
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 50%;
	background: var(--wp--preset--color--orange);
}
.wp-block-media-text__content {
	padding-left: 0 !important;
}
.vlocka-hero {
	padding-block: clamp(2.25rem, 6vw, 5rem);
}
.vlocka-hero .wp-block-columns {
	align-items: center;
	gap: clamp(2rem, 5vw, 4rem) !important;
}
.vlocka-hero h1 {
	margin-bottom: 1.1rem;
}
.vlocka-hero .vlocka-hl {
	color: var(--wp--preset--color--teal-ink);
}
.vlocka-hero__lead {
	color: var(--wp--preset--color--azur);
	max-width: 48ch;
}
.vlocka-hero__frame {
	position: relative;
	isolation: isolate;
}
.vlocka-hero__frame::before {
	content: "";
	position: absolute;
	right: -14px;
	bottom: -14px;
	width: 62%;
	height: 68%;
	background: var(--wp--preset--color--orange);
	border-radius: var(--wp--custom--radius--lg);
	z-index: -1;
}
.vlocka-hero__frame .wp-block-image {
	margin: 0;
	line-height: 0;
}
.vlocka-flake-badge {
	position: absolute;
	left: -14px;
	top: -14px;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: var(--wp--preset--color--primary);
	display: grid;
	place-items: center;
	z-index: 3;
	box-shadow: 0 6px 16px rgba(27, 64, 95, 0.2);
	pointer-events: none;
}
.vlocka-flake-badge::before {
	content: "";
	width: 60%;
	height: 60%;
	background: #fff;
	-webkit-mask: url(../img/icon-snowflake.svg) center / contain no-repeat;
	mask: url(../img/icon-snowflake.svg) center / contain no-repeat;
}
.vlocka-hero__media,
.vlocka-hero__frame img {
	width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	border-radius: var(--wp--custom--radius--lg);
	display: block;
	box-shadow: 0 14px 40px rgba(27, 64, 95, 0.16);
}
.vlocka-hero__media.is-placeholder {
	display: grid;
	place-items: center;
	background:
		radial-gradient(120% 120% at 30% 20%, var(--wp--preset--color--turquoise), transparent 60%),
		var(--wp--preset--color--azur);
	color: color-mix(in srgb, #fff 80%, transparent);
	font-family: var(--wp--preset--font-family--heading);
	text-align: center;
	padding: 2rem;
}

.vlocka-head {
	text-align: center;
	max-width: 50ch;
	margin-inline: auto;
	margin-bottom: clamp(2rem, 4vw, 3rem);
}
.vlocka-head > * {
	margin-block: 0;
}
.vlocka-head > * + * {
	margin-top: 0.6rem;
}
.vlocka-head p {
	color: var(--wp--preset--color--azur);
	font-size: var(--wp--preset--font-size--large);
}

.vlocka-features {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: clamp(1rem, 2.4vw, 1.6rem);
}
.vlocka-features > * {
	margin: 0;
}
.vlocka-feature {
	background: var(--wp--preset--color--base);
	border-radius: var(--wp--custom--radius--lg);
	padding: clamp(1.4rem, 3vw, 2rem);
	box-shadow: 0 10px 34px rgba(27, 64, 95, 0.09);
	height: 100%;
}
.vlocka-feature__icon {
	width: 58px;
	height: 58px;
	border-radius: 50%;
	background: var(--wp--preset--color--turquoise);
	color: var(--wp--preset--color--azur);
	display: grid;
	place-items: center;
	margin-bottom: 1.1rem;
}
.vlocka-feature__icon svg {
	width: 30px;
	height: 30px;
}
.vlocka-feature h3 {
	margin: 0 0 0.4rem;
}
.vlocka-feature p {
	margin: 0;
	color: color-mix(in srgb, var(--wp--preset--color--ink) 78%, transparent);
}

.vlocka-band {
	padding-block: clamp(3rem, 7vw, 5.5rem);
}
.vlocka-band--azur {
	background: var(--wp--preset--color--azur);
	color: var(--wp--preset--color--base);
}
.vlocka-band--azur :is(h1, h2, h3) {
	color: var(--wp--preset--color--base);
}
.vlocka-band--cream {
	background: var(--wp--preset--color--cream);
}
.vlocka-band--turq {
	background: var(--wp--preset--color--turquoise);
}

.vlocka-counter {
	text-align: center;
}
.vlocka-counter__num {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 800;
	font-size: clamp(2.6rem, 7vw, 4.5rem);
	line-height: 1;
	color: var(--wp--preset--color--primary);
	margin: 0.4rem 0;
}
.vlocka-counter__track {
	max-width: 620px;
	margin: 1rem auto 0.5rem;
	height: 14px;
	border-radius: var(--wp--custom--radius--pill);
	background: rgba(255, 255, 255, 0.18);
	overflow: hidden;
}
.vlocka-counter__track > span {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: var(--wp--preset--color--primary);
	transition: width 1s ease;
}
.vlocka-counter__label {
	color: var(--wp--preset--color--turquoise);
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 700;
	letter-spacing: 0.03em;
	margin: 0;
}
.vlocka-counter__goal {
	color: var(--wp--preset--color--turquoise);
	font-weight: 600;
	margin: 0;
}
.vlocka-counter__sub {
	color: color-mix(in srgb, var(--wp--preset--color--base) 82%, transparent);
	margin: 0.4rem 0 0;
}

.vlocka-cta-band {
	border-radius: var(--wp--custom--radius--lg);
	padding: clamp(1.8rem, 4vw, 3rem);
	display: flex;
	gap: 1.5rem;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.vlocka-fact {
	display: flex;
	gap: 1rem;
	align-items: center;
	padding-block: 0.9rem;
	border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--azur) 12%, transparent);
}
.vlocka-fact.is-first {
	border-top: 0;
	padding-top: 0;
}
.vlocka-fact__icon {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: var(--wp--preset--color--turquoise);
	color: var(--wp--preset--color--azur);
	display: grid;
	place-items: center;
	flex: 0 0 auto;
}
.vlocka-fact__icon svg {
	width: 24px;
	height: 24px;
}
.vlocka-fact__body {
	display: flex;
	flex-direction: column;
	line-height: 1.3;
}
.vlocka-fact__body strong {
	font-family: var(--wp--preset--font-family--heading);
	color: var(--wp--preset--color--ink);
}
.vlocka-fact__body span {
	color: var(--wp--preset--color--azur);
}

.vlocka-cta-band--azur {
	background: var(--wp--preset--color--azur);
	color: var(--wp--preset--color--base);
}
.vlocka-cta-band--azur :is(h1, h2, h3) {
	color: var(--wp--preset--color--base);
}
.vlocka-cta-band--turq {
	background: var(--wp--preset--color--turquoise);
}
.vlocka-cta-band__text {
	max-width: 48ch;
}
.vlocka-cta-band--azur .vlocka-cta-band__text p {
	color: color-mix(in srgb, var(--wp--preset--color--base) 85%, transparent);
}

.vlocka-map {
	display: grid;
	grid-template-columns: 1.1fr 0.9fr;
	gap: clamp(1.5rem, 4vw, 3rem);
	align-items: center;
}
.vlocka-map__svg {
	width: 100%;
	height: auto;
	display: block;
	color: var(--wp--preset--color--turquoise);
	filter: drop-shadow(0 8px 24px rgba(27, 64, 95, 0.12));
}
.vlocka-map__pin circle {
	fill: var(--wp--preset--color--orange);
	stroke: #fff;
	stroke-width: 5;
}
.vlocka-map__pin {
	transform-box: fill-box;
	transform-origin: center;
	transition: transform 0.15s ease;
	cursor: pointer;
}
.vlocka-map__pin.is-active {
	transform: scale(1.4);
}
.vlocka-map__pin.is-active circle {
	fill: var(--wp--preset--color--azur);
}
.vlocka-map__list ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.25rem;
	max-height: 540px;
	overflow: auto;
}
.vlocka-map__list a {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	align-items: baseline;
	padding: 0.7rem 0.9rem;
	border-radius: var(--wp--custom--radius--md);
	text-decoration: none;
	color: var(--wp--preset--color--ink);
	border: 1px solid transparent;
}
.vlocka-map__list a:hover,
.vlocka-map__list a:focus-visible,
.vlocka-map__list a.is-active {
	background: var(--wp--preset--color--turquoise);
	border-color: color-mix(in srgb, var(--wp--preset--color--azur) 14%, transparent);
}
.vlocka-map__name {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 700;
}
.vlocka-map__city {
	color: var(--wp--preset--color--teal-ink);
	font-size: 0.9rem;
	white-space: nowrap;
}
@media (max-width: 782px) {
	.vlocka-map {
		grid-template-columns: 1fr;
	}
	.vlocka-map__viz {
		max-width: 420px;
		margin-inline: auto;
	}
}

.vlocka-iban {
	font-family: var(--wp--preset--font-family--heading);
	font-size: 1.05rem;
	letter-spacing: 0.01em;
	color: var(--wp--preset--color--azur);
}
.vlocka-qr-img {
	max-width: 160px;
	height: auto;
	border-radius: var(--wp--custom--radius--md);
	margin-top: 0.5rem;
}

.vlocka-form-wrap {
	max-width: 640px;
}
.vlocka-form {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem 1.25rem;
}
.vlocka-field {
	grid-column: 1 / -1;
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
}
.vlocka-field--half {
	grid-column: span 1;
}
.vlocka-field > label {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 700;
	color: var(--wp--preset--color--azur);
}
.vlocka-field > label span {
	color: var(--wp--preset--color--orange);
}
.vlocka-field input,
.vlocka-field textarea {
	font: inherit;
	padding: 0.7rem 0.9rem;
	border: 2px solid color-mix(in srgb, var(--wp--preset--color--azur) 22%, transparent);
	border-radius: var(--wp--custom--radius--md);
	background: #fff;
	color: var(--wp--preset--color--ink);
	width: 100%;
}
.vlocka-field input:focus,
.vlocka-field textarea:focus {
	outline: none;
	border-color: var(--wp--preset--color--azur);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--preset--color--primary) 45%, transparent);
}
.vlocka-field [aria-invalid="true"] {
	border-color: #c0392b;
}
.vlocka-field--check {
	flex-direction: row;
	align-items: flex-start;
	gap: 0.6rem;
}
.vlocka-field--check input {
	margin-top: 0.2rem;
	width: 1.25rem;
	height: 1.25rem;
	flex: 0 0 auto;
}
.vlocka-field--check label {
	font-family: var(--wp--preset--font-family--body);
	font-weight: 400;
	color: var(--wp--preset--color--ink);
}
.vlocka-btn-submit {
	background: var(--wp--preset--color--orange);
	color: var(--wp--preset--color--ink);
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 700;
	border: 0;
	border-radius: var(--wp--custom--radius--pill);
	padding: 0.8em 1.9em;
	cursor: pointer;
	transition: transform 0.15s ease;
}
.vlocka-btn-submit:hover {
	transform: translateY(-1px);
}
.vlocka-hp {
	position: absolute !important;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.vlocka-form-msg {
	padding: 1rem 1.25rem;
	border-radius: var(--wp--custom--radius--md);
	margin-bottom: 1.4rem;
}
.vlocka-form-msg--ok {
	background: var(--wp--preset--color--turquoise);
	color: var(--wp--preset--color--azur);
}
.vlocka-form-msg--err {
	background: #fbeaea;
	color: #7a241c;
}
@media (max-width: 560px) {
	.vlocka-field--half {
		grid-column: 1 / -1;
	}
}

.vlocka-steps {
	counter-reset: vstep;
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: 0.75rem;
	max-width: 640px;
}
.vlocka-steps li {
	counter-increment: vstep;
	position: relative;
	padding: 0.9rem 1.1rem 0.9rem 3.6rem;
	background: #fff;
	border-radius: var(--wp--custom--radius--md);
	box-shadow: 0 6px 20px rgba(27, 64, 95, 0.07);
}
.vlocka-steps li::before {
	content: counter(vstep);
	position: absolute;
	left: 0.85rem;
	top: 50%;
	transform: translateY(-50%);
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--ink);
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 700;
	display: grid;
	place-items: center;
}

@keyframes vnFade { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
@keyframes vnDrift { from { background-position: 0 0; } to { background-position: 360px 360px; } }

.vn-anim .vn-reveal:not(.is-in) { opacity: 0; }
.vn-anim .vn-reveal.is-in { animation: vnUp 0.8s cubic-bezier(0.2, 0.75, 0.25, 1) backwards; }
@media (prefers-reduced-motion: reduce) {
	.vn-anim .vn-reveal:not(.is-in) { opacity: 1; }
	.vn-anim .vn-reveal.is-in { animation: none; }
	.vn-hero__media::after { animation: none !important; }
}

:where(body) { overflow-x: clip; }
.wp-site-blocks > * { margin-block-start: 0 !important; margin-block-end: 0 !important; }
.wp-block-post-content > :first-child { margin-block-start: 0 !important; }
.vlocka-main { margin-top: 0 !important; }
.alignfull.vn-bleed,
.vn-bleed {
	width: min(100vw, var(--vn-max, 2100px));
	max-width: min(100vw, var(--vn-max, 2100px));
	margin-left: calc(50% - min(50vw, var(--vn-half, 1050px)));
	margin-right: calc(50% - min(50vw, var(--vn-half, 1050px)));
	margin-block: 0 !important;
}
.vn-bleed > * {
	max-width: none;
	padding-left: 0;
	padding-right: 0;
}
.vn-bleed.has-global-padding { padding-left: 0; padding-right: 0; }
.vn-bleed.has-background { padding: 0; }

:root { --vn-max: 2100px; --vn-half: 1050px; --vn-pale: #E8EEF2; --vn-content: 1300px; --vn-sec-y: clamp(40px, 6vw, 72px); --vn-head-gap: 34px; --vn-card-pad: 30px; }
body { background: var(--vn-pale); }
.wp-site-blocks { max-width: var(--vn-max); margin-inline: auto; background: var(--wp--preset--color--cream); }

.vn-section { max-width: var(--vn-content, 1300px); margin-inline: auto; padding: var(--vn-sec-y) 24px; }
.vn-section, .vn-header__inner, .vn-topbar__inner, .vn-counter, .vn-newsletter, .vn-footer__top, .vn-footer__bottom { box-sizing: border-box; }
.vn-eyebrow { font-family: var(--wp--preset--font-family--body); font-weight: 700; font-size: 14px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--wp--preset--color--teal-ink); display: inline-block; }
.vn-eyebrow--light { color: var(--wp--preset--color--turquoise); }
.vn-h2 { font-family: var(--wp--preset--font-family--heading); font-weight: 700; font-size: clamp(28px, 3.5vw, 44px); line-height: 1.08; letter-spacing: -0.01em; color: var(--wp--preset--color--azur); margin: 10px 0 0; text-wrap: balance; }
.vn-h2--light { color: var(--wp--preset--color--cream); }
.vn-lead { font-size: clamp(15px, 1vw, 17px); line-height: 1.6; color: var(--wp--preset--color--slate); margin: 14px 0 0; max-width: 58ch; text-wrap: pretty; }
.vn-head--center .vn-lead { margin-inline: auto; }
.vn-lead--light { color: color-mix(in srgb, var(--wp--preset--color--cream) 85%, transparent); }
.vn-head--center { text-align: center; max-width: 680px; margin-inline: auto; }

.vn-dark { position: relative; background: var(--wp--preset--color--azur); color: var(--wp--preset--color--cream); overflow: hidden; }
.vn-dark:not(.vn-hero)::before {
	content: ""; position: absolute; pointer-events: none; z-index: 0;
	width: 1000px; height: 1071px; right: -440px; top: -430px;
	background: rgba(197, 252, 255, 0.12);
	-webkit-mask: url(../img/icon-snowflake.svg) no-repeat center / contain;
	mask: url(../img/icon-snowflake.svg) no-repeat center / contain;
}
.vn-snow { overflow: hidden; pointer-events: none; }
.vn-hero .vn-snow { position: absolute !important; inset: 0; z-index: 2; margin-block-start: 0; }
.vn-flake {
	position: absolute; top: 0;
	width: var(--s, 30px); height: var(--s, 30px);
	background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20316.4%20339.1'%20width='316'%20height='339'%3E%3Cpath%20fill='%23C5FCFF'%20d='M276.7,158.4c35.9-22.5,44.7-45.2,37.2-58.2-2.3-4-8.3-10.5-22.2-9.5-9.2.7-20.4,4.7-32.3,11.6-36.8,21.4-75,43.4-93.5,54,0-21.4.1-65.5,0-108.1,0-23.3,6.6-32.9,10.2-33h0c4.2,0,16.5,12.9,16.7,52.6,0,3.4,1.9,6.6,4.9,8.2,1.6.9,3.4,1.2,5.3,1,2.9-.3,24.2-2.3,42-1.8-8.1,5.1-20.1,11.9-32.5,18.9-8.3,4.7-17.8,10.1-28.2,16.1l7.6,13.2c10.3-6,19.8-11.3,28.1-16,14.8-8.4,26.6-15.1,34.5-20.1,9.2-5.9,16.1-10.9,14.7-18.2-.6-3.2-3-7.1-10.7-8.1-15.8-2.1-38.8-.7-50.6.3-1.6-42.3-16.8-61.3-31.8-61.3h0c-4.6,0-13.2,1.9-19.3,14.5-4,8.3-6.2,20-6.1,33.8.1,42.6,0,86.7,0,108-18.5-10.7-56.7-32.8-93.7-54-20.2-11.6-25.2-22.2-23.4-25.3,2.1-3.7,19.4-7.8,53.9,11.8,3,1.7,6.6,1.6,9.6-.2,1.6-1,2.8-2.4,3.6-4.1,1.2-2.6,10.1-22.1,19.5-37.2.3,9.5.2,23.3.1,37.6,0,9.6-.1,20.4-.1,32.4h15.3c0-11.9,0-22.8.1-32.3.1-17.1.2-30.6-.2-40-.5-10.9-1.4-19.4-8.4-21.8-3-1-7.7-1-12.4,5.2-9.7,12.6-20,33.3-25,43.9-37.5-19.8-61.6-16.1-69-3.1-2.3,4-4.9,12.4,2.9,24,5.2,7.7,14.3,15.3,26.2,22.2,37,21.2,75.1,43.3,93.6,54-18.5,10.7-56.8,32.7-93.6,54.1-20.1,11.7-31.8,10.7-33.7,7.6-2.1-3.6,2.9-20.7,37.2-40.7,3-1.7,4.7-4.9,4.6-8.4,0-1.8-.7-3.6-1.7-5.1-1.7-2.3-14.1-19.8-22.5-35.5,8.4,4.5,20.3,11.5,32.6,18.7,8.3,4.9,17.6,10.4,28,16.3l7.6-13.2c-10.3-6-19.7-11.4-27.9-16.3-14.7-8.6-26.4-15.5-34.7-19.8-9.7-5-17.5-8.5-23.1-3.6-2.4,2.1-4.7,6.1-1.7,13.3,6.1,14.7,18.8,34,25.5,43.6C3.8,203.2-5.1,225.9,2.5,238.9c2.1,3.7,7.4,9.6,19.4,9.6s1.8,0,2.8-.1c9.2-.7,20.4-4.7,32.3-11.6,36.8-21.4,75-43.4,93.5-54,0,21.4-.1,65.5,0,108.1,0,23.3-6.6,32.9-10.2,33h0c-4.2,0-16.5-12.9-16.7-52.6,0-3.4-1.9-6.6-4.9-8.2-1.6-.9-3.5-1.2-5.3-1.1-2.9.3-24.2,2.3-42,1.8,8.1-5.1,20.1-11.9,32.5-18.9,8.3-4.7,17.8-10.1,28.2-16.1l-7.6-13.2c-10.3,6-19.7,11.3-28.1,16-14.9,8.4-26.6,15.1-34.5,20.2-9.2,5.9-16.1,10.9-14.7,18.2.6,3.2,3,7.1,10.7,8.1,15.8,2.1,38.8.7,50.6-.3,1.6,42.3,16.8,61.3,31.8,61.3h0c4.6,0,13.2-1.9,19.3-14.5,4-8.3,6.2-20,6.1-33.8-.1-42.6,0-86.7,0-108,18.5,10.7,56.7,32.8,93.7,54,20.2,11.6,25.2,22.2,23.4,25.3-2.1,3.7-19.4,7.9-53.9-11.8-3-1.7-6.6-1.6-9.6.2-1.6,1-2.8,2.4-3.5,4-1.2,2.6-10.1,22.1-19.5,37.2-.3-9.5-.2-23.3-.1-37.6,0-9.6.1-20.4.1-32.4h-15.3c0,11.9,0,22.8-.1,32.3-.1,17.1-.2,30.6.2,39.9.5,10.9,1.4,19.4,8.4,21.8.9.3,1.9.5,3,.5,2.7,0,6-1.3,9.4-5.7,9.7-12.6,20-33.3,25-43.9,37.5,19.8,61.6,16.1,69,3.1,2.3-4,4.9-12.4-2.9-24-5.2-7.7-14.3-15.3-26.2-22.2-37-21.2-75.1-43.3-93.6-54,18.5-10.7,56.8-32.7,93.6-54.1,20.1-11.7,31.8-10.7,33.7-7.6,2.1,3.6-2.9,20.7-37.2,40.7-3,1.7-4.7,4.9-4.6,8.4,0,1.8.7,3.6,1.7,5.1,1.7,2.3,14.1,19.8,22.5,35.5-8.4-4.5-20.3-11.5-32.6-18.7-8.3-4.9-17.6-10.4-28-16.3l-7.6,13.2c10.3,6,19.7,11.4,27.9,16.3,14.7,8.6,26.4,15.5,34.7,19.8,6.4,3.3,12,5.9,16.7,5.9s4.5-.7,6.4-2.3c2.4-2.1,4.7-6.1,1.7-13.3-6.1-14.7-18.8-34-25.5-43.6Z'/%3E%3C/svg%3E") center / contain no-repeat;
	opacity: var(--o, 0.5);
	will-change: transform;
}
.vn-flake {
	background: none;
	background-image: url("../img/bg.svg");
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-mask: none;
	mask: none;
	will-change: transform, opacity;
	animation: vnFlakeDrift var(--dd, 16s) linear var(--ddelay, 0s) infinite,
	           vnFlakeSway var(--sd, 9s) ease-in-out var(--sdelay, 0s) infinite;
}
@keyframes vnFlakeDrift {
	0% { transform: translateY(0) rotate(0deg); opacity: 0; }
	16% { opacity: var(--op, 0.15); }
	88% { opacity: var(--op, 0.15); }
	100% { transform: translateY(120vh) rotate(var(--rot, 200deg)); opacity: 0; }
}
@keyframes vnFlakeSway {
	0% { margin-left: 0; }
	25% { margin-left: 30px; }
	75% { margin-left: -30px; }
	100% { margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
	.vn-flake {
		animation-duration: var(--dd, 16s), var(--sd, 9s) !important;
		animation-iteration-count: infinite, infinite !important;
	}
}
.vn-dark > * { position: relative; z-index: 1; }

.vn-btn { display: inline-flex; align-items: center; gap: 10px; font-family: var(--wp--preset--font-family--heading); font-weight: 700; font-size: 17px; line-height: 1; text-decoration: none; border-radius: 999px; padding: 13px 24px; cursor: pointer; border: 2px solid transparent; transition: transform 0.15s ease, box-shadow 0.15s ease; }
.vn-btn--donate { background: var(--wp--custom--color--orange-action, #F5581E); color: #fff; box-shadow: 0 12px 26px -14px rgba(22, 24, 29, 0.40); }
.vn-btn--primary { background: #1CC0D2; color: var(--wp--preset--color--ink); }
.vn-btn--primary:hover { background: #15AEBF; }
.vn-btn--donate:hover { transform: translateY(-1px); }
.vn-btn--ghost-light { background: rgba(255, 255, 255, 0.14); -webkit-backdrop-filter: blur(9px); backdrop-filter: blur(9px); color: var(--wp--preset--color--cream); border-color: color-mix(in srgb, var(--wp--preset--color--cream) 40%, transparent); }
.vn-btn--ghost-light:hover { background: rgba(255, 255, 255, 0.24); }
.vn-btn--azur { background: var(--wp--preset--color--azur); color: var(--wp--preset--color--cream); }
.vn-btn--white { background: #fff; color: var(--wp--custom--color--orange-action, #F5581E); }
.vn-btn--sm { padding: 10px 20px; font-size: 16px; box-shadow: 0 8px 18px -10px rgba(22, 24, 29, 0.35); }
@media (prefers-reduced-motion: reduce) { .vn-btn:hover { transform: none; } }

.vn-ph { background: repeating-linear-gradient(135deg, var(--wp--preset--color--line), var(--wp--preset--color--line) 11px, #DEE7EC 11px, #DEE7EC 22px); display: flex; align-items: flex-end; padding: 12px; }
.vn-ph__tag { font: 600 11px/1.3 ui-monospace, monospace; color: var(--wp--preset--color--slate-muted); background: rgba(255, 255, 255, 0.82); padding: 6px 9px; border-radius: 7px; }

.vn-card { background: #fff; border: 1px solid rgba(27, 64, 95, 0.08); border-radius: 22px; box-shadow: 0 16px 40px -28px rgba(27, 64, 95, 0.35); }

.wp-site-blocks { padding-top: var(--vlocka-header-h, 116px); }
html { scroll-padding-top: calc(var(--vlocka-header-h, 116px) + 12px); }
body.admin-bar .vn-header { top: 32px; }
@media screen and (max-width: 782px) { body.admin-bar .vn-header { top: 46px; } }
.vn-header { position: fixed; top: 0; left: 0; right: 0; z-index: 60; width: min(100%, var(--vn-max, 2100px)); margin-inline: auto; }
.vn-header::before { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(254, 250, 241, 0.72); -webkit-backdrop-filter: saturate(150%) blur(14px); backdrop-filter: saturate(150%) blur(14px); border-bottom: 1px solid rgba(27, 64, 95, 0.08); transition: background 0.25s ease, backdrop-filter 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; }
.vn-header.is-scrolled::before { background: rgba(254, 250, 241, 0.9); -webkit-backdrop-filter: saturate(170%) blur(20px); backdrop-filter: saturate(170%) blur(20px); box-shadow: 0 8px 30px -12px rgba(27, 64, 95, 0.2); border-bottom-color: rgba(27, 64, 95, 0.12); }
.vn-header__inner { position: relative; max-width: var(--vn-content, 1300px); margin: 0 auto; padding: 0 24px; min-height: clamp(74px, 7vw, 92px); display: flex; align-items: center; gap: clamp(12px, 2vw, 24px); }
.vn-logo { flex: 0 0 auto; display: inline-flex; align-items: center; }
.vn-logo__img { height: clamp(48px, 4.6vw, 62px); width: auto; display: block; }
.vn-nav { margin-left: auto; }
.vn-nav__extra { display: none; }
.vn-nav__list { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: clamp(14px, 1.6vw, 26px); font-family: var(--wp--preset--font-family--body); font-weight: 600; font-size: 15px; }
.vn-nav__list a { color: var(--wp--preset--color--azur); text-decoration: none; padding-bottom: 4px; border-bottom: 2px solid transparent; transition: color 0.15s ease, border-color 0.15s ease; white-space: nowrap; }
.vn-nav__list a:hover,
.vn-nav__list .current-menu-item > a,
.vn-nav__list .current_page_item > a { color: var(--wp--preset--color--azur); border-bottom-color: var(--wp--preset--color--primary); }
.vn-header__right { display: flex; align-items: center; gap: 12px; flex: 0 0 auto; }
.vn-burger { display: none; flex-direction: column; justify-content: center; gap: 5px; width: 44px; height: 44px; padding: 0; background: transparent; border: 0; cursor: pointer; }
.vn-burger span { display: block; width: 22px; height: 2px; margin: 0 auto; border-radius: 2px; background: var(--wp--preset--color--azur); transition: transform 0.2s ease, opacity 0.2s ease; }
@media (max-width: 920px) {
	.vn-burger { display: flex; }
	.vn-header__right { margin-left: auto; }
	.vn-logo, .vn-header__right { position: relative; z-index: 2; }
	.vn-nav { position: fixed; inset: 0; z-index: 1; margin: 0; display: none; background: var(--wp--preset--color--cream); padding: calc(var(--vlocka-header-h, 76px) + 26px) 28px 38px; overflow-y: auto; -webkit-overflow-scrolling: touch; }
	.vn-header.is-open .vn-nav { display: flex; flex-direction: column; }
	.vn-nav__list { flex-direction: column; align-items: stretch; gap: 2px; font-family: var(--wp--preset--font-family--heading); font-size: clamp(26px, 7vw, 34px); }
	.vn-nav__list a { padding: 11px 0; border-bottom: none; white-space: normal; }
	.vn-header.is-open .vn-burger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
	.vn-header.is-open .vn-burger span:nth-child(2) { opacity: 0; }
	.vn-header.is-open .vn-burger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
	.vn-nav__extra { display: flex; flex-direction: column; gap: 18px; margin-top: auto; padding-top: 30px; }
	.vn-nav__cta { justify-content: center; text-align: center; font-size: 18px; padding: 16px 24px; }
	.vn-nav__tag { font: 600 13px/1.5 var(--wp--preset--font-family--body); letter-spacing: 0.03em; color: var(--wp--preset--color--slate-muted); margin: 0; }
	.vn-nav__contact { display: flex; flex-direction: column; gap: 8px; }
	.vn-nav__contact a { font: 600 16px/1.3 var(--wp--preset--font-family--body); color: var(--wp--preset--color--azur); text-decoration: none; width: max-content; }
	.vn-nav__social { display: flex; gap: 10px; }
	.vn-nav__social a { width: 46px; height: 46px; border-radius: 50%; background: rgba(27, 64, 95, 0.06); color: var(--wp--preset--color--teal-ink); display: grid; place-items: center; font: 700 13px/1 var(--wp--preset--font-family--body); text-decoration: none; }
	.vn-nav__social a:hover { background: rgba(27, 64, 95, 0.12); }
}

.vn-hero h1 { font-family: var(--wp--preset--font-family--heading); font-weight: 700; font-size: clamp(30px, 4.2vw, 50px); line-height: 1.05; letter-spacing: -0.015em; margin: 18px 0 0; color: var(--wp--preset--color--cream); text-wrap: balance; }
.vn-hero__lead { font-size: clamp(15px, 1.1vw, 17px); line-height: 1.6; color: color-mix(in srgb, var(--wp--preset--color--cream) 82%, transparent); margin: 18px 0 0; max-width: 520px; text-wrap: pretty; }
.vn-hero__cta { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
.vn-hero__media {
	position: relative;
	padding: 12px;
	border-radius: 30px;
	background: linear-gradient(135deg, rgba(197, 252, 255, 0.22), rgba(255, 255, 255, 0.05));
	border: 1px solid rgba(197, 252, 255, 0.45);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	box-shadow: 0 40px 80px -40px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3);
	overflow: hidden;
}
.vn-hero__media img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 20px;
}
.vn-hero__media::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 30px;
	pointer-events: none;
	background: linear-gradient(115deg, transparent 32%, rgba(255, 255, 255, 0.28) 48%, transparent 64%);
	background-size: 250% 100%;
	animation: vnGlint 7s ease-in-out infinite;
	mix-blend-mode: screen;
}
@keyframes vnGlint { 0% { background-position: 130% 0; } 55%, 100% { background-position: -50% 0; } }

.vn-counter { max-width: var(--vn-content, 1300px); margin: 0 auto; padding: var(--vn-sec-y) 24px; }
.vn-counter__card {
	position: relative;
	overflow: hidden;
	background: linear-gradient(135deg, #1B405F 0%, #15334B 100%);
	border-radius: 28px;
	box-shadow: 0 40px 80px -50px rgba(21, 51, 75, 0.85);
	padding: clamp(28px, 4vw, 56px);
	color: #fff;
}
.vn-counter__card::after,
.vn-counter__card::before {
	content: "";
	position: absolute;
	z-index: 0;
	background: rgba(0, 201, 217, 0.10);
	-webkit-mask: url("../img/icon-snowflake.svg") center / contain no-repeat;
	mask: url("../img/icon-snowflake.svg") center / contain no-repeat;
	pointer-events: none;
}
.vn-counter__card::after { width: 360px; height: 360px; right: -56px; top: 50%; transform: translateY(-50%); }
.vn-counter__card::before { width: 52px; height: 52px; right: 30%; top: -14px; opacity: 0.8; }
.vn-counter__card > * { position: relative; z-index: 1; }

.vn-counter__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.vn-counter__label,
.vn-counter__goal-label { font: 700 13px/1.2 var(--wp--preset--font-family--body); letter-spacing: 0.14em; text-transform: uppercase; color: rgba(197, 252, 255, 0.72); margin: 0; }
.vn-counter__amount { font-family: var(--wp--preset--font-family--heading); font-weight: 700; font-size: clamp(46px, 8vw, 92px); line-height: 1; letter-spacing: -0.03em; color: #fff; margin: 10px 0 0; }
.vn-counter__cur { color: var(--wp--preset--color--primary); }
.vn-counter__goalbox { text-align: right; }
.vn-counter__goal { font: 700 clamp(24px, 3.4vw, 40px)/1 var(--wp--preset--font-family--heading); letter-spacing: -0.02em; color: #fff; margin: 8px 0 0; }
.vn-counter__track { position: relative; margin: clamp(26px, 4vw, 40px) 0 0; height: 14px; border-radius: 999px; background: rgba(255, 255, 255, 0.14); overflow: hidden; }
.vn-counter__track > span { display: block; height: 100%; width: 0; border-radius: 999px; background: linear-gradient(90deg, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--turquoise) 100%); transition: width 1.3s ease; }
.vn-counter__track::before { content: ""; display: block; height: 100%; width: var(--pct, 0%); border-radius: 999px; background: linear-gradient(90deg, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--turquoise) 100%); box-shadow: 0 0 18px rgba(0, 201, 217, 0.55); transition: width 1.3s cubic-bezier(0.22, 1, 0.36, 1); }
.vn-counter__note { font-size: clamp(15px, 1.4vw, 18px); line-height: 1.6; color: rgba(255, 255, 255, 0.78); margin: 22px 0 0; max-width: 760px; text-wrap: pretty; }
.vn-counter__note strong { color: #fff; font-weight: 700; }
@media (max-width: 640px) {
	.vn-counter__goalbox { text-align: left; }
	.vn-counter__card::after { width: 240px; height: 240px; right: -70px; opacity: 0.7; }
	.vn-counter { padding-left: 16px; padding-right: 16px; }
	.vn-counter__card { padding: clamp(24px, 6vw, 40px) clamp(20px, 5vw, 32px); }
}

.vn-grid { display: grid; gap: 22px; margin-top: var(--vn-head-gap, 34px); }
.vn-grid--3 { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.vn-grid--4 { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.vn-grid--4:has(.vn-help) { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }

.vn-step { background: #fff; border: 1px solid rgba(27, 64, 95, 0.08); border-radius: 22px; padding: var(--vn-card-pad, 30px); box-shadow: 0 16px 40px -28px rgba(27, 64, 95, 0.35); }
.vn-step__num { width: 52px; height: 52px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font: 700 26px/1 var(--wp--preset--font-family--heading); color: #fff; }
.vn-step__num--1 { background: var(--wp--custom--color--orange-action, #F5581E); color: #fff; }
.vn-step__num--2 { background: var(--wp--preset--color--primary); color: #fff; }
.vn-step__num--3 { background: var(--wp--preset--color--azur); color: #fff; }
.vn-step h3 { font: 600 23px/1.1 var(--wp--preset--font-family--heading); color: var(--wp--preset--color--azur); margin: 22px 0 0; }
.vn-step p { font-size: 16px; line-height: 1.6; color: var(--wp--preset--color--slate); margin: 10px 0 0; text-wrap: pretty; }

.vn-help { border-radius: 22px; overflow: hidden; background: var(--wp--preset--color--surface); border: 1px solid rgba(27, 64, 95, 0.07); }
.vn-help__img { position: relative; aspect-ratio: 4 / 3; overflow: hidden; }
.vn-help__img img { width: 100%; height: 100%; object-fit: cover; filter: saturate(0.85); transition: transform 0.5s ease, filter 0.4s ease; }
.vn-help__img::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(150deg, rgba(28, 192, 210, 0.42) 0%, rgba(21, 51, 75, 0.5) 100%); mix-blend-mode: multiply; transition: opacity 0.45s ease; }
.vn-help:hover .vn-help__img img { transform: scale(1.05); filter: saturate(1); }
.vn-help:hover .vn-help__img::after { opacity: 0.3; }
.vn-help h3 { font: 600 20px/1.25 var(--wp--preset--font-family--heading); color: var(--wp--preset--color--azur); margin: 0; text-wrap: balance; }
.vn-help__body p { margin: 0; font: 400 15px/1.55 var(--wp--preset--font-family--body); color: var(--wp--preset--color--slate); text-wrap: pretty; }

.vn-method { background: #fff; border: 1px solid rgba(27, 64, 95, 0.08); border-radius: 22px; padding: var(--vn-card-pad, 30px); box-shadow: 0 16px 40px -30px rgba(27, 64, 95, 0.35); }
.vn-method__chip { width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center; background: var(--wp--preset--color--turquoise); color: var(--wp--preset--color--azur); }
.vn-grid .vn-method .vn-method__chip { margin-bottom: 20px; }
.vn-method__chip svg { width: 28px; height: 28px; }
.vn-method h3 { font: 600 21px/1.1 var(--wp--preset--font-family--heading); color: var(--wp--preset--color--azur); margin: 20px 0 0; }
.vn-method p { font-size: 15px; line-height: 1.55; color: var(--wp--preset--color--slate); margin: 9px 0 0; text-wrap: pretty; }
.vn-method strong { color: var(--wp--preset--color--azur); }

.vn-partners { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; align-items: center; }
.vn-partner-logos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.vn-partner-logos > * { aspect-ratio: 5 / 2; border-radius: 14px; background: #F2F6F8; border: 1px solid rgba(27, 64, 95, 0.07); display: flex; align-items: center; justify-content: center; }
.vn-partner-logos img { max-width: 70%; max-height: 60%; width: auto; }
.vn-partner-logos span { font: 600 11px/1 ui-monospace, monospace; color: var(--wp--preset--color--slate-muted); }

.vn-link { font: 600 16px/1 var(--wp--preset--font-family--body); color: var(--wp--preset--color--teal-ink); text-decoration: none; }

.vn-newsletter { max-width: var(--vn-content, 1300px); margin: 0 auto; padding: var(--vn-sec-y) 24px; }
.vn-newsletter__box { border-radius: 28px; padding: clamp(32px, 5vw, 60px); background: var(--wp--preset--color--azur-deep); }
.vn-newsletter__box.vn-dark::before { content: none; }
.vn-newsletter__grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(24px, 4vw, 48px); align-items: center; }
.vn-newsletter__grid > * { min-width: 0; }
.vn-newsletter form, .vn-newsletter form > div { width: 100%; }
@media (max-width: 760px) { .vn-newsletter__grid { grid-template-columns: 1fr; } }
.vn-newsletter form { display: flex; gap: 10px; flex-wrap: wrap; }
.vn-newsletter input[type="email"] { flex: 1; min-width: 180px; font: 400 16px/1 var(--wp--preset--font-family--body); color: var(--wp--preset--color--azur); background: var(--wp--preset--color--cream); border: none; border-radius: 999px; padding: 16px 22px; }
.vn-newsletter__consent { display: flex; align-items: flex-start; gap: 10px; margin-top: 14px; font: 400 13px/1.5 var(--wp--preset--font-family--body); color: color-mix(in srgb, var(--wp--preset--color--cream) 78%, transparent); }
.vn-newsletter__consent input { margin-top: 2px; accent-color: var(--wp--preset--color--primary); width: 17px; height: 17px; flex: none; }

.vn-cta { position: relative; background: var(--wp--custom--color--orange-action, #F5581E); color: #fff; overflow: hidden; text-align: center; }
.vn-cta::before { content: ""; position: absolute; pointer-events: none; width: 880px; height: 943px; left: -420px; bottom: -380px; background: rgba(255, 255, 255, 0.08); -webkit-mask: url(../img/icon-snowflake.svg) no-repeat center / contain; mask: url(../img/icon-snowflake.svg) no-repeat center / contain; }
.vn-cta__inner { position: relative; z-index: 1; max-width: 900px; margin: 0 auto; padding: var(--vn-sec-y) 24px; }
.vn-cta h2 { font-family: var(--wp--preset--font-family--heading); font-weight: 700; font-size: clamp(27px, 3.6vw, 44px); line-height: 1.08; letter-spacing: -0.015em; color: #fff; margin: 0; text-wrap: balance; }
.vn-cta p { font-size: clamp(19px, 1.8vw, 22px); font-weight: 700; line-height: 1.45; color: #fff; margin: 18px 0 0; }
.vn-cta__row { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; margin-top: 34px; }
.vn-cta .wp-block-button.is-style-ghost-dark > .wp-block-button__link {
	color: #fff;
	border-color: rgba(255, 255, 255, 0.75);
	background: transparent;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}
.vn-cta .wp-block-button.is-style-ghost-dark > .wp-block-button__link:hover {
	background: rgba(22, 24, 29, 0.1);
	border-color: #fff;
}

.vn-footer { background: var(--wp--preset--color--azur-deep); color: color-mix(in srgb, var(--wp--preset--color--cream) 78%, transparent); }
.vn-footer__top { max-width: var(--vn-content, 1300px); margin: 0 auto; padding: var(--vn-sec-y) 24px 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 40px; }
.vn-footer__brand img { height: 44px; width: auto; }
.vn-footer__brand p { font: 400 15px/1.6 var(--wp--preset--font-family--body); color: color-mix(in srgb, var(--wp--preset--color--cream) 66%, transparent); margin: 18px 0 0; max-width: 280px; }
.vn-footer__socials { display: flex; gap: 12px; margin-top: 22px; }
.vn-footer__socials a { width: 42px; height: 42px; border-radius: 50%; background: rgba(255, 255, 255, 0.08); display: flex; align-items: center; justify-content: center; font: 600 12px/1 var(--wp--preset--font-family--body); color: var(--wp--preset--color--turquoise); text-decoration: none; }
.vn-footer__socials a:hover { background: rgba(255, 255, 255, 0.16); }
.vn-footer__h { font: 700 13px/1 var(--wp--preset--font-family--body); letter-spacing: 0.1em; text-transform: uppercase; color: var(--wp--preset--color--turquoise); margin-bottom: 18px; }
.vn-footer__links { display: flex; flex-direction: column; gap: 11px; font: 400 15px/1 var(--wp--preset--font-family--body); }
.vn-footer__links a { color: color-mix(in srgb, var(--wp--preset--color--cream) 78%, transparent); text-decoration: none; }
.vn-footer__links a:hover { color: var(--wp--preset--color--cream); }
.vn-footer__contact { font: 400 15px/1.7 var(--wp--preset--font-family--body); color: color-mix(in srgb, var(--wp--preset--color--cream) 78%, transparent); }
.vn-footer__iban { margin-top: 18px; font: 400 14px/1.6 var(--wp--preset--font-family--body); color: color-mix(in srgb, var(--wp--preset--color--cream) 70%, transparent); }
.vn-footer__iban span { display: block; font: 600 13px/1 var(--wp--preset--font-family--body); color: var(--wp--preset--color--turquoise); letter-spacing: 0.04em; margin-bottom: 6px; }
.vn-footer__bottom { max-width: 1300px; margin: 36px auto 0; padding: 24px; border-top: 1px solid rgba(255, 255, 255, 0.1); display: flex; flex-wrap: wrap; gap: 14px; justify-content: space-between; align-items: center; font: 400 13px/1.5 var(--wp--preset--font-family--body); color: color-mix(in srgb, var(--wp--preset--color--cream) 60%, transparent); }
.vn-footer__bottom a { color: inherit; text-decoration: underline; }
.vn-footer__legal { display: flex; gap: 18px; flex-wrap: wrap; align-items: center; }
.vn-footer__legal a { display: inline-flex; align-items: center; min-height: 44px; }

.vn-map-filters { display: flex; flex-wrap: wrap; gap: 18px; align-items: center; margin-top: var(--vn-head-gap, 34px); }
.vn-map-pills { display: flex; flex-wrap: wrap; gap: 9px; }
.vn-pill { font: 600 14px/1 var(--wp--preset--font-family--body); cursor: pointer; padding: 11px 18px; border-radius: 999px; border: 1px solid rgba(197, 252, 255, 0.3); background: transparent; color: var(--wp--preset--color--turquoise); }
.vn-pill.is-active { background: var(--wp--preset--color--primary); color: var(--wp--preset--color--ink); border-color: transparent; }
.vn-pill__dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: var(--pc, transparent); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.85); margin-right: 9px; vertical-align: 0.5px; }
.vn-pill.is-active .vn-pill__dot { box-shadow: 0 0 0 2.5px rgba(255, 255, 255, 0.95); }
.vn-pill[style*="--pc"].is-active { background: var(--pc); border-color: rgba(255, 255, 255, 0.45); color: var(--pt, var(--wp--preset--color--ink)); }
.vn-map-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; margin-top: 26px; align-items: start; }
.vn-map-canvas { position: relative; aspect-ratio: 1 / 1; width: 100%; align-self: start; }
.vn-map-svg { position: absolute; inset: 0; width: 100%; height: 100%; color: #6E97AB; }
.vn-map-markers { position: absolute; inset: 0; pointer-events: none; }
.vn-map-markers .vn-marker { pointer-events: auto; }
.vn-marker { position: absolute; width: 24px; height: 24px; min-height: 0; border-radius: 50%; transform: translate(-50%, -50%); background: var(--mc, var(--wp--preset--color--orange)); border: 3px solid #fff; cursor: pointer; padding: 0; transition: transform 0.15s ease, box-shadow 0.15s ease; }
.vn-marker::after { content: ""; position: absolute; inset: -9px; border-radius: 50%; }
.vn-marker:hover, .vn-marker:focus-visible { transform: translate(-50%, -50%) scale(1.25); }
.vn-marker.is-active { box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.25); transform: translate(-50%, -50%) scale(1.3); }
.vn-map-panelwrap { position: relative; align-self: start; }
.vn-map-panel { background: var(--wp--preset--color--cream); color: var(--wp--preset--color--azur); border-radius: 24px; padding: 30px; min-height: 380px; max-height: clamp(420px, 46vw, 600px); overflow-y: auto; scrollbar-gutter: stable; scrollbar-width: thin; scrollbar-color: rgba(21,51,75,0.38) transparent; display: flex; flex-direction: column; }
.vn-map-scrollcue { position: absolute; left: 0; right: 0; bottom: 0; height: 78px; display: flex; align-items: flex-end; justify-content: center; padding: 0 0 15px; margin: 0; border: 0; cursor: pointer; background: linear-gradient(to top, var(--wp--preset--color--cream) 42%, rgba(254,250,241,0.72) 70%, rgba(254,250,241,0)); border-radius: 0 0 24px 24px; transition: opacity 0.2s ease; }
.vn-map-scrollcue__pill { display: inline-flex; align-items: center; gap: 6px; background: var(--wp--preset--color--azur); color: #fff; font: 700 12px/1 var(--wp--preset--font-family--body); letter-spacing: 0.14em; text-transform: uppercase; padding: 10px 17px; border-radius: 999px; box-shadow: 0 6px 16px rgba(21,51,75,0.30); }
.vn-map-scrollcue__pill svg { display: block; }
.vn-map-scrollcue.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; }
.vn-map-panel::-webkit-scrollbar { width: 11px; }
.vn-map-panel::-webkit-scrollbar-thumb { background: rgba(21,51,75,0.32); border-radius: 999px; border: 3px solid #FEFAF1; }
.vn-map-panel::-webkit-scrollbar-thumb:hover { background: rgba(21,51,75,0.48); }
@media (max-width: 640px) { .vn-map-panel { max-height: none; overflow: visible; } .vn-map-scrollcue { display: none; } }
.vn-map-badge { align-self: flex-start; font: 700 12px/1 var(--wp--preset--font-family--body); letter-spacing: 0.06em; text-transform: uppercase; color: var(--wp--preset--color--azur); background: var(--wp--preset--color--turquoise); padding: 7px 13px; border-radius: 999px; }
.vn-map-name { font: 700 26px/1.1 var(--wp--preset--font-family--heading); color: var(--wp--preset--color--azur); margin: 16px 0 0; text-wrap: balance; }
.vn-map-sep { border: 0; border-top: 1px solid rgba(27, 64, 95, 0.1); margin: 20px 0; }
.vn-map-use { font-size: 16px; line-height: 1.65; color: var(--wp--preset--color--slate); margin: 10px 0 0; text-wrap: pretty; }
.vn-map-zarbox { margin-top: 18px; }
.vn-map-zarbox[hidden] { display: none; }
.vn-map-zarbox .vn-eyebrow { display: block; margin: 0 0 8px; }
.vn-map-zar { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.vn-map-zar li { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; font: 600 15px/1.4 var(--wp--preset--font-family--body); color: var(--wp--preset--color--azur); border-bottom: 1px solid rgba(27, 64, 95, 0.08); padding-bottom: 6px; }
.vn-map-zar li:last-child { border-bottom: 0; padding-bottom: 0; }
.vn-map-zar__n { flex: none; font-weight: 700; color: var(--wp--preset--color--teal-ink); }
.vn-map-web { display: inline-flex; align-items: center; gap: 5px; margin-top: 16px; margin-bottom: 24px; font: 700 15px/1 var(--wp--preset--font-family--body); color: var(--wp--preset--color--teal-ink); text-decoration: none; }
.vn-map-web[hidden] { display: none; }
.vn-map-web:hover { text-decoration: underline; }
.vn-map-zarbox:has(+ .vn-map-web[hidden]) { margin-bottom: 24px; }
@media (prefers-reduced-motion: reduce) { .vn-marker { transition: none; } }

.wp-block-button.is-style-donate > .wp-block-button__link,
.wp-block-button.is-style-ghost-light > .wp-block-button__link,
.wp-block-button.is-style-white > .wp-block-button__link,
.wp-block-button.is-style-azur > .wp-block-button__link,
.wp-block-button.is-style-ghost-dark > .wp-block-button__link {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 700; font-size: 17px; line-height: 1;
	border-radius: 999px; padding: 13px 24px; border: 2px solid transparent;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.wp-block-button.is-style-donate > .wp-block-button__link { background: var(--wp--custom--color--orange-action, #F5581E); color: #fff; box-shadow: 0 12px 26px -14px rgba(22, 24, 29, 0.40); }
.wp-block-button.is-style-donate > .wp-block-button__link:hover { transform: translateY(-1px); }
.wp-block-button.is-style-ghost-light > .wp-block-button__link { background: rgba(255, 255, 255, 0.14); -webkit-backdrop-filter: blur(9px); backdrop-filter: blur(9px); color: var(--wp--preset--color--cream); border-color: color-mix(in srgb, var(--wp--preset--color--cream) 40%, transparent); }
.wp-block-button.is-style-ghost-light > .wp-block-button__link:hover { background: rgba(255, 255, 255, 0.24); }
.wp-block-button.is-style-white > .wp-block-button__link { background: #fff; color: var(--wp--custom--color--orange-action, #F5581E); }
.wp-block-button.is-style-azur > .wp-block-button__link { background: var(--wp--preset--color--azur); color: var(--wp--preset--color--cream); }
.wp-block-button.is-style-ghost-dark > .wp-block-button__link { background: rgba(255, 255, 255, 0.16); -webkit-backdrop-filter: blur(9px); backdrop-filter: blur(9px); color: var(--wp--preset--color--ink); border-color: color-mix(in srgb, var(--wp--preset--color--ink) 45%, transparent); }
.wp-block-button.is-style-ghost-dark > .wp-block-button__link:hover { background: rgba(255, 255, 255, 0.28); }

.wp-block-button > .wp-block-button__link,
.wp-block-button > .wp-block-button__link:hover,
.wp-block-button > .wp-block-button__link:focus-visible,
.vn-btn, .vn-btn:hover { box-shadow: none !important; }

.vn-hero .wp-block-columns { align-items: center; gap: clamp(32px, 5vw, 64px); margin: 0; }
.vn-hero .wp-block-column { min-width: 0; }
.vn-hero__media .wp-block-image { margin: 0; line-height: 0; }
.vn-hero__media .wp-block-image img { width: 100%; height: auto; border-radius: 20px; display: block; }
.vn-hero:has(.vn-hero-media-full) { position: relative; }
.vn-hero .vn-hero-media-full { position: absolute; top: 0; bottom: 0; left: auto; right: calc((100% - min(100vw, var(--vn-max, 2100px))) / 2); width: calc(min(100vw, var(--vn-max, 2100px)) * 0.5); margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; overflow: hidden; }
.vn-hero .vn-hero-media-full::after { display: none; }
.vn-hero .vn-hero-media-full .vn-hero__media, .vn-hero .vn-hero-media-full .wp-block-image, .vn-hero .vn-hero-media-full figure { height: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; overflow: hidden; }
.vn-hero .vn-hero-media-full .vn-hero__media::after { display: none; }
.vn-hero .vn-hero-media-full img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; display: block; }
@media (max-width: 781px) { .vn-hero .vn-hero-media-full { position: static; width: auto; } .vn-hero .vn-hero-media-full img { height: auto; border-radius: 14px; } }
@media (min-width: 782px) {
	.vn-hero:has(.vn-hero-media-full) .wp-block-columns .wp-block-column:first-child { max-width: calc(50% - clamp(28px, 3vw, 48px)); }
}

@media (min-width: 782px) {
	:is(.vn-media-full, .vn-hero-media-full).wp-block-media-text { grid-template-columns: calc(50% - clamp(28px, 3vw, 48px)) 1fr !important; }
	:is(.vn-media-full, .vn-hero-media-full).wp-block-media-text .wp-block-media-text__content { grid-column: 1; grid-row: 1; padding-left: 0; }
	:is(.vn-media-full, .vn-hero-media-full).wp-block-media-text .wp-block-media-text__media { position: absolute; top: 0; bottom: 0; left: auto; right: calc((100% - min(100vw, var(--vn-max, 2100px))) / 2); width: calc(min(100vw, var(--vn-max, 2100px)) * 0.5); margin: 0; }
	:is(.vn-media-full, .vn-hero-media-full).wp-block-media-text .wp-block-media-text__media img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
}
@media (max-width: 600px) {
	:is(.vn-media-full, .vn-hero-media-full).wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media { margin-bottom: 26px; }
}

.vn-partners.wp-block-columns { gap: 40px; align-items: center; margin: 0; }

.vn-grid > .wp-block-group { margin: 0; }
.vn-grid .wp-block-heading, .vn-grid p { margin-top: 0; }

p.vn-step__num { width: 52px; height: 52px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 26px; margin: 0; }
.vn-grid .vn-step .vn-step__num { margin: 0 0 20px; color: #fff; }

.vn-method__chip { position: relative; }
.vn-method__chip::after {
	content: ""; width: 28px; height: 28px; background: var(--wp--preset--color--azur);
	-webkit-mask: var(--chip-ic, none) center / contain no-repeat; mask: var(--chip-ic, none) center / contain no-repeat;
}
.vn-method__chip--bank { --chip-ic: url(../icons/bank.svg); }
.vn-method__chip--qr { --chip-ic: url(../icons/qr.svg); }
.vn-method__chip--sms { --chip-ic: url(../icons/sms.svg); }
.vn-method__chip--firma { --chip-ic: url(../icons/briefcase.svg); }
.vn-method__chip--darujme { --chip-ic: url(../icons/handheart.svg); }
@media (min-width: 900px) { .vlocka-darovanie.vn-grid--4:has(> .vn-pay:nth-child(5)) { grid-template-columns: repeat(3, 1fr); } }

.vn-help__img.vn-ph { min-height: 0; aspect-ratio: 4 / 3; }
.vn-help { display: flex; flex-direction: column; }
.vn-help > *, .vn-help__body > * { margin-block: 0 !important; }
.vn-help__body { flex: 1; display: flex; flex-direction: column; justify-content: flex-start; gap: 9px; padding: 24px var(--vn-card-pad, 30px) 28px; }

.vn-band-white { background: #fff; border-top: 1px solid rgba(27, 64, 95, 0.06); border-bottom: 1px solid rgba(27, 64, 95, 0.06); }

.vn-head-narrow { max-width: 680px; }
.vn-head-narrow > * { margin-block: 0; }
.vn-head-narrow > * + * { margin-top: 12px; }

.vn-partners__contact { font: 600 15px/1.6 var(--wp--preset--font-family--body); color: var(--wp--preset--color--azur); margin: 18px 0 0; }
.vn-partners__contact strong { color: var(--wp--preset--color--azur); }
.vn-partner-logos p { font: 600 11px/1 ui-monospace, monospace; color: var(--wp--preset--color--slate-muted); margin: 0; }

.vn-head--center > *, .vn-grid .vn-step > *, .vn-grid .vn-method > * { margin-block: 0; }
.vn-head--center > * + * { margin-top: 10px; }

.vn-hero,
.vn-hero.vn-dark {
	background: #1CC0D2;
	color: #fff;
}
.vn-hero h1 {
	color: #fff;
	font-size: clamp(38px, 5vw, 64px);
	line-height: 1.02;
	letter-spacing: -0.02em;
}
.vn-hero__lead {
	color: rgba(255, 255, 255, 0.92);
	font-size: clamp(16px, 1.3vw, 19px);
	max-width: 560px;
}
.vn-hero .is-style-ghost-light > .wp-block-button__link,
.vn-hero .vn-btn--ghost-light {
	color: #fff;
	border-color: rgba(255, 255, 255, 0.70);
}
.vn-hero .is-style-ghost-light > .wp-block-button__link:hover,
.vn-hero .vn-btn--ghost-light:hover {
	background: rgba(255, 255, 255, 0.15);
}
.vn-hero__media { border-color: rgba(255, 255, 255, 0.30); }

.vn-datebar { display: flex; flex-direction: column; gap: 14px; margin-top: 0; }
.vn-date { border-radius: 18px; padding: 18px 22px; }
.vn-date__label { font: 700 12px/1 var(--wp--preset--font-family--body); letter-spacing: 0.14em; text-transform: uppercase; margin: 0; }
.vn-date__value { font-family: var(--wp--preset--font-family--heading); font-weight: 700; font-size: clamp(18px, 2.2vw, 24px); line-height: 1.1; margin: 7px 0 0; }
.vn-date--a { background: rgba(255, 255, 255, 0.55); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.5); }
.vn-date--a .vn-date__label { color: var(--wp--preset--color--teal-ink); }
.vn-date--a .vn-date__value { color: var(--wp--preset--color--azur); }
.vn-date--b { background: var(--wp--preset--color--azur); }
.vn-date--b .vn-date__label { color: var(--wp--preset--color--turquoise); }
.vn-date--b .vn-date__value { color: #fff; }
.vn-date { position: relative; padding-right: 74px; }
.vn-date::after { content: ""; position: absolute; top: 50%; right: 22px; transform: translateY(-50%); width: 40px; height: 40px; background: center / contain no-repeat; pointer-events: none; }
.vn-date--a::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%231B405F' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.5' y='7' width='23' height='20.5' rx='4.5'/%3E%3Cline x1='4.5' y1='13' x2='27.5' y2='13'/%3E%3Cline x1='11' y1='4.5' x2='11' y2='9'/%3E%3Cline x1='21' y1='4.5' x2='21' y2='9'/%3E%3Cline x1='11' y1='20.5' x2='21' y2='20.5'/%3E%3Ccircle cx='11' cy='20.5' r='1.7' fill='%231B405F' stroke='none'/%3E%3Ccircle cx='21' cy='20.5' r='1.7' fill='%231B405F' stroke='none'/%3E%3C/svg%3E"); }
.vn-date--b::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.5' y='7' width='23' height='20.5' rx='4.5'/%3E%3Cline x1='4.5' y1='13' x2='27.5' y2='13'/%3E%3Cline x1='11' y1='4.5' x2='11' y2='9'/%3E%3Cline x1='21' y1='4.5' x2='21' y2='9'/%3E%3Cg stroke-width='1.7'%3E%3Cline x1='16' y1='15.5' x2='16' y2='24.5'/%3E%3Cline x1='12.1' y1='17.75' x2='19.9' y2='22.25'/%3E%3Cline x1='19.9' y1='17.75' x2='12.1' y2='22.25'/%3E%3C/g%3E%3C/svg%3E"); }
@media (max-width: 480px) { .vn-date { padding-right: 64px; } .vn-date::after { width: 34px; height: 34px; right: 18px; } }


.vn-band-primary { position: relative; background: #1CC0D2; color: #fff; overflow: hidden; }
.vn-band-primary::before { content: ""; position: absolute; pointer-events: none; z-index: 0; width: 1560px; height: 1672px; right: -560px; top: -540px; transform: rotate(26deg); background: rgba(255, 255, 255, 0.13); -webkit-mask: url(../img/icon-snowflake.svg) no-repeat center / contain; mask: url(../img/icon-snowflake.svg) no-repeat center / contain; }
.vn-band-primary > * { position: relative; z-index: 1; }
.vn-band-primary .vn-eyebrow, .vn-band-primary .vn-eyebrow--light { color: rgba(255, 255, 255, 0.85); }
.vn-band-primary .vn-h2, .vn-band-primary .vn-h2--light { color: #fff; }
.vn-band-primary .vn-lead, .vn-band-primary .vn-lead--light { color: rgba(255, 255, 255, 0.92); }
.vn-band-orange { background: #FF7F50; }

.vn-band-primary .vn-h2, .vn-dark:not(.vn-hero) .vn-h2 { max-width: 14em; }
.vn-band-primary .vn-lead, .vn-dark:not(.vn-hero) .vn-lead { max-width: 55ch; }
.vn-band-primary .vn-head--center .vn-h2, .vn-dark:not(.vn-hero) .vn-head--center .vn-h2 { margin-inline: auto; }

.vn-icard { background: #fff; border: 1px solid rgba(27, 64, 95, 0.08); border-radius: 22px; padding: var(--vn-card-pad, 30px); box-shadow: 0 16px 40px -30px rgba(27, 64, 95, 0.35); }
.vn-icard__chip { position: relative; width: 54px; height: 54px; border-radius: 50%; background: var(--ic, var(--wp--preset--color--primary)); margin-bottom: 20px; }
.vn-icard__chip::after { content: ""; position: absolute; inset: 0; margin: auto; width: 28px; height: 28px; background: #fff; -webkit-mask: url(../img/icon-snowflake.svg) center / contain no-repeat; mask: url(../img/icon-snowflake.svg) center / contain no-repeat; }
.vn-icard h3 { font: 700 19px/1.25 var(--wp--preset--font-family--heading); color: var(--wp--preset--color--azur); margin: 0; }
.vn-icard p { font-size: 15px; line-height: 1.6; color: var(--wp--preset--color--slate); margin: 0; text-wrap: pretty; }
.vn-icard--a { --ic: var(--wp--preset--color--primary); }
.vn-icard--b { --ic: var(--wp--preset--color--orange); }
.vn-icard--c { --ic: var(--wp--preset--color--azur); }
.vn-icard--d { --ic: var(--wp--preset--color--teal-ink); }
.vn-icard--e { --ic: #2E7D8A; }

.vn-list { list-style: none; margin: 16px 0 0; padding: 0; display: grid; gap: 11px; }
.vn-list li { position: relative; padding-left: 28px; font-size: 16px; line-height: 1.55; color: var(--wp--preset--color--slate); }
.vn-list li::before { content: ""; position: absolute; left: 2px; top: 8px; width: 9px; height: 9px; border-radius: 50%; background: var(--wp--preset--color--primary); }
.vn-list strong, .vn-list b { color: var(--wp--preset--color--azur); font-weight: 700; }
.vn-list--light li { color: color-mix(in srgb, var(--wp--preset--color--cream) 86%, transparent); }
.vn-list--light li::before { background: var(--wp--preset--color--turquoise); }
.vn-list--light strong, .vn-list--light b { color: #fff; }

.vn-duo { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 22px; margin-top: 30px; }
.vn-duo > * { margin: 0; }
.vn-panel { background: #fff; border: 1px solid rgba(27, 64, 95, 0.08); border-radius: 22px; padding: 30px 28px; box-shadow: 0 16px 40px -30px rgba(27, 64, 95, 0.35); }
.vn-panel__tag { display: inline-block; font: 700 12px/1 var(--wp--preset--font-family--body); letter-spacing: 0.12em; text-transform: uppercase; color: var(--wp--preset--color--teal-ink); margin: 0 0 8px; }
.vn-panel h3 { font: 700 22px/1.15 var(--wp--preset--font-family--heading); color: var(--wp--preset--color--azur); margin: 0; }
.vn-panel p { font-size: 15px; line-height: 1.6; color: var(--wp--preset--color--slate); margin: 12px 0 0; }

.vn-figph { aspect-ratio: 4 / 3; border-radius: 14px; margin-top: 16px; background: repeating-linear-gradient(45deg, rgba(27, 64, 95, 0.05) 0 11px, rgba(27, 64, 95, 0.09) 11px 22px); display: grid; place-items: center; color: var(--wp--preset--color--slate-muted); font: 600 13px/1.4 var(--wp--preset--font-family--body); text-align: center; padding: 12px; }

.vlocka-darovanie.vn-grid { margin-top: 0; }
.vn-pay { display: flex; flex-direction: column; background: #fff; border: 1px solid rgba(27, 64, 95, 0.08); border-radius: 22px; padding: 28px 24px; box-shadow: 0 16px 40px -30px rgba(27, 64, 95, 0.35); }
.vn-pay .vn-method__chip { margin-bottom: 16px; }
.vn-pay h3 { font: 700 19px/1.2 var(--wp--preset--font-family--heading); color: var(--wp--preset--color--azur); margin: 0; }
.vn-pay > p { font-size: 15px; line-height: 1.55; color: var(--wp--preset--color--slate); margin: 8px 0 0; text-wrap: pretty; }
.vn-pay__code { margin-top: 16px; background: var(--wp--preset--color--surface); border: 1px solid var(--wp--preset--color--line); border-radius: 12px; padding: 12px 14px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.vn-pay__code-label { width: 100%; font: 700 11px/1 var(--wp--preset--font-family--body); letter-spacing: 0.12em; text-transform: uppercase; color: var(--wp--preset--color--slate-muted); }
.vn-pay__code code { flex: 1; min-width: 130px; font: 700 15px/1.4 ui-monospace, "SFMono-Regular", Menlo, monospace; color: var(--wp--preset--color--azur); word-break: break-word; }
.vn-copy { display: inline-grid; place-items: center; width: 34px; height: 34px; padding: 0; margin-left: 8px; vertical-align: middle; border: 1px solid rgba(27, 64, 95, 0.2); border-radius: 10px; background: #fff; color: var(--wp--preset--color--teal-ink); cursor: pointer; transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease; }
.vn-copy::before { content: ""; width: 16px; height: 16px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='11' height='11' rx='2'/%3E%3Cpath d='M5 15H4.8A1.8 1.8 0 0 1 3 13.2V4.8A1.8 1.8 0 0 1 4.8 3h8.4A1.8 1.8 0 0 1 15 4.8V5'/%3E%3C/svg%3E") no-repeat center / 16px; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='11' height='11' rx='2'/%3E%3Cpath d='M5 15H4.8A1.8 1.8 0 0 1 3 13.2V4.8A1.8 1.8 0 0 1 4.8 3h8.4A1.8 1.8 0 0 1 15 4.8V5'/%3E%3C/svg%3E") no-repeat center / 16px; }
.vn-copy:hover { border-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--azur); }
.vn-copy.is-done { background: var(--wp--preset--color--primary); border-color: var(--wp--preset--color--primary); color: #fff; }
.vn-copy.is-done::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 7'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 7'/%3E%3C/svg%3E"); }
.vn-pay__code .vn-copy { margin-left: auto; }
.vn-pay__qr { margin-top: 16px; width: 100%; max-width: 150px; aspect-ratio: 1; border-radius: 12px; background: repeating-linear-gradient(45deg, rgba(27, 64, 95, 0.05) 0 10px, rgba(27, 64, 95, 0.09) 10px 20px); display: grid; place-items: center; color: var(--wp--preset--color--slate-muted); font: 600 12px/1.4 var(--wp--preset--font-family--body); text-align: center; padding: 10px; }
.vn-pay .vlocka-qr-img { margin-top: 16px; width: 100%; max-width: 150px; height: auto; border-radius: 12px; }
.vn-pay .vn-btn { margin-top: 18px; align-self: flex-start; }
.vn-pay__note { font-size: 13px; color: var(--wp--preset--color--slate-muted); margin: 10px 0 0; }
.vn-pay__note + .vn-pay__note { margin-top: 7px; }
.vn-pay__note a { color: var(--wp--preset--color--teal-ink); text-decoration: underline; }
.vn-pay__note a:hover { color: var(--wp--preset--color--azur); }

.vn-flake-1 .vn-band-primary::before, .vn-flake-1 .vn-dark:not(.vn-hero)::before { width: 1560px; height: 1672px; right: -560px; top: -540px; transform: rotate(22deg); }
.vn-flake-2 .vn-band-primary::before, .vn-flake-2 .vn-dark:not(.vn-hero)::before { width: 1280px; height: 1371px; right: -430px; top: -360px; transform: rotate(-24deg); }
.vn-flake-3 .vn-band-primary::before, .vn-flake-3 .vn-dark:not(.vn-hero)::before { width: 1820px; height: 1951px; right: -760px; top: -680px; transform: rotate(50deg); }
.vn-flake-4 .vn-band-primary::before, .vn-flake-4 .vn-dark:not(.vn-hero)::before { width: 1500px; height: 1608px; right: -500px; top: -280px; transform: rotate(7deg); }

.vn-form-card { background: #fff; border: 1px solid rgba(27, 64, 95, 0.1); border-radius: 22px; padding: clamp(26px, 3vw, 40px); box-shadow: 0 18px 44px -32px rgba(27, 64, 95, 0.4); }
.vn-form { max-width: none; display: flex; flex-direction: column; gap: 22px; }
.vn-form__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 0; }
.wpcf7 p { margin: 0; }
.wpcf7 input[type="hidden"] { display: none; }
.wpcf7 label { display: block; font: 600 13px/1.5 var(--wp--preset--font-family--body); letter-spacing: 0.01em; color: var(--wp--preset--color--azur); }
.wpcf7 .wpcf7-form-control-wrap { display: block; }
.wpcf7 input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), .wpcf7 textarea, .wpcf7 select { box-sizing: border-box; width: 100%; max-width: 100%; margin-top: 7px; font: 400 16px/1.4 var(--wp--preset--font-family--body); color: var(--wp--preset--color--azur); background: #F3F7FA; border: 1.5px solid #CBD6E0; border-radius: 12px; padding: 13px 15px; transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease; }
.wpcf7 input::placeholder, .wpcf7 textarea::placeholder { color: #93a3b3; }
.wpcf7 input:focus, .wpcf7 textarea:focus, .wpcf7 select:focus { outline: none; background: #fff; border-color: var(--wp--preset--color--primary); box-shadow: 0 0 0 3px rgba(0, 201, 217, 0.16); }
.wpcf7 textarea { min-height: 130px; resize: vertical; }
.wpcf7 .wpcf7-acceptance { font: 400 14px/1.55 var(--wp--preset--font-family--body); color: var(--wp--preset--color--slate); }
.wpcf7 .wpcf7-acceptance .wpcf7-list-item { margin: 0; }
.wpcf7 input[type="checkbox"], .wpcf7 input[type="radio"] { width: auto; margin-right: 8px; accent-color: var(--wp--preset--color--primary); }
.wpcf7-submit { font: 700 17px/1 var(--wp--preset--font-family--heading); color: var(--wp--preset--color--ink); background: var(--wp--preset--color--primary); border: 0; border-radius: 999px; padding: 15px 30px; cursor: pointer; transition: background 0.15s ease; }
.wpcf7-submit:hover { background: #15AEBF; }
@media (max-width: 600px) {
	.wp-block-button.is-style-donate > .wp-block-button__link,
	.wp-block-button.is-style-ghost-light > .wp-block-button__link,
	.wp-block-button.is-style-white > .wp-block-button__link,
	.wp-block-button.is-style-azur > .wp-block-button__link,
	.wp-block-button.is-style-ghost-dark > .wp-block-button__link,
	.vn-btn { font-size: 16px; padding: 12px 22px; }
	.vn-btn--sm { padding: 10px 20px; }
	.wpcf7-submit { font-size: 16px; padding: 14px 26px; }
}
.wpcf7 .wpcf7-not-valid-tip { color: #c0392b; font-size: 13px; margin-top: 5px; }
.wpcf7 .wpcf7-spinner { margin: 0 0 0 12px; }
.wpcf7-response-output { border-radius: 12px; padding: 14px 16px !important; font-size: 15px; margin: 18px 0 0 !important; }
.vn-form__captcha { min-height: 65px; container-type: inline-size; }
.vn-form__captcha:empty { display: none; }
.vn-form__captcha .cf-turnstile { line-height: 0; }
@container (max-width: 299px) { .vn-form__captcha .cf-turnstile { width: 300px; transform: scale(.86); transform-origin: 0 0; } }
@media (max-width: 560px) { .vn-form__grid { grid-template-columns: 1fr; } }

.vn-numlist { list-style: none; counter-reset: vn-num; margin: 0; padding: 0; display: grid; gap: 12px; }
.vn-numlist li { counter-increment: vn-num; position: relative; padding: 6px 0 6px 52px; font-size: clamp(16px, 1.2vw, 18px); line-height: 1.45; color: var(--wp--preset--color--azur); display: flex; align-items: center; min-height: 38px; }
.vn-numlist li::before { content: counter(vn-num); position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; border-radius: 50%; background: var(--wp--preset--color--primary); color: #fff; font: 700 16px/1 var(--wp--preset--font-family--heading); display: grid; place-items: center; }

.vn-note { font: 400 15px/1.5 var(--wp--preset--font-family--body); color: var(--wp--preset--color--slate); margin-top: 18px; }
.vn-dark .vn-note { color: rgba(255, 255, 255, 0.8); }

.vn-split { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: clamp(30px, 4vw, 60px); align-items: start; }
.vn-split > * { min-width: 0; margin-block: 0; }
.vn-split .vn-h2 { font-size: clamp(25px, 2.5vw, 33px); }
@media (max-width: 860px) { .vn-split { grid-template-columns: 1fr; gap: 36px; } }

.vn-contact { margin: 0; display: flex; flex-direction: column; gap: 14px; }
.vn-contact p { margin: 0; font-size: 17px; line-height: 1.55; color: var(--wp--preset--color--azur); }
.vn-contact__org { font-family: var(--wp--preset--font-family--heading); font-weight: 700; font-size: 19px; }
.vn-contact a { color: var(--wp--preset--color--teal-ink); text-decoration: underline; text-underline-offset: 2px; }
.vn-contact a:hover { color: var(--wp--preset--color--primary); }
.vn-contact__sep { height: 1px; background: rgba(27, 64, 95, 0.14); margin: 22px 0 !important; border: 0; }
.vn-form-card h3, .vn-card-subhead { font-family: var(--wp--preset--font-family--heading); font-weight: 700; font-size: 19px; line-height: 1.3; color: var(--wp--preset--color--azur); }
.vn-legal { background: #fff; border: 1px solid rgba(27, 64, 95, 0.1); border-radius: 20px; padding: clamp(24px, 3vw, 38px); box-shadow: 0 16px 40px -32px rgba(27, 64, 95, 0.35); }
.vn-deflist { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 16px 34px; }
.vn-deflist li { margin: 0; font: 400 16px/1.45 var(--wp--preset--font-family--body); color: var(--wp--preset--color--azur); }
.vn-deflist li strong { display: block; font: 700 12px/1.4 var(--wp--preset--font-family--body); letter-spacing: 0.06em; text-transform: uppercase; color: var(--wp--preset--color--slate); margin-bottom: 3px; }
@media (max-width: 640px) { .vn-deflist { grid-template-columns: 1fr; } }

.vn-ico { position: relative; display: block; box-sizing: border-box; padding: 9px 0 9px 60px; padding-block: max(0px, calc((44px - 1lh) / 2)); min-height: 44px; }
.vn-ico::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border-radius: 50%; background: var(--wp--preset--color--primary); }
.vn-ico::after { content: ""; position: absolute; left: 11px; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; background: #fff; -webkit-mask: center / contain no-repeat; mask: center / contain no-repeat; }
.vn-ico--pin::after { -webkit-mask-image: url("../icons/pin.svg"); mask-image: url("../icons/pin.svg"); }
.vn-ico--mail::after { -webkit-mask-image: url("../icons/mail.svg"); mask-image: url("../icons/mail.svg"); }
.vn-ico--phone::after { -webkit-mask-image: url("../icons/phone.svg"); mask-image: url("../icons/phone.svg"); }
.vn-ico--globe::after { -webkit-mask-image: url("../icons/globe.svg"); mask-image: url("../icons/globe.svg"); }

.vn-band-primary + .vn-bleed > .vn-section { padding-top: clamp(28px, 3.4vw, 46px); }

.vn-dark .vn-icard--a .vn-icard__chip::after { -webkit-mask-image: url(../icons/handcoin.svg); mask-image: url(../icons/handcoin.svg); }
.vn-dark .vn-icard--b .vn-icard__chip::after { -webkit-mask-image: url(../icons/users.svg); mask-image: url(../icons/users.svg); }
.vn-dark .vn-icard--c .vn-icard__chip::after { -webkit-mask-image: url(../icons/calendar.svg); mask-image: url(../icons/calendar.svg); }
.vn-dark .wp-block-button.is-style-white > .wp-block-button__link { background: rgba(255, 255, 255, 0.14); -webkit-backdrop-filter: blur(9px); backdrop-filter: blur(9px); color: #fff; border: 1.5px solid rgba(255, 255, 255, 0.45); }
.vn-dark .wp-block-button.is-style-white > .wp-block-button__link:hover { background: rgba(255, 255, 255, 0.24); border-color: rgba(255, 255, 255, 0.7); }

.vn-bleed:first-child + .vn-bleed:not(.vn-dark):not(.vn-band-primary):not(.vn-band-orange):not(.vn-band-white) > .vn-section { padding-top: clamp(28px, 3.4vw, 46px); }
.vn-bleed:first-child:not(.vn-band-primary):not(.vn-dark) + .vn-bleed:not(.vn-dark):not(.vn-band-primary):not(.vn-band-orange):not(.vn-band-white) > .vn-section { padding-top: 0; }
.vn-bleed:first-child .vn-lead { font-size: clamp(16px, 1.4vw, 19px); }

.vn-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.vn-stats > div { background: #fff; border: 1px solid rgba(27, 64, 95, 0.08); border-radius: 18px; padding: clamp(20px, 2.4vw, 28px); box-shadow: 0 16px 40px -32px rgba(27, 64, 95, 0.35); }
.vn-stats__num { font: 700 clamp(32px, 4vw, 46px)/1 var(--wp--preset--font-family--heading); color: var(--wp--preset--color--teal-ink); letter-spacing: -0.02em; margin: 0; }
.vn-stats__label { font-size: 14px; line-height: 1.4; color: var(--wp--preset--color--slate); margin: 8px 0 0; }
@media (max-width: 760px) { .vn-stats { grid-template-columns: repeat(2, 1fr); } }

.vn-acc { display: grid; gap: 14px; }
.vn-acc__item { background: #fff; border: 1px solid rgba(27, 64, 95, 0.1); border-radius: 16px; box-shadow: 0 14px 36px -32px rgba(27, 64, 95, 0.4); }
.vn-acc__sum { display: flex; align-items: center; gap: 14px; padding: 20px clamp(20px, 2.4vw, 28px); cursor: pointer; font: 700 clamp(17px, 1.6vw, 21px)/1.3 var(--wp--preset--font-family--heading); color: var(--wp--preset--color--azur); list-style: none; }
.vn-acc__sum::-webkit-details-marker { display: none; }
.vn-acc__sum::after { content: ""; flex: 0 0 auto; width: 11px; height: 11px; border-right: 2.5px solid var(--wp--preset--color--teal-ink); border-bottom: 2.5px solid var(--wp--preset--color--teal-ink); transform: rotate(45deg); transition: transform 0.2s ease; }
.vn-acc__item[open] .vn-acc__sum::after { transform: rotate(-135deg); }
.vn-acc__sum-t { flex: 1; }
.vn-acc__n { flex: 0 0 auto; font: 600 13px/1 var(--wp--preset--font-family--body); color: var(--wp--preset--color--azur); background: var(--wp--preset--color--turquoise); padding: 6px 12px; border-radius: 999px; white-space: nowrap; }
.vn-acc__body { padding: 0 clamp(20px, 2.4vw, 28px) 16px; }
.vn-svclist { list-style: none; margin: 0; padding: 0; }
.vn-svclist li { display: flex; align-items: baseline; gap: 16px; padding: 11px 0; border-top: 1px solid rgba(27, 64, 95, 0.07); }
.vn-svclist li:first-child { border-top: 0; }
.vn-svc__name { flex: 1; font-size: 15.5px; line-height: 1.45; color: var(--wp--preset--color--azur); }
.vn-svc__detail { color: var(--wp--preset--color--slate); font-size: 13px; }
.vn-svc__count { flex: 0 0 auto; min-width: 30px; text-align: center; font: 700 14px/1 var(--wp--preset--font-family--heading); color: var(--wp--preset--color--azur); background: var(--wp--preset--color--turquoise); border-radius: 999px; padding: 7px 11px; }

.vn-media { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: clamp(30px, 4vw, 56px); align-items: center; }
.vn-media > * { min-width: 0; margin: 0; }
.vn-media .vn-lead { max-width: none; }
.vn-feature-img { margin: 0; }
.vn-feature-img img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 20px; display: block; box-shadow: 0 24px 60px -38px rgba(27, 64, 95, 0.55); }
@media (max-width: 800px) { .vn-media { grid-template-columns: 1fr; gap: 26px; } }

.vn-media p, .vn-media .vn-lead { font-size: clamp(16px, 1.2vw, 18px); line-height: 1.6; color: var(--wp--preset--color--slate); }

.vn-blog { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(20px, 2.2vw, 28px); }
.vn-blog > li { margin: 0 !important; display: flex; flex-direction: column; background: #fff; border: 1px solid rgba(27, 64, 95, 0.08); border-radius: 20px; overflow: hidden; box-shadow: 0 16px 40px -32px rgba(27, 64, 95, 0.4); transition: transform 0.2s ease, box-shadow 0.2s ease; }
.vn-blog > li:hover { transform: translateY(-5px); box-shadow: 0 26px 54px -28px rgba(27, 64, 95, 0.45); }
.vn-blog .wp-block-post-featured-image { margin: 0; overflow: hidden; background: var(--wp--preset--color--turquoise); }
.vn-blog .wp-block-post-featured-image img { width: 100%; height: auto; object-fit: cover; display: block; aspect-ratio: 16 / 10; transition: transform 0.45s ease; }
.vn-blog > li:hover .wp-block-post-featured-image img { transform: scale(1.05); }
.vlocka-post-card__body { padding: clamp(18px, 1.7vw, 26px); display: flex; flex-direction: column; gap: 10px; flex: 1; }
.vlocka-post-card__meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.vn-blog .wp-block-post-terms { font-size: 0; margin: 0; }
.vn-blog .wp-block-post-terms a { display: inline-block; font: 700 11.5px/1 var(--wp--preset--font-family--body); letter-spacing: 0.07em; text-transform: uppercase; color: var(--wp--preset--color--azur); background: var(--wp--preset--color--turquoise); padding: 6px 12px; border-radius: 999px; text-decoration: none; }
.vn-blog .wp-block-post-terms a:hover { background: var(--wp--preset--color--primary); color: var(--wp--preset--color--ink); }
.vlocka-post-card__meta .wp-block-post-date { font: 600 13px/1 var(--wp--preset--font-family--body); color: var(--wp--preset--color--slate-muted); margin: 0 0 0 auto; }
.vn-blog .wp-block-post-title { margin: 4px 0 0; font: 700 clamp(19px, 1.6vw, 23px)/1.22 var(--wp--preset--font-family--heading); letter-spacing: -0.01em; }
.vn-blog .wp-block-post-title a { color: var(--wp--preset--color--azur); text-decoration: none; }
.vn-blog .wp-block-post-title a:hover { color: var(--wp--preset--color--teal-ink); }
.vn-blog .wp-block-post-excerpt { margin: 0; display: flex; flex-direction: column; flex: 1; }
.vn-blog .wp-block-post-excerpt p:not(.wp-block-post-excerpt__more-text), .vn-blog .wp-block-post-excerpt__excerpt { font-size: 15px; line-height: 1.6; color: var(--wp--preset--color--slate); margin: 0 0 16px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.vn-blog p.wp-block-post-excerpt__more-text { margin: 14px 0 0; padding-top: 14px; border-top: 1px solid rgba(27, 64, 95, 0.09); margin-top: auto; }
.vn-blog .wp-block-post-excerpt__more-link { display: inline-flex; align-items: center; gap: 8px; font: 700 14px/1 var(--wp--preset--font-family--body); color: var(--wp--preset--color--teal-ink); text-decoration: none; }
.vn-blog .wp-block-post-excerpt__more-link::after { content: "→"; font-size: 16px; line-height: 1; transition: transform 0.18s ease; }
.vn-blog .wp-block-post-excerpt__more-link:hover { color: var(--wp--preset--color--primary); }
.vn-blog .wp-block-post-excerpt__more-link:hover::after { transform: translateX(4px); }
@media (prefers-reduced-motion: reduce) { .vn-blog .wp-block-post-excerpt__more-link::after { transition: none; } }
.vn-blog--3 { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 900px) { .vn-blog, .vn-blog--3 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .vn-blog, .vn-blog--3 { grid-template-columns: 1fr; } }

.is-style-eyebrow { font-family: var(--wp--preset--font-family--body); font-weight: 700; font-size: 14px; letter-spacing: 0.12em; text-transform: uppercase; line-height: 1.3; color: var(--wp--preset--color--teal-ink); }
.is-style-lead { font-size: clamp(18px, 1.6vw, 22px); line-height: 1.55; color: var(--wp--preset--color--slate); }
.is-style-display { font-family: var(--wp--preset--font-family--heading); font-weight: 700; font-size: clamp(38px, 6vw, 64px); line-height: 1; letter-spacing: -0.02em; }
.vn-band-primary .is-style-eyebrow, .vn-dark .is-style-eyebrow { color: var(--wp--preset--color--turquoise); }
.vn-band-primary .is-style-lead, .vn-dark .is-style-lead { color: rgba(255, 255, 255, 0.92); }

.wp-block-post-content { font-size: clamp(16px, 1.05vw, 18px); line-height: 1.75; color: var(--wp--preset--color--ink); }
.wp-block-post-content h2:not([class*="vn-"]) { font-family: var(--wp--preset--font-family--heading); font-weight: 700; font-size: clamp(24px, 2.8vw, 32px); line-height: 1.18; letter-spacing: -0.01em; color: var(--wp--preset--color--azur); margin-top: 1.5em; }
.wp-block-post-content h3:not([class*="vn-"]) { font-family: var(--wp--preset--font-family--heading); font-weight: 700; font-size: clamp(20px, 2.2vw, 24px); line-height: 1.2; color: var(--wp--preset--color--azur); margin-top: 1.1em; }
.wp-block-post-content :where(p, li) a { color: var(--wp--preset--color--teal-ink); text-decoration: underline; text-underline-offset: 2px; }
.wp-block-post-content :where(p, li) a:hover { color: var(--wp--preset--color--primary); }
.wp-block-post-content ul:not([class*="vn-"]), .wp-block-post-content ol:not([class*="vn-"]) { padding-left: 1.4em; }
.wp-block-post-content li { margin-bottom: 0.45em; }
.wp-block-post-content blockquote { padding: 6px 0 6px 26px; border-left: 4px solid var(--wp--preset--color--primary); font-size: 1.2em; line-height: 1.5; font-style: italic; color: var(--wp--preset--color--azur); }
.wp-block-post-content blockquote cite, .wp-block-post-content blockquote .wp-block-quote__citation { display: block; margin-top: 10px; font-size: 0.72em; font-style: normal; color: var(--wp--preset--color--slate); }
.single-post .wp-block-post-content h2:not([class*="vn-"]) + * { margin-block-start: 0.75rem; }
.wp-block-post-content .wp-block-quote { margin-block: 2.25rem; padding: clamp(20px, 3vw, 28px) clamp(20px, 3.4vw, 34px); background: var(--wp--preset--color--base); border-left: 5px solid var(--wp--preset--color--primary); border-radius: 0 18px 18px 0; box-shadow: 0 14px 34px -22px rgba(27, 64, 95, 0.4); font-size: 1.125em; line-height: 1.6; font-style: normal; color: var(--wp--preset--color--azur); }
.wp-block-post-content .wp-block-quote > p { margin: 0; }
.wp-block-post-content .wp-block-quote > p + p { margin-top: 0.8em; }
.is-style-highlight { position: relative; isolation: isolate; overflow: hidden; font-family: var(--wp--preset--font-family--heading); font-weight: 700; font-size: clamp(21px, 2.3vw, 27px); line-height: 1.3; letter-spacing: -0.01em; color: var(--wp--preset--color--azur); background: var(--wp--preset--color--turquoise); border-radius: 22px; padding: clamp(24px, 3.4vw, 36px) clamp(22px, 3.8vw, 42px); }
.is-style-highlight::after { content: ""; position: absolute; z-index: -1; width: 220px; height: 236px; right: -62px; top: 50%; transform: translateY(-50%) rotate(14deg); background: rgba(255, 255, 255, 0.72); -webkit-mask: url(../img/icon-snowflake.svg) center / contain no-repeat; mask: url(../img/icon-snowflake.svg) center / contain no-repeat; pointer-events: none; }
.wp-block-post-content .is-style-highlight { margin-block: 2.25rem; }
.wp-block-post-content :is(.wp-block-quote, .is-style-highlight):first-child { margin-block-start: 0; }
.wp-block-post-content img { border-radius: 14px; }
.wp-block-post-content figcaption { font-size: 14px; color: var(--wp--preset--color--slate-muted); text-align: center; margin-top: 8px; }
@media (max-width: 781px) {
	.wp-block-post-content :is(p, h1, h2, h3, h4, h5, h6):not(.has-background):is([style*="margin-left"], [style*="margin-right"], [style*="padding-left"], [style*="padding-right"]) { margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; max-width: 640px; }
}

.vlocka-page-header--center { text-align: center; }

.vn-btn, a.vn-btn, .wp-block-button__link, .wp-element-button, .wpcf7-submit { text-decoration: none !important; }
.vn-btn, .wp-block-button > .wp-block-button__link, .wpcf7-submit { transition: transform 0.18s ease, filter 0.18s ease, background-color 0.18s ease, border-color 0.18s ease; }
.vn-btn:hover, .wp-block-button > .wp-block-button__link:hover, .wpcf7-submit:hover { transform: translateY(-2px) scale(1.02); filter: brightness(1.05); }
.vn-btn:active, .wp-block-button > .wp-block-button__link:active, .wpcf7-submit:active { transform: translateY(0) scale(0.99); }
@media (prefers-reduced-motion: reduce) {
	.vn-btn:hover, .wp-block-button > .wp-block-button__link:hover, .wpcf7-submit:hover { transform: none; }
}

.wp-block-post-template .wp-block-post-title a { color: var(--wp--preset--color--azur); text-decoration: none; }
.wp-block-post-template .wp-block-post-title a:hover { color: var(--wp--preset--color--teal-ink); }
.wp-block-post-template .wp-block-post-date, .wp-block-post-template .wp-block-post-date a { color: var(--wp--preset--color--slate-muted) !important; text-decoration: none !important; }

.vn-dark .vn-h2, .vn-dark .vn-h2--light { color: var(--wp--preset--color--cream); }
.vn-section .vn-eyebrow, .vn-section .vn-eyebrow--light { margin: 0; }
.vn-section .vn-h2 { margin-top: 10px; }
.vn-section .vn-lead { margin-top: 12px; }

.vn-topbar { position: relative; z-index: 2; background: var(--wp--preset--color--azur); color: #fff; }
.vn-topbar__inner { max-width: 1300px; margin: 0 auto; padding: 8px 24px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 3px 16px; font: 600 13px/1.4 var(--wp--preset--font-family--body); }
.vn-topbar__item { white-space: nowrap; }
.vn-topbar__label { color: var(--wp--preset--color--turquoise); text-transform: uppercase; letter-spacing: 0.06em; font-weight: 700; font-size: 11.5px; margin-right: 5px; }
.vn-topbar__sep { color: rgba(255, 255, 255, 0.4); }
@media (max-width: 600px) {
	.vn-topbar__inner { justify-content: center; text-align: center; font-size: 12px; gap: 2px 14px; padding: 7px 16px; }
	.vn-topbar__label { font-size: 11px; }
	.vn-topbar__sep { display: none; }
}
@media (max-width: 359px) {
	.vn-topbar__inner { font-size: 11px; padding-left: 10px; padding-right: 10px; }
	.vn-topbar__label { font-size: 10px; letter-spacing: 0.03em; margin-right: 4px; }
}

.vn-mapdate {
	position: relative;
	max-width: 560px;
	margin-inline: auto;
}
.vn-mapdate__map {
	color: #a9e2ee;
	pointer-events: none;
}
.vn-mapdate__map svg { width: 100%; height: auto; display: block; filter: drop-shadow(0 18px 30px rgba(8, 26, 42, 0.25)); }
.vn-mapdate__badge {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: max-content;
	max-width: 90%;
	text-align: center;
	padding: 16px 40px;
	border-radius: 18px;
	background: var(--wp--preset--color--azur);
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow: 0 26px 55px -22px rgba(8, 26, 42, 0.7);
}
.vn-mapdate__label { display: block; font: 700 12px/1 var(--wp--preset--font-family--body); letter-spacing: 0.16em; text-transform: uppercase; color: var(--wp--preset--color--turquoise); }
.vn-mapdate__big { display: block; margin-top: 7px; font: 700 clamp(26px, 2.4vw, 32px)/1 var(--wp--preset--font-family--heading); letter-spacing: -0.01em; color: #fff; white-space: nowrap; }
@media (max-width: 800px) {
	.vn-mapdate { max-width: 420px; }
}

.vn-link { transition: color 0.15s ease; }
.vn-link:hover { color: var(--wp--preset--color--primary); }
.vn-acc__sum { transition: background 0.18s ease; }
.vn-acc__sum:hover { background: rgba(28, 192, 210, 0.07); }
.vn-acc__sum::after { transition: transform 0.25s ease, border-color 0.18s ease; }
.vn-acc__sum:hover::after { border-color: var(--wp--preset--color--primary); }
.vn-faq { max-width: 780px; margin-inline: auto; }
.vn-faq .wp-block-details { border-bottom: 1px solid rgba(27, 64, 95, 0.1); margin: 0; }
.vn-faq .wp-block-details summary { position: relative; list-style: none; cursor: pointer; padding: 22px 42px 22px 0; font: 700 clamp(17px, 1.5vw, 20px)/1.35 var(--wp--preset--font-family--heading); color: var(--wp--preset--color--azur); text-wrap: balance; transition: color 0.18s ease; }
.vn-faq .wp-block-details summary::-webkit-details-marker { display: none; }
.vn-faq .wp-block-details summary:hover { color: var(--wp--preset--color--teal-ink); }
.vn-faq .wp-block-details summary::after { content: ""; position: absolute; right: 8px; top: 30px; width: 9px; height: 9px; border-right: 2.5px solid var(--wp--preset--color--teal-ink); border-bottom: 2.5px solid var(--wp--preset--color--teal-ink); transform: rotate(45deg); transition: transform 0.25s ease; }
.vn-faq .wp-block-details[open] summary::after { transform: rotate(-135deg); }
.vn-faq .wp-block-details > *:not(summary) { margin: 2px 0 22px; }
.vn-faq .wp-block-details p { font-size: 16px; line-height: 1.65; color: var(--wp--preset--color--slate); max-width: 66ch; margin: 0; }
@media (prefers-reduced-motion: reduce) { .vn-faq .wp-block-details summary::after { transition: none; } }
.vn-faq-note { max-width: 780px; margin: 30px auto 0; padding: 18px 22px; background: var(--wp--preset--color--turquoise); border-radius: 16px; font-size: 15px; line-height: 1.65; color: var(--wp--preset--color--azur); }
.vn-section:has(.vn-faq) .vn-head-narrow { text-align: center; margin-inline: auto; }

.vn-newsletter .mc4wp-form { display: block; width: 100%; }
.vn-newsletter .mc4wp-form p { margin: 0; }
.vn-newsletter .vn-nl-row { display: flex; gap: 10px; flex-wrap: wrap; }
.vn-newsletter .mc4wp-form input[type="email"] { flex: 1; min-width: 180px; font: 400 16px/1 var(--wp--preset--font-family--body); color: var(--wp--preset--color--azur); background: var(--wp--preset--color--cream); border: none; border-radius: 999px; padding: 16px 22px; }
.vn-newsletter .mc4wp-form input[type="submit"] { font: 700 16px/1 var(--wp--preset--font-family--body); color: var(--wp--preset--color--azur); background: var(--wp--preset--color--primary); border: none; border-radius: 999px; padding: 16px 30px; cursor: pointer; transition: filter 0.18s ease, transform 0.18s ease; }
.vn-newsletter .mc4wp-form input[type="submit"]:hover { filter: brightness(1.06); transform: translateY(-2px); }
.vn-newsletter .vn-nl-consent { display: flex; align-items: flex-start; gap: 10px; margin-top: 14px; font: 400 13px/1.5 var(--wp--preset--font-family--body); color: color-mix(in srgb, var(--wp--preset--color--cream) 78%, transparent); }
.vn-newsletter .vn-nl-consent input { margin-top: 2px; accent-color: var(--wp--preset--color--primary); width: 17px; height: 17px; flex: none; }
.vn-newsletter .mc4wp-response { margin-top: 12px; font: 600 15px/1.5 var(--wp--preset--font-family--body); color: var(--wp--preset--color--cream); }
@media (prefers-reduced-motion: reduce) { .vn-newsletter .mc4wp-form input[type="submit"] { transition: none; } }

@media (max-width: 781px) {
	.vn-dark:not(.vn-hero)::before,
	.vn-band-primary::before,
	[class*="vn-flake-"] .vn-dark:not(.vn-hero)::before,
	[class*="vn-flake-"] .vn-band-primary::before {
		width: 440px; height: 471px; right: -150px; top: -130px;
		transform: rotate(18deg);
	}
	.vn-dark:not(.vn-hero)::before,
	[class*="vn-flake-"] .vn-dark:not(.vn-hero)::before { background: rgba(197, 252, 255, 0.08); }
	.vn-band-primary::before,
	[class*="vn-flake-"] .vn-band-primary::before { background: rgba(255, 255, 255, 0.08); }
	.vn-cta::before { width: 400px; height: 429px; left: -150px; bottom: -130px; background: rgba(255, 255, 255, 0.10); }
}

.vn-skupiny { list-style: none; margin: var(--vn-head-gap, 34px) 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.vn-skupiny--2 { grid-template-columns: repeat(2, 1fr); }
.vn-skupiny--4 { grid-template-columns: repeat(4, 1fr); }
.vn-skupina { margin: 0; background: #fff; border: 1px solid rgba(27, 64, 95, 0.08); border-radius: 24px; overflow: hidden; box-shadow: 0 18px 44px -32px rgba(27, 64, 95, 0.4); display: flex; flex-direction: column; }
.vn-skupina__img { position: relative; aspect-ratio: 16 / 10; overflow: hidden; }
.vn-skupina__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.vn-skupina__body { padding: 0 var(--vn-card-pad, 30px) var(--vn-card-pad, 30px); }
.vn-skupina__badge { width: 58px; height: 58px; border-radius: 50%; background: var(--wp--preset--color--turquoise); border: 4px solid #fff; color: var(--wp--preset--color--azur); display: grid; place-items: center; margin-top: -29px; position: relative; box-shadow: 0 6px 14px -6px rgba(27, 64, 95, 0.35); }
.vn-skupina__badge svg { width: 28px; height: 28px; display: block; }
.vn-skupina__title { font: 700 22px/1.28 var(--wp--preset--font-family--heading); letter-spacing: -0.01em; color: var(--wp--custom--color--primary-large-text, #009CA8); margin: 14px 0 0; text-wrap: balance; }
.vn-skupina__title-light { color: var(--wp--preset--color--azur); }
.vn-skupina__text { font: 400 15px/1.62 var(--wp--preset--font-family--body); color: var(--wp--preset--color--slate); margin: 10px 0 0; }
@media (max-width: 980px) { .vn-skupiny, .vn-skupiny--4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .vn-skupiny, .vn-skupiny--2, .vn-skupiny--4 { grid-template-columns: 1fr; } }

@keyframes vnPing { from { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.45); } to { box-shadow: 0 0 0 16px rgba(255, 255, 255, 0); } }
.vn-marker.is-active::before { content: ""; position: absolute; inset: -3px; border-radius: 50%; animation: vnPing 2s ease-out infinite; }
@keyframes vnBob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(3px); } }
.vn-map-scrollcue__pill { animation: vnBob 2.4s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) { .vn-marker.is-active::before, .vn-map-scrollcue__pill { animation: none; } }

.vn-timeline { display: flex; align-items: flex-start; gap: 14px; margin: var(--vn-head-gap, 34px) auto var(--vn-head-gap, 34px); max-width: 880px; }
.vn-timeline__stop { flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.vn-timeline__dot { width: 14px; height: 14px; border-radius: 50%; background: var(--wp--preset--color--primary); box-shadow: 0 0 0 5px rgba(28, 192, 210, 0.18); }
.vn-timeline__stop--big { margin-top: -3px; }
.vn-timeline__stop--big .vn-timeline__dot { width: 20px; height: 20px; background: var(--wp--preset--color--orange); box-shadow: 0 0 0 7px rgba(255, 127, 80, 0.2); }
.vn-timeline__lbl { font: 700 13px/1.35 var(--wp--preset--font-family--body); color: var(--wp--preset--color--slate); text-align: center; white-space: nowrap; }
.vn-timeline__lbl b { display: block; font: 700 16px/1.2 var(--wp--preset--font-family--heading); color: var(--wp--preset--color--azur); }
.vn-timeline__stop--big .vn-timeline__lbl b { color: var(--wp--preset--color--azur); font-size: 19px; }
.vn-timeline__seg { flex: 1; border-top: 3px dashed rgba(27, 64, 95, 0.18); margin-top: 6px; }
@media (max-width: 640px) {
	.vn-timeline { flex-direction: column; align-items: center; gap: 10px; }
	.vn-timeline__seg { flex: none; border-top: 0; border-left: 3px dashed rgba(27, 64, 95, 0.18); height: 26px; margin: 0; }
	.vn-timeline__lbl { white-space: normal; }
}

.vn-phases { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; }
.vn-phases > .vn-phase { margin-block: 0 !important; }
@media (max-width: 900px) { .vn-phases { grid-template-columns: 1fr; } }
.vn-phase { border-radius: 24px; padding: var(--vn-card-pad, 30px); position: relative; overflow: hidden; }
.vn-phase--light { background: #fff; border: 1px solid rgba(27, 64, 95, 0.1); box-shadow: 0 18px 44px -32px rgba(27, 64, 95, 0.4); }
.vn-phase--dark { background: var(--wp--preset--color--azur-deep); color: #fff; }
.vn-phase--dark::before { content: ""; position: absolute; pointer-events: none; width: 420px; height: 450px; right: -140px; top: -120px; background: rgba(197, 252, 255, 0.09); -webkit-mask: url(../img/icon-snowflake.svg) no-repeat center / contain; mask: url(../img/icon-snowflake.svg) no-repeat center / contain; }
.vn-phase__tag { display: inline-flex; font: 700 12px/1 var(--wp--preset--font-family--body); letter-spacing: 0.1em; text-transform: uppercase; padding: 8px 14px; border-radius: 999px; margin: 0; }
.vn-phase--light .vn-phase__tag { background: var(--wp--preset--color--turquoise); color: var(--wp--preset--color--azur); }
.vn-phase--dark .vn-phase__tag { background: var(--wp--preset--color--orange); color: var(--wp--preset--color--ink); }
.vn-phase h3, .wp-block-post-content .vn-phase h3 { font: 700 26px/1.15 var(--wp--preset--font-family--heading); letter-spacing: -0.01em; margin: 16px 0 4px; color: var(--wp--preset--color--azur); }
.vn-phase--dark h3, .wp-block-post-content .vn-phase--dark h3 { color: #fff; }
.vn-phase__sub { font: 400 15px/1.6 var(--wp--preset--font-family--body); color: var(--wp--preset--color--slate); margin: 0 0 14px; }
.vn-phase--dark .vn-phase__sub { color: rgba(254, 250, 241, 0.8); }
.vn-phase__icon { position: absolute; top: 26px; right: 26px; width: 54px; height: 54px; border-radius: 16px; background: var(--wp--preset--color--turquoise); }
.vn-phase--dark .vn-phase__icon { background: rgba(197, 252, 255, 0.14); }
.vn-phase__icon::after { content: ""; position: absolute; inset: 0; background: var(--wp--preset--color--azur); -webkit-mask: var(--vn-ic) no-repeat center / 28px; mask: var(--vn-ic) no-repeat center / 28px; }
.vn-phase--dark .vn-phase__icon::after { background: var(--wp--preset--color--turquoise); }
.vn-phase__icon--megafon { --vn-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10v4l11 5V5L3 10z'/%3E%3Cpath d='M14 7.5c2.6 1 2.6 8 0 9'/%3E%3Cpath d='M6 14.5V19a1.5 1.5 0 0 0 3 0v-3'/%3E%3C/svg%3E"); }
.vn-phase__icon--kalendar { --vn-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='16' rx='2.5'/%3E%3Cpath d='M3.5 9.5h17M8 2.8V6M16 2.8V6'/%3E%3Cpath d='m12 12.2 1 2 2.2.3-1.6 1.6.4 2.2-2-1-2 1 .4-2.2-1.6-1.6 2.2-.3 1-2z'/%3E%3C/svg%3E"); }

ul.vn-chk { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 11px; position: relative; z-index: 1; }
ul.vn-chk li { position: relative; margin: 0; padding-left: 38px; font: 600 15.5px/1.5 var(--wp--preset--font-family--body); color: var(--wp--preset--color--azur); }
.vn-phase--dark ul.vn-chk li { color: #fff; }
ul.vn-chk li::before { content: ""; position: absolute; left: 0; top: -1px; width: 26px; height: 26px; border-radius: 50%; background: rgba(28, 192, 210, 0.14); }
.vn-phase--dark ul.vn-chk li::before { background: rgba(197, 252, 255, 0.16); }
ul.vn-chk li::after { content: ""; position: absolute; left: 0; top: -1px; width: 26px; height: 26px; background: var(--wp--preset--color--primary); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 7'/%3E%3C/svg%3E") no-repeat center / 14px; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 7'/%3E%3C/svg%3E") no-repeat center / 14px; }
.vn-phase--dark ul.vn-chk li::after { background: var(--wp--preset--color--turquoise); }

.vn-places { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; margin-top: var(--vn-head-gap, 34px); }
.vn-places > * { margin-block: 0 !important; }
@media (max-width: 900px) { .vn-places { grid-template-columns: 1fr; } }
.vn-chip-label { display: inline-flex; font: 700 12px/1 var(--wp--preset--font-family--body); letter-spacing: 0.1em; text-transform: uppercase; color: var(--wp--preset--color--azur); background: var(--wp--preset--color--turquoise); padding: 8px 14px; border-radius: 999px; margin: 0 0 14px; }
.vn-tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width: 460px) { .vn-tiles { grid-template-columns: 1fr; } }
.vn-tile { background: #fff; border: 1px solid rgba(27, 64, 95, 0.1); border-radius: 18px; padding: 18px; display: flex; align-items: center; gap: 14px; box-shadow: 0 14px 34px -30px rgba(27, 64, 95, 0.4); }
.vn-tile b { font: 700 16px/1.3 var(--wp--preset--font-family--heading); letter-spacing: -0.005em; color: var(--wp--preset--color--azur); }
.vn-tile__ic { position: relative; flex: 0 0 46px; width: 46px; height: 46px; border-radius: 50%; background: var(--wp--preset--color--turquoise); }
.vn-tile__ic::after { content: ""; position: absolute; inset: 0; background: var(--wp--preset--color--azur); -webkit-mask: var(--vn-ic) no-repeat center / 23px; mask: var(--vn-ic) no-repeat center / 23px; }
.vn-tile__ic--chodec { --vn-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='5' r='2'/%3E%3Cpath d='M12 7.5v4.5M12 12l-3 8M12 12l3 8M8.5 9.5 12 8.8l3.5.7'/%3E%3C/svg%3E"); }
.vn-tile__ic--namestie { --vn-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h16M6 20V9h12v11M9 9V5.5L12 4l3 1.5V9'/%3E%3Cpath d='M9.5 13h2v3h-2zM12.5 13h2v3h-2z'/%3E%3C/svg%3E"); }
.vn-tile__ic--ulica { --vn-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 20 10 4M17 20 14 4M4 20h16'/%3E%3Cpath d='M12 8v1.5M12 13v1.5M12 18v1.5'/%3E%3C/svg%3E"); }
.vn-tile__ic--trh { --vn-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10 6 5h12l2 5'/%3E%3Cpath d='M4 10c0 1.2 1 2.2 2.2 2.2S8.5 11.2 8.5 10c0 1.2 1 2.2 2.3 2.2s2.2-1 2.2-2.2c0 1.2 1 2.2 2.3 2.2s2.2-1 2.2-2.2'/%3E%3Cpath d='M5.5 12v8h13v-8M9.5 20v-5h5v5'/%3E%3C/svg%3E"); }
.vn-tile__ic--taska { --vn-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8h12l1.5 12h-15L6 8z'/%3E%3Cpath d='M9 10.5V6a3 3 0 0 1 6 0v4.5'/%3E%3C/svg%3E"); }
.vn-tile__ic--kosik { --vn-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='19.5' r='1.5'/%3E%3Ccircle cx='17' cy='19.5' r='1.5'/%3E%3Cpath d='M3 4h2.5l2.3 11.5h10.4L20.5 8H6'/%3E%3C/svg%3E"); }
.vn-tile__ic--vlak { --vn-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5.5' y='3.5' width='13' height='13' rx='3'/%3E%3Cpath d='M5.5 11h13M9.5 16.5 7.5 20M14.5 16.5l2 3.5M9 13.8h.01M15 13.8h.01'/%3E%3C/svg%3E"); }
.vn-tile__ic--lietadlo { --vn-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.5 21h3l-1-6.5 6-3.5c1-.6 1.5-1.4 1.2-2.3-.4-.9-1.4-1.1-2.4-.7l-6.3 2.5-6.5-4-2 1.2 5 4.6-3.6 1.7-2.4-1-1.5.9 3.2 2.6 7.3 4.5z'/%3E%3C/svg%3E"); }

.vn-dark.vn-map-section .vn-lead, .vn-map-section .vn-lead { max-width: 76ch; }

.vn-section:has(> .vn-timeline) > .vn-eyebrow, .vn-section:has(> .vn-places) > .vn-eyebrow { display: block; text-align: center; }
.vn-section:has(> .vn-timeline) > .vn-h2, .vn-section:has(> .vn-places) > .vn-h2 { text-align: center; margin-inline: auto; }
.vn-section:has(> .vn-timeline) > .vn-lead, .vn-section:has(> .vn-places) > .vn-lead { text-align: center; margin-inline: auto; }

.vn-cdwrap .vn-cd[hidden], .vn-cdwrap .vn-cdone[hidden] { display: none !important; }
.vn-cd__title { font: 700 clamp(30px, 3.4vw, 44px)/1.08 var(--wp--preset--font-family--heading); letter-spacing: -0.01em; color: #fff; margin: 12px 0 0; }
.vn-cd__pills { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
.vn-cd__pill { display: inline-flex; flex-direction: column; align-items: center; gap: 5px; min-width: 86px; background: rgba(197, 252, 255, 0.12); border: 1px solid rgba(197, 252, 255, 0.25); border-radius: 16px; padding: 12px 18px; }
.vn-cd__pill b { font: 700 28px/1 var(--wp--preset--font-family--heading); color: #fff; }
.vn-cd__pill span { font: 600 11px/1 var(--wp--preset--font-family--body); letter-spacing: 0.1em; text-transform: uppercase; color: rgba(197, 252, 255, 0.7); }
.vn-cd__sub { font: 400 15.5px/1.6 var(--wp--preset--font-family--body); color: rgba(254, 250, 241, 0.78); margin: 16px 0 0; max-width: 56ch; }
.vn-cd__top { display: flex; justify-content: space-between; align-items: flex-start; gap: 30px; flex-wrap: wrap; }
.vn-cd__main { min-width: 0; }
.vn-cd .vn-counter__goalbox { flex: 0 0 auto; }
.vn-counter__updated { font: 400 13px/1.5 var(--wp--preset--font-family--body); color: rgba(254, 250, 241, 0.55); margin: 10px 0 0; }
@media (max-width: 640px) {
	.vn-cd__main { flex: 1 1 100%; }
	.vn-cd__pills { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
	.vn-cd__pill { min-width: 0; padding: 12px 4px; border-radius: 14px; }
	.vn-cd__pill b { font-size: 26px; }
	.vn-cd__pill span { font-size: 10px; letter-spacing: 0.05em; }
}

.vn-koord { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: clamp(26px, 3vw, 40px); align-items: center; margin-top: var(--vn-head-gap, 34px); }
.vn-koord > * { margin-block: 0 !important; }
@media (max-width: 880px) { .vn-koord { grid-template-columns: 1fr; } }
.vn-statcard { background: var(--wp--preset--color--azur-deep); border-radius: 20px; padding: var(--vn-card-pad, 30px); display: flex; flex-direction: column; gap: 18px; }
.vn-stat { display: flex; align-items: baseline; gap: 14px; margin: 0; }
.vn-stat strong { font: 700 34px/1 var(--wp--preset--font-family--heading); color: var(--wp--preset--color--primary); min-width: 82px; text-align: right; flex: 0 0 auto; }
.vn-stat span, .vn-stat { font: 600 14px/1.4 var(--wp--preset--font-family--body); color: rgba(254, 250, 241, 0.88); }

.vn-section:has(.vn-skupiny) div:has(> .vn-h2) { margin-inline: auto; text-align: center; }
.vn-section:has(.vn-skupiny) .vn-eyebrow { display: block; text-align: center; }
.vn-section:has(.vn-skupiny) .vn-h2 { text-align: center; margin-inline: auto; }
.vn-section:has(.vn-skupiny) .vn-lead { text-align: center; margin-inline: auto; }

.vn-center { max-width: 58ch !important; margin-inline: auto !important; text-align: center; }
.vn-center--narrow { max-width: 46ch !important; }
.vn-center--wide { max-width: 76ch !important; }

.vn-grid .vn-step > p + p { margin-top: 12px; }
.vn-grid .vn-step > p + ul.vn-chk { margin-top: 14px; }
.vn-grid .vn-step > ul.vn-chk + p { margin-top: 14px; }

.vn-map-section {
	--t-rk-ba: #1CC0D2; --t-rk-tt: #FFC9B3; --t-rk-nr: #5DCAA5; --t-rk-za: #FF9F7A;
	--t-rk-bb: #8DE3EC; --t-rk-sp: #B4E8D2; --t-rk-rv: #F3DDB3; --t-rk-ke: #FF7F50;
	--t-gk-ba: #7FD6E2; --t-gk-po: #FF9F7A; --t-gk-ke: #F3DDB3;
}
.vn-map-tabs { display: flex; flex-wrap: wrap; gap: 9px; margin-top: var(--vn-head-gap, 34px); }
.vn-map-tab { font: 600 15px/1 var(--wp--preset--font-family--body); cursor: pointer; padding: 13px 22px; border-radius: 999px; border: 1px solid rgba(197, 252, 255, 0.3); background: transparent; color: var(--wp--preset--color--turquoise); transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease; }
.vn-map-tab:hover { border-color: rgba(197, 252, 255, 0.65); }
.vn-map-tab.is-active { background: var(--wp--preset--color--primary); color: var(--wp--preset--color--ink); border-color: transparent; }
.vn-map-tab:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }
@media (min-width: 1000px) { .vn-map-grid { grid-template-columns: minmax(0, 1.55fr) minmax(320px, 1fr); align-items: center; } }
.vn-map-svg { overflow: visible; }
.vn-map-layer { display: none; }
.vn-map-layer.is-active { display: inline; }
.vn-terr { cursor: pointer; transition: opacity 0.2s ease, filter 0.2s ease; }
.vn-terr--rk-ba { fill: var(--t-rk-ba); } .vn-terr--rk-tt { fill: var(--t-rk-tt); } .vn-terr--rk-nr { fill: var(--t-rk-nr); } .vn-terr--rk-za { fill: var(--t-rk-za); }
.vn-terr--rk-bb { fill: var(--t-rk-bb); } .vn-terr--rk-sp { fill: var(--t-rk-sp); } .vn-terr--rk-rv { fill: var(--t-rk-rv); } .vn-terr--rk-ke { fill: var(--t-rk-ke); }
.vn-terr--gk-ba { fill: var(--t-gk-ba); } .vn-terr--gk-po { fill: var(--t-gk-po); } .vn-terr--gk-ke { fill: var(--t-gk-ke); }
.vn-map-layer.has-active .vn-terr:not(.is-active) { opacity: 0.8; }
.vn-terr:hover { opacity: 1 !important; filter: brightness(1.07) saturate(1.08); stroke: rgba(255, 255, 255, 0.9); stroke-width: 2.5; stroke-linejoin: round; }
.vn-terr.is-active { stroke: #fff; stroke-width: 3; stroke-linejoin: round; }
.vn-terr-label { font: 700 21px/1 var(--wp--preset--font-family--heading); fill: var(--wp--preset--color--azur-deep); text-anchor: middle; dominant-baseline: central; pointer-events: none; }
@media (max-width: 700px) { .vn-terr-label { display: none; } }
.vn-map-section .vn-marker { width: 24px; height: 24px; background: #fff; border: 3.5px solid var(--wp--preset--color--azur-deep); box-shadow: 0 2px 6px rgba(8, 26, 42, 0.35); }
.vn-map-section .vn-marker.is-active { background: var(--wp--preset--color--azur-deep); border-color: #fff; box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.32); transform: translate(-50%, -50%) scale(1.25); }
.vn-map-section .vn-marker--narodna { width: 30px; height: 30px; border: 3px solid #fff; background: var(--wp--preset--color--azur) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 3v18M4.2 7.5l15.6 9M4.2 16.5l15.6-9'/%3E%3C/svg%3E") center / 15px no-repeat; }
.vn-map-section .vn-marker--narodna.is-active { background-color: var(--wp--preset--color--azur-deep); }
.vn-map-section .vn-marker--narodna { translate: -6px -24px; }
.vn-map-donate { margin-top: auto; align-self: flex-start; }

.vn-chp-head { background: var(--wp--preset--color--cream); }
.vn-chp-head .vn-section { padding-bottom: clamp(18px, 2.6vw, 34px); }
.vn-chp-back { display: inline-flex; margin-bottom: 26px; font: 700 15px/1.2 var(--wp--preset--font-family--body); color: var(--wp--preset--color--teal-ink); text-decoration: none; }
.vn-chp-back:hover { text-decoration: underline; }
.vn-chp-head__grid { display: grid; grid-template-columns: minmax(0, 340px) minmax(0, 1fr); gap: clamp(24px, 4vw, 56px); align-items: center; }
.vn-chp-head__grid > :only-child { grid-column: 1 / -1; }
.vn-chp-logo { max-width: 300px; }
.vn-chp-logo img { display: block; width: 100%; height: auto; }
.vn-chp-title { margin: 10px 0 0; }
.vn-chp-head__text .vn-lead { margin-top: 14px; }
@media (max-width: 760px) { .vn-chp-head__grid { grid-template-columns: 1fr; } .vn-chp-logo { max-width: 260px; } }
.vn-chp-body { padding-top: clamp(16px, 2.4vw, 30px); }
.vn-chp-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 24px; align-items: start; }
@media (max-width: 860px) { .vn-chp-grid { grid-template-columns: 1fr; } }
.vn-chp-card { background: #fff; border: 1px solid rgba(27, 64, 95, 0.1); border-radius: 22px; padding: var(--vn-card-pad, 30px); box-shadow: 0 18px 44px -32px rgba(27, 64, 95, 0.4); }
.vn-chp-card__title { font: 700 clamp(22px, 2vw, 26px)/1.15 var(--wp--preset--font-family--heading); color: var(--wp--preset--color--azur); margin: 0 0 18px; }
.vn-chp-dl { margin: 0; display: grid; gap: 14px; }
.vn-chp-dl > div { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 12px; align-items: center; padding-bottom: 14px; border-bottom: 1px solid rgba(27, 64, 95, 0.08); }
.vn-chp-dl > div:last-child { border-bottom: 0; padding-bottom: 0; }
.vn-chp-dl dt { font: 700 12px/1.3 var(--wp--preset--font-family--body); letter-spacing: 0.06em; text-transform: uppercase; color: var(--wp--preset--color--slate); }
.vn-chp-dl dd { margin: 0; display: flex; align-items: center; flex-wrap: nowrap; gap: 4px; font: 600 16px/1.4 var(--wp--preset--font-family--body); color: var(--wp--preset--color--azur); }
.vn-chp-mono { font: 700 17px/1.3 ui-monospace, "SFMono-Regular", Menlo, monospace; letter-spacing: 0.02em; word-break: break-word; }
@media (max-width: 480px) { .vn-chp-dl > div { grid-template-columns: 1fr; gap: 4px; } }
.vn-chp-qr { margin: 22px 0 0; padding-top: 18px; border-top: 1px solid rgba(27, 64, 95, 0.08); display: flex; align-items: center; gap: 18px; }
.vn-chp-qr img { width: 150px; height: auto; border-radius: 10px; flex: 0 0 auto; }
.vn-chp-qr figcaption { font-size: 14px; line-height: 1.5; color: var(--wp--preset--color--slate); }
.vn-chp-soon { font-size: 16px; line-height: 1.6; color: var(--wp--preset--color--slate); margin: 0 0 18px; }
.vn-chp-soon-pill { margin: 0 0 12px; }
.vn-chp-soon-pill .vn-acc__soon { margin-left: 0; font-size: 13px; padding: 7px 14px; }
.vn-chp-dl dd.vn-chp-pending { font: italic 600 15px/1.4 var(--wp--preset--font-family--body); color: var(--wp--preset--color--slate); }
.vn-chp-more { display: inline-flex; align-items: center; min-height: 44px; margin-top: 14px; font: 700 15px/1.2 var(--wp--preset--font-family--body); color: var(--wp--preset--color--teal-ink); text-decoration: none; }
.vn-chp-more:hover { text-decoration: underline; }
.vn-chp-about { margin-top: 30px; max-width: 72ch; }
.vn-chp-zar { margin-top: 30px; }
.vn-chp-zar .vn-svclist { background: #fff; border: 1px solid rgba(27, 64, 95, 0.1); border-radius: 18px; padding: 6px 24px; }

.vn-pay-acc { max-width: 780px; margin-inline: auto; }
.vn-pay-acc .vn-acc__sum .vn-method__chip { flex: 0 0 auto; width: 44px; height: 44px; margin: 0; }
.vn-pay-acc .vn-acc__sum .vn-method__chip::after { width: 22px; height: 22px; }
.vn-pay-acc .vn-acc__body { padding: 2px clamp(20px, 2.4vw, 28px) 24px calc(clamp(20px, 2.4vw, 28px) + 58px); }
@media (max-width: 600px) { .vn-pay-acc .vn-acc__body { padding-left: clamp(20px, 2.4vw, 28px); } }
.vn-pay-acc .vn-acc__body > p { font-size: 16px; line-height: 1.6; color: var(--wp--preset--color--slate); margin: 0 0 12px; }
.vn-pay-acc .vn-acc__body > .vn-pay__lead { font-size: 17px; color: var(--wp--preset--color--azur); }
.vn-pay__lead strong { font-weight: 800; color: var(--wp--preset--color--azur); white-space: nowrap; }
.vn-pay-acc .vn-pay__code { max-width: 480px; margin-top: 4px; }
.vn-pay-acc .vlocka-qr-img { display: block; width: 210px; height: auto; border-radius: 12px; }
.vn-pay-acc .vn-btn { margin-top: 4px; }

.vn-ftabs { scroll-margin-top: calc(var(--vlocka-header-h, 90px) + 20px); }
.vn-ftabs__list { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 22px; padding: 5px; background: var(--wp--preset--color--surface); border: 1px solid rgba(27, 64, 95, 0.08); border-radius: 24px; }
html:not(.vn-js) .vn-ftabs__list { display: none; }
.vn-ftabs__tab { flex: 1 1 auto; font: 700 14px/1.2 var(--wp--preset--font-family--body); color: var(--wp--preset--color--azur); background: transparent; border: 0; border-radius: 999px; padding: 12px 16px; cursor: pointer; transition: background 0.15s ease, color 0.15s ease; }
.vn-ftabs__tab:hover { background: rgba(28, 192, 210, 0.12); }
.vn-ftabs__tab.is-active { background: var(--wp--preset--color--azur); color: #fff; }
.vn-ftabs__tab:focus-visible { outline: 3px solid var(--wp--preset--color--azur); outline-offset: 2px; }
.vn-js .vn-ftabs__panel:not(.is-active), .vn-ftabs__panel[hidden] { display: none; }
.vn-ftabs__panel:focus-visible { outline: 3px solid var(--wp--preset--color--azur); outline-offset: 6px; border-radius: 12px; }
.vn-ftabs__h { font: 700 20px/1.2 var(--wp--preset--font-family--heading); color: var(--wp--preset--color--azur); margin: 26px 0 6px; }
.vn-js .vn-ftabs__h { display: none; }
.vn-ftabs__intro { font-size: 15px; line-height: 1.6; color: var(--wp--preset--color--slate); margin: 0 0 18px; }

.vn-popts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; max-width: 1000px; margin: var(--vn-head-gap, 34px) auto 0; }
@media (max-width: 760px) { .vn-popts { grid-template-columns: 1fr; } }
.vn-popts > * { margin-block: 0 !important; }
.vn-recognize__items > * { margin-block: 0 !important; }
.vn-popt { background: #fff; border: 1px solid rgba(27, 64, 95, 0.08); border-radius: 22px; padding: var(--vn-card-pad, 30px); box-shadow: 0 16px 40px -30px rgba(27, 64, 95, 0.35); display: flex; flex-direction: column; gap: 12px; }
.vn-popt > * { margin: 0 !important; }
.vn-popt .vn-icard__chip { margin-bottom: 6px !important; }
.vn-popt h3 { font: 700 22px/1.2 var(--wp--preset--font-family--heading); color: var(--wp--preset--color--azur); }
.vn-popt p { font-size: 16px; line-height: 1.6; color: var(--wp--preset--color--slate); }
.vn-popt .wp-block-buttons { margin-top: auto !important; padding-top: 8px; }
.vn-partner-logos.is-hidden { display: none !important; }
.vn-icard__chip.vn-chip--briefcase::after { -webkit-mask-image: url(../icons/briefcase.svg); mask-image: url(../icons/briefcase.svg); }
.vn-icard__chip.vn-chip--school::after { -webkit-mask-image: url(../icons/school.svg); mask-image: url(../icons/school.svg); }
.vn-icard__chip.vn-chip--handheart::after { -webkit-mask-image: url(../icons/handheart.svg); mask-image: url(../icons/handheart.svg); }
.vn-icard__chip.vn-chip--book::after { -webkit-mask-image: url(../icons/book.svg); mask-image: url(../icons/book.svg); }
.vn-icard--link { position: relative; transition: transform 0.18s ease, box-shadow 0.18s ease; }
.vn-icard--link:hover { transform: translateY(-3px); box-shadow: 0 22px 46px -28px rgba(27, 64, 95, 0.45); }
.vn-icard--link h3 a { color: inherit; text-decoration: none; }
.vn-icard--link h3 a::after { content: ""; position: absolute; inset: 0; border-radius: 22px; }
.vn-icard--link h3 a:focus-visible { outline: none; }
.vn-icard--link:focus-within { outline: 3px solid var(--wp--preset--color--azur); outline-offset: 3px; }
.vn-dark .vn-icard--link:focus-within { outline-color: var(--wp--preset--color--turquoise); }
.vn-icard .vn-icard__more { font: 700 14px/1.2 var(--wp--preset--font-family--body); color: var(--wp--preset--color--teal-ink); margin-top: 14px; }
@media (prefers-reduced-motion: reduce) { .vn-icard--link { transition: none; } .vn-icard--link:hover { transform: none; } }

.vn-recognize { max-width: 980px; margin: var(--vn-head-gap, 34px) auto 0; }
.vn-recognize > * { margin-block: 0; }
.vn-recognize__img { margin: 0 !important; }
.vn-recognize__img img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; object-position: center 30%; border-radius: 24px; }
.vn-recognize__items { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin-top: 26px !important; }
@media (max-width: 760px) { .vn-recognize__items { grid-template-columns: 1fr; } }
.vn-recognize__item { position: relative; padding-left: 40px; margin: 0 !important; }
.vn-recognize__item::before { content: ""; position: absolute; left: 0; top: 1px; width: 28px; height: 28px; border-radius: 50%; background: rgba(28, 192, 210, 0.16); }
.vn-recognize__item::after { content: ""; position: absolute; left: 0; top: 1px; width: 28px; height: 28px; background: var(--wp--preset--color--teal-ink); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 7'/%3E%3C/svg%3E") no-repeat center / 14px; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 7'/%3E%3C/svg%3E") no-repeat center / 14px; }
.vn-recognize__item h3 { font: 700 19px/1.25 var(--wp--preset--font-family--heading); color: var(--wp--preset--color--azur); margin: 0 0 6px; }
.vn-recognize__item p { font-size: 15px; line-height: 1.6; color: var(--wp--preset--color--slate); margin: 0; }

.vn-form__accept input[type="checkbox"] { width: 24px; height: 24px; margin: 0 10px 0 0; vertical-align: middle; accent-color: var(--wp--preset--color--azur); cursor: pointer; }

@media (max-width: 600px) {
	.vn-map-tabs { gap: 8px; }
	.vn-map-tab { padding: 11px 16px; font-size: 14px; }
	.vn-map-section .vn-marker { width: 16px; height: 16px; border-width: 2.5px; }
	.vn-map-section .vn-marker::after { inset: -5px; }
	.vn-map-section .vn-marker--narodna { width: 22px; height: 22px; border-width: 2.5px; background-size: 11px; }
	.vn-map-section .vn-marker.is-active { box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.32); }
	.vn-map-panel { min-height: 0; }
}

.vn-btn--donate:hover,
.vn-btn--donate:focus-visible,
.wp-block-button.is-style-donate > .wp-block-button__link:hover,
.wp-block-button.is-style-donate > .wp-block-button__link:focus-visible {
	background-color: var(--wp--custom--color--orange-action-hover, #E04A12);
	color: #fff;
	filter: none;
}

@keyframes vnUp { from { opacity: 0; translate: 0 26px; } }
@keyframes vnCard { from { opacity: 0; translate: 0 38px; scale: 0.97; } }
@keyframes vnZoom { from { opacity: 0; scale: 0.92; } }
@keyframes vnLeft { from { opacity: 0; translate: -46px 0; } }
@keyframes vnRight { from { opacity: 0; translate: 46px 0; } }
@keyframes vnPop { from { opacity: 0; scale: 0.4; } }
@keyframes vnFadeIn { from { opacity: 0; } }
@keyframes vnImgIn { from { scale: 1.16; } }
@keyframes vnDrawX { from { clip-path: inset(0 100% 0 0); } }
@keyframes vnDrawY { from { clip-path: inset(0 0 100% 0); } }
@keyframes vnTerrIn { from { opacity: 0; scale: 0.78; } }
@keyframes vnPinIn { from { opacity: 0; transform: translate(-50%, -50%) scale(0.2); } }
@keyframes vnPingOrange {
	from { box-shadow: 0 0 0 0 rgba(245, 88, 30, 0.5), 0 0 0 7px rgba(255, 127, 80, 0.2); }
	to { box-shadow: 0 0 0 22px rgba(245, 88, 30, 0), 0 0 0 7px rgba(255, 127, 80, 0.2); }
}
@keyframes vnDecorSpin { from { rotate: -18deg; translate: 0 50px; } to { rotate: 18deg; translate: 0 -50px; } }

@keyframes vnShow { to { opacity: 1; } }

@media (prefers-reduced-motion: no-preference) {
	.vn-js .vn-hero .vn-reveal:not(.is-in) { opacity: 0; animation: vnShow 0.01s 3s forwards; }

	.vn-anim .vn-reveal.is-in { animation-delay: var(--d, 0ms); }
	.vn-anim .vn-reveal--card.is-in { animation-name: vnCard; }
	.vn-anim .vn-reveal--zoom.is-in { animation-name: vnZoom; animation-duration: 0.9s; }
	.vn-anim .vn-reveal--left.is-in { animation-name: vnLeft; animation-duration: 0.9s; }
	.vn-anim .vn-reveal--right.is-in { animation-name: vnRight; animation-duration: 0.9s; }

	.vn-anim .vn-reveal.is-in .vn-skupina__img img,
	.vn-anim .vn-reveal.is-in .wp-block-post-featured-image img {
		animation: vnImgIn 1.5s cubic-bezier(0.2, 0.75, 0.25, 1) backwards;
		animation-delay: var(--d, 0ms);
	}

	.vn-anim .vn-timeline.vn-reveal:not(.is-in) { opacity: 1; }
	.vn-anim .vn-timeline.vn-reveal:not(.is-in) > * { opacity: 0; }
	.vn-anim .vn-timeline.vn-reveal.is-in { animation: none; }
	.vn-anim .vn-timeline.is-in > .vn-timeline__stop { animation: vnPop 0.6s cubic-bezier(0.3, 1.5, 0.5, 1) backwards; animation-delay: calc(var(--i, 0) * 160ms); }
	.vn-anim .vn-timeline.is-in > .vn-timeline__seg { animation: vnDrawX 0.5s ease-out backwards; animation-delay: calc(var(--i, 0) * 160ms - 60ms); }
	.vn-anim .vn-timeline.is-in > .vn-timeline__stop--big .vn-timeline__dot { animation: vnPingOrange 1.4s ease-out 3; animation-delay: calc(var(--i, 0) * 160ms + 0.5s); }

	.vn-terr { transform-box: fill-box; transform-origin: center; }
	.vn-anim .vn-map-canvas.is-pending :is(.vn-terr, .vn-terr-label, .vn-marker) { opacity: 0; }
	.vn-anim .vn-map-canvas.is-intro .vn-terr { animation: vnTerrIn 0.7s cubic-bezier(0.25, 1.25, 0.4, 1) backwards; animation-delay: calc(var(--i, 0) * 75ms); }
	.vn-anim .vn-map-canvas.is-intro .vn-terr-label { animation: vnFadeIn 0.5s ease backwards; animation-delay: 0.6s; }
	.vn-anim .vn-map-canvas.is-intro .vn-marker { animation: vnPinIn 0.45s cubic-bezier(0.3, 1.6, 0.5, 1) backwards; animation-delay: calc(0.7s + var(--i, 0) * 45ms); }
}
@media (prefers-reduced-motion: no-preference) and (max-width: 640px) {
	.vn-anim .vn-timeline.is-in > .vn-timeline__seg { animation-name: vnDrawY; }
}

.vn-map-tip { position: absolute; left: 0; top: 0; z-index: 3; pointer-events: none; transform: translate(-50%, calc(-100% - 16px)); background: var(--wp--preset--color--azur-deep); color: #fff; font: 700 14px/1.2 var(--wp--preset--font-family--body); padding: 8px 13px; border-radius: 10px; white-space: nowrap; box-shadow: 0 10px 24px -12px rgba(8, 26, 42, 0.7); opacity: 0; transition: opacity 0.15s ease; }
.vn-map-tip::after { content: ""; position: absolute; left: 50%; top: 100%; margin-left: -6px; border: 6px solid transparent; border-top-color: var(--wp--preset--color--azur-deep); }
.vn-map-tip.is-on { opacity: 1; }

.vn-stats__num, .vn-stat strong { font-variant-numeric: tabular-nums; }

@supports (animation-timeline: view()) {
	@media (prefers-reduced-motion: no-preference) {
		.vn-dark:not(.vn-hero), .vn-cta, .vn-band-primary { view-timeline-name: --vn-sec; }
		.vn-dark:not(.vn-hero)::before, .vn-cta::before, .vn-band-primary::before {
			animation: vnDecorSpin auto linear both;
			animation-timeline: --vn-sec;
		}
	}
}

@media print {
	.vn-anim .vn-reveal, .vn-anim .vn-reveal > *, .vn-anim .vn-map-canvas * { opacity: 1 !important; animation: none !important; }
}

.vn-acc__soon { display: inline-block; vertical-align: 0.15em; margin-left: 8px; padding: 5px 11px; border-radius: 999px; background: var(--wp--preset--color--turquoise); color: var(--wp--preset--color--azur); font: 700 12px/1.2 var(--wp--preset--font-family--body); letter-spacing: 0.06em; text-transform: uppercase; white-space: nowrap; }

.cky-btn-revisit-wrapper { display: none !important; }

.cky-consent-container,
.cky-modal { font-family: var(--wp--preset--font-family--body) !important; }
.cky-consent-container .cky-consent-bar {
	background: #fff !important;
	border: 1px solid rgba(27, 64, 95, 0.1) !important;
	border-radius: 22px !important;
	box-shadow: 0 28px 70px -30px rgba(21, 51, 75, 0.55), 0 4px 14px -8px rgba(21, 51, 75, 0.18) !important;
}
@media (min-width: 441px) {
	.cky-consent-container.cky-box-bottom-left { left: auto !important; right: 24px !important; bottom: 24px !important; }
}
@media (max-width: 440px) {
	.cky-consent-container .cky-consent-bar { border-radius: 22px 22px 0 0 !important; border-width: 1px 0 0 !important; }
}
.cky-consent-container .cky-notice .cky-title {
	font: 700 22px/1.15 var(--wp--preset--font-family--heading) !important;
	letter-spacing: -0.01em;
	color: var(--wp--preset--color--azur) !important;
	display: flex; align-items: center; gap: 10px;
}
.cky-consent-container .cky-notice .cky-title::before {
	content: ""; flex: none; width: 26px; height: 26px;
	background: var(--wp--preset--color--primary);
	-webkit-mask: url(../img/icon-snowflake.svg) center / contain no-repeat;
	mask: url(../img/icon-snowflake.svg) center / contain no-repeat;
}
.cky-consent-container .cky-notice-des,
.cky-consent-container .cky-notice-des * { font-size: 15px !important; line-height: 1.6 !important; color: var(--wp--preset--color--slate) !important; }
.cky-notice-des a, .cky-preference-content-wrapper a, .cky-notice-des .cky-policy { color: var(--wp--preset--color--teal-ink) !important; border: 0 !important; text-decoration: underline !important; }

.cky-consent-container .cky-btn,
.cky-modal .cky-btn {
	font: 700 16px/1.2 var(--wp--preset--font-family--heading) !important;
	padding: 12px 18px !important;
	border-radius: 999px !important;
	border: 2px solid var(--wp--preset--color--azur) !important;
	background: transparent !important;
	color: var(--wp--preset--color--azur) !important;
	filter: none !important;
	transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.cky-consent-container .cky-btn-accept,
.cky-modal .cky-btn-accept,
.cky-consent-container .cky-btn-reject,
.cky-modal .cky-btn-reject { background: var(--wp--preset--color--azur) !important; color: #fff !important; }
.cky-consent-container .cky-btn-accept:hover,
.cky-modal .cky-btn-accept:hover,
.cky-consent-container .cky-btn-reject:hover,
.cky-modal .cky-btn-reject:hover { background: var(--wp--preset--color--azur-deep) !important; border-color: var(--wp--preset--color--azur-deep) !important; }
.cky-modal .cky-btn-preferences:hover { background: rgba(27, 64, 95, 0.07) !important; }
.cky-consent-container .cky-btn-customize { border-color: transparent !important; color: var(--wp--preset--color--teal-ink) !important; text-decoration: underline !important; text-underline-offset: 3px; padding-inline: 8px !important; }
.cky-consent-container .cky-btn-customize:hover { background: rgba(28, 192, 210, 0.08) !important; }
.cky-consent-container .cky-btn:focus-visible,
.cky-modal .cky-btn:focus-visible,
.cky-modal button:focus-visible,
.cky-modal .cky-switch input[type="checkbox"]:focus-visible { outline: 3px solid var(--wp--preset--color--azur) !important; outline-offset: 2px !important; }
@media (max-width: 440px) {
	.cky-notice-btn-wrapper .cky-btn-reject { order: 2 !important; }
	.cky-notice-btn-wrapper .cky-btn-customize { order: 3 !important; }
}

.cky-modal .cky-preference-center {
	border: 0 !important;
	border-color: rgba(27, 64, 95, 0.12) !important;
	border-radius: 22px !important;
	box-shadow: 0 30px 80px -30px rgba(21, 51, 75, 0.6) !important;
	color: var(--wp--preset--color--slate) !important;
}
.cky-modal .cky-preference-header { border-color: rgba(27, 64, 95, 0.1) !important; }
.cky-modal .cky-preference-title { font: 700 22px/1.15 var(--wp--preset--font-family--heading) !important; color: var(--wp--preset--color--azur) !important; }
.cky-modal .cky-preference-content-wrapper,
.cky-modal .cky-preference-content-wrapper *,
.cky-modal .cky-accordion-header-des,
.cky-modal .cky-accordion-header-des * { font-size: 15px !important; line-height: 1.6 !important; color: var(--wp--preset--color--slate) !important; }
.cky-modal .cky-show-desc-btn { color: var(--wp--preset--color--teal-ink) !important; font-weight: 700 !important; }
.cky-modal .cky-accordion-header .cky-accordion-btn { font: 700 17px/1.3 var(--wp--preset--font-family--heading) !important; color: var(--wp--preset--color--azur) !important; }
.cky-modal .cky-accordion-header .cky-always-active { color: var(--wp--preset--color--teal-ink) !important; font-weight: 700 !important; }
.cky-modal .cky-accordion-chevron { color: var(--wp--preset--color--teal-ink) !important; }
.cky-modal .cky-switch input[type="checkbox"] { background: #7B8D9B !important; }
.cky-modal .cky-switch input[type="checkbox"]:checked { background: var(--wp--preset--color--azur) !important; }
.cky-modal .cky-prefrence-btn-wrapper { border-color: rgba(27, 64, 95, 0.1) !important; }
.cky-overlay { background: rgba(21, 51, 75, 0.55) !important; }

.vn-footer__cookies { background: none; border: 0; padding: 0; margin: 0; font: inherit; color: inherit; text-decoration: underline; cursor: pointer; }
.vn-footer :focus-visible { outline-color: var(--wp--preset--color--turquoise); }

.wpcf7 .wpcf7-acceptance a { color: var(--wp--preset--color--teal-ink); text-decoration: underline; text-underline-offset: 2px; }
.vn-newsletter .vn-nl-consent a { color: var(--wp--preset--color--turquoise); text-decoration: underline; text-underline-offset: 2px; }

.vn-newsletter__box :focus-visible,
.vn-dark:not(.vn-hero) .wp-block-button__link:focus-visible { outline-color: var(--wp--preset--color--turquoise); }
.vn-cta :focus-visible { outline-color: var(--wp--preset--color--azur-deep); }
.vn-map-section .vn-marker:focus-visible { outline: 3px solid #fff; outline-offset: 2px; box-shadow: 0 0 0 8px var(--wp--preset--color--azur-deep); }
