/**
Theme Name: Zarela
Author: TOSTAD.sk
Author URI: https://tostad.sk
Description: Custom Astra child theme for Zarela.sk.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zarela
Template: astra
*/

/* ZARELA STEP 5 START
   Global design system. Safe to edit after bootstrap.
   ========================================================= */

:root {
	--z-navy: #2b5b78;
	--z-navy-2: #356884;
	--z-green: #3a7f6b;
	--z-green-hover: #2f6e5c;
	--z-green-soft: #edf6f2;
	--z-text: #1c2733;
	--z-muted: #5e6b78;
	--z-bg-soft: #f6f7f8;
	--z-border: #d9e0e6;
	--z-white: #ffffff;

	--z-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

	--z-wide: 1280px;
	--z-content: 1200px;
	--z-prose: 720px;
	--z-radius: 6px;
	--z-radius-lg: 10px;
	--z-section: clamp(4rem, 7vw, 6.5rem);
	--z-gutter: clamp(1.25rem, 3vw, 2rem);
}

html {
	font-family: var(--z-font);
}

body,
button,
input,
textarea,
select {
	font-family: var(--z-font);
}

body {
	color: var(--z-text);
	font-size: 17px;
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--z-navy);
	font-family: var(--z-font);
}

h1 {
	font-size: clamp(2.5rem, 4vw, 3.625rem);
	font-weight: 800;
	line-height: 1.08;
	letter-spacing: -0.035em;
}

h2 {
	font-size: clamp(2rem, 3vw, 2.625rem);
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -0.025em;
}

h3 {
	font-size: clamp(1.4rem, 2vw, 1.75rem);
	font-weight: 700;
	line-height: 1.25;
}

p {
	margin-top: 0;
	margin-bottom: 1.25em;
}

a {
	text-underline-offset: 0.18em;
}

.ast-container {
	width: min(calc(100% - (2 * var(--z-gutter))), var(--z-content));
	max-width: var(--z-content);
	padding-left: 0;
	padding-right: 0;
}

.site-header .ast-container {
	max-width: var(--z-wide);
}

/* Reusable content classes for later page construction. */
.z-section {
	padding-block: var(--z-section);
}

.z-section--soft {
	background: var(--z-bg-soft);
}

.z-section--green-soft {
	background: var(--z-green-soft);
}

.z-section--navy {
	background: var(--z-navy);
	color: var(--z-white);
}

.z-section--navy h1,
.z-section--navy h2,
.z-section--navy h3,
.z-section--navy h4 {
	color: var(--z-white);
}

.z-container {
	width: min(calc(100% - (2 * var(--z-gutter))), var(--z-content));
	margin-inline: auto;
}

.z-container--wide {
	max-width: var(--z-wide);
}

.z-prose {
	max-width: var(--z-prose);
}

.z-prose--center {
	max-width: var(--z-prose);
	margin-inline: auto;
	text-align: center;
}

/* Buttons */
.wp-block-button__link,
button,
input[type="button"],
input[type="submit"] {
	border-radius: var(--z-radius);
}

.wp-block-button__link {
	min-height: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.75rem 1.35rem;
	border: 0;
	background: var(--z-green);
	color: var(--z-white);
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	transition: background-color 150ms ease;
}

.wp-block-button__link:hover,
.wp-block-button__link:focus {
	background: var(--z-green-hover);
	color: var(--z-white);
}

/* Keyboard focus */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
.wp-block-button__link:focus-visible {
	outline: 3px solid #2c8d70;
	outline-offset: 3px;
}

/* Header */
.site-header {
	border-bottom: 1px solid var(--z-border);
	box-shadow: none;
}

#ast-desktop-header .ast-primary-header-bar {
	min-height: 76px;
	background: var(--z-white);
}

.site-title a,
.site-title a:visited {
	color: var(--z-navy);
	font-weight: 800;
	letter-spacing: -0.03em;
}

.site-description {
	display: none;
}

.main-header-menu > .menu-item > .menu-link,
.ast-builder-menu-1 .menu-item > .menu-link {
	color: var(--z-navy);
	font-weight: 600;
}

.main-header-menu > .menu-item:hover > .menu-link,
.main-header-menu > .current-menu-item > .menu-link,
.main-header-menu > .current-menu-ancestor > .menu-link {
	color: var(--z-green);
}

.main-header-menu .sub-menu {
	border-top: 2px solid var(--z-green);
	box-shadow: 0 8px 24px rgba(11, 31, 51, 0.08);
}

.main-header-menu .sub-menu .menu-link {
	color: var(--z-text);
	font-weight: 500;
}

.main-header-menu .sub-menu .menu-link:hover,
.main-header-menu .sub-menu .current-menu-item > .menu-link {
	color: var(--z-green);
}

/* Header CTA is a normal WordPress menu item, styled as a button. */
.main-header-menu > .menu-item.z-header-cta > .menu-link {
	min-height: 48px;
	margin-left: 0.6rem;
	padding: 0.65rem 1.2rem;
	align-items: center;
	justify-content: center;
	background: var(--z-green);
	border-radius: var(--z-radius);
	color: var(--z-white);
	font-weight: 700;
	line-height: 1.2;
}

