/* ==========================================================
   NAPONTA JOBBAN
   Assessment UI
   ========================================================== */


/* ==========================================================
   Section
   ========================================================== */

.nj-assessment {
	position: relative;

	width: min(1280px, calc(100% - 40px));
	margin: 0 auto;

	padding: 96px 0 110px;

	background: #FAF8F3;
}


/* ----------------------------------------------------------
   Intro
   ---------------------------------------------------------- */

.nj-assessment-intro {
	max-width: 820px;

	margin: 0 auto 44px;

	text-align: center;
}


.nj-assessment-intro .nj-section-eyebrow {
	margin: 0 0 12px;

	color: #C89B3C;

	font-family: "Manrope", sans-serif;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.3;

	letter-spacing: .10em;
	text-transform: uppercase;
}


.nj-assessment-intro h2 {
	max-width: 780px;

	margin: 0 auto 18px;

	color: #144637;

	font-family: "Libre Caslon Text", Georgia, serif;
	font-size: clamp(42px, 3.8vw, 56px);
	font-weight: 400;
	line-height: 1.08;

	letter-spacing: -.025em;

	text-wrap: balance;
}


.nj-assessment-intro h2 + p {
	max-width: 720px;

	margin: 0 auto;

	color: rgba(43, 43, 43, .68);

	font-family: "Manrope", sans-serif;
	font-size: 16px;
	line-height: 1.7;
}


/* ==========================================================
   App
   ========================================================== */

.nj-assessment-app {
	position: relative;

	max-width: 1080px;

	margin: 0 auto;
}


/* ==========================================================
   Main questionnaire card
   ========================================================== */

.nj-assessment-card {
	position: relative;

	padding: 42px 48px 0;

	overflow: hidden;

	background: rgba(255, 255, 255, .87);

	border: 1px solid rgba(46, 94, 78, .10);
	border-radius: 20px;

	box-shadow:
		0 2px 3px rgba(43, 43, 43, .02),
		0 22px 55px rgba(43, 43, 43, .075);
}


/* Sage decorative shape */
.nj-assessment-card::before {
	content: "";

	position: absolute;

	top: -100px;
	right: -95px;

	width: 190px;
	height: 190px;

	border-radius: 50%;

	background: rgba(127, 167, 139, .09);

	pointer-events: none;
}


/* Amber decorative shape */
.nj-assessment-card::after {
	content: "";

	position: absolute;

	left: -90px;
	bottom: -110px;

	width: 190px;
	height: 190px;

	border-radius: 50%;

	background: rgba(200, 155, 60, .065);

	pointer-events: none;
}


/* ==========================================================
   Header / progress
   ========================================================== */

.nj-assessment-header {
	position: relative;
	z-index: 1;

	margin-bottom: 36px;
}


.nj-assessment-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;

	gap: 20px;

	margin-bottom: 10px;
}


.nj-assessment-label,
.nj-assessment-counter {
	color: #7FA78B;

	font-family: "Manrope", sans-serif;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.3;

	letter-spacing: .045em;
	text-transform: uppercase;
}


.nj-assessment-progress {
	position: relative;

	width: 100%;
	height: 5px;

	overflow: hidden;

	background: rgba(127, 167, 139, .13);

	border-radius: 999px;
}


.nj-assessment-progress-bar {
	display: block;

	width: 10%;
	height: 100%;

	background:
		linear-gradient(
			90deg,
			#C89B3C,
			#E1B452
		);

	border-radius: inherit;

	transition: width 320ms cubic-bezier(.22, 1, .36, 1);
}


/* ==========================================================
   Question
   ========================================================== */

.nj-assessment-question-area {
	position: relative;
	z-index: 1;
}


.nj-assessment-question {
	max-width: 900px;

	margin: 0 0 28px;

	color: #144637;

	font-family: "Libre Caslon Text", Georgia, serif;
	font-size: clamp(28px, 2.4vw, 36px);
	font-weight: 400;
	line-height: 1.22;

	letter-spacing: -.015em;
}


/* ==========================================================
   Answers
   ========================================================== */

.nj-assessment-answers {
	display: flex;
	flex-direction: column;

	gap: 12px;
}


