@import url("https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700;800&display=swap");

:root {
	--zcb-color-dark-green: #093D20;
	--zcb-color-primary-green: #093D20;
	--zcb-color-white: #FFFFFF;
	--zcb-color-dark-text: #231F20;
	--zcb-dark-green-rgb: 9, 61, 32;
	--zcb-primary-green-rgb: 9, 61, 32;
	--zcb-white-rgb: 255, 255, 255;
	--zcb-warm-highlight-rgb: 255, 245, 208;
	--zcb-warm-light-rgb: 255, 249, 233;
	--zcb-green-900: var(--zcb-color-dark-green);
	--zcb-green-850: var(--zcb-color-dark-green);
	--zcb-green-800: color-mix(in srgb, var(--zcb-color-dark-green) 72%, var(--zcb-color-primary-green));
	--zcb-green-700: var(--zcb-color-primary-green);
	--zcb-green-600: color-mix(in srgb, var(--zcb-color-primary-green) 88%, var(--zcb-color-white));
	--zcb-green-500: var(--zcb-color-primary-green);
	--zcb-green-200: color-mix(in srgb, var(--zcb-color-primary-green) 14%, var(--zcb-color-white));
	--zcb-offwhite: #e5f3e4;
	--zcb-white: var(--zcb-color-white);
	--zcb-text: var(--zcb-color-dark-text);
	--zcb-muted: #5F665F;
	--zcb-line: color-mix(in srgb, var(--zcb-color-primary-green) 18%, var(--zcb-color-white));
	--zcb-header-line: color-mix(in srgb, var(--zcb-color-primary-green) 16%, var(--zcb-color-white));
	--zcb-input-border: color-mix(in srgb, var(--zcb-color-primary-green) 22%, var(--zcb-color-white));
	--zcb-placeholder: color-mix(in srgb, var(--zcb-color-dark-text) 58%, var(--zcb-color-white));
	--zcb-soft-surface: color-mix(in srgb, var(--zcb-color-primary-green) 8%, var(--zcb-color-white));
	--zcb-partner-red: #C02C2C;
	--zcb-partner-light: #F6F6F6;
	--zcb-partner-blue: #2D4C8F;
	--zcb-partner-slate: #333A52;
	--zcb-partner-pora-blue: #2E5BA5;
	--zcb-partner-pora-red: #D44B40;
	--zcb-shadow: 0 10px 24px rgba(var(--zcb-dark-green-rgb), 0.08);
	--zcb-shadow-soft: 0 8px 20px rgba(var(--zcb-dark-green-rgb), 0.065);
	--zcb-radius: 8px;
	--zcb-container: 1400px;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background: var(--zcb-white);
	color: var(--zcb-text);
	font-family: "Jost", sans-serif;
	line-height: 1.6;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

.wp-site-blocks {
	overflow: clip;
	background: var(--zcb-offwhite);
}

/* .wp-site-blocks > * + *,
.wp-site-blocks .wp-block-template-part + *,
.wp-site-blocks * {
	margin-block-start: 0;
} */

.wp-site-blocks .alignfull {
	margin-top: 0;
	margin-bottom: 0;
}

.zcb-page,
.zcb-header,
.zcb-section,
.zcb-footer {
	width: 100%;
}

.zcb-container {
	width: min(var(--zcb-container), calc(100% - 64px));
	margin: 0 auto;
}

.zcb-align-center {
    align-items:center;
}

.zcb-align-start {
    align-items:flex-start;
}

.zcb-align-end {
    align-items:flex-end;
}

.zcb-align-content-center {
    align-content:center;
}

.zcb-header {
	background: var(--zcb-white);
	/* border-top: 3px solid var(--zcb-green-700); */
	/* border-bottom: 1px solid var(--zcb-header-line); */
}

@media(max-width: 900px) {
	.zcb-header {
		border-bottom: 1px solid var(--zcb-line);
	}
}

.zcb-header.wp-block-group,
.zcb-header__brand.wp-block-group,
.zcb-logo.wp-block-image,
.zcb-eu-badge.wp-block-image {
	margin: 0;
}

.zcb-header__inner {
	display: grid;
	grid-template-columns: auto auto minmax(0, 1fr);
	align-items: center;
	column-gap: clamp(36px, 5vw, 80px);
	min-height: 100px;
	margin: 0 auto;
}

.zcb-header__brand {
	display: flex;
	align-items: center;
	gap: 34px;
	justify-content: flex-start;
	white-space: nowrap;
}

.zcb-header__inner > .zcb-header__brand {
	grid-column: 1 / span 2;
	grid-row: 1;
}

.zcb-header__inner > .zcb-eu-badge {
	grid-column: 1;
	grid-row: 1;
}

.zcb-header__inner > .zcb-logo {
	grid-column: 2;
	grid-row: 1;
}

.zcb-header__inner > .zcb-nav {
	grid-column: 3;
	grid-row: 1;
	margin-left: clamp(2px, 6.8vw, 90px);
}

.zcb-logo {
	position: relative;
	display: inline-flex;
	align-items: center;
}

.zcb-logo::before {
	content: "";
	position: absolute;
	top: 50%;
	left: -19px;
	width: 1px;
	height: 56px;
	background: color-mix(in srgb, var(--zcb-color-dark-text) 38%, transparent);
	transform: translateY(-50%);
}

.zcb-logo a {
	display: inline-flex;
	align-items: center;
}

.itu-logo img {
	max-width: 110px;
}
/* .zcb-logo img {
	width: 154px;
	max-width: 154px;
} */

.zcb-nav {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: clamp(24px, 3vw, 42px);
	flex-wrap: nowrap;
}

.zcb-nav .wp-block-navigation__container {
	justify-content: flex-start;
	gap: clamp(24px, 2.8vw, 50px);
	flex-wrap: nowrap;
}

.zcb-nav a,
.zcb-nav .wp-block-navigation-item__content {
	color: var(--zcb-text);
	font-family: "Jost", sans-serif;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0;
	text-decoration: none;
	text-transform: uppercase;
}

.zcb-nav a:hover,
.zcb-nav .wp-block-navigation-item__content:hover {
	color: var(--zcb-green-700);
}

.zcb-eu-badge {
	display: inline-flex;
	align-items: center;
}

.zcb-eu-badge img {
	width: 190px;
}

.zcb-mobile-menu-toggle,
.zcb-mobile-menu,
.zcb-mobile-menu-backdrop {
	display: none;
}

.zcb-hero {
	--zcb-hero-container-offset: max(32px, calc((100vw - var(--zcb-container)) / 2));
	--zcb-hero-content-width: 340px;
	--zcb-hero-image-start: calc(var(--zcb-hero-container-offset) + var(--zcb-hero-content-width));
	--zcb-hero-fade-width: 360px;
	position: relative;
	isolation: isolate;
	min-height: 750px;
	overflow: visible;
	background: var(--zcb-white);
	/*background:*/
	/*	url("https://zcb.flow.com.hr/wp-content/uploads/2026/05/hero-image.jpg") 57% center / cover no-repeat,*/
	/*	linear-gradient(135deg, var(--zcb-green-800) 0%, var(--zcb-green-600) 100%);*/
}

.zcb-hero::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: var(--zcb-hero-image-start);
	background: url("https://zcb.flow.com.hr/wp-content/uploads/2026/07/zcb-hero-slika.jpg") -5% 50% / cover no-repeat;
	z-index: -2;
}

.zcb-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(var(--zcb-white-rgb), 1) 0px, rgba(var(--zcb-white-rgb), 1) calc(var(--zcb-hero-image-start) - 72px), rgba(var(--zcb-white-rgb), 0.96) calc(var(--zcb-hero-image-start) - 24px), rgba(var(--zcb-white-rgb), 0.76) calc(var(--zcb-hero-image-start) + 72px), rgba(var(--zcb-white-rgb), 0.42) calc(var(--zcb-hero-image-start) + 160px), rgba(var(--zcb-white-rgb), 0.14) calc(var(--zcb-hero-image-start) + 260px), rgba(var(--zcb-white-rgb), 0) calc(var(--zcb-hero-image-start) + var(--zcb-hero-fade-width))),
		linear-gradient(180deg, rgba(var(--zcb-white-rgb), 0) 0%, rgba(var(--zcb-white-rgb), 0) 74%, rgba(var(--zcb-white-rgb), 0.78) 100%);
	pointer-events: none;
	z-index: -1;
}

.zcb-hero__title {
	margin: 0;
	color: var(--zcb-green-900) !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: clamp(2.4rem, 4.3vw, 4.25rem) !important;
	font-weight: 700;
	line-height: 0.92;
	text-transform: none !important;
}

.zcb-hero__inner {
	display: grid;
	grid-template-rows: 1fr auto;
	align-items: center;
	min-height: 700px;
	padding: 72px 0 46px;
}

.zcb-hero__content {
	display: grid;
	row-gap: 24px;
	width: min(100%, 470px);
}