.main-header-menu > .menu-item.z-header-cta:hover > .menu-link,
.main-header-menu > .menu-item.z-header-cta.current-menu-item > .menu-link {
	background: var(--z-green-hover);
	color: var(--z-white);
}

/* Forms */
input,
textarea,
select {
	border: 1px solid var(--z-border);
	border-radius: var(--z-radius);
}

hr {
	border: 0;
	border-top: 1px solid var(--z-border);
}

/* Custom footer */
.site-above-footer-wrap,
.site-primary-footer-wrap,
.site-below-footer-wrap {
	display: none;
}

.z-site-footer {
	background: var(--z-navy);
	color: rgba(255, 255, 255, 0.78);
}

.z-footer-main {
	display: grid;
	grid-template-columns: minmax(240px, 1.25fr) minmax(220px, 1fr) minmax(180px, 0.8fr);
	gap: clamp(2rem, 5vw, 5rem);
	padding-top: 4.5rem;
	padding-bottom: 3.5rem;
}

.z-footer-brand {
	margin: 0 0 0.85rem;
	color: var(--z-white);
	font-size: 1.45rem;
	font-weight: 800;
	letter-spacing: -0.025em;
}

.z-footer-copy {
	max-width: 36ch;
	margin: 0;
}

.z-footer-heading {
	margin: 0 0 1rem;
	color: var(--z-white);
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 0;
}

.z-footer-links {
	list-style: none;
	margin: 0;
	padding: 0;
}

.z-footer-links li + li {
	margin-top: 0.55rem;
}

.z-site-footer a {
	color: rgba(255, 255, 255, 0.82);
	text-decoration: none;
}

.z-site-footer a:hover,
.z-site-footer a:focus {
	color: var(--z-white);
	text-decoration: underline;
}

.z-footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.z-footer-bottom .z-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	min-height: 64px;
	font-size: 14px;
}

@media (max-width: 921px) {
	.ast-header-break-point .ast-primary-header-bar {
		min-height: 64px;
	}

	.ast-header-break-point .main-header-menu .menu-item.z-header-cta > .menu-link,
	.ast-header-break-point .ast-builder-menu-mobile .menu-item.z-header-cta > .menu-link {
		min-height: 48px;
		margin: 0.75rem 1rem 1rem;
		padding: 0.75rem 1rem;
		justify-content: center;
		background: var(--z-green);
		border-radius: var(--z-radius);
		color: var(--z-white);
		font-weight: 700;
	}

	.z-footer-main {
		grid-template-columns: 1fr 1fr;
	}

	.z-footer-main > :first-child {
		grid-column: 1 / -1;
	}
}

@media (max-width: 767px) {
	body {
		font-size: 16px;
	}

	.z-section {
		padding-block: clamp(3.5rem, 12vw, 4.5rem);
	}

	.z-footer-main {
		grid-template-columns: 1fr;
		padding-top: 3.5rem;
		padding-bottom: 2.75rem;
	}

	.z-footer-main > :first-child {
		grid-column: auto;
	}

	.z-footer-bottom .z-container {
		align-items: flex-start;
		flex-direction: column;
		justify-content: center;
		padding-block: 1rem;
	}
}

/* ZARELA STEP 5 END */

/* ZARELA STEP 7 START
   Step 7C — premium page system.
   Full-bleed bands are viewport-width by construction and do not depend on Astra's container setting.
   =============================================================================================== */

.zarela-designed-page {
	overflow-x: clip;
}