/*
 * Ezek valódi button elemek, ezért az összes browser /
 * theme alapstílust explicit átveszi a komponens.
 */
button.nj-assessment-answer {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 24px;

	gap: 20px;

	align-items: center;

	width: 100%;
	min-height: 62px;

	margin: 0;
	padding: 16px 18px;

	background: rgba(255, 255, 255, .70) !important;
	color: #2B2B2B !important;

	border: 1px solid rgba(46, 94, 78, .14) !important;
	border-radius: 12px !important;

	box-shadow: none !important;

	font-family: "Manrope", sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5;

	text-align: left;

	cursor: pointer;

	transform: none !important;

	transition:
		background-color 170ms ease,
		border-color 170ms ease,
		box-shadow 170ms ease,
		transform 170ms ease;
}


button.nj-assessment-answer:hover {
	background: rgba(127, 167, 139, .055) !important;

	border-color: rgba(46, 94, 78, .38) !important;

	box-shadow:
		0 7px 18px rgba(43, 43, 43, .035) !important;

	transform: translateY(-1px) !important;
}


button.nj-assessment-answer:focus-visible {
	outline: 3px solid rgba(46, 94, 78, .18);
	outline-offset: 2px;
}


/* ----------------------------------------------------------
   Selected answer
   ---------------------------------------------------------- */

button.nj-assessment-answer.is-selected {
	background:
		linear-gradient(
			90deg,
			rgba(127, 167, 139, .07),
			rgba(255, 255, 255, .78)
		) !important;

	border-color: #2E5E4E !important;

	box-shadow:
		0 7px 20px rgba(46, 94, 78, .055) !important;
}


.nj-assessment-answer-text {
	min-width: 0;
}


/* ==========================================================
   Radio indicator
   ========================================================== */

.nj-assessment-radio {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 20px;
	height: 20px;

	border: 1px solid rgba(46, 94, 78, .22);
	border-radius: 50%;

	background: rgba(255, 255, 255, .75);

	transition:
		border-color 170ms ease,
		background-color 170ms ease;
}


.nj-assessment-radio-dot {
	width: 8px;
	height: 8px;

	border-radius: 50%;

	background: transparent;

	transform: scale(.4);

	transition:
		background-color 170ms ease,
		transform 170ms ease;
}


.nj-assessment-answer.is-selected .nj-assessment-radio {
	border-color: #C89B3C;

	background: #fff;
}


.nj-assessment-answer.is-selected .nj-assessment-radio-dot {
	background: #C89B3C;

	transform: scale(1);
}


/* ==========================================================
   Back navigation
   ========================================================== */

.nj-assessment-navigation {
	position: relative;
	z-index: 1;

	display: flex;
	align-items: center;
	justify-content: space-between;

	margin-top: 24px;
}


button.nj-assessment-nav {
	display: inline-flex;
	align-items: center;

	gap: 7px;

	min-height: 42px;

	margin: 0;
	padding: 0;

	background: transparent !important;
	color: #2E5E4E !important;

	border: 0 !important;
	border-radius: 0 !important;

	box-shadow: none !important;

	font-family: "Manrope", sans-serif;
	font-size: 13px;
	font-weight: 700;

	cursor: pointer;

	transform: none !important;
}


button.nj-assessment-nav:hover {
	color: #144637 !important;

	background: transparent !important;
	box-shadow: none !important;

	transform: none !important;
}


button.nj-assessment-nav:disabled {
	opacity: .35;

	cursor: default;
}


/* ==========================================================
   Footer
   ========================================================== */

.nj-assessment-footer {
	position: relative;
	z-index: 1;

	display: flex;
	justify-content: space-between;

	gap: 30px;

	margin: 18px -48px 0;
	padding: 20px 48px;

	border-top: 1px solid rgba(46, 94, 78, .08);

	color: rgba(43, 43, 43, .42);

	font-family: "Manrope", sans-serif;
	font-size: 11px;
	line-height: 1.5;
}


/* ==========================================================
   Question transition
   ========================================================== */

.nj-assessment-question,
.nj-assessment-answers {
	animation:
		nj-assessment-enter
		320ms cubic-bezier(.22, 1, .36, 1)
		both;
}


