@font-face {
	font-family: "Baloo 2";
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url("../../fonts/baloo2-800-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "Baloo 2";
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url("../../fonts/baloo2-800-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.kl-minuta,
.kl-min-pas,
.kl-min-box,
.kl-min-dek,
.kl-min-menu,
.kl-min-404 {
	--kl-min-zelena: var(--up-zelena, #2b7d50);
	--kl-min-noc: var(--up-noc, #1b4d33);
	--kl-min-ink: var(--up-ink, #14241b);
	--kl-min-text: var(--up-text, #45544a);
	--kl-min-popisek: var(--up-popisek, #5f6e63);
	--kl-min-ramecek: var(--up-ramecek, #e6e0d4);
	--kl-min-cara: var(--up-cara-jemna, #efeae0);
	--kl-min-plocha: var(--up-plocha, #f7f4ee);
	--kl-min-uspech: var(--up-uspech, #eef6f0);
	--kl-min-hneda: #7e6142;
	--kl-min-jantar: #f2b544;
	--kl-min-tlumene: #8a958d;
	--kl-min-pismo: var(--up-pismo, "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif);
	--kl-min-pismo-nadpis: var(--up-pismo-nadpis, "Baloo 2", "Figtree", system-ui, sans-serif);
}

.kl-min-ikona {
	display: block;
	flex: none;
	width: 18px;
	height: 18px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2.2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.kl-min-ikona__plna {
	fill: currentColor;
	stroke: none;
}

.kl-min-postava {
	display: block;
	width: 100%;
	height: 100%;
}

.kl-min-a {
	transform-box: view-box;
}

.kl-min-a--kotnik {
	transform-origin: 148px 197px;
	animation: kl-min-kotnik 2s ease-in-out infinite;
}

.kl-min-a--kotnik-dalsi {
	transform-origin: 139px 197px;
	animation: kl-min-kotnik 2s ease-in-out infinite;
}

.kl-min-a--vypon-telo {
	animation: kl-min-vypon-telo 2s ease-in-out infinite;
}

.kl-min-a--vypon {
	transform-origin: 138px 204px;
	animation: kl-min-vypon 2s ease-in-out infinite;
}

.kl-min-a--vypon-dalsi {
	transform-origin: 128px 204px;
	animation: kl-min-vypon 2s ease-in-out infinite;
}

.kl-min-a--koleno-sed {
	transform-origin: 146px 142px;
	animation: kl-min-koleno-sed 2.5s ease-in-out infinite;
}

.kl-min-a--paty {
	transform-origin: 118px 166px;
	animation: kl-min-paty 2.5s ease-in-out infinite;
}

.kl-min-a--kycel-sed {
	transform-origin: 100px 142px;
	animation: kl-min-kycel-sed 2s ease-in-out infinite;
}

.kl-min-a--kyvadlo {
	transform-origin: 116px 124px;
	animation: kl-min-kyvadlo 2.5s ease-in-out infinite;
}

.kl-min-a--zada {
	transform-origin: 114px 178px;
	animation: kl-min-zada 5s ease-in-out infinite;
}

.kl-min-a--zada-hlava {
	transform-origin: 119px 112px;
	animation: kl-min-zada-hlava 5s ease-in-out infinite;
}

.kl-min-a--ramena {
	animation: kl-min-ramena 2.5s linear infinite;
}

.kl-min-a--pest {
	opacity: 1;
	animation: kl-min-pest 2s ease-in-out infinite;
}

.kl-min-a--dlan {
	opacity: 0;
	animation: kl-min-dlan 2s ease-in-out infinite;
}

.kl-min-zare {
	transform-box: fill-box;
	transform-origin: center;
	animation: kl-min-zare 1.6s ease-in-out infinite;
}

.kl-min-znacka {
	fill: #fff;
	stroke: var(--kl-min-zelena, #2b7d50);
	stroke-width: 2.2;
}

.kl-min-znacka-text {
	fill: var(--kl-min-zelena, #2b7d50);
	font: 800 11px var(--kl-min-pismo, sans-serif);
}

.kl-min-postava--hotovo .kl-min-znacka {
	fill: var(--kl-min-zelena, #2b7d50);
}

.kl-min-postava--hotovo .kl-min-znacka-text {
	fill: #fff;
}

.kl-min-postava--stoji .kl-min-a,
.kl-min-postava--stoji .kl-min-zare {
	animation: none;
}

.kl-min-postava--stoji .kl-min-a--pest {
	opacity: 0;
}

.kl-min-postava--stoji .kl-min-a--dlan {
	opacity: 1;
}

@keyframes kl-min-kotnik {
	0%, 100% { transform: rotate(0deg); }
	25% { transform: rotate(-30deg); }
	75% { transform: rotate(18deg); }
}

@keyframes kl-min-vypon-telo {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-8px); }
}

@keyframes kl-min-vypon {
	0%, 100% { transform: rotate(0deg); }
	50% { transform: rotate(21deg); }
}

@keyframes kl-min-koleno-sed {
	0%, 100% { transform: rotate(0deg); }
	40%, 60% { transform: rotate(-78deg); }
}

@keyframes kl-min-paty {
	0%, 100% { transform: rotate(0deg); }
	40%, 60% { transform: rotate(118deg); }
}

@keyframes kl-min-kycel-sed {
	0%, 100% { transform: rotate(0deg); }
	50% { transform: rotate(-22deg); }
}

@keyframes kl-min-kyvadlo {
	0%, 100% { transform: rotate(-24deg); }
	50% { transform: rotate(18deg); }
}

@keyframes kl-min-zada {
	0%, 100% { transform: rotate(-5deg); }
	50% { transform: rotate(17deg); }
}

@keyframes kl-min-zada-hlava {
	0%, 100% { transform: rotate(-4deg); }
	50% { transform: rotate(16deg); }
}

@keyframes kl-min-ramena {
	0%, 100% { transform: translate(4px, 0); }
	25% { transform: translate(0, -9px); }
	50% { transform: translate(-5px, -3px); }
	75% { transform: translate(0, 3px); }
}

@keyframes kl-min-pest {
	0%, 44%, 100% { opacity: 1; }
	52%, 94% { opacity: 0; }
}

@keyframes kl-min-dlan {
	0%, 44%, 100% { opacity: 0; }
	52%, 94% { opacity: 1; }
}

@keyframes kl-min-zare {
	0%, 100% { opacity: .55; transform: scale(1); }
	50% { opacity: 1; transform: scale(1.2); }
}

@keyframes kl-min-razitko {
	from { opacity: 0; transform: rotate(-12deg) scale(1.6); }
	to { opacity: 1; transform: rotate(-12deg) scale(1); }
}

html.kl-min-otevreno {
	overflow: hidden;
}

.kl-minuta {
	box-sizing: border-box;
	width: min(880px, calc(100% - 32px));
	max-width: none;
	max-height: calc(100% - 32px);
	margin: auto;
	padding: 0;
	border: 0;
	border-radius: 24px;
	background: #fff;
	color: var(--kl-min-text);
	font-family: var(--kl-min-pismo);
	font-size: 16px;
	font-weight: var(--up-vaha-text, 400);
	line-height: 1.5;
	box-shadow: 0 30px 80px -30px rgba(0, 0, 0, .55);
	overflow: auto;
	overscroll-behavior: contain;
}

.kl-minuta::backdrop {
	background: rgba(20, 36, 27, .62);
}

.kl-minuta [hidden] {
	display: none !important;
}

.kl-minuta *,
.kl-minuta *::before,
.kl-minuta *::after {
	box-sizing: border-box;
}

.kl-minuta button,
.kl-minuta a {
	-webkit-tap-highlight-color: transparent;
}

.kl-minuta button:focus-visible,
.kl-minuta a:focus-visible,
.kl-minuta input:focus-visible,
.kl-min-pas button:focus-visible,
.kl-min-box button:focus-visible,
.kl-min-dek button:focus-visible,
.kl-min-menu:focus-visible {
	outline: 3px solid var(--kl-min-zelena);
	outline-offset: 2px;
}

.kl-minuta__hlava {
	position: sticky;
	top: 0;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 22px 24px 20px clamp(20px, 4vw, 40px);
	border-bottom: 1px solid var(--kl-min-cara);
	background: #fff;
}

.kl-minuta__titulek {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
}

.kl-minuta__stitek,
.kl-minuta__krok-stitek {
	margin: 0;
	color: var(--kl-min-hneda);
	font-size: 13px;
	font-weight: 800;
	line-height: 1.4;
	letter-spacing: .16em;
	text-transform: uppercase;
}

.kl-minuta__nadpis {
	margin: 0;
	color: var(--kl-min-ink);
	font-family: var(--kl-min-pismo-nadpis);
	font-size: clamp(24px, 3.2vw, 32px);
	font-weight: 800;
	line-height: 1.1;
}

.kl-minuta__nadpis span {
	color: var(--kl-min-zelena);
}

.kl-minuta__zavrit {
	display: flex;
	flex: 0 0 44px;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--kl-min-plocha);
	color: var(--kl-min-ink);
	cursor: pointer;
	transition: background-color .2s;
}

.kl-minuta__zavrit:hover {
	background: var(--kl-min-ramecek);
}

.kl-minuta__zavrit .kl-min-ikona {
	width: 20px;
	height: 20px;
}

.kl-minuta__stav {
	padding: clamp(20px, 4vw, 32px) clamp(16px, 4vw, 40px) clamp(24px, 4vw, 40px);
}

.kl-minuta__stav--uvod,
.kl-minuta__stav--hotovo,
.kl-minuta__beh {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
	gap: 24px 40px;
	align-items: center;
}

.kl-minuta__jeviste {
	position: relative;
	justify-self: center;
	width: 100%;
	max-width: 320px;
	aspect-ratio: 1 / 1;
}

.kl-minuta__jeviste--beh {
	max-width: 330px;
}

.kl-minuta__postava {
	position: absolute;
	inset: 0;
	display: block;
}

.kl-minuta.is-pauza .kl-min-a,
.kl-minuta.is-pauza .kl-min-zare {
	animation-play-state: paused;
}

.kl-minuta__text,
.kl-minuta__krok {
	display: flex;
	flex-direction: column;
	gap: 16px;
	min-width: 0;
}

.kl-minuta__krok {
	gap: 12px;
}

.kl-minuta__uvod {
	margin: 0;
	color: var(--kl-min-text);
	font-size: 16px;
	line-height: 1.6;
}

.kl-minuta__varianty {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.kl-minuta__varianta {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	min-height: 58px;
	padding: 10px 14px;
	border: 0;
	border-radius: 14px;
	background: #fff;
	color: var(--kl-min-ink);
	box-shadow: inset 0 0 0 1.5px var(--kl-min-ramecek);
	font: inherit;
	text-align: left;
	cursor: pointer;
	transition: background-color .2s, color .2s, box-shadow .2s;
}

.kl-minuta__varianta strong {
	font-size: 15px;
	font-weight: 800;
	line-height: 1.25;
}

.kl-minuta__varianta span {
	color: var(--kl-min-popisek);
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.3;
}

.kl-minuta__varianta:hover {
	box-shadow: inset 0 0 0 1.5px var(--kl-min-zelena);
}

.kl-minuta__varianta[aria-pressed="true"] {
	background: var(--kl-min-zelena);
	color: #fff;
	box-shadow: inset 0 0 0 1.5px var(--kl-min-zelena);
}

.kl-minuta__varianta[aria-pressed="true"] strong,
.kl-minuta__varianta[aria-pressed="true"] span {
	color: #fff;
}

.kl-minuta__seznam {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.kl-minuta__seznam li {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin: 0;
	padding: 4px 11px 4px 4px;
	border-radius: 999px;
	background: var(--kl-min-plocha);
	color: var(--kl-min-ink);
	font-size: 13.5px;
	font-weight: 700;
}

.kl-minuta__seznam li span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #fff;
	box-shadow: inset 0 0 0 1.5px var(--kl-min-zelena);
	color: var(--kl-min-zelena);
	font-size: 11px;
	font-weight: 800;
}

.kl-minuta__zvuk {
	display: inline-flex;
	align-items: center;
	align-self: flex-start;
	gap: 10px;
	min-height: 44px;
	color: var(--kl-min-text);
	font-size: 14.5px;
	font-weight: 600;
	cursor: pointer;
}

.kl-minuta__zvuk input {
	flex: none;
	width: 20px;
	height: 20px;
	margin: 0;
	accent-color: var(--kl-min-zelena);
}

.kl-minuta__start,
.kl-minuta__tlacitka,
.kl-minuta__ovladani {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 16px;
}

.kl-minuta__delka {
	color: var(--kl-min-popisek);
	font-size: 14px;
	font-weight: 700;
}

.kl-minuta__pozn {
	margin: 0;
	color: var(--kl-min-popisek);
	font-size: 13px;
	line-height: 1.5;
}

.kl-minuta__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 48px;
	padding: 12px 22px;
	border: 0;
	border-radius: 999px;
	font: inherit;
	font-size: 15px;
	font-weight: 800;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	transition: background-color .2s, color .2s, box-shadow .2s;
}

.kl-minuta__btn--primarni {
	background: var(--kl-min-zelena);
	color: #fff;
	box-shadow: 0 14px 30px -16px rgba(27, 77, 51, .7);
}

.kl-minuta__btn--primarni:hover {
	background: var(--kl-min-noc);
	color: #fff;
}

.kl-minuta__btn--obrys {
	background: #fff;
	color: var(--kl-min-ink);
	box-shadow: inset 0 0 0 1.5px var(--kl-min-ramecek);
}

.kl-minuta__btn--obrys:hover {
	box-shadow: inset 0 0 0 1.5px var(--kl-min-zelena);
}

.kl-minuta__btn--velke {
	min-height: 52px;
	padding: 14px 28px;
	font-size: 16px;
}

.kl-minuta__ukoncit {
	min-height: 48px;
	padding: 12px 6px;
	border: 0;
	background: transparent;
	color: var(--kl-min-popisek);
	font: inherit;
	font-size: 15px;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}

.kl-minuta__postup {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	margin-bottom: 22px;
}

.kl-minuta__useky {
	display: flex;
	flex: 1 1 auto;
	gap: 6px;
	min-width: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.kl-minuta__usek {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
	margin: 0;
}

.kl-minuta__usek-pruh {
	display: block;
	height: 6px;
	border-radius: 3px;
	background: var(--kl-min-ramecek);
	transition: background-color .3s;
}

.kl-minuta__usek-nazev {
	overflow: hidden;
	color: var(--kl-min-tlumene);
	font-size: 11.5px;
	font-weight: 700;
	line-height: 1.2;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.kl-minuta__usek.is-hotovo .kl-minuta__usek-pruh {
	background: var(--kl-min-zelena);
}

.kl-minuta__usek.is-hotovo .kl-minuta__usek-nazev {
	color: var(--kl-min-zelena);
}

.kl-minuta__usek.is-aktivni .kl-minuta__usek-pruh {
	background: var(--kl-min-jantar);
}

.kl-minuta__usek.is-aktivni .kl-minuta__usek-nazev {
	color: var(--kl-min-ink);
}

.kl-minuta__zbyva {
	flex: none;
	color: var(--kl-min-ink);
	font-size: 13px;
	font-weight: 800;
	line-height: 1;
	font-variant-numeric: tabular-nums;
}

.kl-minuta__prsten {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	transform: rotate(-90deg);
	pointer-events: none;
}

.kl-minuta__prsten circle {
	fill: none;
	stroke-width: 5;
}

.kl-minuta__prsten-podklad {
	stroke: #efe9de;
}

.kl-minuta__prsten-cast {
	stroke: var(--kl-min-zelena);
	stroke-linecap: round;
	stroke-dasharray: 731.99;
	stroke-dashoffset: 731.99;
}

.kl-minuta__sekundy {
	position: absolute;
	top: 1%;
	right: 1%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background: var(--kl-min-ink);
	color: #fff;
	font-size: 24px;
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	box-shadow: 0 8px 18px -10px rgba(0, 0, 0, .5);
}

.kl-minuta__krok-nazev,
.kl-minuta__hotovo-nadpis {
	margin: 0;
	color: var(--kl-min-ink);
	font-family: var(--kl-min-pismo-nadpis);
	font-size: clamp(26px, 3vw, 32px);
	font-weight: 800;
	line-height: 1.12;
}

.kl-minuta__hotovo-nadpis:focus {
	outline: none;
}

.kl-minuta__pokyn {
	margin: 0;
	color: var(--kl-min-text);
	font-size: 16px;
	line-height: 1.55;
}

.kl-minuta__tempo {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0;
}

.kl-minuta__slovo {
	padding: 8px 16px;
	border-radius: 999px;
	background: var(--kl-min-plocha);
	color: var(--kl-min-tlumene);
	font-size: 17px;
	font-weight: 800;
	line-height: 1.2;
	transition: background-color .2s, color .2s;
}

.kl-minuta__slovo.is-ted {
	background: var(--kl-min-ink);
	color: #fff;
}

.kl-minuta__tecka {
	color: #c9bda6;
	font-weight: 800;
}

.kl-minuta__proc {
	margin: 0;
	padding: 12px 14px;
	border-radius: 12px;
	background: var(--kl-min-uspech);
	color: var(--kl-min-noc);
	font-size: 14px;
	line-height: 1.5;
}

.kl-minuta__proc strong {
	font-weight: 800;
}

.kl-minuta__dalsi {
	margin: 0;
	color: var(--kl-min-popisek);
	font-size: 13.5px;
	font-weight: 700;
}

.kl-minuta__hlaseni {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.kl-minuta__ovladani {
	margin-top: 22px;
}

.kl-minuta__razitko {
	position: absolute;
	right: -2%;
	bottom: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2px;
	width: 112px;
	height: 112px;
	border: 3px solid var(--kl-min-zelena);
	border-radius: 50%;
	background: rgba(255, 255, 255, .9);
	color: var(--kl-min-zelena);
	box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3.5px var(--kl-min-zelena);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .08em;
	text-align: center;
	text-transform: uppercase;
	transform: rotate(-12deg);
}

.kl-minuta__stav--hotovo:not([hidden]) .kl-minuta__razitko {
	animation: kl-min-razitko .45s cubic-bezier(.3, 1.6, .5, 1) .15s both;
}

.kl-minuta__produkt {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 14px 16px;
	border-radius: 16px;
	background: var(--kl-min-plocha);
	color: var(--kl-min-ink);
	text-decoration: none;
	transition: background-color .2s;
}

.kl-minuta__produkt:hover {
	background: var(--kl-min-ramecek);
	color: var(--kl-min-ink);
}

.kl-minuta__produkt-text {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.kl-minuta__produkt-stitek {
	color: var(--kl-min-hneda);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.kl-minuta__produkt strong {
	font-size: 15.5px;
	font-weight: 800;
}

.kl-minuta__produkt-cta {
	display: inline-flex;
	flex: none;
	align-items: center;
	gap: 6px;
	color: var(--kl-min-zelena);
	font-size: 15px;
	font-weight: 800;
}

@media (max-width: 600px) {
	.kl-minuta {
		width: 100%;
		height: 100%;
		max-height: none;
		margin: 0;
		border-radius: 0;
	}

	.kl-minuta__hlava {
		padding: 14px 14px 12px 20px;
	}

	.kl-minuta__nadpis {
		font-size: 24px;
	}

	.kl-minuta__jeviste {
		max-width: 260px;
	}

	.kl-minuta__postup {
		flex-wrap: wrap;
		gap: 8px;
		margin-bottom: 16px;
	}

	.kl-minuta__zbyva {
		order: -1;
		width: 100%;
		text-align: right;
	}
}

.kl-min-pas {
	padding: var(--up-sekce, clamp(56px, 7vw, 96px)) 0;
	background: #fff;
}

.kl-min-pas__in {
	width: var(--up-sirka, min(1144px, calc(100% - 40px)));
	margin: 0 auto;
}

.kl-min-pas__karta {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr));
	gap: 28px 48px;
	align-items: center;
	padding: clamp(22px, 3.4vw, 44px);
	border: 2px solid var(--kl-min-zelena);
	border-radius: 24px;
	background: #fff;
	box-shadow: 0 24px 48px -34px rgba(27, 77, 51, .5);
}

.kl-min-pas__text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
	min-width: 0;
}

.kl-min-pas__nadpis {
	margin: 0;
	color: var(--kl-min-ink);
	font-family: var(--kl-min-pismo-nadpis);
	font-size: clamp(30px, 3vw, 42px);
	font-weight: 800;
	line-height: 1.1;
}

.kl-min-pas__nadpis span {
	color: var(--kl-min-zelena);
}

.kl-min-pas__popis {
	max-width: 34em;
	margin: 0;
	color: var(--kl-min-text);
	font-size: 17px;
	line-height: 1.6;
}

.kl-min-pas__akce {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 18px;
	margin-top: 6px;
}

.kl-min-pas__cta {
	border: 0;
	font-family: inherit;
	cursor: pointer;
}

.kl-min-pas__delka {
	color: var(--kl-min-popisek);
	font-size: 14px;
	font-weight: 700;
}

.kl-min-pas__pohyby {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.kl-min-pas__pohyby li {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	min-width: 0;
	margin: 0;
	color: var(--kl-min-ink);
	font-size: 13.5px;
	font-weight: 800;
	text-align: center;
}

.kl-min-pas__postava {
	display: block;
	width: 100%;
	max-width: 132px;
	aspect-ratio: 1 / 1;
}

.kl-min-box.kl-min-box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px 26px;
	margin: 32px 0;
	padding: 24px 26px;
	border-radius: 20px;
	background: var(--kl-min-plocha);
	font-family: var(--kl-min-pismo);
}

.kl-min-box .kl-min-box__postava {
	display: block;
	flex: 0 0 140px;
	width: 140px;
	height: 140px;
}

.kl-min-box .kl-min-box__text {
	display: flex;
	flex: 1 1 260px;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	min-width: 0;
}

.kl-min-box .kl-min-box__stitek {
	display: inline-flex;
	padding: 4px 10px;
	border-radius: 999px;
	background: #fbefd6;
	color: #7a4b05;
	font-size: 12.5px;
	font-weight: 800;
	line-height: 1.4;
}

.kl-min-box .kl-min-box__nadpis {
	display: block;
	color: var(--kl-min-ink);
	font-family: var(--kl-min-pismo-nadpis);
	font-size: 27px;
	font-weight: 800;
	line-height: 1.15;
}

.kl-min-box .kl-min-box__popis {
	display: block;
	color: var(--kl-min-text);
	font-size: 15.5px;
	line-height: 1.6;
}

.kl-min-box .kl-min-box__cta {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 46px;
	margin-top: 4px;
	padding: 12px 22px;
	border: 0;
	border-radius: 999px;
	background: #fff;
	color: var(--kl-min-ink);
	box-shadow: inset 0 0 0 1.5px var(--kl-min-zelena);
	font: inherit;
	font-size: 15px;
	font-weight: 800;
	line-height: 1.2;
	cursor: pointer;
	transition: background-color .2s, color .2s;
}

.kl-min-box .kl-min-box__cta .kl-min-ikona {
	width: 16px;
	height: 16px;
	color: var(--kl-min-zelena);
}

.kl-min-box .kl-min-box__cta:hover {
	background: var(--kl-min-zelena);
	color: #fff;
}

.kl-min-box .kl-min-box__cta:hover .kl-min-ikona {
	color: #fff;
}

.kl-min-dek.kl-min-dek {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 20px 22px;
	font-family: var(--kl-min-pismo);
}

.kl-min-dek__postava {
	display: block;
	flex: 0 0 76px;
	width: 76px;
	height: 76px;
}

.kl-min-dek__text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	min-width: 0;
}

.kl-min-dek__nadpis {
	display: block;
	color: var(--kl-min-ink);
	font-size: 16.5px;
	font-weight: 800;
	line-height: 1.35;
}

.kl-min-dek__odkaz {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 0;
	border: 0;
	background: none;
	color: var(--kl-min-zelena);
	font: inherit;
	font-size: 15px;
	font-weight: 800;
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}

.kl-min-dek__odkaz .kl-min-ikona {
	width: 16px;
	height: 16px;
}

.kl-min-menu {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	min-height: 48px;
	margin: 8px 0 0;
	padding: 6px 12px 6px 6px;
	border: 0;
	border-radius: 14px;
	background: var(--kl-min-uspech);
	color: var(--kl-min-noc);
	font: inherit;
	font-size: 15px;
	font-weight: 800;
	line-height: 1.3;
	text-align: left;
	cursor: pointer;
}

.kl-min-menu::after {
	content: "";
	flex: none;
	width: 8px;
	height: 8px;
	margin-right: 4px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(-45deg);
}

.kl-min-menu__postava {
	display: block;
	flex: 0 0 36px;
	width: 36px;
	height: 36px;
}

.kl-min-menu__text {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
}

.kl-min-menu__popis {
	color: #3f6b52;
	font-size: 12.5px;
	font-weight: 500;
}

.kl-min-404 {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 12px 16px;
	margin-top: 32px;
	padding: 14px 20px;
	border-radius: 18px;
	background: var(--kl-min-plocha);
}

.kl-min-404__postava {
	display: block;
	flex: none;
	width: 60px;
	height: 60px;
}

.kl-min-404__text {
	margin: 0;
	color: var(--kl-min-text);
	font-size: 15.5px;
	line-height: 1.5;
}

@media (prefers-reduced-motion: reduce) {
	.kl-min-a,
	.kl-min-zare,
	.kl-minuta__razitko,
	.kl-minuta__stav--hotovo:not([hidden]) .kl-minuta__razitko {
		animation: none !important;
	}

	.kl-min-a--pest {
		opacity: 0;
	}

	.kl-min-a--dlan {
		opacity: 1;
	}
}