/**
 * FYZIOHOLISTIKA — ZÁKLADNÍ VNITŘNÍ STRÁNKY
 *
 * Společný systém pro:
 * Strukturální integraci, O mně, Jak to probíhá, Inspiraci,
 * Ceník a Kontakt.
 */


/* =========================================================
 * ZÁKLAD
 * ======================================================= */

.fyzio-page {
	margin: 0 !important;
	padding: 0 !important;
	background: transparent;
	color: var(--fyzio-text);
}


/* =========================================================
 * HERO
 * ======================================================= */

.fyzio-page-hero {
	position: relative;
	min-height: 500px;
	display: flex;
	align-items: center;
	overflow: hidden;
	background:
		url("https://dev.zamee.cz/wp-content/uploads/2026/09/fyzio-head.webp")
		center 52% / cover no-repeat;
	color: #fff;
}

.fyzio-page-hero::after {
	content: "";
	position: absolute;
	z-index: 6;
	left: 0;
	right: 0;
	bottom: -2px;
	height: 235px;
	background:
		linear-gradient(
			180deg,
			rgba(247,244,236,0) 0%,
			rgba(247,244,236,.04) 18%,
			rgba(247,244,236,.16) 42%,
			rgba(247,244,236,.42) 66%,
			rgba(247,244,236,.76) 84%,
			#f7f4ec 100%
		);
	pointer-events: none;
}

.fyzio-page-hero__shade {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(
			90deg,
			rgba(12,44,29,.78) 0%,
			rgba(20,61,42,.55) 46%,
			rgba(31,75,51,.17) 78%,
			rgba(31,75,51,.04) 100%
		);
}

.fyzio-page-hero__inner {
	position: relative;
	z-index: 2;
	max-width: 920px;
	padding-top: 8.2rem;
	padding-bottom: 7.5rem;
	text-align: center;
}

.fyzio-page-hero h1 {
	margin: 0 0 .9rem;
	color: #fff;
	font-size: clamp(2.9rem, 5vw, 5rem);
	line-height: 1;
}

.fyzio-page-hero__lead {
	max-width: 720px;
	margin: 0 auto 1.5rem !important;
	color: rgba(255,255,255,.90);
	font-size: clamp(1rem, 1.35vw, 1.15rem) !important;
	line-height: 1.7 !important;
}

.fyzio-page-hero__quote {
	max-width: 800px;
	margin: 1.1rem auto 0;
	padding: 0;
	border: 0;
	color: rgba(255,255,255,.92);
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(1rem, 1.4vw, 1.2rem);
	font-style: italic;
	line-height: 1.65;
}

.fyzio-page-hero__quote cite {
	display: block;
	margin-top: .85rem;
	color: rgba(255,255,255,.70);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: .7rem;
	font-style: normal;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
}


/* =========================================================
 * SOUVISLÝ OBSAH
 * ======================================================= */

.fyzio-page-flow {
	position: relative;
	z-index: 3;
	isolation: isolate;
	margin-top: -2px;
	padding-top: 0;
	background: transparent;
}

.fyzio-page-flow::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -2;
	background:
		url("https://dev.zamee.cz/wp-content/uploads/2026/09/e4b74c45-1816-4821-a029-057cd0732b11.webp")
		center center / 100% 100% no-repeat;
	opacity: .28;
	-webkit-mask-image:
		linear-gradient(
			180deg,
			transparent 0,
			transparent 170px,
			rgba(0,0,0,.08) 230px,
			rgba(0,0,0,.34) 330px,
			rgba(0,0,0,.72) 470px,
			#000 620px
		);
	mask-image:
		linear-gradient(
			180deg,
			transparent 0,
			transparent 170px,
			rgba(0,0,0,.08) 230px,
			rgba(0,0,0,.34) 330px,
			rgba(0,0,0,.72) 470px,
			#000 620px
		);
}

.fyzio-page-flow::after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	height: 620px;
	background:
		linear-gradient(
			180deg,
			#f7f4ec 0,
			rgba(247,244,236,.98) 180px,
			rgba(247,244,236,.84) 420px,
			rgba(247,244,236,.72) 620px
		);
	pointer-events: none;
}


/* =========================================================
 * ČISTÉ OBSAHOVÉ KOMPONENTY
 * ======================================================= */

.fyzio-inner-content {
	position: relative;
	z-index: 2;
}

.fyzio-inner-content > .fyzio-inner-section:first-child {
	padding-top: clamp(3.8rem, 5.2vw, 5.4rem);
}

.fyzio-inner-section {
	position: relative;
	padding: clamp(5rem, 8vw, 8rem) 0;
}

.fyzio-inner-section--soft::before {
	content: "";
	position: absolute;
	inset: 8% 0;
	z-index: -1;
	background:
		linear-gradient(
			90deg,
			rgba(236,241,230,0),
			rgba(236,241,230,.50) 18%,
			rgba(236,241,230,.62) 50%,
			rgba(236,241,230,.50) 82%,
			rgba(236,241,230,0)
		);
}

.fyzio-inner-split {
	display: grid;
	grid-template-columns: minmax(0, 1.03fr) minmax(330px, .82fr);
	align-items: center;
	gap: clamp(3rem, 7vw, 7rem);
}

.fyzio-inner-split--image-first {
	grid-template-columns: minmax(330px, .82fr) minmax(0, 1.03fr);
}

.fyzio-inner-copy {
	max-width: 690px;
}

.fyzio-inner-copy p {
	font-size: 1rem;
	line-height: 1.82;
}

.fyzio-inner-copy strong {
	color: var(--fyzio-green-900);
}

.fyzio-inner-heading {
	margin-bottom: 1.7rem;
}

.fyzio-inner-heading h2 {
	margin-bottom: .9rem;
	font-size: clamp(2rem, 3.2vw, 3.35rem);
	line-height: 1.08;
}

.fyzio-inner-heading > span {
	display: block;
	width: 56px;
	height: 2px;
	border-radius: 20px;
	background: var(--fyzio-green-500);
}

.fyzio-inner-kicker {
	margin-bottom: .55rem !important;
	color: var(--fyzio-green-700);
	font-size: .72rem !important;
	font-weight: 800;
	letter-spacing: .15em;
	text-transform: uppercase;
}

.fyzio-inner-highlight {
	color: var(--fyzio-green-700);
}

.fyzio-inner-quote {
	margin: 2rem 0 0;
	padding: 1.25rem 1.4rem 1.25rem 1.6rem;
	border: 1px solid rgba(75,125,88,.24);
	border-left: 3px solid rgba(75,125,88,.55);
	border-radius: 18px;
	background: rgba(255,255,255,.34);
	color: var(--fyzio-green-900);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.02rem;
	font-style: italic;
	line-height: 1.65;
}

.fyzio-inner-figure {
	position: relative;
	margin: 0;
	justify-self: center;
	overflow: hidden;
	border-radius: 24px;
	background: rgba(255,255,255,.38);
	box-shadow: 0 24px 58px rgba(35,74,49,.08);
}

.fyzio-inner-figure img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.fyzio-inner-figure--model {
	width: min(100%, 440px);
}

.fyzio-inner-figure--diagram,
.fyzio-inner-figure--posture {
	width: min(100%, 390px);
	max-height: 570px;
}

.fyzio-inner-figure--gravity {
	width: min(100%, 470px);
}

.fyzio-inner-callout {
	position: relative;
	padding: 3.2rem 0;
}

.fyzio-inner-callout::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(
			90deg,
			rgba(225,235,219,0),
			rgba(225,235,219,.58) 18%,
			rgba(240,244,234,.86) 50%,
			rgba(225,235,219,.58) 82%,
			rgba(225,235,219,0)
		);
}

.fyzio-inner-callout__inner {
	position: relative;
	display: grid;
	grid-template-columns: 70px minmax(0, 1fr);
	gap: 1.4rem;
	align-items: start;
	max-width: 970px;
}

.fyzio-inner-callout__mark {
	display: grid;
	place-items: center;
	width: 58px;
	height: 58px;
	border: 1px solid rgba(75,125,88,.26);
	border-radius: 50%;
	color: var(--fyzio-green-500);
	font-size: 2rem;
}

.fyzio-inner-callout p {
	margin-bottom: 1rem;
	color: var(--fyzio-text-soft);
	line-height: 1.72;
}

.fyzio-inner-callout p:last-child {
	margin-bottom: 0;
}


/* =========================================================
 * ZÁVĚREČNÁ SCÉNA
 * ======================================================= */

.fyzio-page-ending-scene {
	position: relative;
	z-index: 2;
	isolation: isolate;
	overflow: visible;
	background: transparent;
}

.fyzio-page-ending-scene::before,
.fyzio-page-ending-scene::after {
	display: none;
}

/*
 * Poslední textový blok je běžná obsahová sekce,
 * nikoli karta/panel.
 */
.fyzio-structural__final {
	padding-top: clamp(5rem, 7vw, 7rem);
	padding-bottom: clamp(6rem, 9vw, 9rem);
}

.fyzio-inner-final-grid {
	display: block;
}

.fyzio-structural__final .fyzio-inner-copy {
	max-width: 760px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

.fyzio-structural__final .fyzio-inner-heading {
	margin-bottom: 1.8rem;
	text-align: left;
}

.fyzio-structural__final .fyzio-inner-heading > span {
	margin-left: 0;
	margin-right: 0;
}

.fyzio-structural__final .fyzio-inner-copy p {
	max-width: 720px;
	color: var(--fyzio-text);
}


/* =========================================================
 * CTA
 * ======================================================= */

.fyzio-page-cta {
	position: relative;
	min-height: 500px;
	display: flex;
	align-items: center;
	overflow: hidden;
	background: transparent;
	color: #fff;
}

.fyzio-page-cta__shade {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(
			180deg,
			rgba(20,57,40,.02) 0%,
			rgba(20,57,40,.08) 26%,
			rgba(20,57,40,.16) 56%,
			rgba(20,57,40,.25) 78%,
			rgba(20,57,40,.32) 100%
		);
}

.fyzio-page-cta__inner {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr);
	align-items: end;
	gap: clamp(3rem, 7vw, 7rem);
	padding-top: 7rem;
	padding-bottom: 5.2rem;
}

.fyzio-page-cta h2 {
	margin-bottom: 1.25rem;
	color: #fff;
	font-size: clamp(2.6rem, 4.7vw, 4.9rem);
	line-height: 1;
}

.fyzio-page-cta p {
	color: rgba(255,255,255,.90);
}

.fyzio-page-cta__action {
	padding-bottom: .6rem;
}


/* =========================================================
 * PŘECHODOVÉ GUTENBERG STRÁNKY
 * ======================================================= */

/*
 * Ostatní základní stránky už používají společný shell,
 * ale jejich střed ještě může být starý Gutenberg obsah.
 *
 * Staré hero a staré CTA skryjeme. Kompletní odstranění
 * UAGB markupu přijde při převodu konkrétního partialu.
 */

.fyzio-page__legacy-content {
	position: relative;
	z-index: 2;
	padding: 4rem 0 3rem;
}

.fyzio-page__legacy-content > .wp-block-uagb-container:first-child,
.fyzio-page__legacy-content > .wp-block-uagb-container:last-child {
	display: none !important;
}

.fyzio-page__legacy-content .alignfull,
.fyzio-page__legacy-content .alignwide {
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}


/* =========================================================
 * TABLET
 * ======================================================= */

@media (max-width: 1080px) {

	.fyzio-page-hero {
		min-height: 470px;
		background-position: 56% center;
	}

	.fyzio-page-hero__inner {
		padding-top: 7.4rem;
		padding-bottom: 6.8rem;
	}

	.fyzio-inner-split,
	.fyzio-inner-split--image-first {
		grid-template-columns: minmax(0, 1fr) minmax(280px, .78fr);
		gap: 3rem;
	}

	.fyzio-page-ending-scene::before,
	.fyzio-page-ending-scene::after {
		height: 1060px;
	}

	.fyzio-page-cta__inner {
		gap: 3rem;
	}
}


/* =========================================================
 * MENŠÍ TABLET
 * ======================================================= */

@media (max-width: 860px) {

	.fyzio-inner-split,
	.fyzio-inner-split--image-first {
		grid-template-columns: 1fr;
	}

	.fyzio-inner-split--image-first .fyzio-inner-figure {
		order: 2;
	}

	.fyzio-inner-split--image-first .fyzio-inner-copy {
		order: 1;
	}

	.fyzio-inner-copy {
		max-width: 720px;
		margin-inline: auto;
	}

	.fyzio-inner-figure {
		max-width: 520px;
	}

	.fyzio-inner-heading {
		text-align: center;
	}

	.fyzio-inner-heading > span {
		margin-inline: auto;
	}

	.fyzio-inner-kicker {
		text-align: center;
	}

	.fyzio-inner-final-grid {
		grid-template-columns: 1fr;
	}
}


/* =========================================================
 * MOBIL
 * ======================================================= */

