/**
 * Porovnani vozu - tlacitko u vozu, odznak v hlavicce a srovnavaci tabulka.
 */

/* --- Tlacitko u vozu -------------------------------------------------- */

.ac_c_p {
	position: relative;
}

/*
 * Tlacitko stoji vpravo nahore v textu vozu a titulek ho obteka - na fotce
 * prekryvalo logo prodejce i oznaceni "skladem".
 */
.acjc-compare-add {
	float: right;
	margin: 2px 0 6px 12px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	height: 36px;
	padding: 0 12px;
	border: 1px solid var(--acjc-accent, #fe7912);
	background: #fff;
	color: var(--acjc-accent-ink, #c85a00);
	font: inherit;
	font-size: 15px;
	line-height: 1;
	cursor: pointer;
	transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

.acjc-compare-add:hover,
.acjc-compare-add:focus-visible {
	border-color: var(--acjc-accent, #fe7912);
	color: var(--acjc-accent-ink, #c85a00);
}

.acjc-compare-add.is-active {
	border-color: var(--acjc-accent, #fe7912);
	background: var(--acjc-accent, #fe7912);
	color: #fff;
}

/* Na detailu vozu stoji tlacitko v rade s tiskem a poptavkou. */
.acjc-compare-detail {
	position: static;
	margin: 12px 0 0;
	height: auto;
}

/* Na tabletu i mobilu zustane u vozu jen ikona - popisek by kryl titulek. */
@media only screen and (max-width: 959px) {
	.acjc-compare-add span {
		display: none;
	}

	.acjc-compare-add {
		width: 48px;
		height: 48px;
		padding: 0;
		justify-content: center;
	}

	.acjc-compare-detail {
		width: auto;
		padding: 0 20px;
	}

	.acjc-compare-detail span {
		display: inline;
	}
}

/* --- Odznak v hlavicce ------------------------------------------------ */

.acjc-compare-badge {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	margin-right: 6px;
	color: var(--acjc-dark, #161922);
	text-decoration: none;
}

.acjc-compare-badge:hover {
	color: var(--acjc-accent-ink, #c85a00);
}

.acjc-compare-badge__count {
	position: absolute;
	right: 2px;
	top: 4px;
	min-width: 19px;
	height: 19px;
	padding: 0 5px;
	border-radius: 999px;
	background: var(--acjc-accent, #fe7912);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 19px;
	text-align: center;
}

.acjc-compare-badge.is-bump .acjc-compare-badge__count {
	animation: acjc-compare-bump .45s ease;
}

@keyframes acjc-compare-bump {
	40% {
		transform: scale(1.45);
	}
}

/* --- Hlaska ------------------------------------------------------------ */

.acjc-compare-toast {
	position: fixed;
	left: 50%;
	bottom: 26px;
	z-index: 9999;
	max-width: calc(100% - 32px);
	padding: 12px 20px;
	border-radius: 10px;
	background: var(--acjc-dark, #161922);
	color: #fff;
	font-size: 16px;
	line-height: 22px;
	transform: translate(-50%, 16px);
	opacity: 0;
	pointer-events: none;
	transition: opacity .2s ease, transform .2s ease;
}

.acjc-compare-toast.is-visible {
	transform: translate(-50%, 0);
	opacity: 1;
}

/* --- Stranka porovnani ------------------------------------------------ */

.acjc-compare {
	width: 100%;
}

.acjc-compare--empty {
	padding: 30px 0 50px;
	font-size: 18px;
	line-height: 28px;
}

/* Podobu ukazky tlacitka a odkazu do nabidky resi styl navodu nize. */

.acjc-compare__tools {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin-bottom: 18px;
}

.acjc-compare__tool {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	/* Dotykovy cil ma mit 44 px. */
	height: 44px;
	padding: 0 18px;
	border: 1px solid var(--acjc-border, #e2e2e2);
	border-radius: 8px;
	background: #fff;
	color: var(--acjc-dark, #161922);
	font: inherit;
	font-size: 16px;
	cursor: pointer;
}

.acjc-compare__tool:hover {
	border-color: var(--acjc-accent, #fe7912);
	color: var(--acjc-accent-ink, #c85a00);
}

/* Vymazani porovnani se nedá vzít zpět - při najetí to dáme najevo barvou. */
.acjc-compare__tool--clear:hover {
	border-color: #b3261e;
	color: #b3261e;
}

.acjc-compare__toggle {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-left: auto;
	font-size: 16px;
	cursor: pointer;
}

.acjc-compare__scroll {
	overflow-x: auto;
}

.acjc-compare__table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

.acjc-compare__table th,
.acjc-compare__table td {
	padding: 12px 14px;
	border-bottom: 1px solid var(--acjc-border, #e2e2e2);
	text-align: left;
	vertical-align: middle;
	font-size: 16px;
	line-height: 22px;
}

/*
 * Sirku sloupcu urcuje prvni radek (table-layout: fixed), takze rohova
 * bunka musi mit stejnou sirku jako popisky - jinak se smrskne na nulu
 * a popisky se tisknou pres prvni vuz.
 */
.acjc-compare__corner,
.acjc-compare__table tbody th {
	width: 190px;
	color: var(--acjc-muted, #888);
	font-weight: 400;
}

.acjc-compare__car {
	position: relative;
	width: 260px;
	padding-bottom: 18px !important;
	vertical-align: top !important;
}

.acjc-compare__remove {
	position: absolute;
	right: 8px;
	top: 8px;
	z-index: 2;
	width: 30px;
	height: 30px;
	border: 0;
	border-radius: 0;
	background: var(--acjc-accent, #fe7912);
	color: #fff;
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
}

/*
 * Fotka se vejde cela - orez na pevnou vysku uriznul vozum strechu i kola.
 * Sede pozadi drzi vsem kartam stejnou vysku.
 */
.acjc-compare__gallery img {
	width: 100%;
	aspect-ratio: 4 / 3;
	height: auto;
	border-radius: 8px;
	background: #f4f5f7;
	object-fit: contain;
}

.acjc-compare__dots {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0;
	margin: 4px 0 0;
}

/*
 * Tecka je 8 px, ale prst potrebuje aspon 24 px - klikaci plocha je proto
 * cely ctverec kolem ni a samotna tecka se kresli az uvnitr.
 */
.acjc-compare__dot {
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
}

.acjc-compare__dot::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--acjc-border, #e2e2e2);
	transition: background-color .15s ease;
}

.acjc-compare__dot.is-active::before {
	background: var(--acjc-accent, #fe7912);
}

.acjc-compare__video {
	display: block;
	width: 100%;
	margin: 6px 0;
	padding: 8px;
	border: 1px solid var(--acjc-border, #e2e2e2);
	border-radius: 8px;
	background: #fff;
	font: inherit;
	cursor: pointer;
}

.acjc-compare__player video {
	width: 100%;
	border-radius: 8px;
}

.acjc-compare__title {
	display: block;
	margin-top: 8px;
	color: var(--acjc-dark, #161922);
	font-size: 17px;
	line-height: 23px;
	font-weight: 600;
	text-decoration: none;
}

.acjc-compare__title:hover {
	color: var(--acjc-accent-ink, #c85a00);
}

/* Rozdilny radek je to podstatne, shodny jen doplnkovy. */
.acjc-compare__row.is-different td {
	font-weight: 600;
}

.acjc-compare__row td.is-best {
	color: #1b7a35;
}

.acjc-compare__row td.is-best::after {
	content: " ★";
	font-size: 13px;
}

.acjc-compare.is-diff-only .acjc-compare__row.is-same {
	display: none;
}

/* --- E-mail ------------------------------------------------------------ */

.acjc-compare__mail {
	max-width: 460px;
	margin-top: 22px;
	padding: 18px;
	border: 1px solid var(--acjc-border, #e2e2e2);
	border-radius: 10px;
}

.acjc-compare__mail-row {
	display: flex;
	gap: 10px;
	margin-top: 8px;
}

.acjc-compare__mail input[type="email"] {
	flex: 1 1 auto;
	width: auto !important;
	margin: 0 !important;
}

.acjc-compare__mail button {
	flex: none;
	min-height: 48px;
	padding: 0 20px;
	border: 1px solid var(--acjc-accent, #fe7912);
	border-radius: 0;
	background: var(--acjc-accent, #fe7912);
	color: #fff;
	font: inherit;
	font-weight: 600;
	cursor: pointer;
}

.acjc-compare__mail button:hover {
	border-color: var(--acjc-accent-dark, #c85a00);
	background: var(--acjc-accent-dark, #c85a00);
}

/* --- Mobil: vozy vedle sebe jako pruh k posunuti ---------------------- */

@media only screen and (max-width: 767px) {
	/*
	 * Prichytavani musi pocitat s prilepenym sloupcem popisku - bez toho
	 * pas hned po nacteni odskocil o jeho sirku a prvni vuz se schoval
	 * pod popisky.
	 */
	.acjc-compare__scroll {
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x proximity;
		scroll-padding-left: 130px;
	}

	.acjc-compare__corner,
	.acjc-compare__table tbody th {
		width: 130px;
	}

	.acjc-compare__corner,
	.acjc-compare__table tbody th {
		position: sticky;
		left: 0;
		/* Nad hodnotami vozu, ktere se pod popisky posouvaji. */
		z-index: 2;
		background: #fff;
		font-size: 15px;
	}

	.acjc-compare__car {
		width: 210px;
		scroll-snap-align: start;
	}

	.acjc-compare__gallery img {
		height: 130px;
	}

	.acjc-compare__toggle {
		margin-left: 0;
	}
}

/* Zpetna vazba, ze dlouhy stisk bezi. */
.ac_c_p.is-pressing {
	transition: transform .2s ease;
	transform: scale(.985);
}

/* --- Prochazeni vozu (viditelna alternativa ke gestu) ------------------ */

.acjc-carnav {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	margin: 30px 0 10px;
	padding-top: 20px;
	border-top: 1px solid var(--acjc-border, #e2e2e2);
}

.acjc-carnav__button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 42px;
	padding: 0 16px;
	border: 1px solid var(--acjc-border, #e2e2e2);
	border-radius: 8px;
	color: var(--acjc-dark, #161922);
	font-size: 16px;
	text-decoration: none;
}

.acjc-carnav__button:hover {
	border-color: var(--acjc-accent, #fe7912);
	color: var(--acjc-accent-ink, #c85a00);
}

.acjc-carnav__button--next {
	margin-left: auto;
}

@media only screen and (max-width: 767px) {
	/* Popisky zustavaji i na mobilu - samotna sipka nic nerekne. */
	.acjc-carnav__button {
		height: 44px;
		padding: 0 12px;
		font-size: 14px;
	}
}

/* --- Ikony u nazvu parametru ------------------------------------------- */

/*
 * Kazdy radek tabulky dostane vlastni znacku, at se v dlouhem sloupci da
 * hledat okem. Kreslime je jako masku, stejne jako zbytek ikon na webu.
 */
.acjc-compare__table tbody th {
	font-weight: 400;
}

.acjc-compare__label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.acjc-compare__table tbody th[data-row]::before {
	content: "";
	display: none;
}

.acjc-compare__label::before {
	content: "";
	flex: none;
	width: 18px;
	height: 18px;
	background-color: var(--acjc-accent, #fe7912);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
	opacity: .85;
}

th[data-row="cena"] .acjc-compare__label::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20m1 15.9V19h-2v-1.1c-1.6-.3-2.9-1.3-3-3h2c.1.8.9 1.5 2 1.5s2-.5 2-1.4c0-.8-.6-1.2-2.2-1.6-1.8-.4-3.6-1.1-3.6-3.2 0-1.5 1.2-2.6 2.8-2.9V6h2v1.3c1.6.3 2.6 1.4 2.7 2.9h-2c-.1-.8-.7-1.4-1.7-1.4-1.1 0-1.8.5-1.8 1.2 0 .8.7 1.1 2.3 1.5 1.9.4 3.5 1.1 3.5 3.3 0 1.6-1.2 2.8-3 3.1'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20m1 15.9V19h-2v-1.1c-1.6-.3-2.9-1.3-3-3h2c.1.8.9 1.5 2 1.5s2-.5 2-1.4c0-.8-.6-1.2-2.2-1.6-1.8-.4-3.6-1.1-3.6-3.2 0-1.5 1.2-2.6 2.8-2.9V6h2v1.3c1.6.3 2.6 1.4 2.7 2.9h-2c-.1-.8-.7-1.4-1.7-1.4-1.1 0-1.8.5-1.8 1.2 0 .8.7 1.1 2.3 1.5 1.9.4 3.5 1.1 3.5 3.3 0 1.6-1.2 2.8-3 3.1'/%3E%3C/svg%3E");
}

th[data-row="pa_znacka"] .acjc-compare__label::before,
th[data-row="pa_model"] .acjc-compare__label::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M18.9 6c-.2-.6-.8-1-1.4-1H6.5c-.6 0-1.2.4-1.4 1L3 12v8a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1v-1h12v1a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1v-8zM6.8 7h10.4l1 3H5.8zM6.5 16a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m11 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M18.9 6c-.2-.6-.8-1-1.4-1H6.5c-.6 0-1.2.4-1.4 1L3 12v8a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1v-1h12v1a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1v-8zM6.8 7h10.4l1 3H5.8zM6.5 16a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m11 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3'/%3E%3C/svg%3E");
}

th[data-row="pa_rok-vyroby"] .acjc-compare__label::before,
th[data-row="datum_provozu"] .acjc-compare__label::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 4h-1V2h-2v2H8V2H6v2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2m0 16H5V10h14z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 4h-1V2h-2v2H8V2H6v2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2m0 16H5V10h14z'/%3E%3C/svg%3E");
}

th[data-row="najeto"] .acjc-compare__label::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 4a9 9 0 0 0-7.9 13.3l1.7-1a7 7 0 1 1 12.4 0l1.7 1A9 9 0 0 0 12 4m0 3a1 1 0 0 0-1 1v4.3a2 2 0 1 0 2.6 2.6l2.8-2.3-1.2-1.5-2.8 2.3a2 2 0 0 0-.4-.2V8a1 1 0 0 0-1-1'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 4a9 9 0 0 0-7.9 13.3l1.7-1a7 7 0 1 1 12.4 0l1.7 1A9 9 0 0 0 12 4m0 3a1 1 0 0 0-1 1v4.3a2 2 0 1 0 2.6 2.6l2.8-2.3-1.2-1.5-2.8 2.3a2 2 0 0 0-.4-.2V8a1 1 0 0 0-1-1'/%3E%3C/svg%3E");
}

th[data-row="vykon_motoru"] .acjc-compare__label::before,
th[data-row="obsah_motoru"] .acjc-compare__label::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 4v2h4v2H9a3 3 0 0 0-3 3H3v6h3a3 3 0 0 0 3 3h6l3-3h3v-6h-3l-3-3h-2V6h4V4z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 4v2h4v2H9a3 3 0 0 0-3 3H3v6h3a3 3 0 0 0 3 3h6l3-3h3v-6h-3l-3-3h-2V6h4V4z'/%3E%3C/svg%3E");
}

th[data-row="pa_palivo"] .acjc-compare__label::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2C8 6 6 9 6 12a6 6 0 0 0 12 0c0-3-2-6-6-10m0 16a4 4 0 0 1-4-4c0-2 1.3-4.2 4-7.3 2.7 3.1 4 5.3 4 7.3a4 4 0 0 1-4 4'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2C8 6 6 9 6 12a6 6 0 0 0 12 0c0-3-2-6-6-10m0 16a4 4 0 0 1-4-4c0-2 1.3-4.2 4-7.3 2.7 3.1 4 5.3 4 7.3a4 4 0 0 1-4 4'/%3E%3C/svg%3E");
}

th[data-row="pa_prevodovka"] .acjc-compare__label::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5 3a2 2 0 0 0-1 3.7V11h-.5A1.5 1.5 0 0 0 2 12.5v.5h3v4.8A2 2 0 1 0 7 18v-5h4v4.8A2 2 0 1 0 13 18v-5h4v4.8A2 2 0 1 0 19 18v-6h-3V6.7A2 2 0 1 0 14 3a2 2 0 0 0-1 3.7V11H9V6.7A2 2 0 0 0 8 3z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5 3a2 2 0 0 0-1 3.7V11h-.5A1.5 1.5 0 0 0 2 12.5v.5h3v4.8A2 2 0 1 0 7 18v-5h4v4.8A2 2 0 1 0 13 18v-5h4v4.8A2 2 0 1 0 19 18v-6h-3V6.7A2 2 0 1 0 14 3a2 2 0 0 0-1 3.7V11H9V6.7A2 2 0 0 0 8 3z'/%3E%3C/svg%3E");
}

th[data-row="pa_karoserie"] .acjc-compare__label::before,
th[data-row="pa_typ"] .acjc-compare__label::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5 11 6.5 6.5A2 2 0 0 1 8.4 5h7.2a2 2 0 0 1 1.9 1.5L19 11h1a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-1v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1H8v1a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-1H4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1zm2.1 0h9.8l-1.1-3.4a1 1 0 0 0-.9-.6H9.1a1 1 0 0 0-.9.6z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5 11 6.5 6.5A2 2 0 0 1 8.4 5h7.2a2 2 0 0 1 1.9 1.5L19 11h1a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-1v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1H8v1a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-1H4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1zm2.1 0h9.8l-1.1-3.4a1 1 0 0 0-.9-.6H9.1a1 1 0 0 0-.9.6z'/%3E%3C/svg%3E");
}

th[data-row="pa_barva"] .acjc-compare__label::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 3a9 9 0 0 0 0 18c.8 0 1.5-.7 1.5-1.5 0-.4-.2-.8-.4-1-.3-.3-.4-.6-.4-1 0-.8.7-1.5 1.5-1.5H16a5 5 0 0 0 5-5c0-4.4-4-8-9-8m-5.5 9a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m3-4a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m3.5 4a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 3a9 9 0 0 0 0 18c.8 0 1.5-.7 1.5-1.5 0-.4-.2-.8-.4-1-.3-.3-.4-.6-.4-1 0-.8.7-1.5 1.5-1.5H16a5 5 0 0 0 5-5c0-4.4-4-8-9-8m-5.5 9a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m3-4a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m3.5 4a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3'/%3E%3C/svg%3E");
}

th[data-row="vin"] .acjc-compare__label::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M2 5h2v14H2zm3 0h1v14H5zm2 0h2v14H7zm3 0h1v14h-1zm2 0h2v14h-2zm3 0h1v14h-1zm2 0h2v14h-2zm3 0h2v14h-2z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M2 5h2v14H2zm3 0h1v14H5zm2 0h2v14H7zm3 0h1v14h-1zm2 0h2v14h-2zm3 0h1v14h-1zm2 0h2v14h-2zm3 0h2v14h-2z'/%3E%3C/svg%3E");
}

/* --- Navod, kdyz neni co porovnavat ------------------------------------ */

.acjc-compare--empty {
	max-width: 760px;
}

.acjc-compare__lead {
	margin-bottom: 26px;
	font-size: 18px;
	line-height: 28px;
}

.acjc-guide {
	display: grid;
	gap: 14px;
	margin: 0 0 28px;
	padding: 0;
	list-style: none;
	counter-reset: none;
}

.acjc-guide__step {
	display: grid;
	grid-template-columns: 34px 1fr;
	gap: 14px;
	align-items: start;
	margin: 0;
	padding: 16px 18px;
	border: 1px solid var(--acjc-border, #e2e2e2);
	border-radius: 10px;
	background: #fff;
}

.acjc-guide__num {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: var(--acjc-accent, #fe7912);
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	line-height: 1;
}

.acjc-guide__text {
	padding-top: 5px;
	line-height: 24px;
}

/* Ukazka tlacitka, ktere ma uzivatel hledat u vozu. */
.acjc-compare__hint {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 3px 10px;
	border: 1px solid var(--acjc-accent, #fe7912);
	border-radius: 999px;
	color: var(--acjc-accent-ink, #c85a00);
	font-size: 15px;
	white-space: nowrap;
	vertical-align: -3px;
}

.acjc-compare__hint svg {
	width: 18px;
	height: 18px;
}

.acjc-guide__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.acjc-guide__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 22px;
	border: 1px solid var(--acjc-accent, #fe7912);
	background: #fff;
	color: var(--acjc-accent-ink, #c85a00);
	font-size: 17px;
	font-weight: 600;
	text-decoration: none;
}

.acjc-guide__button:hover {
	border-color: var(--acjc-accent, #fe7912);
	color: var(--acjc-accent-ink, #c85a00);
	text-decoration: none;
}

.acjc-guide__button--main {
	border-color: var(--acjc-accent, #fe7912);
	background: var(--acjc-accent, #fe7912);
	color: #fff;
}

.acjc-guide__button--main:hover {
	background: #e56a08;
	color: #fff;
}

@media only screen and (max-width: 560px) {
	.acjc-guide__button {
		width: 100%;
	}
}

/* --- Tisk / PDF -------------------------------------------------------- */

/* Tlacitko tisku na detailu vozu. */
/* Podobu tlacitka drzi spolecny styl v main.css. */
.acjc-print {
	margin: 12px 0 0;
	font: inherit;
	cursor: pointer;
}

.acjc-compare__tool .acjc-icon,
.acjc-print .acjc-icon {
	flex: none;
}

/* --- Tisk / PDF -------------------------------------------------------- */

@media print {
	/*
	 * Na papir patri jen vuz: bez hlavicky, menu, paticky, filtru,
	 * novinek, formularu a plovoucich tlacitek.
	 */
	.acjc-header,
	.mfn-header-tmpl,
	header,
	footer,
	#Subheader,
	.snews,
	.acjc-shop__sidebar,
	.acjc-filters,
	.shop-filters,
	.acjc-totop,
	.acjc-compare__tools,
	.acjc-compare__mail,
	.acjc-carnav,
	.acjc-compare-add,
	.acjc-compare__remove,
	.acjc-compare__video,
	.acjc-compare__dots,
	.acjc-print,
	.bigpop,
	.wpforms-container,
	.tmm,
	/*
	 * Poptavkovy blok i sekce s tymem nemaji na papire co delat. Mirime na
	 * .global_content - sekce se vnoruji do sebe, takze .section:has() by
	 * schoval celou stranku.
	 */
	.dl_ask,
	.global_content:has(.tmm),
	.fotorama__nav,
	.fotorama__arr,
	.fotorama__fullscreen-icon,
	.semtix_dl div:has(> a[href="#aoa"]),
	#aoa,
	.cmplz-cookiebanner,
	.cmplz-manage-consent,
	.paoc-popup-click,
	#cmplz-cookiebanner-container {
		display: none !important;
	}

	@page {
		margin: 14mm 12mm;
	}

	/* Hlavicka vytisknuteho listu - at je poznat, odkud pochazi. */
	.acjc-content::before {
		content: "AUTOCENTRUM Jičín s.r.o. · Hradecká 1101, 506 01 Jičín · 493 034 934 · www.autocentrum-jc.cz";
		display: block;
		margin-bottom: 6mm;
		padding-bottom: 2mm;
		border-bottom: 1px solid #bbb;
		color: #444;
		font-size: 9pt;
	}

	html,
	body {
		background: #fff !important;
		color: #000;
		font-size: 11pt;
	}

	a {
		color: #000 !important;
		text-decoration: none !important;
	}

	/* --- Porovnani vozu --- */

	.acjc-compare__scroll {
		overflow: visible;
	}

	.acjc-compare__table {
		width: 100%;
		font-size: 10pt;
	}

	.acjc-compare__table th,
	.acjc-compare__table td {
		padding: 4px 8px;
		border-bottom: 1px solid #ddd;
	}

	.acjc-compare__gallery img {
		aspect-ratio: 4 / 3;
		max-height: 45mm;
		background: none;
	}

	.acjc-compare__row {
		break-inside: avoid;
	}

	.acjc-compare__title {
		font-size: 11pt;
	}

	/* Barevne zvyrazneni na cernobile tiskarne nic nerekne. */
	.acjc-compare__table td.is-best {
		background: none !important;
		color: #000 !important;
		font-weight: 700;
	}

	/* Titulek stranky je skryty, na papire ale musi byt poznat, o co jde. */
	.acjc-compare::before {
		content: "Porovnání vozů";
		display: block;
		margin-bottom: 4mm;
		font-size: 15pt;
		font-weight: 600;
	}

	/* --- Detail vozu --- */

	.semtix_dl,
	.semtix_dr {
		float: none !important;
		width: 100% !important;
	}

	.fotorama__stage {
		height: 70mm !important;
	}

	/*
	 * Fotorama pocita rozmery fotky v JS a zapisuje je inline - v tisku je
	 * stage nizsi, takze bez prepsani se vozu ureze pulka.
	 */
	.fotorama__stage__frame,
	.fotorama__img {
		position: absolute !important;
		left: 0 !important;
		top: 0 !important;
		width: 100% !important;
		height: 100% !important;
		object-fit: contain !important;
	}

	.amnts ul li {
		break-inside: avoid;
		padding: 3px 24px 3px 0;
	}

	.dl_v_inpart {
		break-inside: avoid;
		padding: 0 !important;
		border: 0 !important;
	}

	h1 {
		font-size: 16pt;
	}

	/* Nadpisy na webu maji 36 px - na A4 by zabraly ctvrt strany. */
	h2 {
		margin: 6mm 0 3mm !important;
		font-size: 13pt !important;
		break-after: avoid;
	}

	h3,
	h4 {
		font-size: 11pt !important;
	}

	.dl_cena {
		font-size: 13pt;
	}

	/* Vybava: uzsi radky a bez sedeho podkladu, at se vejde na jednu stranu. */
	.dl_v_part {
		break-inside: avoid;
		background: none !important;
	}

	.dl_v_part li {
		padding: 2px 0 !important;
		line-height: 1.35;
	}

	.section,
	.section_wrapper,
	.global_content {
		padding: 0 !important;
		background: none !important;
	}
}