.zcb-hero__content > * {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.zcb-hero__content > .wp-block-group:has(.zcb-hero__lead) {
	order: 3;
}

.zcb-hero__content > .wp-block-group:has(.zcb-hero__meta) {
	order: 5;
	width: min(var(--zcb-container), calc(100vw - 64px)) !important;
	max-width: none !important;
	justify-self: start;
}

.zcb-hero__content > .zcb-buttons {
	order: 4;
}

/* .zcb-hero__brand {
	display: flex;
	align-items: center;
	gap: 24px;
	margin: 0 0 30px;
} */

.zcb-hero__mark {
	margin: 0;
	color: var(--zcb-green-900);
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(4rem, 7vw, 7.1rem);
	font-weight: 800;
	line-height: 0.78;
	letter-spacing: 0;
}

.zcb-hero__rule {
	width: 52px;
	height: 4px;
	margin: 0 0 30px;
	background: var(--zcb-green-700);
}

.zcb-hero__headline {
	margin: 0 0 20px;
	color: #050505;
	/* font-size: clamp(1.66rem, 2.45vw, 2.56rem); */
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: 0;
}

.zcb-hero__headline mark {
	background: transparent;
	color: var(--zcb-green-900);
}

.zcb-hero__lead {
	max-width: 400px;
}

.zcb-hero__meta {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0;
	align-items: center;
	width: 100%;
	margin: 30px 0 -14px;
	padding: 34px 32px;
	background: rgba(var(--zcb-white-rgb), 0.96);
	border: 1px solid rgba(var(--zcb-dark-green-rgb), 0.08);
	border-radius: 8px;
	box-shadow: 0 6px 24px rgba(var(--zcb-dark-green-rgb), 0.13);
	backdrop-filter: blur(7px);
}

.zcb-hero__meta.wp-block-columns {
	display: grid !important;
}

.zcb-hero__meta.wp-block-columns > .wp-block-column {
	margin: 0;
}

.zcb-hero__meta-item {
	display: grid;
	grid-template-columns: 58px 1fr;
	align-items: center;
	column-gap: 22px;
	min-height: 62px;
	padding: 0 28px;
	border-left: 1px solid rgba(var(--zcb-dark-green-rgb), 0.15);
}

.zcb-hero__meta-item:first-child {
	border-left: 0;
	padding-left: 6px;
}

.zcb-hero__meta-item:last-child {
	padding-right: 6px;
}

.zcb-icon-round {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 52px;
	height: 52px;
	border: 0;
	border-radius: 0;
	color: var(--zcb-green-900);
	background: transparent;
}

.zcb-icon-round svg,
.zcb-feature-row__icon svg,
.zcb-card-icon svg,
.zcb-news-symbol svg,
.zcb-arrow svg {
	display: block;
	width: 38px;
	height: 38px;
}

.zcb-hero .zcb-icon-round svg {
	width: 44px;
	height: 44px;
}

.zcb-hero__meta-label {
	/* display: block;
	margin: 0 0 7px;
	color: var(--zcb-green-900) !important;
	font-size: 0.96rem !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	letter-spacing: 0;
	text-transform: none !important; */
}

/* .zcb-hero__meta-value {
	display: block;
	margin: 0;
	color: #070707 !important;
	font-size: 1.08rem !important;
	font-weight: 700 !important;
	line-height: 1.28 !important;
} */

.zcb-hero__meta-item .wp-block-image {
	width: 52px;
	margin: 0 !important;
	color: var(--zcb-green-900);
}

.zcb-hero__meta-item .wp-block-image img {
	width: 52px;
	height: 52px;
	object-fit: contain;
	filter: brightness(0) saturate(100%) invert(15%) sepia(51%) saturate(981%) hue-rotate(101deg) brightness(94%) contrast(99%);
}

.zcb-buttons {
	display: flex;
	flex-wrap: wrap;
}

.zcb-hero .zcb-buttons {
	gap: 24px;
	margin: 0;
}

.zcb-button {
	display: inline-flex;
}

.zcb-hero .zcb-button,
.zcb-hero .zcb-button .wp-block-button__link {
	/* align-items: center;
	justify-content: center;
	min-width: 210px;
	min-height: 56px;
	padding: 14px 26px;
	border: 1px solid var(--zcb-green-900);
	border-radius: 6px;
	font-size: 0.96rem;
	font-weight: 800;
	letter-spacing: 0.03em;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
	box-sizing: border-box; */
}

.zcb-hero .zcb-button .wp-block-button__link::after {
	content: "›";
	margin-left: 18px;
	font-size: 1.55rem;
	font-weight: 800;
	line-height: 0.7;
}

.zcb-hero .zcb-button--primary {
	background: var(--zcb-green-900) !important;
	color: var(--zcb-white) !important;
	box-shadow: 0 12px 24px rgba(var(--zcb-dark-green-rgb), 0.16);
}

.zcb-hero .zcb-button--outline {
	background: rgba(var(--zcb-white-rgb), 0.82) !important;
	color: var(--zcb-green-900) !important;
}

.zcb-hero .zcb-button--outline .wp-block-button__link {
	color: var(--zcb-green-900) !important;
}

.zcb-button .wp-block-button__link,
.zcb-button {
	/* display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 146px;
	min-height: 48px;
	padding: 12px 24px;
	border: 2px solid transparent;
	border-radius: 8px;
	font-family: "Jost", sans-serif;
	font-size: 0.9rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-decoration: none;
	text-transform: uppercase; */
	transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.zcb-button .wp-block-button__link {
	width: 100%;
	border: inherit;
	border-radius: inherit;
	background: inherit;
	color: inherit;
	box-shadow: inherit;
}

.zcb-button:hover,
.zcb-button .wp-block-button__link:hover {
	transform: translateY(-1px);
}

/* .zcb-button--primary {
	background: var(--zcb-green-500);
	color: var(--zcb-white);
	box-shadow: 0 12px 24px rgba(var(--zcb-primary-green-rgb), 0.18);
} */

/* .zcb-button--outline {
	border-color: rgba(var(--zcb-white-rgb), 0.92);
	background: transparent;
	color: var(--zcb-white);
}

.zcb-button--light {
	border-color: var(--zcb-green-700);
	background: var(--zcb-white);
	color: var(--zcb-green-700);
} */

.zcb-section {
	padding: 36px 0;
}

.zcb-section--white {
	background: var(--zcb-white);
}

.zcb-section--soft {
	background: var(--zcb-offwhite);
}

.zcb-section__title,
.zcb-section-title {
	margin: 0;
	color: var(--zcb-green-700);
	font-family: "Jost", sans-serif;
	font-size: clamp(1.72rem, 2.2vw, 2.18rem);
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
}

.zcb-section-title::after {
	content: "";
	display: block;
	width: 46px;
	height: 4px;
	margin: 10px 0 24px;
	border-radius: 999px;
	background: var(--zcb-green-500);
}

.zcb-section__rule {
	width: 46px;
	height: 4px;
	margin: 10px 0 24px;
	border-radius: 999px;
	background: var(--zcb-green-500);
}

.zcb-project {
	padding-top: 34px;
	padding-bottom: 22px;
}

.zcb-project__grid {
	display: grid;
	grid-template-columns: 1.02fr 1fr;
	gap: 40px;
	align-items: start;
}

/* .zcb-project__text {
	max-width: 530px;
	font-size: 0.92rem;
	line-height: 1.65;
} */

.zcb-feature-list {
	display: grid;
	gap: 18px;
	padding-top: 2px;
}

.zcb-feature-row {
	display: grid;
	grid-template-columns: 36px 1fr;
	gap: 13px;
	align-items: start;
}

.zcb-feature-row__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	color: var(--zcb-green-700);
}

.zcb-project {
	padding-top: clamp(72px, 8vw, 108px);
	padding-bottom: clamp(72px, 8vw, 108px);
}

.zcb-project__grid {
	display: grid !important;
	grid-template-columns: minmax(320px, 1.5fr) minmax(0, 4fr);
	gap: 12px;
	align-items: stretch;
}

.zcb-project__grid > .wp-block-group:first-child {
	max-width: none;
}

.zcb-project__intro-card,
.zcb-project__grid > .wp-block-group:first-child {
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	height: 100%;
	min-height: 360px;
	padding: 24px 20px;
	border: 1px solid rgba(var(--zcb-dark-green-rgb), 0.08);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.94);
	box-shadow: 0 14px 36px rgba(var(--zcb-dark-green-rgb), 0.08);
}

.zcb-project__eyebrow {
	margin: 0 0 16px;
	color: var(--zcb-green-900);
	font-size: 1rem;
	font-weight: 800;
	letter-spacing: 0.02em;
	line-height: 1.2;
	text-transform: uppercase;
}

/* .zcb-project .zcb-section__title {
	color: #111827;
	font-size: clamp(2.7rem, 4vw, 4.25rem);
	line-height: 1.08;
	text-transform: none;
} */

.zcb-project .zcb-section__title mark {
	background: transparent;
	color: var(--zcb-green-900);
}

.zcb-project .zcb-section__rule {
	width: 42px;
	height: 3px;
	margin: 22px 0 32px;
	border-radius: 0;
	background: var(--zcb-green-900);
}

/* .zcb-project__text {
	max-width: 720px;
	margin: 0;
	color: #111827;
	font-size: 1.08rem;
	line-height: 1.7;
} */

.zcb-project .zcb-feature-list {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	align-items: stretch;
	/* margin-top: clamp(44px, 5vw, 70px); */
	padding-top: 0;
}

.zcb-project .zcb-feature-row {
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	height: 100%;
	min-height: 360px;
	padding: 24px 20px;
	border: 1px solid rgba(var(--zcb-dark-green-rgb), 0.08);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.94);
	box-shadow: 0 14px 36px rgba(var(--zcb-dark-green-rgb), 0.08);
}

.zcb-project .zcb-feature-row__icon {
	position: absolute;
	right: 18px;
	bottom: 14px;
	width: 104px;
	height: 104px;
	color: var(--zcb-green-700);
	opacity: 0.09;
	pointer-events: none;
}

.zcb-project .zcb-feature-row__icon svg,
.zcb-project .zcb-feature-row__icon img {
	width: 104px;
	height: 104px;
}

.zcb-project .zcb-feature-row__title {
	/* margin: 0 0 28px; */
	/* color: var(--zcb-green-900);
	font-size: 1.24rem;
	font-weight: 800;
	line-height: 1.35;
	text-transform: uppercase; */
}

/* .zcb-project .zcb-feature-row__title::after {
	content: "";
	display: block;
	width: 38px;
	height: 2px;
	margin-top: 18px;
	background: var(--zcb-green-900);
} */

/* .zcb-project .zcb-feature-row__text {
	margin: 0;
	color: #111827;
	font-size: 1rem;
	line-height: 1.72;
} */

.zcb-project .zcb-feature-row__list {
	margin: 0;
	padding-left: 18px;
	color: #111827;
	font-size: 1rem;
	line-height: 1.7;
}

/* .zcb-project .zcb-feature-row__list li + li {
	margin-top: 6px;
} */

.zcb-project .zcb-feature-row__list li::marker {
	color: var(--wp--preset--color--primary-green);
	font-size: 0.8em;
}

@media (max-width: 1100px) {
	.zcb-project__grid {
		grid-template-columns: 1fr;
	}

	.zcb-project .zcb-feature-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.zcb-project__intro-card,
	.zcb-project__grid > .wp-block-group:first-child,
	.zcb-project .zcb-feature-row {
		min-height: 0;
	}
}

@media (max-width: 640px) {
	.zcb-project {
		padding-top: 56px;
		padding-bottom: 56px;
	}

	.zcb-project .zcb-section__title {
		font-size: clamp(2.1rem, 10vw, 3rem);
	}

	.zcb-project .zcb-feature-list {
		grid-template-columns: 1fr;
	}
}

/* .zcb-feature-row__title {
	margin: 0 0 4px;
	color: var(--zcb-green-700);
	font-size: 0.9rem;
	font-weight: 700;
} */

/* .zcb-feature-row__text {
	margin: 0;
	color: var(--zcb-text);
	font-size: 0.88rem;
	line-height: 1.5;
} */

/* .zcb-stats {
	padding-top: 22px;
	padding-bottom: 36px;
} */

.zcb-stats__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
}