@media (max-width: 680px) {

	.fyzio-page-hero {
		min-height: 560px;
		background-position: 62% center;
	}

	.fyzio-page-hero::after {
		height: 105px;
	}

	.fyzio-page-hero__shade {
		background:
			linear-gradient(
				180deg,
				rgba(12,44,29,.82) 0%,
				rgba(20,61,42,.64) 52%,
				rgba(31,75,51,.20) 100%
			);
	}

	.fyzio-page-hero__inner {
		padding-top: 6.7rem;
		padding-bottom: 6rem;
	}

	.fyzio-page-hero h1 {
		font-size: clamp(2.35rem, 11vw, 3.4rem);
	}

	.fyzio-page-hero__quote {
		font-size: .98rem;
		line-height: 1.55;
	}

	.fyzio-page-flow {
		margin-top: -58px;
		padding-top: 58px;
	}

	.fyzio-page-flow::before {
		background-size: auto 100%;
		background-position: 50% top;
	}

	.fyzio-inner-section {
		padding: 4.4rem 0;
	}

	.fyzio-inner-heading h2 {
		font-size: clamp(1.85rem, 8.6vw, 2.25rem);
	}

	.fyzio-inner-copy p {
		font-size: .96rem;
		line-height: 1.72;
	}

	.fyzio-inner-callout {
		padding: 2.6rem 0;
	}

	.fyzio-inner-callout__inner {
		grid-template-columns: 1fr;
		text-align: left;
	}

	.fyzio-inner-callout__mark {
		width: 50px;
		height: 50px;
	}

	.fyzio-page-ending-scene::before,
	.fyzio-page-ending-scene::after {
		height: 920px;
	}

	.fyzio-structural__final {
		padding-top: 4.6rem;
		padding-bottom: 6.4rem;
	}

	.fyzio-structural__final .fyzio-inner-copy {
		padding: 1.4rem 1.25rem;
		border-radius: 20px;
	}

	.fyzio-page-cta {
		min-height: 620px;
	}

	.fyzio-page-cta__inner {
		grid-template-columns: 1fr;
		padding-top: 8rem;
		padding-bottom: 4.5rem;
		gap: 1.5rem;
	}
}


/* =========================================================
 * ÚZKÝ FOLD / ROZKLÁDACÍ TELEFON — PORTRÉT
 * ======================================================= */

@media (max-width: 390px) and (min-height: 720px) and (orientation: portrait) {

	.fyzio-page-hero {
		min-height: 540px;
	}

	.fyzio-page-hero__inner {
		padding-top: 6.1rem;
		padding-bottom: 5.4rem;
	}

	.fyzio-page-hero h1 {
		font-size: clamp(2.1rem, 11.5vw, 2.75rem);
	}

	.fyzio-page-hero__lead {
		font-size: .92rem !important;
		line-height: 1.55 !important;
	}

	.fyzio-page-hero__quote {
		font-size: .92rem;
		line-height: 1.5;
	}

	.fyzio-inner-section {
		padding: 4rem 0;
	}

	.fyzio-inner-copy p {
		font-size: .92rem;
		line-height: 1.64;
	}

	.fyzio-inner-quote {
		padding: 1rem 1rem 1rem 1.15rem;
		font-size: .94rem;
	}

	.fyzio-page-ending-scene::before,
	.fyzio-page-ending-scene::after {
		height: 860px;
	}

	.fyzio-page-cta__inner {
		padding-top: 7rem;
		padding-bottom: 3.8rem;
	}

	.fyzio-page-cta h2 {
		font-size: clamp(2.05rem, 10vw, 2.65rem);
	}

	.fyzio-page-cta .fyzio-actions {
		flex-direction: column;
		align-items: stretch;
	}

	.fyzio-page-cta .fyzio-button,
	.fyzio-page-cta .fyzio-text-link {
		width: 100%;
		justify-content: center;
		text-align: center;
	}
}

/* =========================================================
 * KONSOLIDOVANÁ RESPONZIVITA PŘECHODŮ
 * ======================================================= */

@media (max-width: 1080px) {

	.fyzio-page-hero::after {
		height: 200px;
	}

	.fyzio-page-flow::before {
		-webkit-mask-image:
			linear-gradient(
				180deg,
				transparent 0,
				transparent 96px,
				rgba(0,0,0,.10) 132px,
				rgba(0,0,0,.38) 188px,
				rgba(0,0,0,.72) 245px,
				#000 305px
			);
		mask-image:
			linear-gradient(
				180deg,
				transparent 0,
				transparent 96px,
				rgba(0,0,0,.10) 132px,
				rgba(0,0,0,.38) 188px,
				rgba(0,0,0,.72) 245px,
				#000 305px
			);
	}

	.fyzio-page-flow::after {
		height: 360px;
		background:
			linear-gradient(
				180deg,
				#f7f4ec 0,
				rgba(247,244,236,.98) 115px,
				rgba(247,244,236,.84) 250px,
				rgba(247,244,236,.72) 360px
			);
	}
}

@media (max-width: 860px) {

	.fyzio-structural__final .fyzio-inner-copy {
		max-width: 100%;
	}

	.fyzio-structural__final .fyzio-inner-heading {
		text-align: left;
	}

	.fyzio-structural__final .fyzio-inner-heading > span {
		margin-left: 0;
		margin-right: 0;
	}
}

@media (max-width: 680px) {

	.fyzio-page-hero::after {
		height: 150px;
		background:
			linear-gradient(
				180deg,
				rgba(247,244,236,0) 0%,
				rgba(247,244,236,.10) 24%,
				rgba(247,244,236,.48) 63%,
				rgba(247,244,236,.91) 100%
			);
	}

	.fyzio-page-flow {
		margin-top: -2px;
		padding-top: 0;
	}

	.fyzio-page-flow::before {
		background-size: auto 100%;
		background-position: 50% top;
		-webkit-mask-image:
			linear-gradient(
				180deg,
				transparent 0,
				transparent 74px,
				rgba(0,0,0,.10) 104px,
				rgba(0,0,0,.40) 150px,
				rgba(0,0,0,.74) 198px,
				#000 245px
			);
		mask-image:
			linear-gradient(
				180deg,
				transparent 0,
				transparent 74px,
				rgba(0,0,0,.10) 104px,
				rgba(0,0,0,.40) 150px,
				rgba(0,0,0,.74) 198px,
				#000 245px
			);
	}

	.fyzio-page-flow::after {
		height: 285px;
		background:
			linear-gradient(
				180deg,
				#f7f4ec 0,
				rgba(247,244,236,.98) 90px,
				rgba(247,244,236,.84) 195px,
				rgba(247,244,236,.72) 285px
			);
	}

	.fyzio-structural__final {
		padding-top: 4.5rem;
		padding-bottom: 6rem;
	}
}

@media (max-width: 420px) {

	.fyzio-page-hero::after {
		height: 135px;
	}
}

@media (max-width: 390px) and (min-height: 720px) and (orientation: portrait) {

	.fyzio-page-hero::after {
		height: 92px;
	}
}

/* =========================================================
 * V5.1 — OPRAVA PŘEDĚLU HERO → OBSAH
 * ======================================================= */

/*
 * Konsolidace V5 nechala .fyzio-page-flow zcela transparentní.
 * Tím se na fyzické hraně hero znovu ukázal rozdíl podkladových
 * vrstev. Homepage má v tomto místě pevnou krémovou základnu.
 *
 * Tady používáme stejnou krémovou "mostní" vrstvu jen v horní
 * části page-flow. Níže se opět stane průhlednou, takže neblokuje
 * závěrečnou krajinu u textově zakončených stránek.
 */
.fyzio-page-flow {
	background:
		linear-gradient(
			180deg,
			#f7f4ec 0,
			#f7f4ec 190px,
			rgba(247,244,236,.98) 260px,
			rgba(247,244,236,.90) 360px,
			rgba(247,244,236,.68) 470px,
			rgba(247,244,236,.28) 565px,
			rgba(247,244,236,0) 650px
		)
		top / 100% 650px no-repeat;
}

/*
 * Starý horní ::after už není potřeba — krémový most je nyní
 * přímo background page-flow a nemůže se dostat za jinou vrstvu.
 */
.fyzio-page-flow::after {
	display: none !important;
}

/*
 * Textura začne až ve chvíli, kdy už je hero bezpečně rozpuštěné.
 */
.fyzio-page-flow::before {
	-webkit-mask-image:
		linear-gradient(
			180deg,
			transparent 0,
			transparent 235px,
			rgba(0,0,0,.06) 300px,
			rgba(0,0,0,.26) 400px,
			rgba(0,0,0,.58) 520px,
			#000 650px
		);
	mask-image:
		linear-gradient(
			180deg,
			transparent 0,
			transparent 235px,
			rgba(0,0,0,.06) 300px,
			rgba(0,0,0,.26) 400px,
			rgba(0,0,0,.58) 520px,
			#000 650px
		);
}

@media (max-width: 1080px) {
	.fyzio-page-flow {
		background:
			linear-gradient(
				180deg,
				#f7f4ec 0,
				#f7f4ec 150px,
				rgba(247,244,236,.96) 215px,
				rgba(247,244,236,.76) 305px,
				rgba(247,244,236,.34) 385px,
				rgba(247,244,236,0) 455px
			)
			top / 100% 455px no-repeat;
	}

	.fyzio-page-flow::before {
		-webkit-mask-image:
			linear-gradient(
				180deg,
				transparent 0,
				transparent 175px,
				rgba(0,0,0,.08) 225px,
				rgba(0,0,0,.34) 305px,
				rgba(0,0,0,.70) 390px,
				#000 455px
			);
		mask-image:
			linear-gradient(
				180deg,
				transparent 0,
				transparent 175px,
				rgba(0,0,0,.08) 225px,
				rgba(0,0,0,.34) 305px,
				rgba(0,0,0,.70) 390px,
				#000 455px
			);
	}
}

@media (max-width: 680px) {
	.fyzio-page-flow {
		background:
			linear-gradient(
				180deg,
				#f7f4ec 0,
				#f7f4ec 105px,
				rgba(247,244,236,.96) 155px,
				rgba(247,244,236,.74) 220px,
				rgba(247,244,236,.30) 285px,
				rgba(247,244,236,0) 340px
			)
			top / 100% 340px no-repeat;
	}

	.fyzio-page-flow::before {
		-webkit-mask-image:
			linear-gradient(
				180deg,
				transparent 0,
				transparent 125px,
				rgba(0,0,0,.08) 165px,
				rgba(0,0,0,.36) 225px,
				rgba(0,0,0,.72) 290px,
				#000 340px
			);
		mask-image:
			linear-gradient(
				180deg,
				transparent 0,
				transparent 125px,
				rgba(0,0,0,.08) 165px,
				rgba(0,0,0,.36) 225px,
				rgba(0,0,0,.72) 290px,
				#000 340px
			);
	}
}

/* =========================================================
 * O MNĚ
 * ======================================================= */

.fyzio-about-intro {
	padding-top: clamp(5rem, 7vw, 7rem);
	padding-bottom: clamp(5rem, 7vw, 7rem);
}

.fyzio-about-intro__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(320px, .72fr);
	align-items: center;
	gap: clamp(3rem, 7vw, 7rem);
}

.fyzio-about-intro__copy {
	max-width: 720px;
}

.fyzio-about-intro__copy p {
	font-size: 1rem;
	line-height: 1.78;
}

.fyzio-about-intro__closing {
	margin-top: 1.4rem;
	color: var(--fyzio-green-900);
}

.fyzio-about-portrait {
	position: relative;
	margin: 0;
	justify-self: center;
	width: min(100%, 430px);
	overflow: hidden;
	border-radius: 26px;
	background: rgba(255,255,255,.42);
	box-shadow: 0 24px 56px rgba(34,73,48,.09);
}

.fyzio-about-portrait img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	object-position: center center;
}

.fyzio-about-section-heading {
	max-width: 720px;
	margin-bottom: 2.3rem;
}

.fyzio-about-section-heading > p:last-child {
	max-width: 620px;
	color: var(--fyzio-text-soft);
	line-height: 1.7;
}


/* VZDĚLÁNÍ */

.fyzio-about-education {
	position: relative;
	padding: clamp(4.8rem, 7vw, 7rem) 0 clamp(5.5rem, 8vw, 8rem);
}

.fyzio-about-education::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: 8% 0;
	background:
		linear-gradient(
			90deg,
			rgba(239,244,232,0) 0%,
			rgba(239,244,232,.42) 18%,
			rgba(239,244,232,.62) 50%,
			rgba(239,244,232,.42) 82%,
			rgba(239,244,232,0) 100%
		);
}

.fyzio-about-certificates {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(1.5rem, 3vw, 2.6rem);
}

.fyzio-about-certificate {
	margin: 0;
}

.fyzio-about-certificate a {
	display: block;
	overflow: hidden;
	border: 1px solid rgba(62,111,75,.20);
	border-radius: 20px;
	background: rgba(255,255,255,.48);
	box-shadow: 0 18px 42px rgba(33,72,47,.07);
	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.fyzio-about-certificate a:hover,
.fyzio-about-certificate a:focus-visible {
	transform: translateY(-3px);
	border-color: rgba(62,111,75,.40);
	box-shadow: 0 22px 48px rgba(33,72,47,.10);
}

.fyzio-about-certificate img {
	display: block;
	width: 100%;
	height: auto;
}


/* PODCAST */

.fyzio-about-podcast {
	position: relative;
	padding: clamp(4.8rem, 7vw, 6.8rem) 0 clamp(5.8rem, 8vw, 8rem);
}

.fyzio-about-podcast::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: 7% 0 4%;
	background:
		linear-gradient(
			90deg,
			rgba(229,244,220,0) 0%,
			rgba(229,244,220,.52) 18%,
			rgba(238,247,230,.72) 50%,
			rgba(229,244,220,.52) 82%,
			rgba(229,244,220,0) 100%
		);
}

.fyzio-about-podcast__grid {
	display: grid;
	grid-template-columns: minmax(0, .92fr) minmax(360px, 1.08fr);
	align-items: center;
	gap: clamp(3rem, 6vw, 6rem);
}

.fyzio-about-podcast__copy {
	max-width: 590px;
}

.fyzio-about-podcast__copy p:last-child {
	line-height: 1.72;
	color: var(--fyzio-text-soft);
}

.fyzio-about-podcast__media {
	position: relative;
	display: block;
	overflow: hidden;
	border: 1px solid rgba(74,125,88,.68);
	border-radius: 22px;
	background: transparent;
	box-shadow: none;
}

.fyzio-about-podcast__media img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	transition: transform .3s ease;
}

a.fyzio-about-podcast__media:hover img {
	transform: scale(1.015);
}

.fyzio-about-podcast__play {
	position: absolute;
	left: 1.25rem;
	bottom: 1.15rem;
	display: inline-flex;
	align-items: center;
	gap: .55rem;
	min-height: 38px;
	padding: .58rem .95rem;
	border-radius: 999px;
	background: rgba(247,250,244,.94);
	color: var(--fyzio-green-900);
	font-size: .78rem;
	font-weight: 800;
	letter-spacing: .03em;
}