.zarela-designed-page .site-content,
.zarela-designed-page .site-content > .ast-container,
.zarela-designed-page #primary,
.zarela-designed-page .content-area,
.zarela-designed-page .site-main,
.zarela-designed-page article,
.zarela-designed-page .ast-article-single,
.zarela-designed-page .entry-content {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

.zarela-designed-page .entry-header,
.zarela-designed-page .post-thumb,
.zarela-designed-page .ast-single-post-order {
	display: none;
}

.z-page {
	width: 100%;
	overflow: visible;
}

.z-bleed {
	position: relative;
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
}

.z-shell {
	width: min(calc(100% - (2 * clamp(1.25rem, 3vw, 2.25rem))), 1240px);
	margin-inline: auto;
}

.z-shell--wide {
	width: min(calc(100% - (2 * clamp(1.25rem, 3vw, 2.25rem))), 1380px);
	margin-inline: auto;
}

.z-premium-section {
	padding-block: clamp(5rem, 8vw, 8rem);
}

.z-premium-section--soft { background: #f6f7f8; }
.z-premium-section--green { background: #edf6f2; }
.z-premium-section--navy { background: #2b5b78; color: #fff; }

.z-premium-section--navy h1,
.z-premium-section--navy h2,
.z-premium-section--navy h3,
.z-premium-section--navy h4 {
	color: #fff;
}

.z-eyebrow {
	margin: 0 0 1rem;
	color: #2c8d70;
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.13em;
	text-transform: uppercase;
}

.z-premium-section--navy .z-eyebrow {
	color: #70c4a6;
}

.z-display {
	font-size: clamp(2.9rem, 5vw, 4.9rem);
	line-height: 0.99;
	letter-spacing: -0.045em;
}

.z-lead-lg {
	max-width: 61ch;
	color: #5e6b78;
	font-size: clamp(1.1rem, 1.45vw, 1.28rem);
	line-height: 1.65;
}

.z-premium-section--navy .z-lead-lg {
	color: rgba(255,255,255,.73);
}

.z-actions {
	display: flex;
	flex-wrap: wrap;
	gap: .85rem 1rem;
	align-items: center;
	margin-top: 2rem;
}

.z-actions .z-secondary-link {
	color: inherit !important;
	font-weight: 700;
	text-decoration: none;
}

.z-actions .z-secondary-link:hover {
	text-decoration: underline;
}

/* Hero */
.z-premium-hero {
	background: #2b5b78;
	color: #fff;
}

.z-premium-hero .z-shell--wide {
	padding-block: clamp(5rem, 9vw, 8.6rem);
}

.z-premium-hero-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.06fr) minmax(380px, .94fr);
	gap: clamp(3rem, 7vw, 7.5rem);
	align-items: center;
}

.z-premium-hero h1 {
	max-width: 11.2ch;
	margin-bottom: 1.5rem;
	color: #fff;
}

.z-premium-hero .z-lead-lg {
	max-width: 55ch;
}

.z-hero-meta {
	display: flex;
	flex-wrap: wrap;
	gap: .7rem 1.5rem;
	margin-top: 2rem;
	padding-top: 1.4rem;
	border-top: 1px solid rgba(255,255,255,.16);
	color: rgba(255,255,255,.72);
	font-size: .94rem;
}

.z-hero-meta span {
	position: relative;
	padding-left: 1.1rem;
}

.z-hero-meta span::before {
	content: "";
	position: absolute;
	left: 0;
	top: .55em;
	width: .42rem;
	height: .42rem;
	border-radius: 50%;
	background: #70c4a6;
}

.z-hero-art {
	position: relative;
}

.z-hero-art::before {
	content: "";
	position: absolute;
	inset: -1.4rem 2.2rem 1.8rem -1.4rem;
	border: 1px solid rgba(112,196,166,.35);
	border-radius: 30px;
}

.z-hero-art img {
	position: relative;
	display: block;
	width: 100%;
	border-radius: 28px;
	box-shadow: 0 28px 80px rgba(0,0,0,.28);
}

/* Premium trust rail */
.z-trust-rail {
	background: #fff;
	border-bottom: 1px solid #d9e0e6;
}

.z-trust-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

.z-trust-item {
	padding: 1.7rem clamp(1rem, 4vw, 2.8rem);
}

.z-trust-item + .z-trust-item {
	border-left: 1px solid #d9e0e6;
}

.z-trust-item strong {
	display: block;
	margin-bottom: .2rem;
	color: #2b5b78;
	font-size: 1rem;
}

.z-trust-item span {
	color: #5e6b78;
	font-size: .93rem;
}

/* Section heading */
.z-heading-split {
	display: grid;
	grid-template-columns: minmax(0,.9fr) minmax(300px,1.1fr);
	gap: clamp(2rem, 8vw, 7rem);
	align-items: end;
	margin-bottom: clamp(3rem, 5vw, 4.5rem);
}

.z-heading-split h2 {
	max-width: 15ch;
	margin-bottom: 0;
	font-size: clamp(2.35rem, 4vw, 3.7rem);
	line-height: 1.05;
	letter-spacing: -.035em;
}

.z-heading-split p {
	max-width: 58ch;
	margin: 0;
	color: #5e6b78;
}

/* Service composition */
.z-service-stage {
	display: grid;
	grid-template-columns: minmax(0,1.25fr) minmax(300px,.75fr);
	gap: clamp(1.2rem, 2vw, 1.8rem);
	align-items: stretch;
}

.z-service-primary {
	display: grid;
	grid-template-columns: minmax(0,1fr) minmax(240px,.78fr);
	min-height: 430px;
	overflow: hidden;
	border: 1px solid #d9e0e6;
	border-radius: 18px;
	background: #fff;
}

.z-service-primary-copy {
	padding: clamp(2rem, 4vw, 3.4rem);
}

.z-service-primary-copy h3 {
	max-width: 13ch;
	margin-bottom: .8rem;
	font-size: clamp(1.8rem, 3vw, 2.8rem);
	letter-spacing: -.025em;
}

.z-service-primary-copy p {
	max-width: 54ch;
	color: #5e6b78;
}

.z-service-primary-art {
	min-height: 100%;
	background: #edf6f2 url("assets/zarela-step7c/service-company.svg") center/cover no-repeat;
}

.z-service-side {
	display: grid;
	gap: 1.2rem;
}

.z-service-mini {
	position: relative;
	padding: 1.55rem 1.65rem 1.7rem;
	overflow: hidden;
	border-radius: 16px;
	background: #f6f7f8;
	border: 1px solid #e1e6e9;
}

.z-service-mini::after {
	content: "";
	position: absolute;
	right: -34px;
	bottom: -34px;
	width: 92px;
	height: 92px;
	border-radius: 50%;
	border: 20px solid rgba(23,107,82,.08);
}

.z-service-mini h3 {
	margin-bottom: .5rem;
	font-size: 1.32rem;
}

.z-service-mini p {
	margin: 0;
	color: #5e6b78;
}

.z-service-mini a {
	color: #2b5b78 !important;
	text-decoration: none;
}

.z-service-mini a:hover {
	color: #3a7f6b !important;
}

/* Related strip */
.z-link-strip {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	margin-top: 1.2rem;
	border-top: 1px solid #d9e0e6;
	border-bottom: 1px solid #d9e0e6;
}

.z-link-strip a {
	padding: 1.2rem 1rem 1.2rem 0;
	color: #2b5b78 !important;
	font-weight: 700;
	text-decoration: none;
}

.z-link-strip a + a {
	padding-left: 1.2rem;
	border-left: 1px solid #d9e0e6;
}

.z-link-strip a:hover {
	color: #3a7f6b !important;
}

/* Online feature */
.z-online-grid {
	display: grid;
	grid-template-columns: minmax(360px,.95fr) minmax(0,1.05fr);
	gap: clamp(3rem, 8vw, 8rem);
	align-items: center;
}

.z-online-art {
	position: relative;
}

.z-online-art::after {
	content: "";
	position: absolute;
	inset: 2rem -1.3rem -1.3rem 2rem;
	border-radius: 28px;
	background: #3a7f6b;
	opacity: .07;
}

.z-online-art img {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	border: 1px solid rgba(23,107,82,.12);
	border-radius: 28px;
	box-shadow: 0 24px 70px rgba(11,31,51,.09);
}

.z-premium-list {
	list-style: none;
	margin: 2rem 0 0;
	padding: 0;
}

.z-premium-list li {
	display: grid;
	grid-template-columns: 42px 1fr;
	gap: 1rem;
	padding: 1.1rem 0;
	border-top: 1px solid rgba(11,31,51,.12);
}

.z-premium-list li:last-child {
	border-bottom: 1px solid rgba(11,31,51,.12);
}

.z-premium-list .z-icon {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: 12px;
	background: #fff;
	color: #3a7f6b;
	font-weight: 800;
	box-shadow: inset 0 0 0 1px rgba(23,107,82,.12);
}

.z-premium-list strong {
	display: block;
	margin-bottom: .2rem;
	color: #2b5b78;
}

.z-premium-list span {
	color: #5e6b78;
}

/* Dark consultation band */
.z-consult-grid {
	display: grid;
	grid-template-columns: minmax(0,1fr) minmax(320px,.78fr);
	gap: clamp(3rem, 9vw, 9rem);
	align-items: center;
}

.z-consult-grid h2 {
	max-width: 13ch;
	font-size: clamp(2.45rem,4vw,3.8rem);
	line-height: 1.04;
	letter-spacing: -.035em;
}

.z-consult-panel {
	padding: 2rem;
	border: 1px solid rgba(255,255,255,.16);
	border-radius: 18px;
	background: rgba(255,255,255,.045);
}

.z-consult-panel p {
	color: rgba(255,255,255,.74);
}

.z-consult-panel ul {
	margin: 1.2rem 0 0;
	padding: 0;
	list-style: none;
}

.z-consult-panel li {
	padding: .8rem 0;
	border-top: 1px solid rgba(255,255,255,.13);
	color: rgba(255,255,255,.84);
}

/* Price */
.z-price-premium {
	display: grid;
	grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr);
	gap: clamp(2rem,7vw,7rem);
	align-items: center;
	padding: clamp(2.4rem,5vw,4rem);
	border-radius: 20px;
	background: #f6f7f8;
}

.z-price-premium h2 {
	margin: 0;
	font-size: clamp(2rem,3.3vw,3rem);
	letter-spacing: -.03em;
}

.z-price-premium p:last-child { margin-bottom: 0; }

/* FAQ / CTA */
.z-faq {
	max-width: 920px;
}

.z-faq details {
	border-top: 1px solid #d9e0e6;
}

.z-faq details:last-child {
	border-bottom: 1px solid #d9e0e6;
}

.z-faq summary {
	cursor: pointer;
	padding: 1.3rem 2.8rem 1.3rem 0;
	color: #2b5b78;
	font-size: 1.07rem;
	font-weight: 700;
}

.z-faq details > p {
	max-width: 68ch;
	padding: 0 2.8rem 1.3rem 0;
	color: #5e6b78;
}

.z-final-premium {
	display: grid;
	grid-template-columns: minmax(0,1fr) auto;
	gap: 2rem;
	align-items: center;
	padding: clamp(2.7rem,5vw,4.4rem);
	border-radius: 20px;
	background: #2b5b78;
	color: #fff;
}

.z-final-premium h2 {
	margin-bottom: .65rem;
	color: #fff;
	font-size: clamp(2rem,3.4vw,3.15rem);
}

.z-final-premium p {
	max-width: 60ch;
	margin-bottom: 0;
	color: rgba(255,255,255,.73);
}

/* Service page */
.z-service-hero {
	background: #f6f7f8;
}

.z-service-hero .z-shell--wide {
	padding-block: clamp(4.8rem,8vw,7.8rem);
}

.z-service-hero-grid {
	display: grid;
	grid-template-columns: minmax(0,1.05fr) minmax(380px,.95fr);
	gap: clamp(3rem,7vw,7rem);
	align-items: center;
}

.z-service-hero h1 {
	max-width: 12.5ch;
	margin-bottom: 1.3rem;
}

.z-breadcrumb {
	margin: 0 0 1.2rem;
	color: #5e6b78;
	font-size: .9rem;
}

.z-breadcrumb a {
	color: #5e6b78 !important;
	text-decoration: none;
}

.z-service-visual {
	position: relative;
}

.z-service-visual img {
	display: block;
	width: 100%;
	border-radius: 28px;
	box-shadow: 0 24px 70px rgba(11,31,51,.11);
}

.z-service-caption {
	position: absolute;
	right: -1rem;
	bottom: -1rem;
	max-width: 270px;
	padding: 1.25rem 1.35rem;
	border-radius: 16px;
	background: #2b5b78;
	color: #fff;
	box-shadow: 0 18px 48px rgba(11,31,51,.2);
}

.z-service-caption strong {
	display: block;
	margin-bottom: .3rem;
}

.z-service-caption span {
	color: rgba(255,255,255,.72);
	font-size: .92rem;
}

.z-check-premium {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 3rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.z-check-premium li {
	position: relative;
	padding: 1rem 0 1rem 2rem;
	border-top: 1px solid #d9e0e6;
}

.z-check-premium li:nth-last-child(-n+2) {
	border-bottom: 1px solid #d9e0e6;
}

.z-check-premium li::before {
	content: " ";
	position: absolute;
	left: 0;
	color: #3a7f6b;
	font-weight: 900;
}

.z-related-premium {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 1rem;
}

.z-related-premium a {
	padding: 1.4rem;
	border: 1px solid #d9e0e6;
	border-radius: 14px;
	background: #fff;
	color: #2b5b78 !important;
	font-weight: 700;
	text-decoration: none;
}

.z-related-premium a:hover {
	border-color: #3a7f6b;
	color: #3a7f6b !important;
}

@media (max-width: 1024px) {
	.z-premium-hero-grid,
	.z-online-grid,
	.z-consult-grid,
	.z-service-hero-grid,
	.z-heading-split,
	.z-price-premium {
		grid-template-columns: 1fr;
	}

	.z-service-stage {
		grid-template-columns: 1fr;
	}

	.z-service-side {
		grid-template-columns: 1fr 1fr;
	}

	.z-service-primary {
		grid-template-columns: 1fr 320px;
	}

	.z-premium-hero h1,
	.z-service-hero h1,
	.z-heading-split h2,
	.z-consult-grid h2 {
		max-width: none;
	}

	.z-hero-art {
		max-width: 760px;
	}

	.z-online-art {
		max-width: 700px;
	}
}

@media (max-width: 767px) {
	.z-premium-section {
		padding-block: 4rem;
	}

	.z-premium-hero .z-shell--wide,
	.z-service-hero .z-shell--wide {
		padding-block: 4rem 4.5rem;
	}

	.z-trust-grid,
	.z-service-side,
	.z-service-primary,
	.z-link-strip,
	.z-check-premium,
	.z-related-premium,
	.z-final-premium {
		grid-template-columns: 1fr;
	}

	.z-trust-item + .z-trust-item {
		border-left: 0;
		border-top: 1px solid #d9e0e6;
	}

	.z-service-primary-art {
		min-height: 280px;
	}

	.z-link-strip a + a {
		padding-left: 0;
		border-left: 0;
		border-top: 1px solid #d9e0e6;
	}

	.z-service-caption {
		position: relative;
		right: auto;
		bottom: auto;
		max-width: none;
		margin-top: -1rem;
		margin-inline: 1rem;
	}

	.z-check-premium li:nth-last-child(-n+2) {
		border-bottom: 0;
	}

	.z-check-premium li:last-child {
		border-bottom: 1px solid #d9e0e6;
	}
}

/* ZARELA STEP 7 END */

/* ZARELA STEP 7D START
   Detail polish after visual review of Step 7C desktop screenshots.
   ================================================================= */

/* 1. Remove Astra's remaining page-level whitespace.
   Astra's #primary margin can outrank the Step 7 selectors because it uses an ID. */
.zarela-designed-page #content,
.zarela-designed-page .site-content,
.zarela-designed-page .site-content > .ast-container,
.zarela-designed-page #primary,
.zarela-designed-page .content-area,
.zarela-designed-page .site-main,
.zarela-designed-page article.ast-article-single,
.zarela-designed-page .entry-content {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.zarela-designed-page #primary {
	margin: 0 !important;
}

/* 2. The original post markup used a hard-coded /themes/zarela-child/ path.
   Keep the markup editable, hide those broken IMG elements and render the same
   local SVGs as stylesheet-relative backgrounds instead. */
.z-hero-art,
.z-online-art,
.z-service-visual {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.z-hero-art {
	background-image: url("assets/zarela-step7c/hero-ledger.svg");
	border-radius: 28px;
}

.z-online-art {
	background-image: url("assets/zarela-step7c/online-flow.svg");
	border-radius: 28px;
}

.z-service-visual {
	background-image: url("assets/zarela-step7c/service-company.svg");
	border-radius: 28px;
}

.z-hero-art > img,
.z-online-art > img,
.z-service-visual > img {
	display: block;
	width: 100%;
	height: auto;
	visibility: hidden;
}

/* Keep the premium framing now that the artwork is actually visible. */
.z-hero-art {
	filter: drop-shadow(0 28px 44px rgba(0, 0, 0, .12));
}

.z-online-art {
	filter: drop-shadow(0 22px 38px rgba(11, 31, 51, .08));
}

.z-service-visual {
	filter: drop-shadow(0 22px 42px rgba(11, 31, 51, .09));
}

/* 3. Page actions must use the approved Zarela action colour, not Astra/WP blue. */
.zarela-designed-page .wp-block-button__link,
.zarela-designed-page a.wp-block-button__link {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: .78rem 1.2rem !important;
	border: 0 !important;
	border-radius: 6px !important;
	background: #3a7f6b !important;
	color: #fff !important;
	box-shadow: none !important;
	font-weight: 700;
	line-height: 1.15;
	text-decoration: none !important;
}

.zarela-designed-page .wp-block-button__link:hover,
.zarela-designed-page .wp-block-button__link:focus-visible {
	background: #2f6e5c !important;
	color: #fff !important;
}

/* Primary service title was also falling back to browser/Astra blue. */
.z-service-primary-copy h3 a,
.z-service-primary-copy h3 a:visited {
	color: #2b5b78 !important;
	text-decoration: none;
}

.z-service-primary-copy h3 a:hover {
	color: #3a7f6b !important;
}

/* 4. Loosen long section headings and strengthen supporting copy. */
.z-heading-split {
	grid-template-columns: minmax(0, 1fr) minmax(340px, .88fr);
	gap: clamp(2.5rem, 7vw, 6.5rem);
}

.z-heading-split h2 {
	max-width: 18.5ch;
}

.z-heading-split > p {
	max-width: 62ch;
	font-size: 1.02rem;
	line-height: 1.7;
}

/* 5. Reduce empty vertical stretches without making the site cramped. */
.z-premium-section {
	padding-block: clamp(4.6rem, 6.5vw, 6.6rem);
}

.z-page > .z-premium-section:last-child {
	padding-block: clamp(4rem, 5.5vw, 5.5rem);
}

.z-premium-hero .z-shell--wide {
	padding-block: clamp(4.8rem, 7.6vw, 7.4rem);
}

/* 6. Service scope: the screenshot showed these rows too small and the Unicode
   glyph was mojibaked. Use an escaped codepoint and give the rows more presence. */
.z-check-premium {
	column-gap: clamp(2rem, 5vw, 4.5rem);
}

.z-check-premium li {
	min-height: 58px;
	padding: 1.05rem .4rem 1.05rem 2.15rem;
	color: #263542;
	font-size: 1rem;
	line-height: 1.48;
}

.z-check-premium li::before {
	content: "\2713";
	top: 1.06rem;
	display: grid;
	place-items: center;
	width: 1.3rem;
	height: 1.3rem;
	border-radius: 50%;
	background: #edf6f2;
	color: #3a7f6b;
	font-size: .82rem;
	line-height: 1;
}

/* 7. Give the related-service choices proper click-area and visual weight. */
.z-related-premium {
	gap: 1.1rem;
}

.z-related-premium a {
	display: flex;
	align-items: center;
	min-height: 86px;
	padding: 1.35rem 1.5rem;
	border-color: #dfe5e9;
	font-size: 1rem;
	line-height: 1.35;
	transition: border-color .18s ease, transform .18s ease;
}

.z-related-premium a:hover {
	transform: translateY(-2px);
}

/* 8. Price area was visually timid compared with the stronger sections around it. */
.z-price-premium {
	position: relative;
	overflow: hidden;
	border: 1px solid #e1e6e9;
	box-shadow: 0 16px 45px rgba(11, 31, 51, .045);
}

.z-price-premium::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 5px;
	background: #3a7f6b;
}

/* 9. FAQ rows need a slightly larger click target. */
.z-faq summary {
	min-height: 58px;
	display: flex;
	align-items: center;
	font-size: 1.08rem;
}

/* 10. Final CTA should read as the focal end-point, not just another dark rectangle. */
.z-final-premium {
	box-shadow: 0 22px 60px rgba(11, 31, 51, .11);
}

.z-final-premium .wp-block-button__link {
	background: #2c8d70 !important;
}

.z-final-premium .wp-block-button__link:hover,
.z-final-premium .wp-block-button__link:focus-visible {
	background: #3a7f6b !important;
}

/* 11. Slightly improve service hero balance once the illustration is visible. */
.z-service-hero-grid {
	grid-template-columns: minmax(0, 1.02fr) minmax(400px, .98fr);
}

.z-service-caption {
	max-width: 290px;
	padding: 1.35rem 1.45rem;
}

/* 12. Home service composition: stronger title and less accidental "widget" feel. */
.z-service-primary-copy h3 {
	font-size: clamp(1.95rem, 2.8vw, 2.7rem);
	line-height: 1.08;
}

.z-service-mini {
	padding: 1.75rem 1.8rem 1.9rem;
}

.z-service-mini h3 {
	font-size: 1.4rem;
}

/* Tablet/mobile guardrails. */
@media (max-width: 1024px) {
	.z-heading-split,
	.z-service-hero-grid {
		grid-template-columns: 1fr;
	}

	.z-heading-split h2 {
		max-width: none;
	}

	.z-service-visual {
		max-width: 760px;
	}
}

@media (max-width: 767px) {
	.z-premium-section {
		padding-block: 3.7rem;
	}

	.z-premium-hero .z-shell--wide {
		padding-block: 3.8rem 4.2rem;
	}

	.z-heading-split > p {
		font-size: 1rem;
	}

	.z-check-premium li {
		min-height: 54px;
		padding-block: .95rem;
	}

	.z-related-premium a {
		min-height: 72px;
	}

	.z-final-premium {
		box-shadow: none;
	}
}

/* ZARELA STEP 7D END */

/* ZARELA STEP 7E START
   Small patch after the first Step 7D review.
   ================================================================ */

/* 1. Remove the remaining detached strip between header and first hero.
   This is intentionally aggressive because Astra can add top spacing through
   several container combinations depending on layout mode. */
.zarela-designed-page #content,
.zarela-designed-page .site-content,
.zarela-designed-page .ast-container,
.zarela-designed-page #primary,
.zarela-designed-page .content-area,
.zarela-designed-page .site-main,
.zarela-designed-page article,
.zarela-designed-page .entry-content {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.zarela-designed-page .z-premium-hero,
.zarela-designed-page .z-service-hero {
	margin-top: 0 !important;
}

.zarela-designed-page .main-header-bar,
.zarela-designed-page .ast-primary-header-bar {
	margin-bottom: 0 !important;
}

.zarela-designed-page .z-premium-hero.z-bleed,
.zarela-designed-page .z-service-hero.z-bleed {
	margin-top: -1px !important;
}

/* Slightly tighten the hero interior too. */
.z-premium-hero .z-shell--wide,
.z-service-hero .z-shell--wide {
	padding-top: clamp(4.1rem, 6.4vw, 6.2rem);
	padding-bottom: clamp(4rem, 6.6vw, 6.6rem);
}

/* 2. The dark consultation band still starts too low.
   Reduce its internal top breathing room so the section begins more decisively. */
.z-premium-section--navy {
	padding-top: clamp(3.4rem, 4.8vw, 4.8rem);
	padding-bottom: clamp(3.9rem, 5.6vw, 5.5rem);
}

.z-consult-grid {
	align-items: start;
}

/* 3. Podvojne service-page hero visual:
   the previous service-company illustration felt too busy/chaotic.
   Replace only that hero visual with the calmer ledger graphic and remove the
   extra floating caption card, which was adding more clutter than trust. */
.z-service-hero .z-service-visual {
	background-image: url("assets/zarela-step7c/hero-ledger.svg") !important;
	background-position: center;
	background-size: cover;
	border: 1px solid rgba(11,31,51,.08);
	overflow: hidden;
}

.z-service-hero .z-service-visual::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,.00) 35%),
		linear-gradient(135deg, rgba(234,243,239,.45) 0%, rgba(255,255,255,0) 52%);
	pointer-events: none;
}