.zcb-stat-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	min-height: 168px;
	padding: 20px 14px 18px;
	background: #f8fff8;
	border: 1px solid var(--zcb-line);
	border-radius: 8px;
	box-shadow: var(--zcb-shadow-soft);
	text-align: center;
}

.zcb-card-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	margin-bottom: 14px;
	color: var(--zcb-green-700);
}

/* .zcb-stat-card__label {
	min-height: 40px;
	margin: 0 0 10px;
	color: var(--zcb-text);
	font-size: 0.72rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.02em;
	text-transform: uppercase;
} */

/* .zcb-stat-card__value {
	margin: 0;
	color: var(--zcb-text);
	font-size: 0.86rem;
	font-weight: 700;
	line-height: 1.42;
} */

/* .zcb-activities {
	padding-top: 72px;
	padding-bottom: 64px;
	background: var(--zcb-white);
} */

.zcb-number-list,
.zcb-check-list,
.zcb-partner-list,
.zcb-news-feed,
.zcb-contact-list,
.zcb-footer-links {
	margin: 0;
	padding: 0;
	list-style: none;
}

.zcb-footer-links li a {
	transition: .2s ease;
	margin-left: 0;
}
.zcb-footer-links li:hover a {
	margin-left: 2px;
}

.zcb-number-list li,
.zcb-check-list li {
	position: relative;
	padding-left: 36px;
	/* font-size: 0.88rem;
	line-height: 1.55; */
}

.zcb-number-list li + li,
.zcb-check-list li + li {
	margin-top: 14px;
}

.zcb-number-list li::before {
	content: attr(data-step);
	position: absolute;
	left: 0;
	top: 0.08rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: var(--zcb-green-700);
	color: var(--zcb-white);
	font-family: "Jost", sans-serif;
	font-size: 0.86rem;
	font-weight: 700;
}

.zcb-check-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.22rem;
	width: 20px;
	height: 20px;
	background: var(--zcb-green-700);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4 10.3 8.1 14.4 16 5.8' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px 20px no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4 10.3 8.1 14.4 16 5.8' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px 20px no-repeat;
}

.zcb-illustration {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
}

.zcb-illustration img {
	width: min(100%, 330px);
}

.zcb-activities__title,
.zcb-results-panel__title {
	margin: 0;
	color: var(--zcb-text);
	font-family: "Jost", sans-serif;
	font-size: clamp(2.45rem, 3.2vw, 3.42rem);
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0;
	text-transform: uppercase;
}

.zcb-activities__title mark,
.zcb-results-panel__title mark {
	background: transparent;
	color: var(--zcb-green-900);
}

.zcb-activities__rule,
.zcb-activity-card__rule {
	width: 50px;
	height: 3px;
	margin: 24px 0 0;
	background: var(--zcb-green-900);
}

.zcb-activity-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 34px 26px;
}

.zcb-activity-card {
	position: relative;
	min-width: 0;
	overflow: hidden;
}

.zcb-activity-card + .zcb-activity-card {
	padding-left: 0;
	border-left: 0;
}

.zcb-aktivnosti-foto {
	width: 100%;
	margin: 0 0 22px !important;
}

.zcb-aktivnosti-foto img{
    display:block;
    width:100% !important;
    height:260px !important;
    min-height:260px;
    max-height:260px;
    object-fit:cover !important;
}

.zcb-activity-card__title {
	/* min-height: 112px; */
	margin: 0;
	color: var(--zcb-text);
	font-family: "Jost", sans-serif;
	/* font-size: clamp(1.18rem, 1.25vw, 1.34rem); */
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0;
}

.zcb-activity-card__rule {
	width: 42px;
	height: 2px;
	margin: 21px 0 25px;
}

/* .zcb-activity-card__text {
	margin: 0;
	color: var(--zcb-text);
	font-size: 1.04rem;
	font-weight: 400;
	line-height: 1.62;
} */

/* .zcb-results-panel {
	margin-top: 76px;
	padding: 38px 68px 52px;
	background: #fbfbfb;
	border-radius: 8px;
	box-shadow: 0 12px 30px rgba(var(--zcb-dark-green-rgb), 0.08);
} */

.zcb-results-panel__title {
	font-size: clamp(2.2rem, 2.7vw, 3rem);
}

.zcb-result-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: 20px;
}

.zcb-result-item {
	position: relative;
	display: grid;
	grid-template-columns: 82px 1fr;
	gap: 18px;
	align-items: center;
	min-height: 116px;
	padding: 22px 38px 22px 0;
}

.zcb-result-item:nth-child(n+4) {
	border-top: 1px solid rgba(var(--zcb-dark-green-rgb), 0.13);
}

.zcb-result-item:not(:nth-child(3n+1)) {
	padding-left: 38px;
	border-left: 1px solid rgba(var(--zcb-dark-green-rgb), 0.13);
}

.zcb-result-item__check {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 62px;
	height: 62px;
	border-radius: 50%;
	background: rgba(var(--zcb-primary-green-rgb), 0.1);
}

.zcb-result-item__check::before {
	content: "";
	width: 25px;
	height: 17px;
	border-bottom: 4px solid var(--zcb-green-900);
	border-left: 4px solid var(--zcb-green-900);
	transform: rotate(-45deg) translate(2px, -2px);
}

/* .zcb-result-item__text {
	margin: 0;
	color: var(--zcb-text);
	font-size: 1.06rem;
	font-weight: 400;
	line-height: 1.45;
} */

.zcb-result-item__text strong {
	font-weight: 800;
}

@media (max-width: 1180px) {
	.zcb-activity-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 24px;
	}

	.zcb-aktivnosti-foto img {
		height: 220px;
	}

	.zcb-activity-card:nth-child(4) {
		padding-left: 0;
		border-left: 0;
	}

	.zcb-result-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.zcb-result-item:nth-child(n) {
		border-top: 0;
		border-left: 0;
	}

	.zcb-result-item:nth-child(n+3) {
		border-top: 1px solid rgba(var(--zcb-dark-green-rgb), 0.13);
	}

	.zcb-result-item:nth-child(even) {
		padding-left: 38px;
		border-left: 1px solid rgba(var(--zcb-dark-green-rgb), 0.13);
	}
}

@media (max-width: 700px) {
	.zcb-activities {
		padding-top: 48px;
		padding-bottom: 48px;
	}

	.zcb-activities__title,
	.zcb-results-panel__title {
		font-size: clamp(2rem, 10vw, 2.7rem);
	}

	.zcb-activity-grid,
	.zcb-result-grid {
		grid-template-columns: 1fr;
	}

	.zcb-activity-grid {
		gap: 40px;
	}

	.zcb-aktivnosti-foto img {
		height: 200px;
	}

	.zcb-activity-card,
	.zcb-activity-card + .zcb-activity-card {
		min-height: 0;
		padding: 0;
		border-left: 0;
	}

	.zcb-activity-card + .zcb-activity-card {
		padding-top: 0;
		border-top: 0;
	}

	.zcb-activity-card__title {
		min-height: 0;
	}

	.zcb-results-panel {
		margin-top: 52px;
		padding: 28px 20px 0px;
	}

	.zcb-result-item,
	.zcb-result-item:not(:nth-child(3n+1)),
	.zcb-result-item:nth-child(even) {
		grid-template-columns: 62px 1fr;
		padding: 22px 0;
		border-left: 0;
	}

	.zcb-result-item:nth-child(n+2) {
		border-top: 1px solid rgba(var(--zcb-dark-green-rgb), 0.13);
	}
}

.zcb-partners {
	padding-top: 34px;
	padding-bottom: 34px;
}

.zcb-partner-list {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}

.zcb-partner-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 126px;
	padding: 16px 12px 13px;
	background: #f8fff8;
	border: 1px solid var(--zcb-line);
	border-radius: 8px;
	box-shadow: var(--zcb-shadow-soft);
	text-align: center;
}

/* .zcb-partner-logo-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 56px;
	margin-bottom: 10px;
} */

.zcb-partner-logo-image {
	max-width: 150px;
	max-height: 40px;
	object-fit: contain;
}

.zcb-partner-logo-mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 104px;
	height: 42px;
}

.zcb-partner-logo-mark--city {
	gap: 10px;
	font-family: "Jost", sans-serif;
	font-size: 1.18rem;
	font-weight: 700;
	color: var(--zcb-text);
	line-height: 0.9;
}

.zcb-partner-logo-mark--city::before {
	content: "";
	display: block;
	width: 24px;
	height: 30px;
	border-radius: 4px;
	background:
		linear-gradient(90deg, var(--zcb-partner-red) 0 33%, var(--zcb-partner-light) 33% 66%, var(--zcb-partner-red) 66% 100%);
	box-shadow: inset 0 0 0 2px var(--zcb-partner-red);
}

.zcb-partner-logo-mark--bjvv {
	font-family: "Jost", sans-serif;
	font-size: 1.6rem;
	font-style: italic;
	font-weight: 700;
	color: var(--zcb-partner-blue);
}

.zcb-partner-logo-mark--pora {
	gap: 10px;
	font-family: "Jost", sans-serif;
	font-size: 1.16rem;
	font-weight: 700;
	color: var(--zcb-partner-slate);
}

.zcb-partner-logo-mark--pora::before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 22px solid var(--zcb-partner-pora-blue);
	filter: drop-shadow(10px 6px 0 var(--zcb-partner-pora-red));
}

.zcb-partner-logo-mark--komunalac {
	gap: 10px;
	font-family: "Jost", sans-serif;
	font-size: 1.12rem;
	font-weight: 700;
	color: var(--zcb-green-700);
}

.zcb-partner-logo-mark--komunalac::before {
	content: "K";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 12px;
	background: var(--zcb-green-700);
	color: var(--zcb-white);
	font-family: "Jost", sans-serif;
	font-size: 1.35rem;
	font-weight: 800;
}

.zcb-partner-logo-mark--zelena {
	gap: 10px;
	font-family: "Jost", sans-serif;
	font-size: 1.12rem;
	font-weight: 700;
	color: var(--zcb-green-700);
}

.zcb-partner-logo-mark--zelena svg {
	width: 34px;
	height: 34px;
}

/* .zcb-partner-card__name {
	margin: 0 0 2px;
	font-size: 0.86rem;
	font-weight: 700;
} */

/* .zcb-partner-card__role {
	margin: 0;
	color: var(--zcb-muted);
	font-size: 0.78rem;
} */

/* .zcb-partners__note {
	margin: 14px 0 0;
	color: var(--zcb-muted);
	font-size: 0.84rem;
	text-align: center;
} */

.zcb-media {
	padding-top: 76px !important;
	padding-bottom: 78px !important;
}