/* TABLET */

@media (max-width: 1080px) {

	.fyzio-about-intro__grid {
		grid-template-columns: minmax(0, 1fr) minmax(280px, .72fr);
		gap: 3rem;
	}

	.fyzio-about-podcast__grid {
		grid-template-columns: minmax(0, .9fr) minmax(320px, 1.1fr);
		gap: 3rem;
	}
}


/* MENŠÍ TABLET */

@media (max-width: 860px) {

	.fyzio-about-intro__grid,
	.fyzio-about-podcast__grid {
		grid-template-columns: 1fr;
	}

	.fyzio-about-portrait {
		width: min(76vw, 430px);
	}

	.fyzio-about-podcast__copy {
		max-width: 680px;
	}

	.fyzio-about-podcast__media {
		max-width: 680px;
		width: 100%;
		margin-inline: auto;
	}
}


/* MOBIL */

@media (max-width: 680px) {

	.fyzio-about-intro,
	.fyzio-about-education,
	.fyzio-about-podcast {
		padding-top: 4.3rem;
		padding-bottom: 5rem;
	}

	.fyzio-about-intro__copy p {
		font-size: .96rem;
		line-height: 1.7;
	}

	.fyzio-about-portrait {
		width: 100%;
		max-width: 390px;
		border-radius: 20px;
	}

	.fyzio-about-certificates {
		grid-template-columns: 1fr;
		gap: 1.25rem;
	}

	.fyzio-about-certificate a,
	.fyzio-about-podcast__media {
		border-radius: 18px;
	}

	.fyzio-about-podcast__play {
		left: .9rem;
		bottom: .85rem;
		font-size: .72rem;
	}
}


/* ÚZKÝ FOLD */

@media (max-width: 390px) and (min-height: 720px) and (orientation: portrait) {

	.fyzio-about-intro,
	.fyzio-about-education,
	.fyzio-about-podcast {
		padding-top: 3.8rem;
		padding-bottom: 4.4rem;
	}

	.fyzio-about-intro__copy p {
		font-size: .92rem;
		line-height: 1.62;
	}

	.fyzio-about-podcast__grid {
		gap: 2rem;
	}
}


/* =========================================================
 * EDITOVATELNÝ GUTENBERG OBSAH
 * Vizuál šablony, obsah z "Upravit stránku"
 * ======================================================= */

.fyzio-editor-content {
	position: relative;
	z-index: 2;
	color: var(--fyzio-text);
}

.fyzio-editor-content > .wp-block-group {
	width: min(1120px, calc(100% - 72px));
	margin-inline: auto;
}

.fyzio-editor-content .fyzio-editable-section {
	position: relative;
	padding-top: clamp(5rem, 7vw, 7rem);
	padding-bottom: clamp(5rem, 7vw, 7rem);
}

.fyzio-editor-content .fyzio-editable-section:first-child {
	padding-top: clamp(4rem, 5.5vw, 5.8rem);
}

.fyzio-editor-content .fyzio-editable-columns {
	align-items: center;
	gap: clamp(3rem, 6vw, 6rem);
	margin: 0;
}

.fyzio-editor-content .fyzio-editable-columns > .wp-block-column {
	min-width: 0;
}

.fyzio-editor-content .fyzio-editable-title {
	margin: 0 0 1.6rem;
	color: var(--fyzio-green-900);
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(2rem, 3.5vw, 3.4rem);
	font-weight: 400;
	line-height: 1.07;
	letter-spacing: -.025em;
}

.fyzio-editor-content .fyzio-editable-title::after {
	content: "";
	display: block;
	width: 78px;
	height: 2px;
	margin-top: 1.15rem;
	background: var(--fyzio-green-500);
}

.fyzio-editor-content .fyzio-editable-kicker {
	margin: 0 0 .8rem;
	color: var(--fyzio-green-600);
	font-size: .76rem;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.fyzio-editor-content p {
	margin-top: 0;
	margin-bottom: 1.2rem;
	font-size: 1rem;
	line-height: 1.78;
}

.fyzio-editor-content strong {
	color: var(--fyzio-green-900);
}

.fyzio-editor-content .fyzio-editable-emphasis {
	margin: 1.45rem 0;
	padding-left: 1.1rem;
	border-left: 2px solid rgba(78,142,82,.52);
	color: var(--fyzio-green-900);
}

.fyzio-editor-content .fyzio-editable-quote {
	margin: 1.8rem 0 0;
	padding: 1.3rem 0 0 1.35rem;
	border-left: 2px solid rgba(78,142,82,.42);
	color: var(--fyzio-green-900);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.1rem;
	font-style: italic;
	line-height: 1.65;
}

.fyzio-editor-content .wp-block-image {
	margin: 0;
}

.fyzio-editor-content .fyzio-editable-image img,
.fyzio-editor-content .fyzio-editable-portrait img,
.fyzio-editor-content .fyzio-editable-certificate img {
	display: block;
	width: 100%;
	height: auto;
}

.fyzio-editor-content .fyzio-editable-portrait {
	max-width: 430px;
	margin-inline: auto;
	overflow: hidden;
	border-radius: 26px;
	background: rgba(255,255,255,.42);
	box-shadow: 0 24px 56px rgba(34,73,48,.09);
}

.fyzio-editor-content .fyzio-editable-portrait img {
	aspect-ratio: 4 / 5;
	object-fit: cover;
}

.fyzio-editor-content .fyzio-editable-image {
	overflow: hidden;
	border-radius: 24px;
}

.fyzio-editor-content .fyzio-editable-image img {
	object-fit: contain;
}

.fyzio-editor-content .fyzio-editable-image--posture {
	max-width: 410px;
	margin-inline: auto;
}

.fyzio-editor-content .fyzio-editable-section--soft::before,
.fyzio-editor-content .fyzio-editable-section--education::before,
.fyzio-editor-content .fyzio-editable-section--podcast::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 8%;
	bottom: 8%;
	left: 50%;
	width: 100vw;
	transform: translateX(-50%);
	background:
		linear-gradient(
			90deg,
			rgba(232,243,225,0) 0%,
			rgba(232,243,225,.38) 17%,
			rgba(240,247,234,.66) 50%,
			rgba(232,243,225,.38) 83%,
			rgba(232,243,225,0) 100%
		);
	pointer-events: none;
}

.fyzio-editor-content .fyzio-editable-callout {
	position: relative;
	width: min(1000px, calc(100% - 72px));
	margin: clamp(1rem, 2vw, 2rem) auto clamp(2rem, 4vw, 4rem);
	padding: clamp(2rem, 4vw, 3.2rem);
	border: 1px solid rgba(72,128,83,.24);
	border-radius: 24px;
	background: rgba(244,248,238,.60);
	box-shadow: 0 18px 45px rgba(34,73,48,.05);
}

.fyzio-editor-content .fyzio-editable-callout p:last-child {
	margin-bottom: 0;
}

.fyzio-editor-content .fyzio-editable-columns--certificates {
	gap: clamp(1.25rem, 3vw, 2.5rem);
}

.fyzio-editor-content .fyzio-editable-certificate {
	overflow: hidden;
	border: 1px solid rgba(62,111,75,.20);
	border-radius: 20px;
	background: rgba(255,255,255,.48);
	box-shadow: 0 18px 42px rgba(33,72,47,.07);
}

.fyzio-editor-content .fyzio-editable-certificate a {
	display: block;
}

.fyzio-editor-content .fyzio-editable-podcast,
.fyzio-editor-content .fyzio-editable-podcast.wp-block-embed {
	margin: 0;
	overflow: hidden;
	border: 1px solid rgba(74,125,88,.55);
	border-radius: 22px;
	background: transparent;
}

.fyzio-editor-content .fyzio-editable-podcast .wp-block-embed__wrapper {
	position: relative;
	aspect-ratio: 16 / 9;
}

.fyzio-editor-content .fyzio-editable-podcast .wp-block-embed__wrapper iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.fyzio-editor-content .fyzio-editable-section-lead {
	max-width: 650px;
	color: var(--fyzio-text-soft);
}

.fyzio-editor-content .fyzio-editable-section--final {
	max-width: 760px;
	margin-left: max(36px, calc((100% - 1120px) / 2));
	margin-right: auto;
	padding-bottom: clamp(7rem, 10vw, 10rem);
}


/* Když Patrik přidá běžný nový blok mimo připravené sekce,
 * pořád bude vizuálně zapadat do stránky. */
.fyzio-editor-content > :not(.wp-block-group) {
	width: min(820px, calc(100% - 72px));
	margin-left: auto;
	margin-right: auto;
}

.fyzio-editor-content > .wp-block-heading {
	margin-top: 4rem;
	color: var(--fyzio-green-900);
	font-family: Georgia, "Times New Roman", serif;
}


/* TABLET */

@media (max-width: 1080px) {

	.fyzio-editor-content > .wp-block-group {
		width: min(100% - 44px, 900px);
	}

	.fyzio-editor-content .fyzio-editable-columns {
		gap: 3rem;
	}

	.fyzio-editor-content .fyzio-editable-callout {
		width: min(100% - 44px, 820px);
	}

	.fyzio-editor-content > :not(.wp-block-group) {
		width: min(100% - 44px, 760px);
	}
}


/* MENŠÍ TABLET */

@media (max-width: 860px) {

	.fyzio-editor-content .fyzio-editable-columns {
		flex-wrap: wrap !important;
	}

	.fyzio-editor-content .fyzio-editable-columns > .wp-block-column {
		flex-basis: 100% !important;
	}

	.fyzio-editor-content .fyzio-editable-columns--certificates {
		flex-wrap: nowrap !important;
	}

	.fyzio-editor-content .fyzio-editable-columns--certificates > .wp-block-column {
		flex-basis: 50% !important;
	}

	.fyzio-editor-content .fyzio-editable-portrait {
		width: min(76vw, 430px);
	}

	.fyzio-editor-content .fyzio-editable-section--final {
		width: min(100% - 44px, 760px);
		margin-inline: auto;
	}
}


/* MOBIL */

@media (max-width: 680px) {

	.fyzio-editor-content > .wp-block-group,
	.fyzio-editor-content > :not(.wp-block-group),
	.fyzio-editor-content .fyzio-editable-callout {
		width: calc(100% - 32px);
	}

	.fyzio-editor-content .fyzio-editable-section {
		padding-top: 4.2rem;
		padding-bottom: 4.8rem;
	}

	.fyzio-editor-content .fyzio-editable-section:first-child {
		padding-top: 3.7rem;
	}

	.fyzio-editor-content .fyzio-editable-columns {
		gap: 2.2rem;
	}

	.fyzio-editor-content .fyzio-editable-columns--certificates {
		flex-wrap: wrap !important;
		gap: 1.2rem;
	}

	.fyzio-editor-content .fyzio-editable-columns--certificates > .wp-block-column {
		flex-basis: 100% !important;
	}

	.fyzio-editor-content .fyzio-editable-title {
		font-size: clamp(1.8rem, 9vw, 2.55rem);
	}

	.fyzio-editor-content p {
		font-size: .96rem;
		line-height: 1.7;
	}

	.fyzio-editor-content .fyzio-editable-portrait {
		width: 100%;
		max-width: 390px;
		border-radius: 20px;
	}

	.fyzio-editor-content .fyzio-editable-image,
	.fyzio-editor-content .fyzio-editable-certificate,
	.fyzio-editor-content .fyzio-editable-podcast {
		border-radius: 18px;
	}
}


/* ÚZKÝ FOLD */

@media (max-width: 390px) and (min-height: 720px) and (orientation: portrait) {

	.fyzio-editor-content > .wp-block-group,
	.fyzio-editor-content > :not(.wp-block-group),
	.fyzio-editor-content .fyzio-editable-callout {
		width: calc(100% - 28px);
	}

	.fyzio-editor-content .fyzio-editable-section {
		padding-top: 3.7rem;
		padding-bottom: 4.2rem;
	}

	.fyzio-editor-content p {
		font-size: .92rem;
		line-height: 1.64;
	}
}

/* =========================================================
 * V3.2 — PODSTRÁNKY: sjednocení nadpisů a akcí
 * ======================================================= */

.fyzio-inner-heading > span {
	display: none !important;
}

.fyzio-inner-heading h2::after {
	margin-left: 0;
	margin-right: 0;
}

.fyzio-editor-content .fyzio-editable-title::after {
	display: block;
	width: 72px;
	height: 2px;
	margin-top: .9rem;
	border-radius: 20px;
	background: var(--fyzio-heading-rule);
}

.fyzio-page-cta .fyzio-button,
.fyzio-page-cta .fyzio-button--light {
	border-color: var(--fyzio-action);
	background: var(--fyzio-action);
	color: #fff;
}

.fyzio-page-cta .fyzio-text-link,
.fyzio-page-cta .fyzio-text-link--light {
	border-color: rgba(255,255,255,.78);
	background: rgba(8,39,27,.12);
	color: #fff;
}

.fyzio-page-cta .fyzio-text-link:hover,
.fyzio-page-cta .fyzio-text-link:focus-visible,
.fyzio-page-cta .fyzio-text-link--light:hover,
.fyzio-page-cta .fyzio-text-link--light:focus-visible {
	border-color: #fff;
	background: rgba(255,255,255,.10);
	color: #fff;
}

/* =========================================================
 * V3.4 — KOMPAKTNĚJŠÍ TYPOGRAFICKÁ HIERARCHIE
 * Globálně menší hlavní nadpisy; layout podstránek se nemění.
 * ======================================================= */