.z-service-hero .z-service-caption {
	display: none;
}

/* Balance the text/image relationship after simplifying the graphic. */
.z-service-hero-grid {
	grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr);
	gap: clamp(3rem, 7vw, 6.2rem);
}

/* 4. Minor cleanup: the home CTA tail section can sit a bit closer to the previous section. */
.z-final-premium {
	margin-top: -.25rem;
}

@media (max-width: 1024px) {
	.z-service-hero-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767px) {
	.z-premium-hero .z-shell--wide,
	.z-service-hero .z-shell--wide {
		padding-top: 3.4rem;
		padding-bottom: 4rem;
	}

	.z-premium-section--navy {
		padding-top: 3rem;
		padding-bottom: 3.8rem;
	}
}

/* ZARELA STEP 7E END */

/* ZARELA STEP 11C GDPR START */
.z-cf7-zarela .z-gdpr-block{margin:1rem 0 1.15rem}.z-cf7-zarela .z-form-privacy-note{margin:0 0 .65rem;color:#5e6b78;font-size:.9rem;line-height:1.5}.z-cf7-zarela .z-gdpr-acceptance .wpcf7-list-item{margin:0}.z-cf7-zarela .z-gdpr-acceptance label{display:flex;align-items:flex-start;gap:.65rem;color:#1c2733;font-size:.92rem;line-height:1.45;font-weight:500;cursor:pointer}.z-cf7-zarela .z-gdpr-acceptance input[type="checkbox"]{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;flex:0 0 18px;margin:.12rem 0 0!important;padding:0!important;accent-color:#3a7f6b}.z-cf7-zarela .z-gdpr-acceptance a{color:#3a7f6b;text-decoration:underline;text-underline-offset:2px}.z-cf7-zarela .z-gdpr-acceptance a:hover{color:#2f6e5c}
.z-gdpr-page{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#1c2733}.z-gdpr-hero{background:#2b5b78;color:#fff}.z-gdpr-hero .z-shell{padding-top:4.25rem;padding-bottom:4.25rem}.z-gdpr-hero .z-eyebrow{color:#9fd3bf;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700}.z-gdpr-hero h1{color:#fff;margin:0;max-width:850px;font-size:clamp(2.35rem,5vw,4.4rem);line-height:1.02;letter-spacing:-.045em}.z-gdpr-hero .z-lead-lg{color:#dce6ed;max-width:760px;margin:1.1rem 0 0;font-size:1.08rem;line-height:1.65}.z-gdpr-body{background:#f6f7f8}.z-gdpr-body>.z-shell{padding-top:4.25rem;padding-bottom:4.75rem}.z-gdpr-layout{display:grid;grid-template-columns:minmax(250px,330px) minmax(0,760px);gap:clamp(2rem,6vw,6rem);align-items:start}.z-gdpr-controller{position:sticky;top:2rem;background:#2b5b78;color:#fff;padding:1.7rem;border-radius:4px}.z-gdpr-controller .z-gdpr-kicker{color:#9fd3bf;text-transform:uppercase;letter-spacing:.11em;font-size:.74rem;font-weight:700;margin:0 0 .5rem}.z-gdpr-controller h2{color:#fff;font-size:1.45rem;margin:0 0 1.25rem}.z-gdpr-controller dl,.z-gdpr-controller dl div{margin:0}.z-gdpr-controller dl div{padding:.8rem 0;border-top:1px solid rgba(255,255,255,.14)}.z-gdpr-controller dt{color:#aebdca;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.z-gdpr-controller dd{margin:.2rem 0 0;color:#fff;line-height:1.5}.z-gdpr-controller a{color:#fff}.z-gdpr-copy section{padding:0 0 2.25rem;margin:0 0 2.25rem;border-bottom:1px solid #d9e0e6}.z-gdpr-copy section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.z-gdpr-copy h2{font-size:1.55rem;line-height:1.2;letter-spacing:-.025em;margin:0 0 .9rem;color:#2b5b78}.z-gdpr-copy p{margin:.65rem 0;line-height:1.72;color:#455564}.z-gdpr-copy a{color:#3a7f6b;text-decoration:underline;text-underline-offset:2px}.z-gdpr-updated{font-size:.88rem;color:#6b7784!important;margin-top:1.4rem!important}
@media(max-width:800px){.z-gdpr-hero .z-shell{padding-top:3rem;padding-bottom:3rem}.z-gdpr-body>.z-shell{padding-top:2.5rem;padding-bottom:3rem}.z-gdpr-layout{grid-template-columns:1fr;gap:2rem}.z-gdpr-controller{position:static}.z-gdpr-copy section{padding-bottom:1.7rem;margin-bottom:1.7rem}}
/* ZARELA STEP 11C GDPR END */

/* ZARELA STEP 11D VALIDATION START */
.z-cf7-zarela .z-gdpr-acceptance .wpcf7-not-valid-tip{display:block!important;margin:.45rem 0 0 1.65rem!important;color:#b42318!important;font-size:.86rem!important;line-height:1.4!important;font-weight:650!important}.z-cf7-zarela form.invalid .z-gdpr-acceptance label,.z-cf7-zarela form.unaccepted .z-gdpr-acceptance label{color:#8a1c14}.z-cf7-zarela .wpcf7-response-output{border-radius:4px!important;margin:1rem 0 0!important;padding:.7rem .85rem!important;font-size:.9rem!important;line-height:1.45!important}.z-cf7-zarela form.invalid .wpcf7-response-output,.z-cf7-zarela form.unaccepted .wpcf7-response-output{border-color:#b42318!important;background:#fff6f5!important;color:#7a1a14!important}
/* ZARELA STEP 11D VALIDATION END */