/* Thank-you pages, /d/{slug}/.
   Survey steps 3:61, 62:396 (popup), 5:146, 5:220, 5:294, 5:368: text 608 at x104, card 504 at x728, both centred vertically.
   Final 5:442 and magnet thank-yous 68:1781 / 68:1992 / 68:2146: one centred column.
   Mobile — Figma 69:6972 (survey), 69:7099 (popup), 69:7168 (multi-select), 69:7288 (final), 69:6777 (magnet):
   content from y108, icon 64, headline 32/36 centred, copy 14/21 left, 312 cards (padding 24/16, question 26/32),
   56px answers at 14px, popup = bottom sheet 344 wide, 8px from the bottom. */
.thanks { position: relative; overflow: hidden; padding-block: 100px 48px; }
.thanks__wave {
	position: absolute;
	left: -202px;
	top: 393px;
	width: 1744px;
	max-width: none;
	height: auto;
	pointer-events: none;
}
.thanks--center .thanks__wave { left: -102px; top: 593px; }
.thanks > .container { position: relative; }

.thanks__icon { width: auto; height: 64px; }
.thanks__bold { max-width: 504px; font-weight: 700; }
.thanks__bold,
.thanks__text { font-size: 0.875rem; line-height: 1.5; }
.thanks__text { max-width: 504px; }

/* Survey step */
.thanks__grid { display: grid; gap: 40px; }
.thanks__content { display: grid; gap: 24px; justify-items: stretch; }
.thanks__content .thanks__icon { justify-self: center; }
.thanks__title { max-width: 608px; line-height: 1.125; }
.thanks__content .thanks__title { justify-self: center; text-align: center; }
.thanks__locked { max-width: 498px; font-size: 0.875rem; background: #d5d5d5; color: var(--c-black); opacity: 0.5; box-shadow: none; cursor: not-allowed; }

.survey {
	display: grid;
	gap: 16px;
	padding: 24px 16px;
	background: var(--c-white);
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-drop);
}
/* Figma ends the question with two empty lines (64px) before the answers. */
.survey__question { margin-bottom: 64px; font-size: 1.625rem; line-height: 32px; letter-spacing: -0.02em; text-align: center; }
.survey__hint {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 4px 8px;
	background: rgba(70, 232, 247, 0.1);
	border: 2px solid rgba(70, 232, 247, 0.2);
	border-radius: var(--radius-sm);
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.7;
	letter-spacing: -0.02em;
	color: #277d85;
}
.survey__hint .ck-icon { width: 16px; height: 16px; }
.survey__answers { display: grid; gap: 16px; }
ul.survey__answers { gap: 8px; }
.survey__answer {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 56px;
	padding: 20px 24px;
	background: rgba(245, 135, 72, 0.1);
	border-radius: var(--radius-md);
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 16px;
	letter-spacing: -0.02em;
	color: var(--c-orange);
	text-align: center;
	text-decoration: none;
}
a.survey__answer:hover,
button.survey__answer:hover,
.survey__answer[aria-pressed="true"] { background: rgba(245, 135, 72, 0.2); }
.survey__answer[aria-disabled="true"] { opacity: 0.5; cursor: not-allowed; }
button.survey__answer[aria-disabled="true"]:hover { background: rgba(245, 135, 72, 0.1); }
/* Multi-select marker (5:368): empty ring / orange tick when picked. */
/* The Kit-journey plugin resets its answer buttons with `[data-ckj-root] button.survey__answer { font: inherit }`. */
.thanks .survey .survey__answer { font-family: var(--font-body); font-size: 0.875rem; font-weight: 600; line-height: 16px; }
.survey__answer--check { padding-inline: 56px; }
.survey__answer--check::before {
	content: "";
	position: absolute;
	left: 16px;
	top: 50%;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	border: 2px solid rgba(245, 135, 72, 0.2);
	border-radius: 50%;
}
.survey__answer--check[aria-pressed="true"]::before {
	background: var(--c-orange) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat;
	border-color: var(--c-orange);
	box-shadow: var(--shadow-drop);
}
.survey__next { margin-top: 8px; }
.survey__next.is-disabled { background: #e6e6e6; color: var(--c-gray); }

/* Centred layouts */
.thanks__center { display: grid; justify-items: center; gap: 24px; text-align: center; }
.thanks--magnet .thanks__center { gap: 32px; }
.thanks--magnet .thanks__icon { height: 62px; }
/* Final step sits in the middle of a screen-high sheet (69:7288). */
.thanks--final { display: grid; align-content: center; min-height: calc(100vh - 16px); }
.thanks--final .thanks__title { max-width: 888px; }
/* Figma 608, but Fraunces (Recoleta fallback) is wider: keep the 3-line break of 68:1781. */
.thanks--magnet .thanks__title { max-width: 760px; }
.thanks__card {
	display: grid;
	gap: 16px;
	width: 100%;
	max-width: 504px;
	padding: 16px 16px 24px;
	background: var(--c-white);
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-drop);
	font-size: 0.875rem;
	line-height: 1.5;
	text-align: left;
}
.thanks__card .check { font-size: 0.875rem; line-height: 1.5; }
.thanks__card .btn { font-size: 0.875rem; line-height: 16px; }
.thanks__card--wide { max-width: 608px; }
.thanks__card-bold { font-weight: 700; }
.thanks__card-form { display: grid; gap: 16px; }
.thanks__consent { display: grid; gap: 6px; }
.thanks__legal { font-size: 0.75rem; font-weight: 500; line-height: 1.2; letter-spacing: -0.02em; color: var(--c-gray); opacity: 0.8; }
.thanks__legal a { color: inherit; }
.thanks__legal a:hover { color: var(--c-black); }