@media (min-width: 681px) {

	/* H1 v hero podstránek */
	.fyzio-page-hero h1 {
		font-size: clamp(2.65rem, 4.25vw, 4.35rem);
	}

	/* Běžné H2 ve vlastním shellu podstránek */
	.fyzio-inner-heading h2 {
		font-size: clamp(1.9rem, 2.8vw, 3rem);
	}

	/* H2 v editovatelném Gutenberg obsahu */
	.fyzio-editor-content .fyzio-editable-title {
		font-size: clamp(1.9rem, 2.9vw, 3rem);
	}

	/* Závěrečná CTA na podstránkách */
	.fyzio-page-cta h2 {
		font-size: clamp(2.35rem, 3.8vw, 3.8rem);
	}
}


/* Mobilní hierarchie už byla přiměřená; jen jemné stažení. */
@media (max-width: 680px) {

	.fyzio-page-hero h1 {
		font-size: clamp(2.2rem, 10.5vw, 3.05rem);
	}

	.fyzio-inner-heading h2 {
		font-size: clamp(1.75rem, 8vw, 2.15rem);
	}

	.fyzio-editor-content .fyzio-editable-title {
		font-size: clamp(1.75rem, 8.2vw, 2.3rem);
	}
}

/* =========================================================
 * V3.4.1 — O MNĚ: ODSTRANĚNÍ HORIZONTÁLNÍCH PÁSŮ
 * ======================================================= */

/*
 * O mně používá jedno souvislé přírodní pozadí stránky.
 * Lokální podklady sekcí Vzdělání a Podcast proto nesmí
 * kreslit vlastní celoplošné gradienty s rovnými hranami.
 */
.fyzio-editor-content--about .fyzio-editable-section--education::before,
.fyzio-editor-content--about .fyzio-editable-section--podcast::before {
	display: none !important;
	content: none !important;
}

/*
 * Stejná pojistka pro případ, že by se na stránce O mně později
 * použila sekce označená jako "soft". Pozadí má vždy řešit
 * společný page-flow, ne lokální vodorovný pás.
 */
.fyzio-editor-content--about .fyzio-editable-section--soft::before {
	display: none !important;
	content: none !important;
}

/*
 * Sekce zůstávají průhledné, takže plynule pokračuje společný
 * podklad stránky až k závěrečné krajině.
 */
.fyzio-editor-content--about .fyzio-editable-section--education,
.fyzio-editor-content--about .fyzio-editable-section--podcast,
.fyzio-editor-content--about .fyzio-editable-section--soft {
	background: transparent !important;
}

/* =========================================================
 * V3.5 — CENÍK
 * Čistý Gutenberg obsah + nový vizuál.
 * ======================================================= */

.fyzio-editor-content--pricing {
	padding-bottom: clamp(4rem, 7vw, 7rem);
}


/* ÚVODNÍ MYŠLENKA */

.fyzio-editor-content--pricing .fyzio-pricing-intro {
	max-width: 820px;
	margin-inline: auto;
	padding-top: clamp(3.7rem, 5vw, 5rem);
	padding-bottom: clamp(2.2rem, 3vw, 3.2rem);
	text-align: center;
}

.fyzio-pricing-intro__lead {
	margin-bottom: .35rem !important;
	color: var(--fyzio-green-900);
	font-family: var(--fyzio-heading-font);
	font-size: clamp(1.35rem, 2vw, 1.8rem) !important;
	line-height: 1.35 !important;
}

.fyzio-pricing-intro__sub {
	max-width: 660px;
	margin-inline: auto !important;
	color: var(--fyzio-text-soft);
	font-size: .98rem !important;
}


/* STANDARDNÍ CENY */

.fyzio-editor-content--pricing .fyzio-pricing-standard {
	padding-top: 1.8rem;
	padding-bottom: clamp(4.5rem, 6vw, 6rem);
}

.fyzio-pricing-grid {
	align-items: stretch !important;
	gap: clamp(1.4rem, 3vw, 2.5rem) !important;
	margin: 0 !important;
}

.fyzio-pricing-grid > .wp-block-column {
	display: flex;
}

.fyzio-pricing-card {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	min-height: 100%;
	padding: clamp(1.8rem, 3vw, 2.5rem);
	border: 1px solid rgba(75,129,76,.18);
	border-radius: 22px;
	background:
		linear-gradient(
			145deg,
			rgba(241,248,231,.90),
			rgba(232,244,220,.72)
		);
	box-shadow: 0 16px 42px rgba(54,91,55,.055);
}

.fyzio-pricing-card__kicker {
	margin: 0 0 .45rem !important;
	color: var(--fyzio-green-900);
	font-size: .82rem !important;
	font-weight: 800;
	letter-spacing: .075em;
	text-transform: uppercase;
}

.fyzio-pricing-card__meta {
	margin: 0 0 .25rem !important;
	color: var(--fyzio-text-soft);
	font-size: .91rem !important;
}

.fyzio-pricing-card__duration {
	margin: 0 !important;
	font-size: .92rem !important;
}

.fyzio-pricing-card__price {
	margin: 1.7rem 0 1.25rem !important;
	padding-top: 1.35rem;
	border-top: 1px solid rgba(75,129,76,.14);
	color: var(--fyzio-action);
	font-family: var(--fyzio-heading-font);
	font-size: clamp(2rem, 3vw, 2.7rem) !important;
	font-weight: 400 !important;
	letter-spacing: -.02em;
}

.fyzio-pricing-card__price::after {
	display: none !important;
}

.fyzio-pricing-list,
.fyzio-pricing-values {
	margin: 0 0 1.5rem !important;
	padding: 0 !important;
	list-style: none !important;
}

.fyzio-pricing-list li,
.fyzio-pricing-values li {
	position: relative;
	margin: 0 0 .72rem;
	padding-left: 1.65rem;
	color: var(--fyzio-text);
	font-size: .93rem;
	line-height: 1.55;
}

.fyzio-pricing-list li::before {
	content: "✓";
	position: absolute;
	left: 0;
	top: .02em;
	color: var(--fyzio-action);
	font-weight: 800;
}

.fyzio-pricing-card__actions {
	margin-top: auto !important;
	padding-top: .65rem;
}

.fyzio-pricing-card__actions .wp-block-button {
	width: 100%;
}

.fyzio-pricing-card__actions .wp-block-button__link {
	width: 100%;
}


/* ALTERNATIVNÍ VARIANTY — bez dalšího barevného pásu */

.fyzio-editor-content--pricing .fyzio-pricing-alternatives-heading {
	max-width: 850px;
	margin-inline: auto;
	padding-top: clamp(3.8rem, 5vw, 5rem);
	padding-bottom: clamp(2rem, 3vw, 3rem);
	text-align: center;
}

.fyzio-pricing-alternatives-heading .fyzio-editable-title::after {
	margin-left: auto;
	margin-right: auto;
}

.fyzio-pricing-alternatives__lead {
	max-width: 690px;
	margin-inline: auto !important;
	color: var(--fyzio-text-soft);
}


/* VĚDOMÁ CENA / SMĚNA */

.fyzio-editor-content--pricing .fyzio-pricing-option {
	padding-top: clamp(2.5rem, 4vw, 4rem);
	padding-bottom: clamp(3.5rem, 5vw, 5rem);
}

.fyzio-pricing-split {
	align-items: center !important;
	gap: clamp(2.8rem, 6vw, 6rem) !important;
	margin: 0 !important;
}

.fyzio-pricing-split > .wp-block-column:first-child {
	flex-basis: 42%;
}

.fyzio-pricing-split > .wp-block-column:last-child {
	flex-basis: 58%;
}

.fyzio-pricing-card--alternative {
	min-height: 0;
	padding: clamp(1.7rem, 3vw, 2.35rem);
}

.fyzio-pricing-card__statement {
	margin: .25rem 0 1.35rem !important;
	color: var(--fyzio-green-900);
	font-size: .98rem !important;
	line-height: 1.6 !important;
}

.fyzio-pricing-list--compact {
	margin-bottom: 1rem !important;
	padding-top: 1.1rem !important;
	border-top: 1px solid rgba(75,129,76,.14);
}

.fyzio-pricing-list--compact li {
	color: var(--fyzio-text-soft);
	font-size: .88rem;
}

.fyzio-pricing-copy {
	max-width: 690px;
}

.fyzio-pricing-copy__title {
	margin-bottom: 1.25rem !important;
	color: var(--fyzio-green-900);
	font-family: var(--fyzio-heading-font);
	font-size: clamp(1.65rem, 2.4vw, 2.35rem) !important;
	font-weight: 400 !important;
	line-height: 1.15;
}

.fyzio-pricing-copy__title::after {
	content: "";
	display: block;
	width: 60px;
	height: 2px;
	margin-top: .8rem;
	background: var(--fyzio-heading-rule);
}

.fyzio-pricing-copy p {
	font-size: .96rem !important;
	line-height: 1.72 !important;
}

.fyzio-pricing-copy__closing {
	margin-top: 1.4rem !important;
	color: var(--fyzio-green-900);
	font-weight: 600;
}

.fyzio-pricing-values {
	margin-top: -.35rem !important;
	margin-bottom: 1.35rem !important;
}

.fyzio-pricing-values li {
	margin-bottom: .25rem;
	padding-left: 1.25rem;
}

.fyzio-pricing-values li::before {
	content: "—";
	position: absolute;
	left: 0;
	color: var(--fyzio-action);
}


/* Poslední pricing sekce plynule do společného konce stránky. */
.fyzio-editor-content--pricing .fyzio-pricing-option--last {
	padding-bottom: clamp(5rem, 8vw, 8rem);
}


/* TABLET */

@media (max-width: 1080px) {

	.fyzio-pricing-split {
		gap: 3rem !important;
	}
}


/* MENŠÍ TABLET */

@media (max-width: 860px) {

	.fyzio-pricing-grid,
	.fyzio-pricing-split {
		flex-wrap: wrap !important;
	}

	.fyzio-pricing-grid > .wp-block-column,
	.fyzio-pricing-split > .wp-block-column {
		flex-basis: 100% !important;
	}

	.fyzio-pricing-card,
	.fyzio-pricing-copy {
		max-width: 720px;
		margin-inline: auto;
	}
}


/* MOBIL */

@media (max-width: 680px) {

	.fyzio-editor-content--pricing .fyzio-pricing-intro {
		padding-top: 3.2rem;
		padding-bottom: 1.5rem;
	}

	.fyzio-editor-content--pricing .fyzio-pricing-standard {
		padding-top: 1rem;
		padding-bottom: 3.8rem;
	}

	.fyzio-pricing-card {
		padding: 1.45rem;
		border-radius: 18px;
	}

	.fyzio-pricing-card__price {
		font-size: 2.15rem !important;
	}

	.fyzio-editor-content--pricing .fyzio-pricing-alternatives-heading {
		padding-top: 3.2rem;
		padding-bottom: 1.3rem;
	}

	.fyzio-editor-content--pricing .fyzio-pricing-option {
		padding-top: 2.2rem;
		padding-bottom: 3.6rem;
	}

	.fyzio-pricing-split {
		gap: 2rem !important;
	}
}


/* ÚZKÝ FOLD */

@media (max-width: 390px) and (min-height: 720px) and (orientation: portrait) {

	.fyzio-pricing-card {
		padding: 1.25rem;
	}

	.fyzio-pricing-list li,
	.fyzio-pricing-values li,
	.fyzio-pricing-copy p {
		font-size: .9rem !important;
	}
}

/* =========================================================
 * V3.5.1 — SVĚTLEJŠÍ STŘED OBSAHOVÝCH PODSTRÁNEK
 * ======================================================= */

/*
 * Přírodní textura zůstává výraznější u okrajů.
 * Střed stránky dostává měkký krémový závoj bez pevné hrany,
 * aby delší texty (typicky Ceník) měly klidnější podklad.
 */
.fyzio-inner-content::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 100vw;
	transform: translateX(-50%);
	background:
		linear-gradient(
			90deg,
			rgba(247,244,236,.05) 0%,
			rgba(247,244,236,.16) 10%,
			rgba(247,244,236,.48) 20%,
			rgba(247,244,236,.78) 31%,
			rgba(247,244,236,.91) 42%,
			rgba(247,244,236,.95) 50%,
			rgba(247,244,236,.91) 58%,
			rgba(247,244,236,.78) 69%,
			rgba(247,244,236,.48) 80%,
			rgba(247,244,236,.16) 90%,
			rgba(247,244,236,.05) 100%
		);
	pointer-events: none;
}

/*
 * Tablet: střední čtecí zóna je o něco širší.
 */
@media (max-width: 1080px) {
	.fyzio-inner-content::before {
		background:
			linear-gradient(
				90deg,
				rgba(247,244,236,.12) 0%,
				rgba(247,244,236,.32) 10%,
				rgba(247,244,236,.70) 24%,
				rgba(247,244,236,.90) 38%,
				rgba(247,244,236,.95) 50%,
				rgba(247,244,236,.90) 62%,
				rgba(247,244,236,.70) 76%,
				rgba(247,244,236,.32) 90%,
				rgba(247,244,236,.12) 100%
			);
	}
}

/*
 * Mobil: textura zůstává jen jako velmi jemná atmosféra při krajích,
 * čtecí plocha je téměř celá klidná.
 */
@media (max-width: 680px) {
	.fyzio-inner-content::before {
		background:
			linear-gradient(
				90deg,
				rgba(247,244,236,.48) 0%,
				rgba(247,244,236,.78) 12%,
				rgba(247,244,236,.94) 30%,
				rgba(247,244,236,.97) 50%,
				rgba(247,244,236,.94) 70%,
				rgba(247,244,236,.78) 88%,
				rgba(247,244,236,.48) 100%
			);
	}
}

/* =========================================================
 * V3.5.3 — SKUTEČNÉ PROLITÍ OBSAHU DO CTA
 * ======================================================= */

/*
 * Předchozí varianta zesvětlila začátek krajiny, ale hranice mezi
 * page-flow a CTA byla stále čitelná, protože oba bloky se potkaly
 * přesně na jedné vodorovné ose.
 *
 * Teď vytváříme překryvnou "mlhu", která začíná ještě uvnitř
 * poslední části obsahu, překročí hranici CTA a teprve uvnitř
 * krajiny se rozpustí. Hranice bloků tak není vidět.
 */