.zcb-media .zcb-section__rule {
	margin-bottom: 28px;
}

/* .zcb-media__subtitle {
	max-width: 500px;
	margin: 0 0 58px !important;
	color: var(--zcb-muted);
	font-size: 1.12rem;
	line-height: 1.55;
} */

.zcb-media__grid {
	display: grid;
	grid-template-columns: 0.8fr 0.8fr 1fr 1fr 1fr;
	gap: 20px;
	align-items: stretch;
}

.zcb-media-card {
	overflow: hidden;
	display: flex;
	flex-direction: column;
	background: var(--zcb-white);
	border: 1px solid rgba(var(--zcb-dark-green-rgb), 0.08);
	border-radius: 10px;
	box-shadow: 0 18px 42px rgba(var(--zcb-dark-green-rgb), 0.08);
	transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.zcb-media > .zcb-container > .zcb-media__grid > .zcb-media-card:first-child {
	grid-column: span 2;
}

.zcb-media-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 24px 52px rgba(var(--zcb-dark-green-rgb), 0.12);
}

.zcb-media-card__image {
	position: relative;
	height: 236px;
	overflow: visible;
}

.zcb-media > .zcb-container > .zcb-media__grid > .zcb-media-card:first-child .zcb-media-card__image {
	height: 280px;
}

.zcb-media-card__image .wp-block-image {
	width: 100%;
	height: 100%;
	margin: 0;
	overflow: hidden;
}

.zcb-media-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.zcb-media-card__badge {
    position: relative;
    left: 0;
    bottom: 40px;
    border-radius: 0 10px 0 0;
    padding: 10px 20px !important;
    display: inline-flex;
    align-items: center;
    height: auto;
    padding: 0;
    background: #ffffff;
    color: var(--zcb-green-700);
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
}

.zcb-media-card__body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	padding: 30px 24px 30px;
	min-height: 250px;
}

.zcb-media > .zcb-container > .zcb-media__grid > .zcb-media-card:first-child .zcb-media-card__body {
	min-height: 190px;
}

.zcb-media-card__date {
	align-self: flex-start;
	margin: 0 0 12px !important;
	color: var(--zcb-muted);
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.2;
}

.zcb-media-card__title {
	margin: 0 0 28px !important;
	color: var(--zcb-text);
	font-size: 16px;
	font-weight: 600 !important;
	line-height: 1.35 !important;
}

.zcb-media > .zcb-container > .zcb-media__grid > .zcb-media-card:first-child .zcb-media-card__title {
	font-size: 18px;
	line-height: 1.25;
}

.zcb-media-card__body > .wp-block-buttons {
	margin-top: auto;
}

.zcb-link-arrow,
.zcb-link-arrow .wp-block-button__link {
	color: var(--zcb-green-700);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.035em;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
}

.zcb-link-arrow .wp-block-button__link {
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
}

.zcb-link-arrow .wp-block-button__link::after {
	content: "\2192";
	display: inline-block;
	margin-left: 12px;
}

/* .zcb-link-arrow .wp-block-button__link:hover {
	text-decoration: underline;
} */

.zcb-media__separator {
	position: relative;
	display: grid;
	justify-items: center;
	margin-top: 58px;
	margin-bottom: 0;
}

.zcb-media__separator-line {
	width: 100%;
	height: 1px;
	background: rgb(61 126 59 / 40%);
}

.zcb-media__separator-icon {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 58px;
	height: 58px;
	border: 1px solid rgba(var(--zcb-dark-green-rgb), 0.14);
	border-radius: 50%;
	background: var(--zcb-white);
	color: var(--zcb-green-700);
	box-shadow: 0 6px 18px rgba(var(--zcb-dark-green-rgb), 0.06);
}

.zcb-media__separator-icon svg {
	width: 30px;
	height: 30px;
}

.zcb-media__more-text {
	margin: 46px 0 0;
	color: var(--zcb-green-700);
	font-size: 1.08rem;
	font-weight: 800;
	letter-spacing: 0.045em;
	line-height: 1.2;
	text-transform: uppercase;
}

.zcb-media__actions {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}

.zcb-media .zcb-media__actions .zcb-button {
	width: auto;
	/* border: 1px solid var(--zcb-green-700) !important; */
	/* border-radius: 4px; */
	background: var(--zcb-white) !important;
	color: var(--zcb-green-700) !important;
}

.zcb-media .zcb-media__actions .zcb-button .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 300px;
	min-height: 48px;
	padding: 12px 26px;
	background: var(--zcb-white) !important;
	color: var(--zcb-green-700) !important;
	font-size: 1rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	line-height: 1;
	text-transform: uppercase;
	border: 1px solid var(--zcb-green-700) !important;
	border-radius: 6px;
}

.zcb-media .zcb-media__actions .zcb-button .wp-block-button__link::before {
	content: "";
	width: 22px;
	height: 22px;
	margin-right: 16px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M6 2.5h7l4 4V19.5H6V2.5Z' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3Cpath d='M13 2.5V7h4M8.8 11h5M8.8 14.2h5M8.8 17.4h3.4' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M6 2.5h7l4 4V19.5H6V2.5Z' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3Cpath d='M13 2.5V7h4M8.8 11h5M8.8 14.2h5M8.8 17.4h3.4' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
}

.zcb-media .zcb-media__actions .zcb-button .wp-block-button__link::after {
	content: "\2192";
	margin-left: 18px;
	font-size: 1.08rem;
	line-height: 1;
}

.zcb-media .zcb-media__actions .zcb-button:hover {
	background: var(--zcb-green-700);
	color: var(--zcb-white);
}

@media (max-width: 1200px) {
	.zcb-media {
		padding-top: 58px !important;
		padding-bottom: 64px !important;
	}

	.zcb-media__subtitle {
		margin-bottom: 42px !important;
	}

	.zcb-media > .zcb-container > .zcb-media__grid > .zcb-media-card:first-child {
		grid-column: auto;
	}

	.zcb-media-card__image,
	.zcb-media > .zcb-container > .zcb-media__grid > .zcb-media-card:first-child .zcb-media-card__image {
		height: 230px;
	}

	.zcb-media > .zcb-container > .zcb-media__grid > .zcb-media-card:first-child .zcb-media-card__body {
		min-height: 230px;
	}

	.zcb-media > .zcb-container > .zcb-media__grid > .zcb-media-card:first-child .zcb-media-card__title {
		font-size: 16px;
		line-height: 1.35 !important;
	}
}

@media (max-width: 640px) {
	.zcb-media {
		padding-top: 44px !important;
		padding-bottom: 52px !important;
	}

	.zcb-media__subtitle {
		max-width: none;
		margin-bottom: 30px !important;
		font-size: 1rem;
	}

	.zcb-media > .zcb-container > .zcb-media__grid > .zcb-media-card:first-child {
		grid-column: auto;
	}

	.zcb-media-card__image,
	.zcb-media > .zcb-container > .zcb-media__grid > .zcb-media-card:first-child .zcb-media-card__image {
		height: 210px;
	}

	/* .zcb-media-card__badge {
		left: 20px;
		bottom: -44px;
		font-size: 0.92rem;
	} */

	.zcb-media-card__body,
	.zcb-media > .zcb-container > .zcb-media__grid > .zcb-media-card:first-child .zcb-media-card__body {
		min-height: 0;
		padding: 26px 20px 26px;
	}

	.zcb-media-card__date {
		margin-bottom: 12px !important;
		font-size: 14px;
	}

	.zcb-media-card__title,
	.zcb-media > .zcb-container > .zcb-media__grid > .zcb-media-card:first-child .zcb-media-card__title {
		font-size: 18px;
	}

	.zcb-media__separator {
		margin-top: 42px;
		margin-bottom: 30px;
	}

	.zcb-media__more-text {
		font-size: 0.95rem;
	}

	.zcb-media__actions .zcb-button,
	.zcb-media__actions .zcb-button .wp-block-button__link {
		width: 100%;
		min-width: 0;
	}
}

.zcb-news-contact {
	padding-top: 52px;
	padding-bottom: 52px;
	background: #f5f6f4;
}

.zcb-news-contact__grid {
	display: grid;
	grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.42fr);
	gap: 28px;
	align-items: stretch;
}

.zcb-news-side,
.zcb-contact-panel {
	padding: 56px 52px 50px;
	background: var(--zcb-white);
	border-radius: 8px;
	box-shadow: 0 14px 32px rgba(var(--zcb-dark-green-rgb), 0.07);
}

/* .zcb-news-contact .zcb-section__title {
	margin: 0;
	color: var(--zcb-green-900);
	font-size: clamp(2rem, 2.55vw, 2.88rem) !important;
	font-weight: 800;
	line-height: 1;
	letter-spacing: 0;
	text-transform: uppercase;
}

.zcb-news-contact .zcb-section__title mark {
	color: inherit !important;
	background: transparent !important;
} */

.zcb-news-contact .zcb-section__rule {
	width: 56px;
	height: 4px;
	margin: 30px 0 42px;
	background: var(--zcb-green-900);
}

/* .zcb-news-contact .wp-block-separator {
	width: 56px !important;
	height: 4px !important;
	margin: 0 !important;
	border: 0 !important;
	background: var(--zcb-green-900) !important;
	opacity: 1;
} */

/* .zcb-news-contact .wp-block-group:has(> .wp-block-separator) {
	padding-top: 30px !important;
	padding-bottom: 42px !important;
} */

.zcb-news-empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 322px;
	padding: 36px 44px;
	background: linear-gradient(135deg, #093d20 0%, #093d20 100%);
	border-radius: 6px;
	text-align: center;
}

.zcb-news-empty__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	margin-bottom: 24px;
	border-radius: 50%;
	background: rgb(255 255 255 / 10%);
    color: #ffffff;
}

.zcb-news-empty__icon svg {
	width: 48px;
	height: 48px;
}

/* .zcb-news-empty__title {
	margin: 0 0 16px;
	padding: 0 !important;
	color: #101828;
	font-size: clamp(1.45rem, 1.7vw, 1.85rem);
	font-weight: 800;
	line-height: 1.2;
	text-transform: none !important;
} */

.zcb-news-empty__text {
	/* max-width: 440px;
	margin: 0;
	color: var(--zcb-text);
	font-size: 1.07rem;
	line-height: 1.65; */
	margin-top: 10px;
}

.zcb-news-feed {
	display: grid;
	gap: 12px;
}

/* .zcb-news-item {
	display: grid;
	grid-template-columns: 42px 1fr 18px;
	align-items: start;
	column-gap: 14px;
	padding: 2px 0 16px;
	border-bottom: 1px solid var(--zcb-line);
} */

