/*
 * Karusel tímu – pozície z dizajnu (homepage, zóna od x 40, y 4430):
 * bočné karty 370×479 na x 143 / 1047 (top 118), stredná 452×559 na x 555
 * (top 77). Výrez postavy začína 100 px nad kartou. --zs-tk-top posúva
 * obsah, ak je zóna na inej stránke meraná inak.
 */

.zs-tk {
	position: absolute;
	inset: var(--zs-tk-top, 0) 0 auto;
	height: 660px;
}

.zs-tk > .zs-sec-arrow {
	position: absolute;
	top: 324px;
}

.zs-tk > .zs-sec-arrow[data-dir="prev"] {
	left: 48px;
}

.zs-tk > .zs-sec-arrow[data-dir="next"] {
	left: 1465px;
}

.zs-tk-card {
	position: absolute;
	top: 118px;
	width: 370px;
	height: 479px;
	padding-top: 287px;
	border: 1px solid var(--zs-stroke);
	border-radius: 50px;
	background: #fff;
	text-align: center;
	--zs-tk-bg: #fff;
}

.zs-tk-card[data-slot="0"] {
	left: 143px;
}

.zs-tk-card[data-slot="2"] {
	left: 1047px;
}

.zs-tk-card--center {
	top: 77px;
	left: 555px;
	width: 452px;
	height: 559px;
	padding-top: 336px;
	border-width: 2px;
	background: var(--zs-sand);
	--zs-tk-bg: var(--zs-sand);
}

/* Výrez postavy – 100 px nad kartou, spodok sa stráca do farby karty. */
.zs-tk-photo {
	position: absolute;
	top: -100px;
	left: 50%;
	width: 330px;
	height: 390px;
	overflow: hidden;
	transform: translateX(-50%);
}

.zs-tk-card--center .zs-tk-photo {
	top: -59px;
	width: 347px;
	height: 410px;
}

.zs-tk-photo img {
	width: 100%;
	height: auto;
	transition: opacity 0.25s;
}

.zs-tk-photo::after {
	position: absolute;
	inset: auto 0 0;
	height: 49%;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--zs-tk-bg) 92%);
	content: "";
}

.zs-tk-card--center .zs-tk-photo::after {
	background: linear-gradient(to bottom, rgba(249, 234, 219, 0), var(--zs-tk-bg) 92%);
}

.zs-tk-name {
	padding: 0 24px;
	font-family: var(--zs-bold);
	font-size: 24px;
	font-weight: normal;
	line-height: 1.5;
}

.zs-tk-card--center .zs-tk-name {
	font-size: 36px;
}

.zs-tk-bio {
	min-height: 54px;
	padding: 0 40px;
	font-size: 18px;
	line-height: 1.5;
}

.zs-tk-card .zs-sec-btn {
	position: absolute;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%);
}

.zs-tk-card--center .zs-sec-btn {
	bottom: 74px;
}

.zs-tk-name,
.zs-tk-bio {
	transition: opacity 0.25s;
}

.zs-tk.is-switching :where(.zs-tk-photo img, .zs-tk-name, .zs-tk-bio) {
	opacity: 0;
}