.fyzio-page-cta {
	overflow: visible;
	isolation: isolate;
}

.fyzio-page-cta::before {
	content: "";
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: -260px;
	height: 520px;
	background:
		linear-gradient(
			180deg,
			rgba(247,244,236,0) 0%,
			rgba(247,244,236,.28) 14%,
			rgba(247,244,236,.72) 30%,
			rgba(247,244,236,.95) 48%,
			rgba(247,244,236,.92) 56%,
			rgba(247,244,236,.66) 70%,
			rgba(247,244,236,.28) 84%,
			rgba(247,244,236,0) 100%
		),
		radial-gradient(
			ellipse 68% 78% at 50% 48%,
			rgba(247,244,236,.90) 0%,
			rgba(247,244,236,.72) 40%,
			rgba(247,244,236,.36) 66%,
			rgba(247,244,236,0) 100%
		);
	pointer-events: none;
}

/* Stín krajiny zůstane pod propojovací mlhou. */
.fyzio-page-cta__shade {
	z-index: 0;
}

.fyzio-page-cta__inner {
	z-index: 2;
}


/* Tablet */
@media (max-width: 1080px) {
	.fyzio-page-cta::before {
		top: -230px;
		height: 460px;
		background:
			linear-gradient(
				180deg,
				rgba(247,244,236,0) 0%,
				rgba(247,244,236,.32) 14%,
				rgba(247,244,236,.76) 31%,
				rgba(247,244,236,.96) 49%,
				rgba(247,244,236,.91) 58%,
				rgba(247,244,236,.58) 73%,
				rgba(247,244,236,.20) 88%,
				rgba(247,244,236,0) 100%
			),
			radial-gradient(
				ellipse 80% 78% at 50% 48%,
				rgba(247,244,236,.92) 0%,
				rgba(247,244,236,.70) 44%,
				rgba(247,244,236,.28) 70%,
				rgba(247,244,236,0) 100%
			);
	}
}


/* Mobil */
@media (max-width: 680px) {
	.fyzio-page-cta::before {
		top: -180px;
		height: 360px;
		background:
			linear-gradient(
				180deg,
				rgba(247,244,236,0) 0%,
				rgba(247,244,236,.48) 16%,
				rgba(247,244,236,.84) 34%,
				rgba(247,244,236,.98) 50%,
				rgba(247,244,236,.90) 60%,
				rgba(247,244,236,.48) 76%,
				rgba(247,244,236,.12) 91%,
				rgba(247,244,236,0) 100%
			);
	}
}

/* =========================================================
 * V3.5.4 — ZRUŠENÍ NEPOVEDENÉHO CTA "MOSTU"
 * ======================================================= */

/*
 * V3.5.3 vytvořila přes hranici CTA velkou krémovou plochu.
 * Tu nyní úplně rušíme. Přechod bude řešit pouze společná
 * závěrečná krajina pod stránkou, nikoli další vrstva nad CTA.
 */
.fyzio-page-cta::before {
	display: none !important;
	content: none !important;
}

.fyzio-page-cta {
	overflow: hidden;
}

/* =========================================================
 * V3.5.5 — PROLNUTÍ BEZ VIDITELNÉ HRANY
 * ======================================================= */

/*
 * Skutečný zdroj linky: světlý středový závoj na .fyzio-inner-content
 * končil přesně na konci obsahového boxu. CTA už měla jinou vrstvu,
 * takže oko četlo fyzickou hranici obou bloků.
 *
 * Závoj teď pokračuje ještě pod konec obsahu do horní části CTA
 * a zároveň se na posledních stovkách pixelů vertikálně rozpustí.
 */
.fyzio-page-flow,
.fyzio-inner-content {
	overflow: visible;
}

.fyzio-inner-content::before {
	bottom: -360px !important;

	-webkit-mask-image:
		linear-gradient(
			180deg,
			#000 0%,
			#000 calc(100% - 620px),
			rgba(0,0,0,.94) calc(100% - 500px),
			rgba(0,0,0,.72) calc(100% - 360px),
			rgba(0,0,0,.42) calc(100% - 220px),
			rgba(0,0,0,.16) calc(100% - 90px),
			transparent 100%
		);

	mask-image:
		linear-gradient(
			180deg,
			#000 0%,
			#000 calc(100% - 620px),
			rgba(0,0,0,.94) calc(100% - 500px),
			rgba(0,0,0,.72) calc(100% - 360px),
			rgba(0,0,0,.42) calc(100% - 220px),
			rgba(0,0,0,.16) calc(100% - 90px),
			transparent 100%
		);
}

/*
 * Horní část závěrečné krajiny jen navazuje na doznívající závoj.
 * Snižujeme intenzitu bílé, aby nevznikal nový "mléčný pás".
 */
.fyzio-site-ending--page::after,
.fyzio-site-ending--text::after {
	background:
		radial-gradient(
			ellipse 66% 48% at 50% 0%,
			rgba(247,244,236,.84) 0%,
			rgba(247,244,236,.72) 26%,
			rgba(247,244,236,.46) 50%,
			rgba(247,244,236,.18) 74%,
			rgba(247,244,236,0) 100%
		),
		linear-gradient(
			180deg,
			rgba(22,59,44,0) 0%,
			rgba(22,59,44,0) 43%,
			rgba(22,59,44,.08) 57%,
			rgba(22,59,44,.26) 70%,
			rgba(22,59,44,.50) 82%,
			#163b2c 100%
		);
}


/* TABLET */
@media (max-width: 1080px) {

	.fyzio-inner-content::before {
		bottom: -300px !important;

		-webkit-mask-image:
			linear-gradient(
				180deg,
				#000 0%,
				#000 calc(100% - 520px),
				rgba(0,0,0,.90) calc(100% - 410px),
				rgba(0,0,0,.62) calc(100% - 285px),
				rgba(0,0,0,.30) calc(100% - 150px),
				transparent 100%
			);

		mask-image:
			linear-gradient(
				180deg,
				#000 0%,
				#000 calc(100% - 520px),
				rgba(0,0,0,.90) calc(100% - 410px),
				rgba(0,0,0,.62) calc(100% - 285px),
				rgba(0,0,0,.30) calc(100% - 150px),
				transparent 100%
			);
	}
}


/* MOBIL */
@media (max-width: 680px) {

	.fyzio-inner-content::before {
		bottom: -220px !important;

		-webkit-mask-image:
			linear-gradient(
				180deg,
				#000 0%,
				#000 calc(100% - 390px),
				rgba(0,0,0,.88) calc(100% - 310px),
				rgba(0,0,0,.56) calc(100% - 215px),
				rgba(0,0,0,.24) calc(100% - 105px),
				transparent 100%
			);

		mask-image:
			linear-gradient(
				180deg,
				#000 0%,
				#000 calc(100% - 390px),
				rgba(0,0,0,.88) calc(100% - 310px),
				rgba(0,0,0,.56) calc(100% - 215px),
				rgba(0,0,0,.24) calc(100% - 105px),
				transparent 100%
			);
	}
}



/* =========================================================
 * V3.6 — JAK PROBÍHAJÍ SEZENÍ
 * ======================================================= */

.fyzio-editor-content--sessions {
	padding-bottom: clamp(5rem, 8vw, 8rem);
}

.fyzio-editor-content--sessions .fyzio-sessions-intro {
	padding-top: clamp(4rem, 6vw, 6rem);
	padding-bottom: clamp(4rem, 6vw, 6rem);
}

.fyzio-sessions-quote {
	max-width: 880px;
	margin: 0 auto clamp(3.2rem, 5vw, 5rem) !important;
	padding: 0 !important;
	border: 0 !important;
	text-align: center;
	color: var(--fyzio-green-900);
	font-family: var(--fyzio-heading-font);
	font-size: clamp(1.15rem, 1.8vw, 1.45rem) !important;
	font-style: italic;
	line-height: 1.55 !important;
}

.fyzio-sessions-overview {
	align-items: start !important;
	gap: clamp(3rem, 6vw, 6rem) !important;
	margin: 0 !important;
}

.fyzio-sessions-overview > .wp-block-column:first-child {
	flex-basis: 38%;
}

.fyzio-sessions-overview > .wp-block-column:last-child {
	flex-basis: 62%;
}

.fyzio-sessions-photo {
	position: sticky;
	top: 120px;
	overflow: hidden;
	margin: 0 !important;
	border-radius: 24px;
	background: rgba(255,255,255,.40);
	box-shadow: 0 24px 60px rgba(31,75,45,.09);
}

.fyzio-sessions-photo img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	object-position: center top;
}

.fyzio-sessions-overview__title {
	margin-bottom: 2rem !important;
}

.fyzio-sessions-phases {
	display: grid;
	gap: 1.1rem;
}

.fyzio-sessions-phase {
	padding: 1.5rem 1.6rem 1.35rem;
	border: 1px solid rgba(70,124,78,.16);
	border-radius: 18px;
	background: rgba(247,249,241,.63);
	box-shadow: 0 10px 26px rgba(45,82,50,.035);
}

.fyzio-sessions-phase__number {
	margin: 0 0 .35rem !important;
	color: var(--fyzio-action);
	font-size: .76rem !important;
	font-weight: 800;
	letter-spacing: .10em;
	text-transform: uppercase;
}

.fyzio-sessions-phase__title {
	margin: 0 0 .25rem !important;
	color: var(--fyzio-green-900);
	font-family: var(--fyzio-heading-font);
	font-size: clamp(1.35rem, 2vw, 1.72rem) !important;
	font-weight: 400 !important;
	line-height: 1.2;
}

.fyzio-sessions-phase__title::after {
	display: none !important;
}

.fyzio-sessions-phase__subtitle {
	margin: 0 0 .55rem !important;
	color: var(--fyzio-action);
	font-size: .92rem !important;
	font-weight: 700;
}

.fyzio-sessions-phase__lead {
	margin: 0 0 .9rem !important;
	color: var(--fyzio-text-soft);
	font-size: .91rem !important;
	line-height: 1.58 !important;
}