@keyframes nj-assessment-enter {

	from {
		opacity: 0;
		transform: translateX(10px);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}

}


/* ==========================================================
   Tablet
   ========================================================== */

@media (max-width: 1024px) {

	.nj-assessment {
		padding: 82px 0 92px;
	}


	.nj-assessment-card {
		padding:
			36px 36px 0;
	}


	.nj-assessment-footer {
		margin-inline: -36px;
		padding-inline: 36px;
	}

}


/* ==========================================================
   Mobile
   ========================================================== */

@media (max-width: 767px) {

	.nj-assessment {
		width: 100%;

		padding: 68px 20px 76px;
	}


	.nj-assessment-intro {
		margin-bottom: 32px;

		text-align: left;
	}


	.nj-assessment-intro h2 {
		margin-left: 0;
		margin-right: 0;

		font-size: clamp(34px, 9vw, 40px);
	}


	.nj-assessment-intro h2 + p {
		margin-left: 0;
		margin-right: 0;

		font-size: 15px;
	}


	.nj-assessment-card {
		padding: 27px 20px 0;

		border-radius: 17px;
	}


	.nj-assessment-header {
		margin-bottom: 28px;
	}


	.nj-assessment-meta {
		gap: 10px;
	}


	.nj-assessment-label,
	.nj-assessment-counter {
		font-size: 10px;
	}


	.nj-assessment-question {
		margin-bottom: 22px;

		font-size: 27px;
		line-height: 1.2;
	}


	.nj-assessment-answers {
		gap: 10px;
	}


	button.nj-assessment-answer {
		grid-template-columns: minmax(0, 1fr) 22px;

		gap: 12px;

		min-height: 60px;

		padding: 14px 15px;

		font-size: 14px;
		line-height: 1.45;
	}


	.nj-assessment-radio {
		width: 19px;
		height: 19px;
	}


	.nj-assessment-footer {
		flex-direction: column;

		gap: 4px;

		margin: 18px -20px 0;
		padding: 16px 20px;

		font-size: 10px;
	}

}


/* ==========================================================
   Reduced motion
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

	.nj-assessment-question,
	.nj-assessment-answers {
		animation: none;
	}


	.nj-assessment-progress-bar,
	button.nj-assessment-answer,
	.nj-assessment-radio,
	.nj-assessment-radio-dot {
		transition: none;
	}

}

/* ==========================================================
   ASSESSMENT – RESULT STATE
   ========================================================== */

.nj-assessment-result {
	position: relative;
	z-index: 1;

	padding: 4px 0 42px;
}


.nj-assessment-result-inner {
	width: 100%;
}


/* ==========================================================
   Result heading
   ========================================================== */

.nj-assessment-result-eyebrow {
	margin: 0 0 12px !important;

	color: #C89B3C;

	font-family: "Manrope", sans-serif;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.3;

	letter-spacing: .10em;
	text-transform: uppercase;
}


.nj-assessment-result h3 {
	max-width: 760px;

	margin: 0 0 20px;

	color: #144637;

	font-family: "Libre Caslon Text", Georgia, serif;
	font-size: clamp(38px, 3.5vw, 52px);
	font-weight: 400;
	line-height: 1.08;

	letter-spacing: -.025em;
	text-wrap: balance;
}


.nj-assessment-result-summary {
	max-width: 850px;

	margin: 0 0 38px !important;

	color: rgba(43, 43, 43, .72);

	font-family: "Manrope", sans-serif;
	font-size: 16px;
	line-height: 1.72;
}


/* ==========================================================
   Main result content
   Habits + Packs
   ========================================================== */

.nj-assessment-result-points {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);

	gap: 22px;

	margin-bottom: 34px;
}


.nj-assessment-result-block {
	min-width: 0;

	padding: 26px;

	background:
		linear-gradient(
			145deg,
			rgba(127, 167, 139, .065),
			rgba(255, 255, 255, .62)
		);

	border: 1px solid rgba(46, 94, 78, .10);
	border-radius: 16px;
}


.nj-assessment-result-block h4 {
	margin: 0 0 20px;

	color: #144637;

	font-family: "Libre Caslon Text", Georgia, serif;
	font-size: 24px;
	font-weight: 400;
	line-height: 1.2;
}