.zcb-news-item:last-child {
	border-bottom: 0;
}

.zcb-news-symbol {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--zcb-green-200);
	color: var(--zcb-green-700);
}

/* .zcb-news-item__title {
	margin: 0 0 4px;
	color: var(--zcb-green-700);
	font-size: 0.88rem;
	font-weight: 700;
	line-height: 1.35;
} */

/* .zcb-news-item__text {
	margin: 0;
	font-size: 0.84rem;
	line-height: 1.48;
} */

.zcb-arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	color: var(--zcb-green-700);
	margin-top: 10px;
}

.zcb-news-contact__actions {
	margin-top: 32px;
}

.zcb-news-side .zcb-news-contact__actions {
	margin-top: 28px;
}

.zcb-news-side .zcb-news-contact__actions .wp-block-button,
.zcb-news-side .zcb-news-contact__actions .wp-block-button__link {
	width: 100%;
}

.zcb-news-side .zcb-button--light .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 56px;
	border: 1px solid var(--zcb-green-900);
	border-radius: 6px;
	background: transparent;
	color: var(--zcb-green-900);
	font-size: 1rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.zcb-news-side .zcb-button--light .wp-block-button__link::after {
	content: "";
	width: 22px;
	height: 18px;
	margin-left: 24px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='18' viewBox='0 0 22 18' fill='none'%3E%3Cpath d='M1 9h18M12 2l7 7-7 7' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='18' viewBox='0 0 22 18' fill='none'%3E%3Cpath d='M1 9h18M12 2l7 7-7 7' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}

.zcb-contact-box {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 48px;
	align-items: start;
}

.zcb-news-contact .wp-block-shortcode {
	margin: 0;
	min-width: 0;
}

.zcb-news-contact .zcb-contact-box > p {
	min-width: 0;
	margin: 0;
}

.zcb-news-contact .forminator-ui {
	margin: 0 !important;
	width: 100% !important;
	max-width: none !important;
}

.zcb-news-contact div.forminator-custom-form {
	display: none;
}

.zcb-news-contact form.forminator-custom-form {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px 16px;
	width: 100% !important;
	max-width: none !important;
}

.zcb-news-contact .forminator-row {
	display: contents !important;
	margin: 0 !important;
}

.zcb-news-contact .forminator-col,
.zcb-news-contact .forminator-field {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	flex: 0 0 auto !important;
	margin: 0 !important;
	padding: 0 !important;
}

.zcb-news-contact .forminator-col-12,
.zcb-news-contact .forminator-row-last,
.zcb-news-contact #textarea-1 {
	grid-column: 1 / -1;
}

.zcb-news-contact .forminator-response-message,
.zcb-news-contact input[type="hidden"] {
	display: none !important;
}

.zcb-news-contact .forminator-input,
.zcb-news-contact .forminator-textarea {
	width: 100% !important;
	border: 1px solid var(--zcb-input-border) !important;
	border-radius: 8px !important;
	background: var(--zcb-white) !important;
	color: var(--zcb-text) !important;
	font-family: "Jost", sans-serif !important;
	font-size: 1rem !important;
	line-height: 1.35 !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
}

.zcb-news-contact .forminator-input {
	min-height: 58px !important;
	padding: 16px 18px !important;
}

.zcb-news-contact .forminator-textarea {
	min-height: 222px !important;
	padding: 20px 18px !important;
	resize: vertical;
}

.zcb-news-contact .forminator-input::placeholder,
.zcb-news-contact .forminator-textarea::placeholder {
	color: var(--zcb-placeholder) !important;
	opacity: 1 !important;
}

.zcb-news-contact .forminator-button-submit {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	min-height: 66px !important;
	padding: 16px 24px !important;
	border: 0 !important;
	border-radius: 8px !important;
	background: var(--zcb-green-900) !important;
	color: var(--zcb-white) !important;
	font-family: "Jost", sans-serif !important;
	font-size: 1.12rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.02em !important;
	text-transform: uppercase !important;
	box-shadow: 0 14px 24px rgba(var(--zcb-dark-green-rgb), 0.14) !important;
	cursor: pointer;
}

.zcb-news-contact .forminator-button-submit::before {
	content: "";
	width: 27px;
	height: 27px;
	margin-right: 22px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M25 3 12.7 25l-2.8-9.9L3 12.3 25 3Z' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='m10 15 7-4' stroke='black' stroke-width='2.1' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M25 3 12.7 25l-2.8-9.9L3 12.3 25 3Z' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='m10 15 7-4' stroke='black' stroke-width='2.1' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
}

.zcb-contact-form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.zcb-contact-field {
	display: flex;
	flex-direction: column;
}

.zcb-contact-field--full {
	grid-column: 1 / -1;
}

.zcb-contact-input,
.zcb-contact-textarea {
	width: 100%;
	padding: 13px 15px;
	border: 1px solid var(--zcb-input-border);
	border-radius: 8px;
	background: var(--zcb-white);
	color: var(--zcb-text);
	font: inherit;
	font-size: 16px;
	box-sizing: border-box;
}

.zcb-contact-input {
	min-height: 50px;
}

.zcb-contact-input::placeholder,
.zcb-contact-textarea::placeholder {
	color: var(--zcb-placeholder);
}

.zcb-contact-textarea {
	min-height: 138px;
	resize: vertical;
}

.zcb-contact-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 54px;
	padding: 13px 22px;
	border: 0;
	border-radius: 8px;
	background: var(--zcb-green-700);
	color: var(--zcb-white);
	font-family: "Jost", sans-serif;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	cursor: pointer;
}

.zcb-contact-side {
	padding: 0 0 0 30px;
	border-left: 1px solid rgba(var(--zcb-dark-green-rgb), 0.12);
}

.zcb-contact-list li {
	position: relative;
	/* min-height: 34px; */
	padding-left: 45px;
	/* color: #111827;
	font-size: 1.11rem;
	line-height: 1.55; */
}

.zcb-contact-list li + li {
	margin-top: 20px;
}

.zcb-contact-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 30px;
	background: var(--zcb-color-primary-green);
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
}

.zcb-contact-list li:nth-child(1)::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 18s5-4.8 5-9a5 5 0 1 0-10 0c0 4.2 5 9 5 9Z' stroke='black' stroke-width='1.8'/%3E%3Ccircle cx='10' cy='9' r='1.8' fill='black'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 18s5-4.8 5-9a5 5 0 1 0-10 0c0 4.2 5 9 5 9Z' stroke='black' stroke-width='1.8'/%3E%3Ccircle cx='10' cy='9' r='1.8' fill='black'/%3E%3C/svg%3E");
}

.zcb-contact-list li:nth-child(2)::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect x='2.5' y='4.5' width='15' height='11' rx='1.5' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m4 6 6 5 6-5' stroke='black' stroke-width='1.8'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect x='2.5' y='4.5' width='15' height='11' rx='1.5' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m4 6 6 5 6-5' stroke='black' stroke-width='1.8'/%3E%3C/svg%3E");
}

.zcb-contact-list li:nth-child(3)::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 3.5c0 6.1 5 11 11 11l1.5-3.1-3.3-1.1-1.6 1.6A9.7 9.7 0 0 1 7.1 7.4L8.7 5.8 7.6 2.5 5 3.5Z' stroke='black' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 3.5c0 6.1 5 11 11 11l1.5-3.1-3.3-1.1-1.6 1.6A9.7 9.7 0 0 1 7.1 7.4L8.7 5.8 7.6 2.5 5 3.5Z' stroke='black' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.zcb-contact-list li:nth-child(4)::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='7' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M3 10h14M10 3a12 12 0 0 1 0 14M10 3a12 12 0 0 0 0 14' stroke='black' stroke-width='1.4'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='7' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M3 10h14M10 3a12 12 0 0 1 0 14M10 3a12 12 0 0 0 0 14' stroke='black' stroke-width='1.4'/%3E%3C/svg%3E");
}

.zcb-socials {
	display: flex;
	gap: 16px;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid rgba(var(--zcb-dark-green-rgb), 0.12);
}

/* .zcb-socials::before {
	content: "Pratite nas";
	position: absolute;
	margin-top: -72px;
	color: #111827;
	font-size: 1rem;
	font-weight: 800;
	text-transform: uppercase;
} */

.zcb-social {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	/* border: 1px solid rgba(var(--zcb-dark-green-rgb), 0.2); */
	border-radius: 50%;
	background: var(--zcb-white);
	color: var(--zcb-green-900);
	font-family: "Jost", sans-serif;
	font-size: 1rem;
	font-weight: 700;
	text-decoration: none;
}

.zcb-social img {
	width: 48px;
	height: 48px;
	object-fit: contain;
	transition: transform 0.3s ease-in-out;
	/* filter: brightness(0) saturate(100%) invert(15%) sepia(51%) saturate(981%) hue-rotate(101deg) brightness(94%) contrast(99%); */
}

.zcb-social img:hover {
	transform: scale(1.05);
}

.zcb-footer {
	padding: 58px 0 20px;
	background: var(--zcb-white);
	color: var(--zcb-text);
}

.zcb-footer__inner {
	max-width: var(--zcb-container);
	display: grid !important;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 0;
	align-items: stretch;
	padding: 60px;
	background: #ffffff;
	border: 1px solid rgba(var(--zcb-dark-green-rgb), 0.08);
	border-radius: 10px;
	box-shadow: 0 4px 20px rgba(var(--zcb-dark-green-rgb), 0.1);
}

.zcb-footer__inner.wp-block-columns {
	margin-bottom: 0;
}

.zcb-footer__inner > .wp-block-column {
	min-width: 0;
	margin: 0;
	padding: 0;
	border-left: 1px solid rgba(var(--zcb-primary-green-rgb), 0.25);
}

.zcb-footer__inner > .wp-block-column:first-child {
	border-left: 0;
}

.zcb-footer__inner > .wp-block-column:not(:first-child) {
	padding-left: 74px;
}

.zcb-footer__inner > .wp-block-column:not(:last-child) {
	padding-right: 54px;
}

.zcb-footer-eu img {
	width: 176px;
}

/* .zcb-footer__text,
.zcb-footer__note,
.zcb-footer-links li,
.zcb-footer-links .wp-block-navigation-item {
	margin: 0;
	color: #121212;
	font-size: clamp(1.15rem, 1.35vw, 1.48rem);
	font-weight: 400;
	line-height: 1.95;
} */

/* .zcb-footer__title {
	margin: 0 0 44px;
	color: var(--zcb-green-900);
	font-family: "Jost", sans-serif;
	font-size: clamp(1.48rem, 2vw, 2rem);
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.1;
	text-transform: uppercase;
}

.zcb-footer__title::after {
	content: "";
	display: block;
	width: 66px;
	height: 5px;
	margin-top: 32px;
	background: var(--zcb-green-700);
} */