.fyzio-sessions-phase__list {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.fyzio-sessions-phase__list li {
	margin: 0 0 .32rem;
	color: var(--fyzio-text);
	font-size: .9rem;
	line-height: 1.5;
}

.fyzio-sessions-phase__list li strong {
	color: var(--fyzio-action);
}

.fyzio-editor-content--sessions .fyzio-sessions-detailed {
	padding-top: clamp(4rem, 6vw, 6rem);
	padding-bottom: clamp(6rem, 9vw, 9rem);
}

.fyzio-sessions-details {
	display: grid;
	gap: .85rem;
	margin-top: 2.2rem;
}

.fyzio-session-detail {
	overflow: hidden;
	border: 1px solid rgba(63,112,71,.18);
	border-radius: 16px;
	background: rgba(250,249,244,.74);
	box-shadow: 0 10px 26px rgba(34,73,48,.035);
}

.fyzio-session-detail[open] {
	background: rgba(250,249,244,.92);
	border-color: rgba(63,112,71,.30);
	box-shadow: 0 18px 38px rgba(34,73,48,.055);
}

.fyzio-session-detail summary {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 64px;
	padding: 1rem 4rem 1rem 1.35rem;
	color: var(--fyzio-green-900);
	font-family: var(--fyzio-heading-font);
	font-size: clamp(1.08rem, 1.6vw, 1.28rem);
	line-height: 1.35;
	cursor: pointer;
	list-style: none;
}

.fyzio-session-detail summary::-webkit-details-marker {
	display: none;
}

.fyzio-session-detail summary::after {
	content: "+";
	position: absolute;
	right: 1.35rem;
	top: 50%;
	width: 32px;
	height: 32px;
	display: grid;
	place-items: center;
	border: 1px solid rgba(74,133,80,.25);
	border-radius: 50%;
	background: rgba(235,244,225,.80);
	color: var(--fyzio-action);
	font-family: system-ui, sans-serif;
	font-size: 1.2rem;
	transform: translateY(-50%);
}

.fyzio-session-detail[open] summary::after {
	content: "–";
}

.fyzio-session-detail[open] summary {
	border-bottom: 1px solid rgba(63,112,71,.12);
}

.fyzio-session-detail > p {
	margin-left: 1.35rem;
	margin-right: 1.35rem;
}

.fyzio-session-detail > p:last-child {
	margin-bottom: 1.55rem;
}

.fyzio-session-territory {
	margin-top: 1.35rem !important;
	padding: .8rem 1rem;
	border-left: 2px solid var(--fyzio-action);
	background: rgba(233,242,225,.58);
	color: var(--fyzio-green-900);
	font-size: .9rem !important;
	font-weight: 700;
	line-height: 1.55 !important;
}

.fyzio-session-topics {
	margin-top: 1.35rem !important;
	padding: 1rem 1.1rem;
	border-radius: 12px;
	background: rgba(231,242,221,.68);
	color: var(--fyzio-green-900);
}

.fyzio-session-questions {
	margin-top: 1.15rem !important;
	padding-top: 1.1rem;
	border-top: 1px solid rgba(63,112,71,.15);
	color: var(--fyzio-green-900);
}

.fyzio-session-quote {
	color: var(--fyzio-green-900);
	font-family: var(--fyzio-heading-font);
	font-size: 1.04rem !important;
	font-style: italic;
	line-height: 1.65 !important;
}

@media (max-width: 1080px) {
	.fyzio-sessions-overview {
		gap: 3rem !important;
	}
	.fyzio-sessions-photo {
		top: 96px;
	}
}

@media (max-width: 860px) {
	.fyzio-sessions-overview {
		flex-wrap: wrap !important;
	}
	.fyzio-sessions-overview > .wp-block-column {
		flex-basis: 100% !important;
	}
	.fyzio-sessions-photo {
		position: relative;
		top: auto;
		width: min(72vw, 430px);
		margin-inline: auto !important;
	}
	.fyzio-sessions-overview__title {
		text-align: center;
	}
	.fyzio-sessions-overview__title::after {
		margin-inline: auto !important;
	}
}

@media (max-width: 680px) {
	.fyzio-editor-content--sessions .fyzio-sessions-intro {
		padding-top: 3.4rem;
		padding-bottom: 3.8rem;
	}
	.fyzio-sessions-quote {
		margin-bottom: 2.5rem !important;
		font-size: 1.05rem !important;
	}
	.fyzio-sessions-phase {
		padding: 1.25rem;
		border-radius: 16px;
	}
	.fyzio-session-detail {
		border-radius: 14px;
	}
	.fyzio-session-detail summary {
		min-height: 60px;
		padding: .9rem 3.7rem .9rem 1rem;
		font-size: 1.02rem;
	}
	.fyzio-session-detail summary::after {
		right: 1rem;
		width: 30px;
		height: 30px;
	}
	.fyzio-session-detail > p {
		margin-left: 1rem;
		margin-right: 1rem;
	}
	.fyzio-session-territory {
		padding: .75rem .85rem;
	}
	.fyzio-editor-content--sessions .fyzio-sessions-detailed {
		padding-top: 3.6rem;
		padding-bottom: 6rem;
	}
}

@media (max-width: 390px) and (min-height: 720px) and (orientation: portrait) {
	.fyzio-sessions-phase__lead,
	.fyzio-sessions-phase__list li,
	.fyzio-session-detail > p {
		font-size: .9rem !important;
	}
}

/* =========================================================
 * V3.6.1 — SEZENÍ: SOUVISLEJŠÍ KOMPOZICE
 * Pouze layout. Gutenberg obsah a pořadí bloků zůstávají editovatelné.
 * ======================================================= */

/*
 * Desktop:
 * - foto vlevo jako jeden vizuální kotvící blok,
 * - nadpis vpravo nahoře,
 * - tři fáze vedle sebe pod ním,
 * - detailní sezení začínají hned pod přehledem.
 *
 * Druhý Gutenberg sloupec a group s fázemi vizuálně "rozbalíme"
 * pomocí display: contents. DOM se nemění a editor zůstává funkční.
 */
@media (min-width: 1081px) {

	.fyzio-editor-content--sessions .fyzio-sessions-intro {
		padding-top: 3.6rem;
		padding-bottom: 2.6rem;
	}

	.fyzio-sessions-quote {
		margin-bottom: 2.5rem !important;
	}

	.fyzio-sessions-overview {
		display: grid !important;
		grid-template-columns:
			minmax(270px, .88fr)
			repeat(3, minmax(0, 1fr));
		grid-template-rows: auto 1fr;
		gap: 1.15rem 1.15rem !important;
		align-items: stretch !important;
	}

	.fyzio-sessions-overview > .wp-block-column:first-child {
		grid-column: 1;
		grid-row: 1 / 3;
		display: block;
		min-width: 0;
	}

	.fyzio-sessions-overview > .wp-block-column:last-child {
		display: contents !important;
	}

	.fyzio-sessions-overview__title {
		grid-column: 2 / -1;
		grid-row: 1;
		align-self: end;
		margin: 0 0 .25rem !important;
	}

	.fyzio-sessions-phases {
		display: contents !important;
	}

	.fyzio-sessions-phase:nth-child(1) {
		grid-column: 2;
		grid-row: 2;
	}

	.fyzio-sessions-phase:nth-child(2) {
		grid-column: 3;
		grid-row: 2;
	}

	.fyzio-sessions-phase:nth-child(3) {
		grid-column: 4;
		grid-row: 2;
	}

	.fyzio-sessions-photo {
		position: relative;
		top: auto;
		width: 100%;
		height: 100%;
		min-height: 100%;
	}

	.fyzio-sessions-photo img {
		width: 100%;
		height: 100%;
		aspect-ratio: auto;
		object-fit: cover;
		object-position: center top;
	}

	.fyzio-sessions-phase {
		height: 100%;
		padding: 1.35rem 1.35rem 1.2rem;
	}

	.fyzio-sessions-phase__title {
		font-size: clamp(1.18rem, 1.45vw, 1.48rem) !important;
	}

	.fyzio-sessions-phase__lead,
	.fyzio-sessions-phase__list li {
		font-size: .86rem !important;
	}

	.fyzio-editor-content--sessions .fyzio-sessions-detailed {
		padding-top: 2.2rem;
		padding-bottom: clamp(6rem, 9vw, 9rem);
	}

	.fyzio-sessions-details {
		margin-top: 1.45rem;
	}
}


/* TABLET — foto vlevo, celý proces kompaktně vpravo */
@media (min-width: 861px) and (max-width: 1080px) {

	.fyzio-editor-content--sessions .fyzio-sessions-intro {
		padding-top: 3.5rem;
		padding-bottom: 2.7rem;
	}

	.fyzio-sessions-quote {
		margin-bottom: 2.4rem !important;
	}

	.fyzio-sessions-overview {
		display: grid !important;
		grid-template-columns: minmax(245px, .78fr) minmax(0, 1.22fr);
		grid-template-rows: auto repeat(3, auto);
		gap: 1rem 1.4rem !important;
		align-items: stretch !important;
	}

	.fyzio-sessions-overview > .wp-block-column:first-child {
		grid-column: 1;
		grid-row: 1 / 5;
		min-width: 0;
	}

	.fyzio-sessions-overview > .wp-block-column:last-child {
		display: contents !important;
	}

	.fyzio-sessions-overview__title {
		grid-column: 2;
		grid-row: 1;
		margin: 0 0 .15rem !important;
	}

	.fyzio-sessions-phases {
		display: contents !important;
	}

	.fyzio-sessions-phase:nth-child(1) {
		grid-column: 2;
		grid-row: 2;
	}

	.fyzio-sessions-phase:nth-child(2) {
		grid-column: 2;
		grid-row: 3;
	}

	.fyzio-sessions-phase:nth-child(3) {
		grid-column: 2;
		grid-row: 4;
	}

	.fyzio-sessions-photo {
		position: relative;
		top: auto;
		width: 100%;
		height: 100%;
	}

	.fyzio-sessions-photo img {
		width: 100%;
		height: 100%;
		aspect-ratio: auto;
		object-fit: cover;
		object-position: center top;
	}

	.fyzio-sessions-phase {
		padding: 1.2rem 1.3rem 1.05rem;
	}

	.fyzio-editor-content--sessions .fyzio-sessions-detailed {
		padding-top: 2.2rem;
	}

	.fyzio-sessions-details {
		margin-top: 1.4rem;
	}
}


/* MENŠÍ TABLET — jeden jasný vertikální tok */
@media (max-width: 860px) {

	.fyzio-editor-content--sessions .fyzio-sessions-intro {
		padding-top: 3.2rem;
		padding-bottom: 2.8rem;
	}

	.fyzio-sessions-quote {
		margin-bottom: 2.2rem !important;
	}

	.fyzio-sessions-overview {
		display: grid !important;
		grid-template-columns: 1fr;
		gap: 1rem !important;
	}

	.fyzio-sessions-overview > .wp-block-column:first-child,
	.fyzio-sessions-overview > .wp-block-column:last-child {
		display: contents !important;
	}

	.fyzio-sessions-overview__title {
		grid-column: 1;
		grid-row: 1;
		text-align: center;
		margin-bottom: .7rem !important;
	}

	.fyzio-sessions-overview__title::after {
		margin-inline: auto !important;
	}

	.fyzio-sessions-photo {
		grid-column: 1;
		grid-row: 2;
		position: relative;
		top: auto;
		width: min(68vw, 410px);
		height: auto;
		margin: 0 auto 1rem !important;
	}

	.fyzio-sessions-photo img {
		width: 100%;
		height: auto;
		aspect-ratio: 4 / 5;
		object-fit: cover;
	}

	.fyzio-sessions-phases {
		display: grid !important;
		grid-column: 1;
		grid-row: 3;
		gap: .9rem;
	}

	.fyzio-editor-content--sessions .fyzio-sessions-detailed {
		padding-top: 2rem;
	}

	.fyzio-sessions-details {
		margin-top: 1.35rem;
	}
}


/* MOBIL — ještě těsnější návaznost */
@media (max-width: 680px) {

	.fyzio-editor-content--sessions .fyzio-sessions-intro {
		padding-top: 2.9rem;
		padding-bottom: 2.4rem;
	}

	.fyzio-sessions-quote {
		margin-bottom: 1.9rem !important;
	}

	.fyzio-sessions-photo {
		width: min(78vw, 360px);
		margin-bottom: .7rem !important;
	}

	.fyzio-sessions-phase {
		padding: 1.15rem;
	}

	.fyzio-editor-content--sessions .fyzio-sessions-detailed {
		padding-top: 1.6rem;
	}

	.fyzio-sessions-details {
		margin-top: 1.15rem;
		gap: .72rem;
	}
}


/* ÚZKÝ FOLD */
@media (max-width: 390px) and (min-height: 720px) and (orientation: portrait) {

	.fyzio-sessions-photo {
		width: min(82vw, 330px);
	}

	.fyzio-editor-content--sessions .fyzio-sessions-intro {
		padding-top: 2.6rem;
		padding-bottom: 2.1rem;
	}

	.fyzio-editor-content--sessions .fyzio-sessions-detailed {
		padding-top: 1.4rem;
	}
}

/* =========================================================
 * V3.7 — DR. IDA P. ROLF
 * Core Gutenberg, plně editovatelná.
 * ======================================================= */

.fyzio-editor-content--ida {
	padding-bottom: clamp(5rem, 8vw, 8rem);
}

.fyzio-editor-content--ida .fyzio-editable-section {
	padding-top: clamp(4rem, 6vw, 6rem);
	padding-bottom: clamp(4rem, 6vw, 6rem);
}

.fyzio-ida-intro {
	max-width: 900px;
	margin-inline: auto;
	text-align: center;
}

.fyzio-ida-intro .fyzio-editable-title::after {
	margin-inline: auto;
}

.fyzio-ida-intro__lead {
	max-width: 780px;
	margin-inline: auto !important;
	color: var(--fyzio-text-soft);
	font-size: clamp(1.05rem, 1.5vw, 1.18rem) !important;
	line-height: 1.75 !important;
}

.fyzio-ida-grid {
	align-items: center !important;
	gap: clamp(3rem, 6vw, 6rem) !important;
	margin: 0 !important;
}

.fyzio-ida-grid--bio {
	grid-template-columns: minmax(0, 1.15fr) minmax(330px, .85fr);
}

.fyzio-ida-grid--idea {
	grid-template-columns: minmax(330px, .9fr) minmax(0, 1.1fr);
}

.fyzio-ida-copy {
	max-width: 690px;
}

.fyzio-ida-copy p {
	font-size: .98rem !important;
	line-height: 1.78 !important;
}

.fyzio-ida-photo {
	margin: 0 !important;
	overflow: hidden;
	border-radius: 24px;
	box-shadow: 0 24px 58px rgba(34,73,48,.08);
	-webkit-mask-image:
		radial-gradient(
			ellipse 78% 80% at 50% 50%,
			#000 58%,
			rgba(0,0,0,.92) 70%,
			rgba(0,0,0,.48) 86%,
			transparent 100%
		);
	mask-image:
		radial-gradient(
			ellipse 78% 80% at 50% 50%,
			#000 58%,
			rgba(0,0,0,.92) 70%,
			rgba(0,0,0,.48) 86%,
			transparent 100%
		);
}

.fyzio-ida-photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.fyzio-ida-photo--portrait {
	max-width: 500px;
	justify-self: center;
}

.fyzio-ida-photo--portrait img {
	aspect-ratio: 4 / 5;
	object-position: center center;
}

.fyzio-ida-photo--work {
	max-width: 570px;
	justify-self: center;
}

.fyzio-ida-photo--work img {
	aspect-ratio: 1 / 1;
	object-position: center center;
	filter: grayscale(1) contrast(.94) brightness(1.04);
}

.fyzio-ida-idea__closing {
	color: var(--fyzio-green-900);
	font-weight: 600;
}

.fyzio-ida-ten-sessions {
	max-width: 900px;
	margin-inline: auto;
	text-align: center;
}

.fyzio-ida-ten-sessions .fyzio-editable-title::after {
	margin-inline: auto;
}

.fyzio-ida-ten-sessions > p {
	max-width: 780px;
	margin-left: auto !important;
	margin-right: auto !important;
}

.fyzio-ida-ten-sessions .fyzio-actions {
	justify-content: center;
	margin-top: 2rem;
}

.fyzio-ida-video {
	max-width: 980px;
	margin-inline: auto;
	text-align: center;
	padding-bottom: clamp(6rem, 9vw, 9rem) !important;
}

.fyzio-ida-video .fyzio-editable-title::after {
	margin-inline: auto;
}

.fyzio-ida-video__image {
	position: relative;
	max-width: 900px;
	margin: 2rem auto 0 !important;
	overflow: hidden;
	border-radius: 20px;
	border: 1px solid rgba(74,125,88,.28);
	box-shadow: 0 22px 50px rgba(34,73,48,.08);
}

.fyzio-ida-video__image::after {
	content: "▶";
	position: absolute;
	left: 50%;
	top: 50%;
	display: grid;
	place-items: center;
	width: 64px;
	height: 64px;
	padding-left: 4px;
	border-radius: 50%;
	background: var(--fyzio-action);
	color: #fff;
	font-family: system-ui, sans-serif;
	font-size: 1.35rem;
	box-shadow: 0 10px 28px rgba(0,0,0,.14);
	transform: translate(-50%, -50%);
	pointer-events: none;
}

.fyzio-ida-video__image a,
.fyzio-ida-video__image img {
	display: block;
	width: 100%;
}

.fyzio-ida-video__image img {
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.fyzio-ida-video .fyzio-actions {
	justify-content: center;
	margin-top: 1.8rem;
}


/* Tablet */
@media (max-width: 1080px) {

	.fyzio-ida-grid {
		gap: 3rem !important;
	}

	.fyzio-ida-grid--bio,
	.fyzio-ida-grid--idea {
		grid-template-columns: minmax(0, 1fr) minmax(300px, .8fr);
	}
}


/* Menší tablet */
@media (max-width: 860px) {

	.fyzio-ida-grid--bio,
	.fyzio-ida-grid--idea {
		grid-template-columns: 1fr;
	}

	.fyzio-ida-grid--idea > .wp-block-column:first-child {
		order: 2;
	}

	.fyzio-ida-grid--idea > .wp-block-column:last-child {
		order: 1;
	}

	.fyzio-ida-photo {
		width: min(76vw, 500px);
		margin-inline: auto !important;
	}

	.fyzio-ida-copy {
		max-width: 720px;
		margin-inline: auto;
	}
}


/* Mobil */
@media (max-width: 680px) {

	.fyzio-editor-content--ida .fyzio-editable-section {
		padding-top: 3.5rem;
		padding-bottom: 3.5rem;
	}

	.fyzio-ida-grid {
		gap: 2rem !important;
	}

	.fyzio-ida-photo {
		width: min(84vw, 430px);
	}

	.fyzio-ida-video__image {
		border-radius: 16px;
	}

	.fyzio-ida-video__image::after {
		width: 54px;
		height: 54px;
		font-size: 1.1rem;
	}
}


/* Fold */
@media (max-width: 390px) and (min-height: 720px) and (orientation: portrait) {

	.fyzio-editor-content--ida .fyzio-editable-section {
		padding-top: 3.1rem;
		padding-bottom: 3.1rem;
	}

	.fyzio-ida-copy p {
		font-size: .92rem !important;
	}
}

/* =========================================================
 * V3.8 — KONTAKTY
 * Core Gutenberg, plně editovatelné.
 * ======================================================= */

.fyzio-editor-content--contact {
	padding-bottom: clamp(5rem, 8vw, 8rem);
}

.fyzio-editor-content--contact .fyzio-editable-section {
	padding-top: clamp(3.8rem, 5.5vw, 5.5rem);
	padding-bottom: clamp(3.8rem, 5.5vw, 5.5rem);
}


/* ÚVOD */

.fyzio-contact-intro {
	max-width: 920px;
	margin-inline: auto;
	text-align: center;
}

.fyzio-contact-intro .fyzio-editable-title::after {
	margin-inline: auto;
}

.fyzio-contact-intro__lead {
	max-width: 760px;
	margin-inline: auto !important;
	color: var(--fyzio-text-soft);
	font-size: clamp(1.02rem, 1.45vw, 1.16rem) !important;
	line-height: 1.75 !important;
}


/* RYCHLÉ KONTAKTY */

.fyzio-contact-channels {
	padding-top: 1.5rem !important;
}

.fyzio-contact-cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(1rem, 2.2vw, 1.6rem);
}

.fyzio-contact-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: 100%;
	padding: clamp(1.7rem, 2.7vw, 2.25rem);
	text-align: center;
	border: 1px solid rgba(69,124,77,.16);
	border-radius: 20px;
	background: rgba(248,249,242,.72);
	box-shadow: 0 14px 34px rgba(42,78,48,.045);
}