/* ==========================================================
   Habits
   ========================================================== */

.nj-assessment-habits {
	display: flex;
	flex-direction: column;

	gap: 14px;

	margin: 0;
	padding: 0;

	list-style: none;

	counter-reset: nj-assessment-habit;
}


.nj-assessment-habits li {
	position: relative;

	counter-increment: nj-assessment-habit;

	margin: 0;
	padding: 0 0 0 42px;

	color: rgba(43, 43, 43, .70);

	font-family: "Manrope", sans-serif;
	font-size: 14px;
	line-height: 1.6;
}


.nj-assessment-habits li::before {
	content: counter(nj-assessment-habit);

	position: absolute;

	top: 0;
	left: 0;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 28px;
	height: 28px;

	border-radius: 50%;

	background: rgba(200, 155, 60, .15);
	border: 1px solid rgba(200, 155, 60, .28);

	color: #144637;

	font-size: 11px;
	font-weight: 700;
	line-height: 1;
}


/* ==========================================================
   Recommended packs
   ========================================================== */

.nj-assessment-packs {
	display: flex;
	flex-direction: column;

	gap: 10px;
}


.nj-assessment-pack {
	display: flex;
	align-items: center;
	justify-content: space-between;

	gap: 20px;

	padding: 15px 16px;

	background: rgba(255, 255, 255, .70);

	border: 1px solid rgba(46, 94, 78, .10);
	border-radius: 12px;
}


.nj-assessment-pack > div {
	display: flex;
	flex-direction: column;

	gap: 3px;

	min-width: 0;
}


.nj-assessment-pack strong {
	color: #144637;

	font-family: "Manrope", sans-serif;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.4;
}


.nj-assessment-pack > div > span {
	color: rgba(43, 43, 43, .55);

	font-size: 11px;
	line-height: 1.4;
}


.nj-assessment-pack-price {
	flex: 0 0 auto;

	color: #2E5E4E !important;

	font-family: "Manrope", sans-serif;
	font-size: 13px !important;
	font-weight: 700;
	white-space: nowrap;
}


.nj-assessment-result-note {
	margin: 16px 0 0 !important;

	color: rgba(43, 43, 43, .48);

	font-size: 11px;
	line-height: 1.55;
}


/* ==========================================================
   Actions
   ========================================================== */

.nj-assessment-result-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;

	gap: 24px;

	padding-top: 28px;

	border-top: 1px solid rgba(46, 94, 78, .10);
}


.nj-assessment-result-cta-group {
	display: flex;
	flex-wrap: wrap;

	gap: 10px;
}


/* Primary */
.nj-assessment-customer-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-height: 50px;

	padding: 0 22px;

	background: #C89B3C;
	color: #144637 !important;

	border-radius: 12px;

	font-family: "Manrope", sans-serif;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none !important;

	box-shadow:
		0 10px 24px rgba(156, 113, 24, .16);

	transition:
		transform 180ms ease,
		box-shadow 180ms ease,
		background 180ms ease;
}


.nj-assessment-customer-cta:hover {
	background: #B98D34;

	transform: translateY(-1px);

	box-shadow:
		0 14px 28px rgba(156, 113, 24, .22);
}


/* Secondary */
.nj-assessment-mentor-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-height: 50px;

	padding: 0 22px;

	background: transparent;
	color: #2E5E4E !important;

	border: 1px solid rgba(46, 94, 78, .28);
	border-radius: 12px;

	font-family: "Manrope", sans-serif;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none !important;

	transition:
		background 180ms ease,
		border-color 180ms ease,
		transform 180ms ease;
}


.nj-assessment-mentor-cta:hover {
	background: rgba(46, 94, 78, .055);

	border-color: rgba(46, 94, 78, .45);

	transform: translateY(-1px);
}


/* Restart = tertiary action */
button.nj-assessment-restart {
	display: inline-flex;
	align-items: center;

	min-height: auto;

	margin: 0;
	padding: 8px 0;

	background: transparent !important;
	color: rgba(43, 43, 43, .54) !important;

	border: 0 !important;
	border-radius: 0 !important;

	box-shadow: none !important;

	font-family: "Manrope", sans-serif;
	font-size: 12px;
	font-weight: 600;

	cursor: pointer;

	transform: none !important;
}