.zcb-footer__text {
	max-width: 420px;
}

.zcb-footer__address-rule {
	width: 58px;
	height: 1px;
	margin: 22px 0 18px;
	background: rgba(var(--zcb-primary-green-rgb), 0.28);
}

.zcb-footer__text--oib {
	margin-top: 0;
}

.zcb-footer__note {
	max-width: 470px;
	/* font-size: clamp(1.18rem, 1.42vw, 1.56rem);
	line-height: 2.02; */
}

.zcb-footer-links {
	gap: 8px;
	align-items: stretch;
}

.zcb-footer-links a,
.zcb-footer-links .wp-block-navigation-item__content {
	display: inline-flex;
	align-items: center;
	gap: 18px;
	/* color: #121212; */
	font-size: 16px;
	font-weight: 400;
	line-height: 1.35;
	text-decoration: none;
}

/* .zcb-footer-links a::before,
.zcb-footer-links .wp-block-navigation-item__content::before {
	content: "›";
	color: var(--zcb-green-700);
	font-size: 2.1rem;
	font-weight: 800;
	line-height: 0.8;
	margin-top: -5px;
} */

.zcb-footer-links .wp-block-navigation-item {
	padding-bottom: 8px;
    border-bottom: 2px solid #e3e3e3;
}

.zcb-footer-links .wp-block-navigation-item:last-of-type {
	padding-bottom: 0;
    border-bottom: 0;
}

.zcb-footer-links a:hover,
.zcb-footer-links .wp-block-navigation-item__content:hover {
	color: var(--zcb-green-900);
	text-decoration: none;
}

.zcb-footer-bottom {
	background: var(--zcb-white);
	padding: 32px 20px;
	text-align: center;
}

/* .zcb-footer-bottom__text {
	font-size: 0.8rem;
	line-height: 1.45;
} */

.zcb-footer-bottom__image {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	height: auto;
}

.zcb-footer-logo img {
	width: auto;
	height: auto;
	max-width: 100%;
	object-fit: contain;
}

.zcb-footer-logo--eu {
	max-width: 176px;
}

.zcb-footer-logo--eu img {
	max-height: 58px;
}

.zcb-footer-logo--croatia {
	max-width: 82px;
}

.zcb-footer-logo--croatia img {
	max-height: 42px;
}

.zcb-footer-logo--itu {
	max-width: 58px;
}

.zcb-footer-logo--itu img {
	max-height: 48px;
}

.zcb-footer-logo--ministry {
	max-width: 176px;
}

.zcb-footer-logo--ministry img {
	max-height: 48px;
}

.zcb-footer-logo--safu {
	max-width: 160px;
}

.zcb-footer-logo--safu img {
	max-height: 44px;
}

.zcb-footer-logo--city {
	max-width: 130px;
}

.zcb-footer-logo--city img {
	max-height: 44px;
}

.zcb-footer-logo--komunalac {
	max-width: 126px;
}

.zcb-footer-logo--komunalac img {
	max-height: 48px;
}

@media (max-width: 1200px) {
	.zcb-container {
		width: min(var(--zcb-container), calc(100% - 44px));
	}

	.zcb-hero {
		min-height: 700px!important;
		background-position: 66% 50%;
	}

	.zcb-hero__inner {
		min-height: 700px!important;
	}

	.zcb-hero__content {
		width: min(100%, 430px);
	}

	.zcb-hero__meta {
		padding: 28px 22px;
	}

	.zcb-hero__meta-item {
		grid-template-columns: 50px 1fr;
		column-gap: 16px;
		padding: 0 18px;
	}

	.zcb-header__inner {
		column-gap: 28px;
		min-height: 108px;
	}

	.zcb-header__brand {
		gap: 24px;
	}

	/* .zcb-logo img {
		width: 134px;
		max-width: 134px;
	} */

	.zcb-nav {
		gap: 20px;
	}

	.zcb-nav .wp-block-navigation__container {
		gap: 20px;
	}

	.zcb-header__inner > .zcb-nav {
    margin-left: clamp(2px, 6vw, 60px);
	}

	.zcb-nav a,
	.zcb-nav .wp-block-navigation-item__content {
		font-size: 14px;
	}

	.zcb-eu-badge img {
		width: 166px!important;
		padding-right: 15px;
	}

	.zcb-stats__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.zcb-partner-list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.zcb-media__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.zcb-footer__inner {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		padding: 54px 44px 56px;
	}

	.zcb-footer__inner > .wp-block-column {
		padding: 0;
	}

	.zcb-footer__inner > .wp-block-column:not(:first-child) {
		padding-left: 38px;
	}

	.zcb-footer__inner > .wp-block-column:not(:last-child) {
		padding-right: 30px;
	}
}

@media (max-width: 1000px) {
	.zcb-header__inner > .zcb-nav {
    margin-left: 0;
	}
}

@media (max-width: 900px) {
	h2 {
		font-size: 32px!important;
	}

	.zcb-media__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.zcb-header__inner {
		grid-template-columns: 1fr auto;
		column-gap: 18px;
		min-height: 70px;
		padding: 10px 0;
	}

	.zcb-header__inner > .zcb-header__brand,
	.zcb-header__inner > .zcb-logo {
		grid-column: 1;
	}

	.zcb-header__brand {
		gap: 0;
	}

	.zcb-logo {
		justify-content: flex-start;
	}

	/* .zcb-logo::before {
		content: none;
	} */

	.zcb-nav
	/* .zcb-eu-badge */
	{
		display: none;
	}

	.zcb-mobile-menu-toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 5px;
		width: 46px;
		height: 46px;
		padding: 0;
		border: 1px solid rgba(var(--zcb-primary-green-rgb), 0.28);
		border-radius: 8px;
		background: var(--zcb-white);
		color: var(--zcb-green-700);
		cursor: pointer;
	}

	.zcb-mobile-menu-toggle:focus-visible,
	.zcb-mobile-menu__close:focus-visible,
	.zcb-mobile-menu__nav a:focus-visible,
	.zcb-mobile-menu__cta:focus-visible {
		outline: 3px solid rgba(var(--zcb-primary-green-rgb), 0.55);
		outline-offset: 3px;
	}

	.zcb-mobile-menu-toggle__bar {
		display: block;
		width: 22px;
		height: 2px;
		border-radius: 999px;
		background: currentColor;
	}

	.zcb-mobile-menu-backdrop {
		position: fixed;
		inset: 0;
		z-index: 90;
		display: block;
		background: rgba(var(--zcb-dark-green-rgb), 0.58);
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.2s ease;
	}

	.zcb-mobile-menu-backdrop[hidden] {
		display: none;
	}

	.zcb-mobile-menu {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: 100;
		display: flex;
		flex-direction: column;
		width: min(88vw, 390px);
		padding: 22px;
		background: var(--zcb-white);
		box-shadow: -18px 0 44px rgba(var(--zcb-dark-green-rgb), 0.22);
		overflow-y: auto;
		transform: translateX(100%);
		transition: transform 0.24s ease;
	}

	.zcb-mobile-menu__header {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		gap: 18px;
		padding-bottom: 20px;
		border-bottom: 1px solid var(--zcb-line);
	}

	.zcb-mobile-menu__brand {
		display: grid;
		gap: 9px;
		color: var(--zcb-green-700);
		font-family: "Jost", sans-serif;
		font-size: 0.98rem;
		font-weight: 700;
		line-height: 1.1;
		text-decoration: none;
		text-transform: uppercase;
	}

	.zcb-mobile-menu__brand img {
		width: 200px;
	}

	.zcb-mobile-menu__close {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex: 0 0 auto;
		width: 40px;
		height: 40px;
		border: 1px solid rgba(var(--zcb-primary-green-rgb), 0.22);
		border-radius: 8px;
		background: var(--zcb-soft-surface);
		color: var(--zcb-green-700);
		font-size: 1.75rem;
		line-height: 1;
		cursor: pointer;
	}

	.zcb-mobile-menu__nav {
		display: grid;
		gap: 4px;
		padding: 20px 0;
	}

	.zcb-mobile-menu__nav a {
		display: flex;
		align-items: center;
		min-height: 46px;
		padding: 10px 2px;
		border-bottom: 1px solid rgba(var(--zcb-primary-green-rgb), 0.72);
		color: var(--zcb-text);
		font-family: "Jost", sans-serif;
		font-size: 1rem;
		font-weight: 700;
		letter-spacing: 0.045em;
		text-decoration: none;
		text-transform: uppercase;
	}

	.zcb-mobile-menu__nav a:last-of-type {
		display: none;
	}

	.zcb-mobile-menu__nav a:hover {
		color: var(--zcb-green-700);
	}

	.zcb-mobile-menu__cta {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 50px;
		margin: 2px 0 24px;
		padding: 12px 20px;
		border-radius: 8px;
		background: var(--zcb-green-700);
		color: var(--zcb-white);
		font-family: "Jost", sans-serif;
		font-weight: 700;
		letter-spacing: 0.04em;
		text-decoration: none;
		text-transform: uppercase;
	}

	.zcb-mobile-menu__eu {
		margin-top: auto;
		padding-top: 18px;
		border-top: 1px solid var(--zcb-line);
	}

	.zcb-mobile-menu__eu img {
		width: 176px;
	}

	.zcb-mobile-menu__eu p {
		margin: 12px 0 0;
		color: var(--zcb-muted);
		font-size: 0.84rem;
		line-height: 1.45;
	}

	body.zcb-mobile-menu-open {
		overflow: hidden;
	}

	.zcb-header.is-mobile-menu-open .zcb-mobile-menu {
		transform: translateX(0);
	}

	.zcb-header.is-mobile-menu-open .zcb-mobile-menu-backdrop {
		opacity: 1;
		pointer-events: auto;
	}

	.zcb-hero {
		min-height: auto;
		background:
			url("https://zcb.flow.com.hr/wp-content/uploads/2026/07/zcb-hero-slika.jpg") 72% 50% / cover no-repeat,
			linear-gradient(135deg, var(--zcb-green-800) 0%, var(--zcb-green-600) 100%);
	}

	.zcb-hero::before {
		inset: 0;
		/* background:
			linear-gradient(90deg, rgba(var(--zcb-white-rgb), 1) 0%, rgba(var(--zcb-white-rgb), 0.98) 27%, rgba(var(--zcb-white-rgb), 0.88) 34%, rgba(var(--zcb-white-rgb), 0.42) 43%, rgba(var(--zcb-white-rgb), 0.06) 56%, rgba(var(--zcb-white-rgb), 0) 100%);
		z-index: -1; */
		background: url(https://zcb.flow.com.hr/wp-content/uploads/2026/07/zcb-hero-slika.jpg) 50% 50% / cover no-repeat;
		}

		.zcb-hero::after {
			background:
				linear-gradient(180deg, rgba(var(--zcb-white-rgb), 0.98) 0%, rgba(var(--zcb-white-rgb), 0.82) 70%, rgba(var(--zcb-white-rgb), 0.2) 100%);
		}

	.zcb-hero__inner {
		min-height: auto;
		padding: 48px 0 32px!important;
		align-items: start;
	}

	.zcb-hero__content {
		width: min(100%, 520px);
	}

	.zcb-hero__meta {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin-top: 34px;
		padding: 24px;
	}

	.zcb-hero__meta-item {
		padding: 18px;
		border-left: 0;
		border-top: 1px solid rgba(var(--zcb-dark-green-rgb), 0.13);
	}

	.zcb-hero__meta-item:nth-child(-n+2) {
		border-top: 0;
	}

	.zcb-hero__meta-item:nth-child(2n) {
		border-left: 1px solid rgba(var(--zcb-dark-green-rgb), 0.13);
	}

	.zcb-project__grid,
	.zcb-activities__grid,
	.zcb-news-contact__grid,
	.zcb-contact-box {
		grid-template-columns: 1fr;
	}

	.zcb-contact-box {
		gap: 34px;
	}

	.zcb-news-contact__grid {
		gap: 28px;
	}

	.zcb-news-side,
	.zcb-contact-panel {
		padding: 42px 36px;
	}

	.zcb-contact-side {
		padding: 34px 0 0;
		border-top: 1px solid rgba(var(--zcb-dark-green-rgb), 0.12);
		border-left: 0;
	}
}