.fyzio-contact-card__icon {
	width: 68px;
	height: 68px;
	margin: 0 auto 1rem !important;
	padding: 13px;
	border: 1px solid rgba(79,140,77,.15);
	border-radius: 50%;
	background: rgba(239,247,229,.86);
}

.fyzio-contact-card__icon img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.fyzio-contact-card__title {
	margin: 0 0 .55rem !important;
	color: var(--fyzio-green-900);
	font-family: var(--fyzio-heading-font);
	font-size: 1.45rem !important;
	font-weight: 400 !important;
}

.fyzio-contact-card__title::after {
	display: none !important;
}

.fyzio-contact-card__text {
	flex: 1;
	margin: 0 0 1.25rem !important;
	color: var(--fyzio-text-soft);
	font-size: .94rem !important;
	line-height: 1.55 !important;
}

.fyzio-contact-card__action {
	justify-content: center;
	margin-top: auto !important;
}


/* KONTAKTNÍ ÚDAJE + VIDEO */

.fyzio-contact-location {
	padding-top: 3rem !important;
	padding-bottom: clamp(6rem, 9vw, 9rem) !important;
}

.fyzio-contact-grid {
	align-items: start !important;
	gap: clamp(3rem, 6vw, 6rem) !important;
	margin: 0 !important;
}

.fyzio-contact-grid > .wp-block-column:first-child {
	flex-basis: 54%;
}

.fyzio-contact-grid > .wp-block-column:last-child {
	flex-basis: 46%;
}

.fyzio-contact-column > .fyzio-editable-title {
	margin-bottom: 2rem !important;
}

.fyzio-contact-details {
	display: grid;
	gap: .85rem;
}

.fyzio-contact-detail {
	display: grid;
	grid-template-columns: 54px minmax(0, 1fr);
	align-items: center;
	gap: 1rem;
	padding: 1rem 1.1rem;
	border: 1px solid rgba(69,124,77,.13);
	border-radius: 15px;
	background: rgba(249,249,244,.60);
}

.fyzio-contact-detail__icon {
	width: 54px;
	height: 54px;
	margin: 0 !important;
	padding: 10px;
	border-radius: 50%;
	background: rgba(236,245,226,.82);
}

.fyzio-contact-detail__icon img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.fyzio-contact-detail__copy p {
	margin: 0 !important;
}

.fyzio-contact-detail__label {
	margin-bottom: .18rem !important;
	color: var(--fyzio-green-900);
	font-size: .76rem !important;
	font-weight: 800;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.fyzio-contact-detail__value {
	color: var(--fyzio-text);
	font-size: 1rem !important;
}

.fyzio-contact-detail__value a {
	color: inherit;
	text-decoration: none;
}

.fyzio-contact-detail__value a:hover,
.fyzio-contact-detail__value a:focus-visible {
	color: var(--fyzio-action);
}

.fyzio-contact-column--details .fyzio-actions {
	margin-top: 1.4rem;
}

.fyzio-contact-map {
	position: relative;
	margin-top: 1.6rem;
	overflow: hidden;
	border: 1px solid rgba(69,124,77,.16);
	border-radius: 18px;
	box-shadow: 0 18px 40px rgba(42,78,48,.055);
}

.fyzio-contact-map iframe {
	display: block;
	width: 100%;
	height: 330px;
	border: 0;
}

.fyzio-contact-video__lead {
	margin-top: -1rem !important;
	margin-bottom: 1.5rem !important;
	color: var(--fyzio-text-soft);
}

.fyzio-contact-video {
	width: min(100%, 390px);
	margin: 0 auto !important;
	overflow: hidden;
	border-radius: 20px;
	border: 1px solid rgba(69,124,77,.16);
	box-shadow: 0 20px 48px rgba(42,78,48,.07);
}

.fyzio-contact-video .wp-block-embed__wrapper {
	position: relative;
	aspect-ratio: 9 / 16;
}

.fyzio-contact-video .wp-block-embed__wrapper iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}


/* TABLET */

@media (max-width: 1080px) {

	.fyzio-contact-grid {
		gap: 3rem !important;
	}
}


/* MENŠÍ TABLET */

@media (max-width: 860px) {

	.fyzio-contact-cards {
		grid-template-columns: 1fr;
		max-width: 620px;
		margin-inline: auto;
	}

	.fyzio-contact-card {
		min-height: 0;
	}

	.fyzio-contact-grid {
		flex-wrap: wrap !important;
	}

	.fyzio-contact-grid > .wp-block-column {
		flex-basis: 100% !important;
	}

	.fyzio-contact-column {
		max-width: 720px;
		margin-inline: auto;
	}

	.fyzio-contact-video {
		width: min(68vw, 380px);
	}
}


/* MOBIL */

@media (max-width: 680px) {

	.fyzio-editor-content--contact .fyzio-editable-section {
		padding-top: 3.2rem;
		padding-bottom: 3.2rem;
	}

	.fyzio-contact-channels {
		padding-top: 1rem !important;
	}

	.fyzio-contact-card {
		padding: 1.45rem;
		border-radius: 17px;
	}

	.fyzio-contact-card__icon {
		width: 62px;
		height: 62px;
	}

	.fyzio-contact-location {
		padding-top: 2.2rem !important;
		padding-bottom: 6rem !important;
	}

	.fyzio-contact-detail {
		grid-template-columns: 48px minmax(0, 1fr);
		padding: .9rem;
	}

	.fyzio-contact-detail__icon {
		width: 48px;
		height: 48px;
	}

	.fyzio-contact-map iframe {
		height: 280px;
	}

	.fyzio-contact-video {
		width: min(82vw, 360px);
	}
}


/* FOLD */

@media (max-width: 390px) and (min-height: 720px) and (orientation: portrait) {

	.fyzio-contact-card__text,
	.fyzio-contact-detail__value,
	.fyzio-contact-video__lead {
		font-size: .9rem !important;
	}

	.fyzio-contact-map iframe {
		height: 250px;
	}
}

/* =========================================================
 * V3.8.1 — FACEBOOK REEL NA KONTAKTECH
 * ======================================================= */

.fyzio-contact-facebook-reel {
	width: min(100%, 390px);
	margin: 0 auto;
	text-align: center;
}

.fyzio-contact-facebook-reel iframe {
	display: block;
	width: 100%;
	aspect-ratio: 350 / 623;
	height: auto;
	min-height: 0;
	border: 0;
	border-radius: 20px;
	background: rgba(255,255,255,.55);
	box-shadow: 0 20px 48px rgba(42,78,48,.07);
}

.fyzio-contact-facebook-reel__fallback {
	margin: .8rem 0 0 !important;
	font-size: .78rem !important;
}

.fyzio-contact-facebook-reel__fallback a {
	color: var(--fyzio-action);
	font-weight: 700;
	text-decoration: none;
}

.fyzio-contact-facebook-reel__fallback a:hover,
.fyzio-contact-facebook-reel__fallback a:focus-visible {
	text-decoration: underline;
}

@media (max-width: 860px) {
	.fyzio-contact-facebook-reel {
		width: min(68vw, 380px);
	}
}

@media (max-width: 680px) {
	.fyzio-contact-facebook-reel {
		width: min(82vw, 360px);
	}
}

/* =========================================================
 * V4.0 — INSPIRACE / VSTUPNÍ STRÁNKA BLOGU
 * ======================================================= */

.fyzio-editor-content--inspiration {
	padding-bottom: clamp(5rem, 8vw, 8rem);
}

.fyzio-editor-content--inspiration .fyzio-editable-section {
	padding-top: clamp(4rem, 6vw, 6rem);
	padding-bottom: clamp(4rem, 6vw, 6rem);
}


/* ÚVOD */

.fyzio-inspiration-intro {
	max-width: 880px;
	margin-inline: auto;
	text-align: center;
}

.fyzio-inspiration-intro .fyzio-editable-title::after {
	margin-inline: auto;
}

.fyzio-inspiration-intro__lead {
	max-width: 760px;
	margin-inline: auto !important;
	color: var(--fyzio-text-soft);
	font-size: clamp(1.02rem, 1.45vw, 1.16rem) !important;
	line-height: 1.75 !important;
}


/* HLAVIČKA ROZCESTNÍKU */

.fyzio-inspiration-categories {
	padding-top: 2rem !important;
}

.fyzio-inspiration-categories__heading {
	align-items: end !important;
	gap: clamp(2rem, 6vw, 6rem) !important;
	margin: 0 0 2.4rem !important;
}

.fyzio-inspiration-categories__heading > .wp-block-column:first-child {
	flex-basis: 58%;
}

.fyzio-inspiration-categories__heading > .wp-block-column:last-child {
	flex-basis: 42%;
}

.fyzio-inspiration-categories__lead {
	margin-bottom: .45rem !important;
	color: var(--fyzio-text-soft);
	line-height: 1.7 !important;
}


/* ČTYŘI HLAVNÍ VĚTVE */

.fyzio-inspiration-cards {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(.9rem, 1.8vw, 1.35rem);
}

.fyzio-inspiration-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 455px;
	overflow: hidden;
	padding: 176px 1.3rem 1.35rem;
	border: 1px solid rgba(68,119,76,.16);
	border-radius: 19px;
	background: rgba(250,249,244,.78);
	box-shadow: 0 15px 38px rgba(35,72,47,.045);
}

.fyzio-inspiration-card::before {
	content: "";
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	right: 0;
	height: 150px;
	background:
		linear-gradient(180deg, rgba(20,58,38,.06), rgba(20,58,38,.22)),
		url("https://dev.zamee.cz/wp-content/uploads/2026/09/e4b74c45-1816-4821-a029-057cd0732b11.webp")
		center 42% / 135% auto no-repeat;
	filter: saturate(.78);
}

.fyzio-inspiration-card--videos::before {
	background-position: left 38%;
	background-size: 150% auto;
}

.fyzio-inspiration-card--lectures::before {
	background-position: right 50%;
	background-size: 145% auto;
}

.fyzio-inspiration-card--other::before {
	background-position: center 66%;
	background-size: 155% auto;
}

.fyzio-inspiration-card > * {
	position: relative;
	z-index: 1;
}

.fyzio-inspiration-card__icon {
	position: absolute !important;
	z-index: 3 !important;
	top: 118px;
	left: 1.25rem;
	width: 62px;
	height: 62px;
	margin: 0 !important;
	padding: 12px;
	border: 3px solid rgba(249,248,241,.94);
	border-radius: 50%;
	background: rgba(238,246,228,.96);
	box-shadow: 0 7px 20px rgba(31,73,44,.08);
}