button.nj-assessment-restart:hover {
	color: #2E5E4E !important;

	background: transparent !important;
	box-shadow: none !important;
	transform: none !important;
}


/* ==========================================================
   Entry animation
   ========================================================== */

.nj-assessment-result:not([hidden]) {
	animation:
		nj-assessment-result-enter
		420ms cubic-bezier(.22, 1, .36, 1)
		both;
}


@keyframes nj-assessment-result-enter {

	from {
		opacity: 0;
		transform: translateY(10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}

}


/* ==========================================================
   Mobile
   ========================================================== */

@media (max-width: 767px) {

	.nj-assessment-result {
		padding-bottom: 28px;
	}


	.nj-assessment-result h3 {
		font-size: 34px;
		line-height: 1.1;
	}


	.nj-assessment-result-summary {
		margin-bottom: 28px !important;

		font-size: 14px;
		line-height: 1.65;
	}


	.nj-assessment-result-points {
		grid-template-columns: 1fr;

		gap: 14px;

		margin-bottom: 26px;
	}


	.nj-assessment-result-block {
		padding: 20px;

		border-radius: 14px;
	}


	.nj-assessment-result-block h4 {
		margin-bottom: 16px;

		font-size: 22px;
	}


	.nj-assessment-habits li {
		padding-left: 38px;

		font-size: 13px;
	}


	.nj-assessment-pack {
		align-items: flex-start;
		flex-direction: column;

		gap: 8px;

		padding: 14px;
	}


	.nj-assessment-result-actions {
		align-items: stretch;
		flex-direction: column-reverse;

		gap: 18px;

		padding-top: 22px;
	}


	.nj-assessment-result-cta-group {
		flex-direction: column;
	}


	.nj-assessment-customer-cta,
	.nj-assessment-mentor-cta {
		width: 100%;
	}


	button.nj-assessment-restart {
		align-self: center;
	}

}

/* ==========================================================
   ASSESSMENT – result layout refinement
   ========================================================== */


/* A saját display szabályaink soha ne írják felül a hidden state-et */
.nj-assessment-app [hidden] {
	display: none !important;
}


/* Az egész kérdőív egy picit szélesebb lehet */
.nj-assessment-app {
	max-width: 1280px;
}


/* Resultnál használjuk ki jobban a rendelkezésre álló szélességet */
.nj-assessment-result {
	padding-top: 0;
	padding-bottom: 34px;
}


.nj-assessment-result h3 {
	max-width: 940px;

	margin-bottom: 16px;

	font-size: clamp(38px, 3.2vw, 50px);
	line-height: 1.06;
}


.nj-assessment-result-summary {
	max-width: 1080px;

	margin-bottom: 28px !important;

	font-size: 15px;
	line-height: 1.65;
}


/* Kicsit feszesebb kétoszlopos eredmény */
.nj-assessment-result-points {
	grid-template-columns:
		minmax(0, 1.06fr)
		minmax(0, .94fr);

	gap: 18px;

	margin-bottom: 28px;
}


.nj-assessment-result-block {
	padding: 22px;

	border-radius: 15px;
}


.nj-assessment-result-block h4 {
	margin-bottom: 16px;

	font-size: 23px;
}


/* Mikro-szokások kompaktabbak */
.nj-assessment-habits {
	gap: 11px;
}


.nj-assessment-habits li {
	padding-left: 38px;

	font-size: 13px;
	line-height: 1.52;
}


/* Packok is kevésbé magasak */
.nj-assessment-packs {
	gap: 8px;
}


.nj-assessment-pack {
	padding: 12px 14px;
}


.nj-assessment-result-note {
	margin-top: 12px !important;
}


/* Alsó actions */
.nj-assessment-result-actions {
	padding-top: 22px;
}

/* ==========================================================
   ASSESSMENT – actual Kadence DOM width fix
   ========================================================== */


/* ----------------------------------------------------------
   Outer assessment Row Layout
   ---------------------------------------------------------- */

.nj-assessment {
	width: 100% !important;
	max-width: none !important;

	margin-left: 0;
	margin-right: 0;
}


/*
 * Ez az elem volt a DevTools szerint ~1041px.
 * Explicit a site 1280px gridjére állítjuk.
 */
.nj-assessment > .kt-row-column-wrap {
	width: min(1280px, calc(100% - 40px)) !important;
	max-width: 1280px !important;

	margin-left: auto !important;
	margin-right: auto !important;

	padding-left: 0 !important;
	padding-right: 0 !important;
}


/* ----------------------------------------------------------
   The single Kadence Section
   Ez NEM lehet többé 820px széles.
   ---------------------------------------------------------- */

.nj-assessment-intro {
	width: 100% !important;
	max-width: none !important;

	margin-left: 0 !important;
	margin-right: 0 !important;
}


.nj-assessment-intro > .kt-inside-inner-col {
	width: 100% !important;
	max-width: none !important;

	padding-left: 0 !important;
	padding-right: 0 !important;
}


/* ==========================================================
   Intro text remains editorially narrow
   ========================================================== */

.nj-assessment-intro > .kt-inside-inner-col > .nj-section-eyebrow {
	max-width: 820px;

	margin-left: auto !important;
	margin-right: auto !important;

	text-align: center;
}


.nj-assessment-intro > .kt-inside-inner-col > h2 {
	max-width: 820px;

	margin-left: auto !important;
	margin-right: auto !important;

	text-align: center;
}


.nj-assessment-intro > .kt-inside-inner-col > h2 + p {
	max-width: 760px;

	margin-left: auto !important;
	margin-right: auto !important;

	text-align: center;
}


/* ==========================================================
   Questionnaire itself
   ========================================================== */

.nj-assessment-intro
> .kt-inside-inner-col
> .nj-assessment-app {

	width: min(1240px, 100%) !important;
	max-width: 1240px !important;

	margin: 44px auto 0 !important;
}


/* Card fills the available app width */
.nj-assessment-card {
	width: 100% !important;
	max-width: none !important;
}


/* ==========================================================
   Mobile
   ========================================================== */

@media (max-width: 767px) {

	.nj-assessment > .kt-row-column-wrap {
		width: 100% !important;
		max-width: none !important;

		padding-left: 20px !important;
		padding-right: 20px !important;
	}


	.nj-assessment-intro > .kt-inside-inner-col > .nj-section-eyebrow,
	.nj-assessment-intro > .kt-inside-inner-col > h2,
	.nj-assessment-intro > .kt-inside-inner-col > h2 + p {
		max-width: none;

		margin-left: 0 !important;
		margin-right: 0 !important;

		text-align: left;
	}


	.nj-assessment-intro
	> .kt-inside-inner-col
	> .nj-assessment-app {
		width: 100% !important;

		margin-top: 32px !important;
	}

}

/* ==========================================================
   ASSESSMENT RESULT – final desktop refinement
   ========================================================== */

@media (min-width: 1025px) {

	/* ------------------------------------------------------
	   Result header
	   ------------------------------------------------------ */

	.nj-assessment-result-eyebrow {
		margin-bottom: 10px !important;
		text-align: center;
	}


	.nj-assessment-result h3 {
		max-width: 1100px;

		margin-bottom: 14px;

		font-size: clamp(42px, 3vw, 50px);
		line-height: 1.04;
	}


	.nj-assessment-result-summary {
		max-width: 1060px;

		margin-bottom: 24px !important;

		font-size: 15px;
		line-height: 1.6;
	}


	/* ------------------------------------------------------
	   Main result grid

	   A bal oldal több szöveget tartalmaz, ezért kapjon
	   valamivel több helyet.
	   ------------------------------------------------------ */

	.nj-assessment-result-points {
		grid-template-columns:
			minmax(0, 1.14fr)
			minmax(0, .86fr);

		gap: 18px;

		margin-bottom: 22px;
	}


	.nj-assessment-result-block {
		padding: 20px 22px;

		background:
			linear-gradient(
				145deg,
				rgba(127, 167, 139, .055),
				rgba(255, 255, 255, .52)
			);

		border-radius: 15px;
	}


	.nj-assessment-result-block h4 {
		margin-bottom: 15px;

		font-size: 22px;
		line-height: 1.15;

		text-align: left;
	}


	/* ------------------------------------------------------
	   Habits

	   Ne legyen középre rendezett "brosúra-szöveg".
	   Olvasási szempontból balra rendezve jobb.
	   ------------------------------------------------------ */

	.nj-assessment-habits {
		gap: 10px;
	}


	.nj-assessment-habits li {
		min-height: 30px;

		padding-left: 40px;

		color: rgba(43, 43, 43, .68);

		font-size: 13px;
		line-height: 1.48;

		text-align: left;
	}


	.nj-assessment-habits li::before {
		top: 1px;

		width: 27px;
		height: 27px;
	}


	/* ------------------------------------------------------
	   Packs
	   ------------------------------------------------------ */

	.nj-assessment-pack {
		display: grid;

		grid-template-columns: minmax(0, 1fr) auto;

		gap: 14px;

		align-items: center;

		padding: 11px 14px;
	}


	.nj-assessment-pack strong {
		font-size: 13px;
		line-height: 1.3;

		text-align: left;
	}


	.nj-assessment-pack > div > span {
		font-size: 11px;
		line-height: 1.35;

		text-align: left;
	}


	.nj-assessment-pack-price {
		font-size: 13px !important;
	}


	.nj-assessment-result-note {
		margin-top: 10px !important;

		font-size: 10.5px;
		line-height: 1.45;
	}


	/* ------------------------------------------------------
	   Bottom actions
	   ------------------------------------------------------ */

	.nj-assessment-result-actions {
		margin-top: 0;

		padding-top: 18px;

		gap: 20px;
	}


	.nj-assessment-result-cta-group {
		gap: 10px;
	}


	.nj-assessment-customer-cta,
	.nj-assessment-mentor-cta {
		min-height: 46px;

		padding-inline: 20px;
	}

}

/* ==========================================================
   ASSESSMENT – compact desktop for shorter viewports
   ========================================================== */

@media (min-width: 1025px) and (max-height: 950px) {

	/* Entire section */
	.nj-assessment {
		padding-top: 58px;
		padding-bottom: 68px;
	}


	/* ======================================================
	   Intro
	   ====================================================== */

	.nj-assessment-intro {
		margin-bottom: 26px;
	}


	.nj-assessment-intro .nj-section-eyebrow {
		margin-bottom: 8px;
	}


	.nj-assessment-intro h2 {
		margin-bottom: 10px;

		font-size: clamp(40px, 3vw, 48px);
		line-height: 1.04;
	}


	.nj-assessment-intro h2 + p {
		font-size: 14px;
		line-height: 1.55;
	}


	.nj-assessment-intro
	> .kt-inside-inner-col
	> .nj-assessment-app {
		margin-top: 26px !important;
	}


	/* ======================================================
	   Card
	   ====================================================== */

	.nj-assessment-card {
		padding: 28px 36px 0;
	}


	/* ======================================================
	   Progress header
	   ====================================================== */

	.nj-assessment-header {
		margin-bottom: 24px;
	}


	.nj-assessment-meta {
		margin-bottom: 7px;
	}


	.nj-assessment-label,
	.nj-assessment-counter {
		font-size: 10.5px;
	}


	/* ======================================================
	   Question
	   ====================================================== */

	.nj-assessment-question {
		margin-bottom: 20px;

		font-size: clamp(28px, 2.1vw, 33px);
		line-height: 1.16;
	}


	/* ======================================================
	   Answers
	   ====================================================== */

	.nj-assessment-answers {
		gap: 9px;
	}


	button.nj-assessment-answer {
		min-height: 52px;

		padding: 11px 16px;

		font-size: 13.5px;
		line-height: 1.4;
	}


	/* ======================================================
	   Navigation

	   Q1-en mindkét gomb hidden, ezért maga az üres wrapper
	   se foglaljon helyet.
	   ====================================================== */

	.nj-assessment-navigation:not(:has(button:not([hidden]))) {
		display: none !important;
	}


	.nj-assessment-navigation {
		margin-top: 14px;
	}


	/* ======================================================
	   Footer
	   ====================================================== */

	.nj-assessment-footer {
		margin: 14px -36px 0;

		padding: 13px 36px;

		font-size: 10px;
	}

}