.vz-pas--klidovy {
	width: 100%;
	margin: 0;
	overflow: hidden;
	background: var(--vz-inkoust, #22365c);
	color: var(--vz-papir, #f7f4ee);
}

.vz-pas--klidovy .vz-pas__trat {
	display: block;
	width: 100%;
	animation: none;
	transform: none;
}

.vz-pas--klidovy ul {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: 0;
	width: calc(100% - 40px);
	margin: 0 auto;
	padding: 18px 0;
	list-style: none;
}

.vz-pas--klidovy ul > li {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0;
	padding: 0 14px 0 0;
	list-style: none;
	font-family: "Playfair Display", Georgia, serif;
	font-size: clamp(13px, 1.05vw, 18px);
	font-weight: 400;
	line-height: 1.6;
	color: inherit;
	white-space: nowrap;
	opacity: .92;
}

.vz-pas--klidovy ul > li > .wp-block-paragraph {
	width: auto;
	max-width: none;
	margin: 0;
	padding: 0;
	color: inherit;
	font: inherit;
	line-height: inherit;
}

.vz-pas--klidovy ul > li::after {
	content: "\00b7";
	display: block;
	flex-shrink: 0;
	font-size: 1.3rem;
	color: var(--vz-oranz, #ee7f2d);
}

.vz-pas--klidovy ul > li:last-child {
	padding-right: 0;
}

.vz-pas--klidovy ul > li:last-child::after {
	content: none;
}

.vz-pas--klidovy.vzpas-najet ul > li {
	animation: vzpas-jednou 1600ms cubic-bezier(.22, 1, .36, 1) both;
	animation-delay: calc(var(--vzpas-delay, 0ms) * 2.5);
}

@keyframes vzpas-jednou {
	from { opacity: 0; transform: translateX(14px); }
	to { opacity: .92; transform: translateX(0); }
}

@media (max-width: 850px) {
	.vz-pas--klidovy ul {
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		gap: 0;
		padding: 20px 0;
		text-align: center;
	}
	.vz-pas--klidovy ul > li,
	.vz-pas--klidovy ul > li:last-child {
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		flex: 0 0 auto;
		width: 100%;
		max-width: 100%;
		gap: 0;
		margin: 0;
		padding: 0;
		font-size: 14px;
		white-space: normal;
		text-align: center;
	}
	.vz-pas--klidovy ul > li::after {
		position: static;
		display: block;
		width: 100%;
		margin: 2px 0;
		padding: 0;
		font-size: 18px;
		line-height: 1;
		text-align: center;
		transform: none;
	}
	.vz-pas--klidovy ul > li:last-child::after {
		content: none;
		display: none;
	}
}

@media (max-width: 520px) {
	.vz-pas--klidovy ul { width: calc(100% - 28px); }
}

@media (prefers-reduced-motion: reduce) {
	.vz-pas--klidovy.vzpas-najet ul > li {
		animation: none;
		opacity: .92;
		transform: none;
	}
}