/* "Nechceš přijít o neveřejné příležitosti?" popup (62:473) */
.thanks-popup {
	position: fixed;
	inset: 0;
	z-index: 90;
	display: grid;
	place-items: end center;
	padding: 8px;
	background: rgba(31, 39, 44, 0.1);
}
.thanks-popup__dialog {
	display: grid;
	justify-items: center;
	gap: 24px;
	width: 100%;
	max-width: 504px;
	max-height: calc(100vh - 16px);
	overflow-y: auto;
	padding: 24px 16px;
	background: var(--c-white);
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-cookies);
	text-align: center;
}
/* Focused programmatically on open (for screen readers); no ring on the whole card. */
.thanks-popup__dialog:focus { outline: none; }
.thanks-popup__icon { width: auto; height: 48px; }
.thanks-popup__title { font-size: 1.625rem; line-height: 32px; letter-spacing: -0.02em; }
.thanks-popup .check { font-size: 0.875rem; line-height: 1.5; }
.thanks-popup__consent { display: grid; gap: 6px; justify-self: stretch; text-align: left; }
.thanks-popup__close { font-size: 0.875rem; font-weight: 600; line-height: 16px; letter-spacing: -0.02em; color: #b7b7b7; }
button.thanks-popup__close:hover { color: var(--c-black); }
.thanks-popup__close.is-confirm { color: var(--c-orange); }

@media (min-width: 768px) {
	.thanks__bold,
	.thanks__text,
	.thanks__card,
	.thanks__card .check,
	.thanks-popup .check,
	.thanks .survey .survey__answer,
	.thanks__locked,
	.thanks-popup__close { font-size: 1rem; }
	.thanks__card .btn { font-size: 1rem; line-height: 1; }
	.thanks__card { padding: 24px 20px 32px; }
	.thanks__card--wide { gap: 24px; }
	.survey { padding: 40px 20px; }
	.survey__question { margin-bottom: 24px; font-size: 1.5rem; line-height: 1.25; }
	ul.survey__answers { gap: 16px; }
	.thanks-popup { place-items: center; padding: var(--gutter); }
	.thanks-popup__dialog { padding: 40px 20px; }
	.thanks-popup__icon { height: auto; }
	.thanks-popup__title { font-size: 1.5rem; line-height: 1.25; }
}
@media (min-width: 1024px) {
	.thanks { display: grid; align-content: center; min-height: 1000px; padding-block: 150px 80px; }
	.thanks__content { justify-items: start; }
	.thanks__content .thanks__icon,
	.thanks__content .thanks__title { justify-self: start; text-align: left; }
	.thanks__title { line-height: 1.05; }
	.thanks--magnet .thanks__icon { height: auto; }
	.thanks__icon { height: auto; }
	/* 608 text | 16 gap | 504 card | rest empty (card ends at x1232 of 1440). */
	.thanks__grid {
		grid-template-columns: minmax(0, 608fr) minmax(0, 504fr) minmax(0, 104fr);
		column-gap: 16px;
		align-items: center;
	}
	.survey { padding: 48px 32px; }
	.survey__question { margin-bottom: 40px; font-size: 2rem; }
	.thanks--magnet .thanks__center { gap: 48px; }
	.thanks__card { padding: 32px 32px 48px; }
	.thanks-popup__dialog { padding: 48px 32px; }
	.thanks-popup__title { font-size: 2rem; }
}

/* Lead-magnet delivery: compact shortcuts to the visitor's own inbox. */
.thanks--magnet .thanks__delivery { max-width: 608px; margin: 24px auto 0; font-size: 0.875rem; line-height: 1.5; }
.thanks--magnet .thanks__inboxes { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 12px; margin-top: 12px; }
.thanks--magnet .thanks__inboxes a { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 4px; color: var(--c-black); font-weight: 500; text-decoration: underline; text-underline-offset: 4px; }
.thanks--magnet .thanks__inboxes a:hover { text-decoration-thickness: 2px; }
.thanks--magnet .thanks__inboxes a:focus-visible { outline: 2px solid var(--c-black); outline-offset: 3px; border-radius: 4px; }
@media (min-width: 768px) { .thanks--magnet .thanks__delivery { font-size: 1rem; } }