@media (min-width: 900px) {
	.zcb-hero {
		min-height: 700px;
		background: var(--zcb-white);
	}

	.zcb-hero::before {
		top: 0;
		right: 0;
		bottom: 0;
		left: var(--zcb-hero-image-start);
		background: url("https://zcb.flow.com.hr/wp-content/uploads/2026/07/zcb-hero-slika.jpg") -5% 50% / cover no-repeat;
		z-index: -2;
	}

	.zcb-hero::after {
		background:
			linear-gradient(90deg, rgba(var(--zcb-white-rgb), 1) 1px, rgba(var(--zcb-white-rgb), 1) calc(var(--zcb-hero-image-start) - 40px), rgba(var(--zcb-white-rgb), 1) calc(var(--zcb-hero-image-start) - 0px), rgba(var(--zcb-white-rgb), 1) calc(var(--zcb-hero-image-start) + 148px), rgba(var(--zcb-white-rgb), 0.92) calc(var(--zcb-hero-image-start) + 150px), rgba(var(--zcb-white-rgb), 0) calc(var(--zcb-hero-image-start) + 185px), rgba(var(--zcb-white-rgb), 0) calc(var(--zcb-hero-image-start) + var(--zcb-hero-fade-width))),
   linear-gradient(180deg, rgba(var(--zcb-white-rgb), 0) 0%, rgba(var(--zcb-white-rgb), 0) 90%, rgba(var(--zcb-white-rgb), 0.78) 100%);
	}
}

@media (max-width: 781px) {
    .zcb-illustration {
        margin: 30px 0!important;
        justify-content: start;
    }
    
    .zcb-contact-side {
	    padding-top: 20px;
    }
    
    .zcb-footer__title {
        margin-top: 0 !important;
    }
}

@media (max-width: 640px) {
	.zcb-container {
		width: min(var(--zcb-container), calc(100% - 26px));
	}

	/* .zcb-logo img {
		width: 186px;
		max-width: 186px;
	} */

		.itu-logo img {
		max-width: 95px;
	}

	.zcb-logo::before {
    left: 0px;
	}

	.zcb-eu-badge img {
		width: 150px!important;
	}

	.zcb-hero {
		min-height: auto;
		background-position: 70% 42%;
	}

	.zcb-hero__title {
		font-size: clamp(2.25rem, 11vw, 3.15rem);
	}

	/* .zcb-hero__brand {
		gap: 14px;
		margin-bottom: 22px;
		max-width: 260px;
	} */

	.zcb-hero__content img {
		max-width: 300px;
	}

	.zcb-hero__mark {
		font-size: clamp(3.3rem, 18vw, 5rem);
	}

	/* .zcb-hero__headline {
		font-size: clamp(1.55rem, 7.2vw, 2.1rem);
	} */

	/* .zcb-hero__lead {
		font-size: 0.94rem;
	} */

	.zcb-hero__meta {
		gap: 0;
		padding: 14px;
	}

	.zcb-hero__meta,
	.zcb-stats__grid,
	.zcb-partner-list,
	.zcb-media__grid,
	.zcb-footer__inner {
		grid-template-columns: 1fr;
	}

	.zcb-news-contact {
		padding-top: 34px;
		padding-bottom: 34px;
	}

	.zcb-news-side,
	.zcb-contact-panel {
		padding: 32px 22px;
	}

	.zcb-news-contact form.forminator-custom-form {
		grid-template-columns: 1fr;
	}

	.zcb-news-empty {
		min-height: 260px;
		padding: 30px 20px;
	}

	.zcb-contact-list li {
		padding-left: 45px;
	}

	.zcb-contact-list li::before {
		width: 28px;
		height: 28px;
	}

	.zcb-footer {
		padding: 42px 0 28px;
	}

	.zcb-footer__inner {
		padding: 34px 26px;
	}

	.zcb-footer__inner > .wp-block-column {
		padding: 0;
		border-left: 0;
		border-top: 1px solid rgba(var(--zcb-primary-green-rgb), 0.22);
	}

	.zcb-footer__inner > .wp-block-column:not(:first-child),
	.zcb-footer__inner > .wp-block-column:not(:last-child) {
		padding-right: 0;
		padding-left: 0;
	}

	.zcb-footer__inner > .wp-block-column:first-child {
		border-top: 0;
		padding-bottom: 30px;
	}

	.zcb-footer__inner > .wp-block-column + .wp-block-column {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	/* .zcb-footer__title {
		margin-bottom: 26px;
		font-size: 1.28rem;
	}

	.zcb-footer__title::after {
		width: 48px;
		height: 4px;
		margin-top: 18px;
	} */

	.zcb-footer__text,
	.zcb-footer__note,
	.zcb-footer-links li,
	.zcb-footer-links .wp-block-navigation-item,
	.zcb-footer-links a,
	.zcb-footer-links .wp-block-navigation-item__content {
		font-size: 1rem;
	}

	.zcb-hero__meta-item,
	.zcb-hero__meta-item:nth-child(2n) {
		grid-template-columns: 46px 1fr;
		min-height: 0;
		padding: 16px 8px;
		border-left: 0;
		border-top: 1px solid rgba(var(--zcb-dark-green-rgb), 0.13);
	}

	.zcb-hero__meta-item:first-child {
		border-top: 0;
	}

	.zcb-hero .zcb-icon-round {
		width: 42px;
		height: 42px;
	}

	.zcb-hero .zcb-icon-round svg {
		width: 36px;
		height: 36px;
	}

	.zcb-hero__meta-label {
		font-size: 0.9rem;
	}

	.zcb-hero__meta-value {
		font-size: 0.98rem;
	}

	.zcb-buttons {
		flex-direction: column;
		align-items: stretch;
	}

	.zcb-button {
		width: 100%;
	}

	.zcb-button .wp-block-button__link {
		width: 100%;
	}

	.zcb-media-card__image {
		height: 190px;
	}

	/* .zcb-news-item {
		grid-template-columns: 40px 1fr;
		row-gap: 8px;
	} */

	.zcb-arrow {
		display: none;
	}
}

/* PAGE TEMPLATE EDIT */
.zcb-static-page {
	background: #f7f6ef;
	padding: 72px 24px;
}

.zcb-static-page__container {
	max-width: 1400px;
	margin: 0 auto;
	background: #ffffff;
	padding: 56px;
	border-radius: 18px;
	box-shadow: 0 18px 45px rgba(9, 61, 32, 0.08);
}

.zcb-static-page__title {
	margin: 0 0 32px;
	color: #093d20;
	font-size: clamp(2rem, 4vw, 3.5rem);
	line-height: 1.05;
}

.zcb-static-page__content {
	color: #231f20;
	font-size: 1rem;
	line-height: 1.75;
}

.zcb-static-page__content h2 {
	margin-top: 40px;
	color: #093d20;
}

.zcb-static-page__content p,
.zcb-static-page__content ul,
.zcb-static-page__content ol {
	margin-bottom: 1.2em;
}

@media (max-width: 768px) {
	.zcb-static-page {
		padding: 40px 16px;
	}

	.zcb-static-page__container {
		padding: 32px 22px;
		border-radius: 14px;
	}
	.zcb-footer-bottom__logos {
	    display: grid!important;
        grid-template-columns: repeat(2, 1fr)!important;
	}
	.zcb-footer-bottom__logos > :last-child {
        grid-column: 1 / -1;
        justify-self: center;
    }
	figure.wp-block-image.size-full.zcb-footer-bottom__image {
        max-width: 85px;
        place-self: center;
    }
    figure.wp-block-image.size-large.zcb-footer-bottom__image.wp-container-content-e73e3658 {
        max-width: 150px;
    }
}

.zcb-mobile-menu__brand span {
    display: none;
}

/* NASLOVNICA - OBJAVE */
.zcb-media__more {
	overflow: hidden;
	max-height: 0;
	opacity: 0;
	transform: translateY(-16px);
	pointer-events: none;
	transition:
		max-height .6s ease,
		opacity .35s ease,
		transform .35s ease;
}
/* Gutenberg editor */
.editor-styles-wrapper .zcb-media__more {
	max-height: none !important;
	opacity: 1 !important;
	transform: none !important;
	overflow: visible !important;
	pointer-events: auto !important;
}

.zcb-media.is-expanded .zcb-media__more {
	max-height: 3000px; /* dovoljno veliko */
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}

.forminator-edit-module {
    display: none;
}

/* ===== FORMINATOR - ZELENI CENTAR ===== */

.forminator-ui {
    --border: #D9D9D9;
    --green: #3F8440;
    --text: #1C1C1C;
    --placeholder: #7A7A7A;
}

/* Grid */
.forminator-ui .forminator-row {
    margin-bottom: 0px !important;
}

.forminator-ui .forminator-col-6 {
    padding: 0px !important;
}

.forminator-ui .forminator-col-12 {
    padding: 0px !important;
    margin-top: 0px!important;
}

/* Inputi i textarea */
.forminator-ui input.forminator-input,
.forminator-ui textarea.forminator-textarea {
    width: 100%;
    border: 1px solid var(--border) !important;
    border-radius: 6px !important;
    background: #fff !important;

    font-size: 16px !important;
    font-weight: 500;
    color: var(--text);

    padding: 0 20px !important;

    transition: .25s ease;
    box-shadow: none !important;
}

/* Visina inputa */
.forminator-ui input.forminator-input {
    height: 48px !important;
}

/* Textarea */
.forminator-ui textarea.forminator-textarea {
    min-height: 190px !important;
    padding-top: 22px !important;
    resize: vertical;
}

/* Placeholder */
.forminator-ui input::placeholder,
.forminator-ui textarea::placeholder {
    color: var(--placeholder) !important;
    opacity: 1;
    font-size: 18px;
    font-weight: 500;
}

/* Focus */
.forminator-ui input:focus,
.forminator-ui textarea:focus {
    border-color: var(--green) !important;
    outline: none;
    box-shadow: 0 0 0 3px rgba(63,132,64,.12);
}

/* Button */
.forminator-ui .forminator-button-submit {
    width: 100%;
    height: 76px;

    border: none !important;
    border-radius: 18px !important;

    background: #093d20 !important;

    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: .4px;

    transition: .25s ease;
    box-shadow: none !important;
}

.forminator-ui .forminator-button-submit:hover {
    /* background: #347136 !important; */
    transform: translateY(-1px);
}

.forminator-ui .forminator-button-submit:active {
    transform: translateY(0);
}

/* Makni default spacing */
.forminator-ui .forminator-field {
    margin-bottom: 0 !important;
}

.forminator-ui .forminator-row-last {
    margin-top: 20px !important;
    padding: 0px !important;
}

.forminator-ui.forminator-custom-form[data-grid=open] .forminator-col:not(:last-child) {
    margin-bottom: 10px;
}

button.forminator-button.forminator-button-submit {
    width: 100% !important;
    border-radius: 6px !important;
}

#forminator-module-371 {
    margin-bottom: 0!important;
}