.fyzio-inspiration-card__icon img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.fyzio-inspiration-card__title {
	margin: .7rem 0 .65rem !important;
	color: var(--fyzio-green-900);
	font-family: var(--fyzio-heading-font);
	font-size: clamp(1.5rem, 2vw, 1.9rem) !important;
	font-weight: 400 !important;
	line-height: 1.15;
}

.fyzio-inspiration-card__title::after {
	display: none !important;
}

.fyzio-inspiration-card__text {
	flex: 1;
	margin-bottom: 1.25rem !important;
	color: var(--fyzio-text-soft);
	font-size: .9rem !important;
	line-height: 1.65 !important;
}

.fyzio-inspiration-card__action {
	margin-top: auto !important;
}

.fyzio-inspiration-card__action .wp-block-button,
.fyzio-inspiration-card__action .wp-block-button__link {
	width: 100%;
}

.fyzio-inspiration-card__action .wp-block-button__link {
	justify-content: space-between;
}


/* MEZIHRA */

.fyzio-inspiration-pause {
	max-width: 850px;
	margin-inline: auto;
	padding-top: clamp(4.5rem, 7vw, 7rem) !important;
	padding-bottom: clamp(4rem, 6vw, 6rem) !important;
	text-align: center;
}

.fyzio-inspiration-pause__text {
	margin: 0 !important;
	color: var(--fyzio-green-900);
	font-family: var(--fyzio-heading-font);
	font-size: clamp(1.35rem, 2.4vw, 2rem) !important;
	font-style: italic;
	line-height: 1.5 !important;
}

.fyzio-inspiration-pause__text::after {
	content: "";
	display: block;
	width: 48px;
	height: 2px;
	margin: 1.4rem auto 0;
	background: var(--fyzio-action);
}


/* NEJNOVĚJŠÍ PŘÍSPĚVKY */

.fyzio-inspiration-latest {
	padding-top: 3.2rem !important;
	padding-bottom: clamp(6rem, 9vw, 9rem) !important;
}

.fyzio-inspiration-query {
	margin-top: 2.3rem;
}

.fyzio-inspiration-posts {
	gap: clamp(1rem, 2vw, 1.5rem) !important;
}

.fyzio-inspiration-post-card {
	height: 100%;
	overflow: hidden;
	padding: 0 0 1.35rem;
	border: 1px solid rgba(68,119,76,.15);
	border-radius: 18px;
	background: rgba(250,249,244,.78);
	box-shadow: 0 14px 34px rgba(35,72,47,.04);
}

.fyzio-inspiration-post-card__image {
	margin: 0 0 1.2rem !important;
	overflow: hidden;
	border-radius: 17px 17px 0 0;
}

.fyzio-inspiration-post-card__image img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	transition: transform .28s ease;
}

.fyzio-inspiration-post-card:hover .fyzio-inspiration-post-card__image img {
	transform: scale(1.025);
}

.fyzio-inspiration-post-card__date,
.fyzio-inspiration-post-card__title,
.fyzio-inspiration-post-card__excerpt,
.fyzio-inspiration-post-card__more {
	margin-left: 1.25rem !important;
	margin-right: 1.25rem !important;
}

.fyzio-inspiration-post-card__date {
	margin-bottom: .55rem !important;
	color: var(--fyzio-action);
	font-size: .72rem !important;
	font-weight: 800;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.fyzio-inspiration-post-card__title {
	margin-top: 0 !important;
	margin-bottom: .7rem !important;
	font-family: var(--fyzio-heading-font);
	font-size: clamp(1.25rem, 1.8vw, 1.55rem) !important;
	font-weight: 400 !important;
	line-height: 1.25;
}

.fyzio-inspiration-post-card__title a {
	color: var(--fyzio-green-900);
	text-decoration: none;
}

.fyzio-inspiration-post-card__title::after {
	display: none !important;
}

.fyzio-inspiration-post-card__excerpt {
	color: var(--fyzio-text-soft);
}

.fyzio-inspiration-post-card__excerpt p {
	margin-bottom: .85rem !important;
	font-size: .88rem !important;
	line-height: 1.6 !important;
}

.fyzio-inspiration-post-card__more {
	display: inline-flex;
	color: var(--fyzio-action);
	font-size: .75rem;
	font-weight: 800;
	letter-spacing: .055em;
	text-decoration: none;
	text-transform: uppercase;
}

.fyzio-inspiration-empty {
	padding: 1.5rem;
	border: 1px dashed rgba(68,119,76,.25);
	border-radius: 14px;
	text-align: center;
}


/* TABLET */

@media (max-width: 1080px) {

	.fyzio-inspiration-cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.fyzio-inspiration-card {
		min-height: 420px;
	}
}


/* MENŠÍ TABLET */

@media (max-width: 860px) {

	.fyzio-inspiration-categories__heading {
		flex-wrap: wrap !important;
	}

	.fyzio-inspiration-categories__heading > .wp-block-column {
		flex-basis: 100% !important;
	}

	.fyzio-inspiration-categories__lead {
		max-width: 680px;
	}

	.fyzio-inspiration-posts {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}


/* MOBIL */

@media (max-width: 680px) {

	.fyzio-editor-content--inspiration .fyzio-editable-section {
		padding-top: 3.2rem;
		padding-bottom: 3.2rem;
	}

	.fyzio-inspiration-categories {
		padding-top: 1.4rem !important;
	}

	.fyzio-inspiration-cards {
		grid-template-columns: 1fr;
	}

	.fyzio-inspiration-card {
		min-height: 0;
		padding-top: 164px;
	}

	.fyzio-inspiration-card::before {
		height: 140px;
	}

	.fyzio-inspiration-card__icon {
		top: 108px;
	}

	.fyzio-inspiration-posts {
		grid-template-columns: 1fr !important;
	}

	.fyzio-inspiration-pause {
		padding-top: 3.8rem !important;
		padding-bottom: 3.4rem !important;
	}
}


/* FOLD */

@media (max-width: 390px) and (min-height: 720px) and (orientation: portrait) {

	.fyzio-inspiration-card {
		padding-left: 1.1rem;
		padding-right: 1.1rem;
	}

	.fyzio-inspiration-card__text,
	.fyzio-inspiration-post-card__excerpt p {
		font-size: .88rem !important;
	}
}

/* =========================================================
 * V4.0.1 — INSPIRACE: STEJNÉ KARTY + VLASTNÍ VIZUÁL KAŽDÉ RUBRIKY
 * ======================================================= */

/*
 * Všechny čtyři karty mají přesně stejnou šířku i výšku.
 * Rozdílná délka titulku / textu už nesmí rozhazovat geometrii.
 */
.fyzio-inspiration-cards {
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	grid-auto-rows: 1fr;
	align-items: stretch;
}

.fyzio-inspiration-cards > .fyzio-inspiration-card {
	width: 100%;
	height: 100%;
	min-width: 0;
	min-height: 455px;
	margin: 0 !important;
}

.fyzio-inspiration-card {
	display: grid !important;
	grid-template-rows: 150px auto auto 1fr auto;
	padding: 0 1.3rem 1.35rem !important;
	overflow: hidden;
}

.fyzio-inspiration-card::before {
	position: relative;
	z-index: 0;
	grid-column: 1;
	grid-row: 1;
	top: auto;
	left: auto;
	right: auto;
	width: calc(100% + 2.6rem);
	height: 150px;
	margin-left: -1.3rem;
	margin-right: -1.3rem;
	background-position: center !important;
	background-size: cover !important;
	filter: none;
}

.fyzio-inspiration-card--articles::before {
	background:
		linear-gradient(180deg, rgba(14,43,27,.02), rgba(14,43,27,.12)),
		url("../images/inspiration/articles.jpg") center / cover no-repeat !important;
}

.fyzio-inspiration-card--videos::before {
	background:
		linear-gradient(180deg, rgba(14,43,27,.02), rgba(14,43,27,.12)),
		url("../images/inspiration/videos.jpg") center / cover no-repeat !important;
}

.fyzio-inspiration-card--lectures::before {
	background:
		linear-gradient(180deg, rgba(14,43,27,.02), rgba(14,43,27,.12)),
		url("../images/inspiration/lectures.jpg") center / cover no-repeat !important;
}

.fyzio-inspiration-card--other::before {
	background:
		linear-gradient(180deg, rgba(14,43,27,.02), rgba(14,43,27,.12)),
		url("../images/inspiration/other.jpg") center / cover no-repeat !important;
}

/*
 * Ikona sedí vždy na stejném místě přes spodní hranu fotografie.
 */
.fyzio-inspiration-card__icon {
	position: relative !important;
	z-index: 3 !important;
	grid-column: 1;
	grid-row: 2;
	top: auto;
	left: auto;
	width: 62px;
	height: 62px;
	margin: -31px 0 .4rem !important;
}

/* Titulek, text a CTA mají stejné řádky gridu. */
.fyzio-inspiration-card__title {
	grid-column: 1;
	grid-row: 3;
	margin: .2rem 0 .65rem !important;
}

.fyzio-inspiration-card__text {
	grid-column: 1;
	grid-row: 4;
	margin-bottom: 1.25rem !important;
}

.fyzio-inspiration-card__action {
	grid-column: 1;
	grid-row: 5;
	align-self: end;
	margin-top: 0 !important;
}

/*
 * Na desktopu fixujeme i vnitřní šířku tlačítka:
 * všechny CTA mají stejnou výšku a kartu už nic "nerozkopne".
 */
.fyzio-inspiration-card__action .wp-block-button__link {
	min-height: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
}

/* Tablet */
@media (max-width: 1080px) {
	.fyzio-inspiration-cards {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
	.fyzio-inspiration-cards > .fyzio-inspiration-card {
		min-height: 430px;
	}
}

/* Mobil */
@media (max-width: 680px) {
	.fyzio-inspiration-cards {
		grid-template-columns: 1fr !important;
	}
	.fyzio-inspiration-cards > .fyzio-inspiration-card {
		min-height: 0;
	}
	.fyzio-inspiration-card {
		grid-template-rows: 140px auto auto auto auto;
		padding: 0 1.15rem 1.2rem !important;
	}
	.fyzio-inspiration-card::before {
		width: calc(100% + 2.3rem);
		height: 140px;
		margin-left: -1.15rem;
		margin-right: -1.15rem;
	}
	.fyzio-inspiration-card__icon {
		margin-top: -30px !important;
	}
}



/* =========================================================
 * V4.2.3 — INSPIRACE: ČISTÝ VIZUÁL RUBRIK
 * ======================================================= */

/* Spodní vestavěná ikona v obrázku zůstane mimo výřez. */
.fyzio-inspiration-card::before {
	background-size: 132% auto !important;
	background-position: center top !important;
}

.fyzio-inspiration-card--videos::before {
	background-position: center 8% !important;
}

.fyzio-inspiration-card--lectures::before {
	background-position: center 5% !important;
}

.fyzio-inspiration-card--other::before {
	background-position: center 4% !important;
}

/* Horní obrazová plocha je samostatný odkaz na rubriku. */
.fyzio-inspiration-card__visual-link {
	position: absolute !important;
	z-index: 2 !important;
	top: 0;
	left: 0;
	right: 0;
	height: 150px;
	display: block;
	border-radius: 19px 19px 0 0;
	cursor: pointer;
}

.fyzio-inspiration-card__visual-link::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(26,65,42,0);
	transition: background .18s ease;
}

.fyzio-inspiration-card__visual-link:hover::after,
.fyzio-inspiration-card__visual-link:focus-visible::after {
	background: rgba(26,65,42,.08);
}

.fyzio-inspiration-card__visual-link:focus-visible {
	outline: 2px solid var(--fyzio-action);
	outline-offset: -4px;
}

.fyzio-inspiration-card__icon {
	z-index: 4 !important;
}

@media (max-width: 680px) {
	.fyzio-inspiration-card__visual-link {
		height: 140px;
	}
}

/* =========================================================
 * V4.2.4 — INSPIRACE: OPRAVA VIZUÁLŮ + KLIKATELNÁ FOTO PLOCHA
 * ======================================================= */

/*
 * Vizuály jsou nově skutečně bez vestavěných kulatých ikon.
 * Samostatná zelená SVG ikona přes hranu karty zůstává jediná.
 */
.fyzio-inspiration-card::before {
    background-size: cover !important;
    background-position: center center !important;
}

.fyzio-inspiration-card--articles::before {
    background-image:
        linear-gradient(180deg, rgba(14,43,27,.01), rgba(14,43,27,.10)),
        url("../images/inspiration/articles.jpg") !important;
}

.fyzio-inspiration-card--videos::before {
    background-image:
        linear-gradient(180deg, rgba(14,43,27,.01), rgba(14,43,27,.10)),
        url("../images/inspiration/videos.jpg") !important;
}

.fyzio-inspiration-card--lectures::before {
    background-image:
        linear-gradient(180deg, rgba(14,43,27,.01), rgba(14,43,27,.10)),
        url("../images/inspiration/lectures.jpg") !important;
}

.fyzio-inspiration-card--other::before {
    background-image:
        linear-gradient(180deg, rgba(14,43,27,.01), rgba(14,43,27,.10)),
        url("../images/inspiration/other.jpg") !important;
}

.fyzio-inspiration-card__visual-link {
    position: absolute !important;
    z-index: 3 !important;
    top: 0;
    left: 0;
    right: 0;
    height: 150px;
    display: block !important;
    border-radius: 19px 19px 0 0;
    cursor: pointer;
}

.fyzio-inspiration-card__visual-link::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: rgba(28,72,45,0);
    transition: background .18s ease;
}

.fyzio-inspiration-card__visual-link:hover::after,
.fyzio-inspiration-card__visual-link:focus-visible::after {
    background: rgba(28,72,45,.09);
}

.fyzio-inspiration-card__visual-link:focus-visible {
    outline: 2px solid var(--fyzio-action);
    outline-offset: -4px;
}

.fyzio-inspiration-card__icon {
    z-index: 5 !important;
}

@media (max-width: 680px) {
    .fyzio-inspiration-card__visual-link {
        height: 140px;
    }
}