/* Responsive */
@media (max-width:768px){

    .forminator-ui .forminator-col-6,
    .forminator-ui .forminator-col-12{
        padding:0 !important;
    }

    .forminator-ui input.forminator-input{
        height:48px!important;
        font-size:17px!important;
    }

    .forminator-ui textarea.forminator-textarea{
        min-height:170px!important;
    }

    .forminator-ui .forminator-button-submit{
        height:68px;
        font-size:20px!important;
    }

}

.forminator-ui input::placeholder,
.forminator-ui textarea::placeholder {
    font-size: 16px !important;
}

.forminator-ui div#name-1 {
    margin-bottom: 10px;
}

@media (min-width:1250px) {
    #forminator-module-371 .forminator-row:nth-of-type(2) {
        display: inline-flex;
    }
    .forminator-ui textarea.forminator-textarea {
        min-height: 155px !important;
    }
    .forminator-ui div#email-1 {
        padding-right: 5px !important;
    }
    .forminator-ui div#name-1 {
        padding-left: 5px !important;
    }
}

.zcb-news-contact .zcb-contact-box {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	gap: 30px !important;
	align-items: start !important;
}

.zcb-news-contact .zcb-contact-box > p {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.zcb-news-contact .zcb-contact-box > form.forminator-custom-form {
	grid-column: 1 !important;
	grid-row: 1 !important;
}

.zcb-news-contact .zcb-contact-side {
	grid-column: 2 !important;
	grid-row: 1 !important;
}

.zcb-news-contact #forminator-module-371.forminator-ui.forminator-custom-form {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 24px 16px !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}

.zcb-news-contact #forminator-module-371.forminator-ui.forminator-custom-form[data-grid="open"] .forminator-row,
.zcb-news-contact #forminator-module-371 .forminator-row {
	display: contents !important;
	margin: 0 !important;
	padding: 0 !important;
}

.zcb-news-contact #forminator-module-371 .forminator-col,
.zcb-news-contact #forminator-module-371 .forminator-field {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.zcb-news-contact #forminator-module-371 .forminator-col-12,
.zcb-news-contact #forminator-module-371 .forminator-row-last,
.zcb-news-contact #forminator-module-371 #textarea-1 {
	grid-column: 1 / -1 !important;
}

.zcb-news-contact #forminator-module-371 #name-1 {
	grid-column: 1 !important;
	grid-row: 1 !important;
}

.zcb-news-contact #forminator-module-371 #email-1 {
	grid-column: 2 !important;
	grid-row: 1 !important;
}

.zcb-news-contact #forminator-module-371 .forminator-row-last > .forminator-col {
	grid-column: 1 / -1 !important;
}

.zcb-news-contact #forminator-module-371 input.forminator-input {
	height: 58px !important;
	padding: 16px 18px !important;
	border-radius: 8px !important;
}

.zcb-news-contact #forminator-module-371 textarea.forminator-textarea {
	min-height: 150px !important;
	padding: 20px 18px !important;
	border-radius: 8px !important;
}

.zcb-news-contact #forminator-module-371 .forminator-button-submit {
	min-height: 66px !important;
	height: auto !important;
	border-radius: 8px !important;
	/* background: var(--zcb-green-900) !important; */
	font-size: 16px !important;
}

@media (max-width: 900px) {
	.zcb-news-contact .zcb-contact-box {
		grid-template-columns: 1fr !important;
		gap: 34px !important;
	}

	.zcb-news-contact .zcb-contact-side {
		grid-column: 1 !important;
		grid-row: auto !important;
	}
}

@media (max-width: 640px) {
	.zcb-news-contact #forminator-module-371.forminator-ui.forminator-custom-form {
		grid-template-columns: 1fr !important;
	}
}


@media (max-width: 1200px) {

    .zcb-news-contact #forminator-module-371.forminator-ui.forminator-custom-form {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0 !important;
    }

    .zcb-news-contact #forminator-module-371 .forminator-row,
    .zcb-news-contact #forminator-module-371 .forminator-col,
    .zcb-news-contact #forminator-module-371 .forminator-field,
    .zcb-news-contact #forminator-module-371 #name-1,
    .zcb-news-contact #forminator-module-371 #email-1,
    .zcb-news-contact #forminator-module-371 #textarea-1,
    .zcb-news-contact #forminator-module-371 .forminator-row-last {
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .zcb-news-contact #forminator-module-371.forminator-ui.forminator-custom-form[data-grid="open"] .forminator-row,
    .zcb-news-contact #forminator-module-371 .forminator-row {
        display: block !important;
    }

    .zcb-news-contact #forminator-module-371 .forminator-col {
        margin-bottom: 16px !important;
    }

    .zcb-news-contact #forminator-module-371 .forminator-row-last .forminator-col {
        margin-bottom: 0 !important;
    }
}

/* MEDIA GRID FIX */
@media (max-width: 1200px) {
    .zcb-media__grid,
    .zcb-media__more {
        display: grid !important;
        /* grid-template-columns: repeat(4, minmax(0, 1fr)) !important; */
        gap: 20px !important;
    }

    .zcb-media__grid > .zcb-media-card,
    .zcb-media__more > .zcb-media-card,
    .zcb-media__grid > .zcb-media-card:first-child,
    .zcb-media__more > .zcb-media-card:first-child {
        grid-column: auto !important;
        grid-row: auto !important;
    }

    .zcb-media__grid .zcb-media-card__image,
    .zcb-media__more .zcb-media-card__image {
        height: 230px !important;
    }

    .zcb-media__grid .zcb-media-card__body,
    .zcb-media__more .zcb-media-card__body {
        min-height: 250px !important;
    }

    .zcb-media__grid .zcb-media-card__title,
    .zcb-media__more .zcb-media-card__title {
        font-size: 16px !important;
        line-height: 1.35 !important;
    }
}

@media (max-width: 900px) {
    .zcb-media__grid,
    .zcb-media__more {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
	.zcb-media__more {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
	.zcb-logo::before {
    left: 0;
	}
}

@media (max-width: 640px) {
    .zcb-media__grid,
    .zcb-media__more {
        grid-template-columns: 1fr !important;
    }

    .zcb-media__grid .zcb-media-card__body,
    .zcb-media__more .zcb-media-card__body {
        min-height: 0 !important;
    }
}

/* Expanded media cards grid fix */
.zcb-media__more > .zcb-media__grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 20px !important;
    padding-top: 40px !important;
	max-width: 100% !important;
}

.zcb-media__more > .zcb-media__grid > .zcb-media-card,
.zcb-media__more > .zcb-media__grid > .zcb-media-card:first-child {
    grid-column: auto !important;
    grid-row: auto !important;
}

.zcb-media__more > .zcb-media__grid > .zcb-media-card .zcb-media-card__image,
.zcb-media__more > .zcb-media__grid > .zcb-media-card:first-child .zcb-media-card__image {
    height: 230px !important;
}

.zcb-media__more > .zcb-media__grid > .zcb-media-card .zcb-media-card__body,
.zcb-media__more > .zcb-media__grid > .zcb-media-card:first-child .zcb-media-card__body {
    min-height: 250px !important;
}

.zcb-media__more > .zcb-media__grid > .zcb-media-card .zcb-media-card__title,
.zcb-media__more > .zcb-media__grid > .zcb-media-card:first-child .zcb-media-card__title {
    font-size: 16px !important;
    line-height: 1.35 !important;
}

@media (max-width: 900px) {
    .zcb-media__more > .zcb-media__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    .zcb-media__more > .zcb-media__grid {
        grid-template-columns: 1fr !important;
    }

    .zcb-media__more > .zcb-media__grid > .zcb-media-card .zcb-media-card__body,
    .zcb-media__more > .zcb-media__grid > .zcb-media-card:first-child .zcb-media-card__body {
        min-height: 0 !important;
    }
}

.home .zcb-nav .wp-block-navigation__container li:first-of-type a,
.home .zcb-mobile-menu__nav a:first-of-type {
    display: none !important;
}

.onetap-container-toggle .onetap-toggle:focus, .onetap-container-toggle .onetap-toggle:hover {
    box-shadow: none !important;
    outline: 0px !important;
    border-width: 2px !important;
    border-style: solid !important;
    border-color: blue !important;
    border-image: initial !important;
}

.onetap-desc {
	display: none !important;
}
nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings header.onetap-header-top .onetap-site-container .onetap-site-info .onetap-information .onetap-hide-toolbar::before {
    display: none !important;
}