/* =========================================================
   UMZUG HERO
   ========================================================= */

.rd-umzug-hero {
	position: relative;
	overflow: hidden;

	padding: 46px 0 44px;

	background:
		radial-gradient(
			circle at 72% 45%,
			rgba(129, 190, 42, 0.10),
			transparent 34%
		),
		linear-gradient(
			180deg,
			#ffffff 0%,
			#fbfdf9 100%
		);
}


/* =========================================================
   HERO GRID
   ========================================================= */

.rd-umzug-hero__grid {
	display: grid;

	grid-template-columns:
		minmax(0, 0.92fr)
		minmax(0, 1.08fr);

	align-items: center;

	gap: 30px;

	min-height: 520px;
}


/* =========================================================
   HERO CONTENT
   ========================================================= */

.rd-umzug-hero__content {
	position: relative;
	z-index: 2;

	max-width: 610px;
}

.rd-umzug-hero__title {
	margin: 0;

	color: var(--rd-text);

	font-size: clamp(
		3.2rem,
		5vw,
		5rem
	);

	font-weight: 800;
	line-height: 0.98;

	letter-spacing: -0.045em;
}

.rd-umzug-hero__lead {
	margin:
		24px
		0
		0;

	color: var(--rd-green);

	font-size: clamp(
		1.12rem,
		1.6vw,
		1.35rem
	);

	font-weight: 800;
	line-height: 1.35;
}

.rd-umzug-hero__description {
	max-width: 475px;

	margin:
		17px
		0
		0;

	color: var(--rd-text);

	font-size: 1rem;
	line-height: 1.65;
}


/* =========================================================
   HERO BENEFITS
   ========================================================= */

.rd-umzug-hero__benefits {
	display: grid;

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

	gap: 20px;

	margin-top: 32px;
}

.rd-umzug-benefit {
	display: flex;
	align-items: flex-start;

	gap: 10px;

	min-width: 0;
}

.rd-umzug-benefit img {
	display: block;

	width: 46px;
	height: 46px;

	flex: 0 0 46px;

	object-fit: contain;
}

.rd-umzug-benefit div {
	min-width: 0;
}

.rd-umzug-benefit strong {
	display: block;

	margin-bottom: 4px;

	color: var(--rd-text);

	font-size: 0.82rem;
	font-weight: 800;
	line-height: 1.3;
}

.rd-umzug-benefit span {
	display: block;

	color: var(--rd-text-muted);

	font-size: 0.71rem;
	line-height: 1.5;
}


/* =========================================================
   HERO VISUAL
   ========================================================= */

.rd-umzug-hero__visual {
	position: relative;
	z-index: 1;

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

	min-width: 0;
}

.rd-umzug-hero__image {
	display: block;

	width: min(112%, 760px);
	max-width: none;
	height: auto;

	object-fit: contain;

	transform: translateX(24px);

	filter:
		drop-shadow(
			0
			18px
			28px
			rgba(11, 107, 43, 0.07)
		);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

	.rd-umzug-hero {
		padding:
			38px
			0
			36px;
	}

	.rd-umzug-hero__grid {
		grid-template-columns:
			minmax(0, 0.95fr)
			minmax(0, 1.05fr);

		gap: 18px;

		min-height: 460px;
	}

	.rd-umzug-hero__title {
		font-size: clamp(
			2.7rem,
			5vw,
			3.8rem
		);
	}

	.rd-umzug-hero__lead {
		margin-top: 18px;

		font-size: 1.05rem;
	}

	.rd-umzug-hero__description {
		font-size: 0.91rem;
	}

	.rd-umzug-hero__benefits {
		gap: 12px;

		margin-top: 25px;
	}

	.rd-umzug-benefit {
		gap: 7px;
	}

	.rd-umzug-benefit img {
		width: 38px;
		height: 38px;

		flex-basis: 38px;
	}

	.rd-umzug-benefit strong {
		font-size: 0.72rem;
	}

	.rd-umzug-benefit span {
		font-size: 0.64rem;
	}

	.rd-umzug-hero__image {
		width: min(118%, 650px);

		transform: translateX(20px);
	}
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.rd-umzug-hero {
		padding:
			24px
			0
			28px;
	}

	.rd-umzug-hero__grid {
		display: flex;
		flex-direction: column;

		gap: 18px;

		min-height: 0;
	}

	.rd-umzug-hero__content {
		width: 100%;
		max-width: none;
	}

	.rd-umzug-hero__title {
		font-size: clamp(
			2.5rem,
			12vw,
			3.5rem
		);

		line-height: 1;
	}

	.rd-umzug-hero__lead {
		margin-top: 17px;

		font-size: 1rem;
	}

	.rd-umzug-hero__description {
		margin-top: 12px;

		max-width: 100%;

		font-size: 0.9rem;
		line-height: 1.55;
	}

	.rd-umzug-hero__benefits {
		grid-template-columns: 1fr;

		gap: 12px;

		margin-top: 22px;
	}

	.rd-umzug-benefit {
		align-items: center;

		gap: 11px;
	}

	.rd-umzug-benefit img {
		width: 42px;
		height: 42px;

		flex-basis: 42px;
	}

	.rd-umzug-benefit strong {
		font-size: 0.8rem;
	}

	.rd-umzug-benefit span {
		font-size: 0.71rem;
	}

	.rd-umzug-hero__visual {
		width: 100%;

		justify-content: center;
	}

	.rd-umzug-hero__image {
		width: min(118%, 520px);

		max-width: none;

		transform: none;
	}
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 390px) {

	.rd-umzug-hero__title {
		font-size: 2.35rem;
	}

	.rd-umzug-hero__image {
		width: 112%;
	}
}

/* =========================================================
   TRANSPORT STEP
   ========================================================= */

.rd-transport-step {
	padding: 14px 0 18px;
	background: #ffffff;
}

.rd-transport-step__panel {
	display: grid;

	grid-template-columns:
		minmax(210px, 0.9fr)
		minmax(0, 3.1fr);

	gap: 26px;

	padding: 16px;

	background: #ffffff;

	border: 1px solid #e2e8df;
	border-radius: 14px;

	box-shadow:
		0 5px 18px rgba(11, 107, 43, 0.055);
}


/* =========================================================
   STEP INTRO
   ========================================================= */

.rd-transport-step__intro {
	display: flex;
	align-items: flex-start;

	gap: 14px;

	padding: 8px 6px;
}

.rd-step-number {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 38px;
	height: 38px;

	flex: 0 0 38px;

	border-radius: 50%;

	background: var(--rd-green);
	color: #ffffff;

	font-size: 1rem;
	font-weight: 800;
	line-height: 1;
}

.rd-transport-step__intro h2 {
	margin: 2px 0 7px;

	color: var(--rd-text);

	font-size: 1.05rem;
	font-weight: 800;
	line-height: 1.3;
}

.rd-transport-step__intro p {
	margin: 0;

	color: var(--rd-text-muted);

	font-size: 0.82rem;
	line-height: 1.5;
}


/* =========================================================
   TRANSPORT OPTIONS
   ========================================================= */

.rd-transport-options {
	display: grid;

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

	gap: 14px;

	min-width: 0;

	margin: 0;
	padding: 0;

	border: 0;
}

.rd-transport-option {
	display: block;

	min-width: 0;

	margin: 0;

	cursor: pointer;
}

.rd-transport-option > input {
	position: absolute;

	width: 1px;
	height: 1px;

	overflow: hidden;

	opacity: 0;
	pointer-events: none;
}


/* =========================================================
   OPTION CARD
   ========================================================= */

.rd-transport-option__body {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;

	height: 100%;
	min-height: 230px;

	padding:
		12px
		12px
		13px;

	border: 1px solid #dfe5dc;
	border-radius: 10px;

	background: #ffffff;

	text-align: center;

	transition:
		border-color 0.2s ease,
		background-color 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.2s ease;
}

.rd-transport-option:hover
.rd-transport-option__body {
	border-color: #a9c9a5;

	transform: translateY(-2px);

	box-shadow:
		0 7px 16px rgba(11, 107, 43, 0.07);
}


/* =========================================================
   OPTION IMAGE
   ========================================================= */

.rd-transport-option__visual {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 100%;
	height: 92px;

	margin-bottom: 5px;
}

.rd-transport-option__visual img {
	display: block;

	width: auto;
	max-width: 125px;
	height: 88px;

	object-fit: contain;
}


/* =========================================================
   OPTION TEXT
   ========================================================= */

.rd-transport-option__body strong {
	display: block;

	margin-top: 2px;

	color: var(--rd-text);

	font-size: 0.92rem;
	font-weight: 800;
	line-height: 1.3;
}

.rd-transport-option__description {
	display: block;

	min-height: 42px;

	margin-top: 5px;

	color: var(--rd-text-muted);

	font-size: 0.72rem;
	line-height: 1.45;
}


/* =========================================================
   CUSTOM RADIO
   ========================================================= */

.rd-transport-option__radio {
	position: relative;

	display: block;

	width: 18px;
	height: 18px;

	margin-top: auto;

	border: 1.5px solid #9ca6a0;
	border-radius: 50%;

	background: #ffffff;
}

.rd-transport-option__radio::after {
	content: "";

	position: absolute;

	top: 50%;
	left: 50%;

	width: 8px;
	height: 8px;

	border-radius: 50%;

	background: var(--rd-green);

	transform:
		translate(-50%, -50%)
		scale(0);

	transition:
		transform 0.16s ease;
}


/* =========================================================
   SELECTED OPTION
   ========================================================= */

.rd-transport-option
input:checked
+
.rd-transport-option__body {
	border-color: var(--rd-green);

	background:
		linear-gradient(
			180deg,
			#ffffff 0%,
			#f6fbf4 100%
		);

	box-shadow:
		0 5px 16px rgba(11, 107, 43, 0.08);
}

.rd-transport-option
input:checked
+
.rd-transport-option__body
.rd-transport-option__radio {
	border-color: var(--rd-green);
}

.rd-transport-option
input:checked
+
.rd-transport-option__body
.rd-transport-option__radio::after {
	transform:
		translate(-50%, -50%)
		scale(1);
}


/* Keyboard accessibility */

.rd-transport-option
input:focus-visible
+
.rd-transport-option__body {
	outline: 3px solid rgba(11, 107, 43, 0.22);
	outline-offset: 2px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

	.rd-transport-step__panel {
		grid-template-columns: 1fr;

		gap: 14px;
	}

	.rd-transport-step__intro {
		padding-bottom: 0;
	}

	.rd-transport-option__body {
		min-height: 215px;
	}

	.rd-transport-option__visual {
		height: 82px;
	}

	.rd-transport-option__visual img {
		max-width: 112px;
		height: 78px;
	}
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.rd-transport-step {
		padding:
			8px
			0
			14px;
	}

	.rd-transport-step__panel {
		gap: 16px;

		padding: 13px;

		border-radius: 12px;
	}

	.rd-transport-step__intro {
		gap: 11px;

		padding:
			4px
			2px
			0;
	}

	.rd-step-number {
		width: 34px;
		height: 34px;

		flex-basis: 34px;

		font-size: 0.9rem;
	}

	.rd-transport-step__intro h2 {
		margin-top: 1px;

		font-size: 1rem;
	}

	.rd-transport-step__intro p {
		font-size: 0.78rem;
	}

	.rd-transport-options {
		grid-template-columns: 1fr;

		gap: 10px;
	}

	.rd-transport-option__body {
		display: grid;

		grid-template-columns:
			82px
			minmax(0, 1fr)
			22px;

		grid-template-rows:
			auto
			auto;

		align-items: center;

		min-height: 100px;

		padding:
			10px
			12px;

		text-align: left;
	}

	.rd-transport-option__visual {
		grid-column: 1;
		grid-row: 1 / 3;

		width: 72px;
		height: 76px;

		margin: 0;
	}

	.rd-transport-option__visual img {
		max-width: 72px;
		height: 72px;
	}

	.rd-transport-option__body strong {
		grid-column: 2;
		grid-row: 1;

		align-self: end;

		margin: 0 8px 3px 0;

		font-size: 0.9rem;
	}

	.rd-transport-option__description {
		grid-column: 2;
		grid-row: 2;

		align-self: start;

		min-height: 0;

		margin:
			0
			8px
			0
			0;

		font-size: 0.7rem;
	}

	.rd-transport-option__description br {
		display: none;
	}

	.rd-transport-option__radio {
		grid-column: 3;
		grid-row: 1 / 3;

		align-self: center;

		margin: 0;
	}
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 390px) {

	.rd-transport-option__body {
		grid-template-columns:
			68px
			minmax(0, 1fr)
			20px;

		padding:
			9px
			10px;
	}

	.rd-transport-option__visual {
		width: 60px;
	}

	.rd-transport-option__visual img {
		max-width: 60px;
		height: 62px;
	}
}

/* =========================================================
   PHOTO UPLOAD STEP
   ========================================================= */

.rd-photo-step {
	padding: 0 0 18px;
	background: #ffffff;
}

.rd-photo-step__panel {
	display: grid;

	grid-template-columns:
		minmax(210px, 0.9fr)
		minmax(280px, 1.25fr)
		minmax(320px, 1.55fr);

	gap: 26px;

	align-items: center;

	padding: 18px 16px;

	background: #ffffff;

	border: 1px solid #e2e8df;
	border-radius: 14px;

	box-shadow:
		0 5px 18px rgba(11, 107, 43, 0.055);
}


/* =========================================================
   STEP INTRO
   ========================================================= */

.rd-photo-step__intro {
	display: flex;
	align-items: flex-start;

	gap: 14px;

	padding: 8px 6px;
}

.rd-photo-step__intro h2 {
	margin: 2px 0 7px;

	color: var(--rd-text);

	font-size: 1.05rem;
	font-weight: 800;
	line-height: 1.3;
}

.rd-photo-step__intro p {
	max-width: 185px;

	margin: 0;

	color: var(--rd-text-muted);

	font-size: 0.8rem;
	line-height: 1.5;
}


/* =========================================================
   UPLOAD BOX
   ========================================================= */

.rd-photo-upload {
	min-width: 0;
}

.rd-photo-upload__input {
	position: absolute;

	width: 1px;
	height: 1px;

	overflow: hidden;

	opacity: 0;
}

.rd-photo-upload__box {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	min-height: 170px;

	padding:
		18px
		20px;

	border:
		1.5px
		dashed
		#84b57d;

	border-radius: 10px;

	background:
		linear-gradient(
			180deg,
			#ffffff 0%,
			#f8fcf7 100%
		);

	text-align: center;

	cursor: pointer;

	transition:
		border-color 0.2s ease,
		background-color 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.2s ease;
}

.rd-photo-upload__box:hover {
	border-color: var(--rd-green);

	background: #f3faf1;

	transform: translateY(-1px);

	box-shadow:
		0 6px 16px rgba(11, 107, 43, 0.07);
}


/* =========================================================
   UPLOAD ICON
   ========================================================= */

.rd-photo-upload__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 42px;
	height: 42px;

	margin-bottom: 9px;

	color: var(--rd-green);
}

.rd-photo-upload__icon svg {
	width: 36px;
	height: 36px;

	fill: none;

	stroke: currentColor;
	stroke-width: 1.6;
	stroke-linecap: round;
	stroke-linejoin: round;
}


/* =========================================================
   UPLOAD TEXT
   ========================================================= */

.rd-photo-upload__box strong {
	color: var(--rd-text);

	font-size: 0.92rem;
	font-weight: 800;
	line-height: 1.3;
}

.rd-photo-upload__action {
	margin-top: 3px;

	color: var(--rd-text-muted);

	font-size: 0.76rem;
	line-height: 1.4;
}

.rd-photo-upload__box small {
	margin-top: 11px;

	color: #727c75;

	font-size: 0.65rem;
	line-height: 1.4;
}


/* Focus keyboard */

.rd-photo-upload__input:focus-visible
+
.rd-photo-upload__box {
	outline:
		3px
		solid
		rgba(11, 107, 43, 0.2);

	outline-offset: 2px;
}


/* =========================================================
   EXAMPLE PHOTOS
   ========================================================= */

.rd-photo-examples {
	min-width: 0;
}

.rd-photo-examples h3 {
	margin:
		0
		0
		9px;

	color: var(--rd-text);

	font-size: 0.82rem;
	font-weight: 800;
	line-height: 1.3;
}

.rd-photo-examples__grid {
	display: grid;

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

	gap: 10px;
}

.rd-photo-example {
	overflow: hidden;

	margin: 0;

	aspect-ratio: 1.35 / 1;

	border-radius: 8px;

	background: #f3f5f2;

	border: 1px solid #e4e9e1;
}

.rd-photo-example img {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

	.rd-photo-step__panel {
		grid-template-columns:
			1fr
			1fr;

		gap: 18px;
	}

	.rd-photo-step__intro {
		grid-column: 1 / -1;

		padding-bottom: 0;
	}

	.rd-photo-step__intro p {
		max-width: none;
	}

	.rd-photo-upload__box {
		min-height: 165px;
	}

	.rd-photo-examples {
		align-self: stretch;
	}

	.rd-photo-examples__grid {
		height: calc(100% - 27px);
	}

	.rd-photo-example {
		aspect-ratio: auto;
		min-height: 120px;
	}
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.rd-photo-step {
		padding:
			0
			0
			14px;
	}

	.rd-photo-step__panel {
		grid-template-columns: 1fr;

		gap: 16px;

		padding: 13px;

		border-radius: 12px;
	}

	.rd-photo-step__intro {
		grid-column: auto;

		gap: 11px;

		padding:
			4px
			2px
			0;
	}

	.rd-photo-step__intro h2 {
		margin-top: 1px;

		font-size: 1rem;
	}

	.rd-photo-step__intro p {
		font-size: 0.78rem;
	}

	.rd-photo-upload__box {
		min-height: 150px;

		padding:
			16px
			14px;
	}

	.rd-photo-upload__icon {
		width: 38px;
		height: 38px;
	}

	.rd-photo-upload__icon svg {
		width: 32px;
		height: 32px;
	}

	.rd-photo-examples h3 {
		margin-bottom: 8px;
	}

	.rd-photo-examples__grid {
		grid-template-columns:
			repeat(3, minmax(0, 1fr));

		gap: 7px;
	}

	.rd-photo-example {
		aspect-ratio: 1.15 / 1;
		min-height: 0;

		border-radius: 7px;
	}
}

/* =========================================================
   ROUTE STEP
   ========================================================= */

.rd-route-step {
	padding: 0 0 18px;
	background: #ffffff;
}

.rd-route-step__panel {
	display: grid;

	grid-template-columns:
		minmax(210px, 0.9fr)
		minmax(0, 1.55fr)
		minmax(0, 1.55fr);

	gap: 26px;

	align-items: center;

	padding: 18px 16px;

	background: #ffffff;

	border: 1px solid #e2e8df;
	border-radius: 14px;

	box-shadow:
		0 5px 18px rgba(11, 107, 43, 0.055);
}


/* =========================================================
   STEP INTRO
   ========================================================= */

.rd-route-step__intro {
	display: flex;
	align-items: flex-start;

	gap: 14px;

	padding: 8px 6px;
}

.rd-route-step__intro h2 {
	margin: 2px 0 7px;

	color: var(--rd-text);

	font-size: 1.05rem;
	font-weight: 800;
	line-height: 1.3;
}

.rd-route-step__intro p {
	max-width: 175px;

	margin: 0;

	color: var(--rd-text-muted);

	font-size: 0.8rem;
	line-height: 1.5;
}


/* =========================================================
   ROUTE FIELDS
   ========================================================= */

.rd-route-field {
	min-width: 0;
}

.rd-route-field label {
	display: block;

	margin-bottom: 7px;

	color: var(--rd-text);

	font-size: 0.78rem;
	font-weight: 700;
	line-height: 1.3;
}

.rd-route-field__control {
	position: relative;

	min-width: 0;
}

.rd-route-field__control input {
	display: block;

	width: 100%;
	height: 48px;

	padding:
		0
		48px
		0
		14px;

	border: 1px solid #dce3d9;
	border-radius: 8px;

	background: #ffffff;

	color: var(--rd-text);

	font: inherit;
	font-size: 0.88rem;

	outline: none;

	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease;
}

.rd-route-field__control input::placeholder {
	color: #9aa39c;
}

.rd-route-field__control input:hover {
	border-color: #b9cbb6;
}

.rd-route-field__control input:focus {
	border-color: var(--rd-green);

	box-shadow:
		0 0 0 3px rgba(11, 107, 43, 0.1);
}


/* =========================================================
   LOCATION ICON
   ========================================================= */

.rd-route-field__control svg {
	position: absolute;

	top: 50%;
	right: 14px;

	width: 20px;
	height: 20px;

	transform: translateY(-50%);

	fill: none;

	stroke: var(--rd-green);
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;

	pointer-events: none;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

	.rd-route-step__panel {
		grid-template-columns:
			1fr
			1fr;

		gap: 18px;
	}

	.rd-route-step__intro {
		grid-column: 1 / -1;

		padding-bottom: 0;
	}

	.rd-route-step__intro p {
		max-width: none;
	}
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.rd-route-step {
		padding:
			0
			0
			14px;
	}

	.rd-route-step__panel {
		grid-template-columns: 1fr;

		gap: 16px;

		padding: 13px;

		border-radius: 12px;
	}

	.rd-route-step__intro {
		grid-column: auto;

		gap: 11px;

		padding:
			4px
			2px
			0;
	}

	.rd-route-step__intro h2 {
		margin-top: 1px;

		font-size: 1rem;
	}

	.rd-route-step__intro p {
		font-size: 0.78rem;
	}

	.rd-route-field label {
		font-size: 0.76rem;
	}

	.rd-route-field__control input {
		height: 46px;

		padding-left: 12px;
		padding-right: 44px;

		font-size: 0.84rem;
	}

	.rd-route-field__control svg {
		right: 12px;

		width: 19px;
		height: 19px;
	}
}

/* =========================================================
   APARTMENT DETAILS STEP
   ========================================================= */

.rd-details-step {
	padding: 0 0 18px;
	background: #ffffff;
}

.rd-details-step__panel {
	display: grid;

	grid-template-columns:
		minmax(210px, 0.9fr)
		minmax(0, 1.55fr)
		minmax(0, 1.55fr);

	gap: 26px;

	align-items: center;

	padding: 18px 16px;

	background: #ffffff;

	border: 1px solid #e2e8df;
	border-radius: 14px;

	box-shadow:
		0 5px 18px rgba(11, 107, 43, 0.055);
}


/* =========================================================
   STEP INTRO
   ========================================================= */

.rd-details-step__intro {
	display: flex;
	align-items: flex-start;

	gap: 14px;

	padding: 8px 6px;
}

.rd-details-step__intro h2 {
	margin: 2px 0 6px;

	color: var(--rd-text);

	font-size: 1.05rem;
	font-weight: 800;
	line-height: 1.3;
}

.rd-details-step__intro p {
	margin: 0;

	color: var(--rd-green);

	font-size: 0.72rem;
	font-weight: 700;
	line-height: 1.4;
}


/* =========================================================
   DETAILS GROUP
   ========================================================= */

.rd-details-group {
	min-width: 0;

	margin: 0;
	padding: 0;

	border: 0;
}

.rd-details-group legend {
	margin-bottom: 9px;

	color: var(--rd-text);

	font-size: 0.78rem;
	font-weight: 700;
	line-height: 1.3;
}


/* =========================================================
   DETAIL OPTIONS
   ========================================================= */

.rd-details-options {
	display: flex;
	flex-wrap: wrap;

	gap: 8px;
}

.rd-details-option {
	display: inline-block;

	margin: 0;

	cursor: pointer;
}

.rd-details-option input {
	position: absolute;

	width: 1px;
	height: 1px;

	overflow: hidden;

	opacity: 0;
	pointer-events: none;
}

.rd-details-option span {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-height: 40px;

	padding:
		8px
		14px;

	border: 1px solid #dce3d9;
	border-radius: 8px;

	background: #ffffff;

	color: var(--rd-text);

	font-size: 0.78rem;
	font-weight: 600;
	line-height: 1.2;

	white-space: nowrap;

	transition:
		border-color 0.2s ease,
		background-color 0.2s ease,
		color 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.2s ease;
}

.rd-details-option:hover span {
	border-color: #a8c8a3;

	background: #f8fcf7;

	transform: translateY(-1px);
}


/* =========================================================
   SELECTED OPTION
   ========================================================= */

.rd-details-option
input:checked
+
span {
	border-color: var(--rd-green);

	background: var(--rd-green);

	color: #ffffff;

	box-shadow:
		0 4px 10px rgba(11, 107, 43, 0.14);
}


/* Keyboard accessibility */

.rd-details-option
input:focus-visible
+
span {
	outline: 3px solid rgba(11, 107, 43, 0.2);
	outline-offset: 2px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

	.rd-details-step__panel {
		grid-template-columns:
			1fr
			1fr;

		gap: 18px;
	}

	.rd-details-step__intro {
		grid-column: 1 / -1;

		padding-bottom: 0;
	}
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.rd-details-step {
		padding:
			0
			0
			14px;
	}

	.rd-details-step__panel {
		grid-template-columns: 1fr;

		gap: 18px;

		padding: 13px;

		border-radius: 12px;
	}

	.rd-details-step__intro {
		grid-column: auto;

		gap: 11px;

		padding:
			4px
			2px
			0;
	}

	.rd-details-step__intro h2 {
		margin-top: 1px;

		font-size: 1rem;
	}

	.rd-details-step__intro p {
		font-size: 0.7rem;
	}

	.rd-details-group legend {
		margin-bottom: 8px;

		font-size: 0.76rem;
	}

	.rd-details-options {
		display: grid;

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

		gap: 8px;
	}

	.rd-details-option {
		width: 100%;
	}

	.rd-details-option span {
		width: 100%;

		min-height: 42px;

		padding:
			8px
			9px;

		font-size: 0.76rem;

		white-space: normal;

		text-align: center;
	}
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 390px) {

	.rd-details-option span {
		font-size: 0.72rem;
	}
}

/* =========================================================
   CONDITIONAL APARTMENT DETAILS
   ========================================================= */

.rd-details-step[hidden] {
	display: none !important;
}

/* =========================================================
   FLOOR & ELEVATOR STEP
   ========================================================= */

.rd-access-step {
	padding: 0 0 18px;
	background: #ffffff;
}

.rd-access-step__panel {
	display: grid;

	grid-template-columns:
		minmax(210px, 0.9fr)
		minmax(0, 1.55fr)
		minmax(0, 1.55fr);

	gap: 26px;

	align-items: start;

	padding: 18px 16px;

	background: #ffffff;

	border: 1px solid #e2e8df;
	border-radius: 14px;

	box-shadow:
		0 5px 18px rgba(11, 107, 43, 0.055);
}


/* =========================================================
   INTRO
   ========================================================= */

.rd-access-step__intro {
	display: flex;
	align-items: flex-start;

	gap: 14px;

	padding: 8px 6px;
}

.rd-access-step__intro h2 {
	margin: 2px 0 6px;

	color: var(--rd-text);

	font-size: 1.05rem;
	font-weight: 800;
	line-height: 1.3;
}

.rd-access-step__intro p {
	margin: 0;

	color: var(--rd-green);

	font-size: 0.72rem;
	font-weight: 700;
	line-height: 1.4;
}


/* =========================================================
   ADDRESS BLOCK
   ========================================================= */

.rd-access-location {
	min-width: 0;

	margin: 0;
	padding: 0;

	border: 0;
}

.rd-access-location legend {
	margin-bottom: 12px;

	color: var(--rd-text);

	font-size: 0.86rem;
	font-weight: 800;
	line-height: 1.3;
}

.rd-access-group + .rd-access-group {
	margin-top: 16px;
}

.rd-access-group__label {
	display: block;

	margin-bottom: 7px;

	color: var(--rd-text-muted);

	font-size: 0.74rem;
	font-weight: 700;
	line-height: 1.3;
}


/* =========================================================
   OPTIONS
   ========================================================= */

.rd-access-options {
	display: flex;
	flex-wrap: wrap;

	gap: 7px;
}

.rd-access-option {
	display: inline-block;

	margin: 0;

	cursor: pointer;
}

.rd-access-option input {
	position: absolute;

	width: 1px;
	height: 1px;

	overflow: hidden;

	opacity: 0;
	pointer-events: none;
}

.rd-access-option span {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-width: 43px;
	min-height: 39px;

	padding:
		7px
		10px;

	border: 1px solid #dce3d9;
	border-radius: 8px;

	background: #ffffff;

	color: var(--rd-text);

	font-size: 0.77rem;
	font-weight: 700;
	line-height: 1;

	transition:
		background-color 0.2s ease,
		border-color 0.2s ease,
		color 0.2s ease,
		transform 0.2s ease,
		box-shadow 0.2s ease;
}

.rd-access-option--wide span {
	min-width: 72px;
}

.rd-access-option:hover span {
	border-color: #a8c8a3;

	background: #f8fcf7;

	transform: translateY(-1px);
}


/* =========================================================
   SELECTED
   ========================================================= */

.rd-access-option
input:checked
+
span {
	border-color: var(--rd-green);

	background: var(--rd-green);

	color: #ffffff;

	box-shadow:
		0 4px 10px rgba(11, 107, 43, 0.14);
}

.rd-access-option
input:focus-visible
+
span {
	outline: 3px solid rgba(11, 107, 43, 0.2);
	outline-offset: 2px;
}


/* =========================================================
   CONDITIONAL VISIBILITY
   ========================================================= */

.rd-access-step[hidden] {
	display: none !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

	.rd-access-step__panel {
		grid-template-columns:
			1fr
			1fr;

		gap: 20px;
	}

	.rd-access-step__intro {
		grid-column: 1 / -1;

		padding-bottom: 0;
	}
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.rd-access-step {
		padding:
			0
			0
			14px;
	}

	.rd-access-step__panel {
		grid-template-columns: 1fr;

		gap: 22px;

		padding: 13px;

		border-radius: 12px;
	}

	.rd-access-step__intro {
		grid-column: auto;

		gap: 11px;

		padding:
			4px
			2px
			0;
	}

	.rd-access-step__intro h2 {
		margin-top: 1px;

		font-size: 1rem;
	}

	.rd-access-step__intro p {
		font-size: 0.7rem;
	}

	.rd-access-location + .rd-access-location {
		padding-top: 18px;

		border-top: 1px solid #e5ebe3;
	}

	.rd-access-location legend {
		margin-bottom: 11px;

		font-size: 0.84rem;
	}

	.rd-access-options--floor {
		display: grid;

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

		gap: 7px;
	}

	.rd-access-options--floor
	.rd-access-option {
		width: 100%;
	}

	.rd-access-options--floor
	.rd-access-option span {
		width: 100%;
	}

	.rd-access-option--wide {
		flex: 1 1 0;
	}

	.rd-access-option--wide span {
		width: 100%;
	}
}

/* =========================================================
   DESIRED DATE STEP
   ========================================================= */

.rd-date-step {
	padding: 0 0 18px;
	background: #ffffff;
}

.rd-date-step__panel {
	display: grid;

	grid-template-columns:
		minmax(210px, 0.9fr)
		minmax(250px, 1.25fr)
		minmax(0, 1.85fr);

	gap: 26px;

	align-items: center;

	padding: 18px 16px;

	background: #ffffff;

	border: 1px solid #e2e8df;
	border-radius: 14px;

	box-shadow:
		0 5px 18px rgba(11, 107, 43, 0.055);
}


/* =========================================================
   INTRO
   ========================================================= */

.rd-date-step__intro {
	display: flex;
	align-items: flex-start;

	gap: 14px;

	padding: 8px 6px;
}

.rd-date-step__intro h2 {
	margin: 2px 0 7px;

	color: var(--rd-text);

	font-size: 1.05rem;
	font-weight: 800;
	line-height: 1.3;
}

.rd-date-step__intro p {
	max-width: 185px;

	margin: 0;

	color: var(--rd-text-muted);

	font-size: 0.8rem;
	line-height: 1.5;
}


/* =========================================================
   DATE FIELD
   ========================================================= */

.rd-date-field {
	min-width: 0;
}

.rd-date-field > label,
.rd-date-period legend {
	display: block;

	margin-bottom: 8px;

	color: var(--rd-text);

	font-size: 0.78rem;
	font-weight: 700;
	line-height: 1.3;
}

.rd-date-field__control {
	position: relative;
}

.rd-date-field__control input {
	display: block;

	width: 100%;
	height: 48px;

	padding:
		0
		46px
		0
		14px;

	border: 1px solid #dce3d9;
	border-radius: 8px;

	background: #ffffff;

	color: var(--rd-text);

	font: inherit;
	font-size: 0.87rem;

	outline: none;

	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease;
}

.rd-date-field__control input:hover {
	border-color: #b9cbb6;
}

.rd-date-field__control input:focus {
	border-color: var(--rd-green);

	box-shadow:
		0 0 0 3px rgba(11, 107, 43, 0.1);
}


/* Hide native calendar icon only visually where supported,
   because we use our own icon. */

.rd-date-field__control
input[type="date"]::-webkit-calendar-picker-indicator {
	position: absolute;

	right: 12px;

	width: 22px;
	height: 22px;

	opacity: 0;

	cursor: pointer;
}

.rd-date-field__control svg {
	position: absolute;

	top: 50%;
	right: 14px;

	width: 20px;
	height: 20px;

	transform: translateY(-50%);

	fill: none;

	stroke: var(--rd-green);
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;

	pointer-events: none;
}


/* =========================================================
   TIME PERIOD
   ========================================================= */

.rd-date-period {
	min-width: 0;

	margin: 0;
	padding: 0;

	border: 0;
}

.rd-date-period__options {
	display: grid;

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

	gap: 8px;
}

.rd-date-period__option {
	display: block;

	margin: 0;

	cursor: pointer;
}

.rd-date-period__option input {
	position: absolute;

	width: 1px;
	height: 1px;

	overflow: hidden;

	opacity: 0;
	pointer-events: none;
}

.rd-date-period__option span {
	display: flex;
	align-items: center;
	justify-content: center;

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

	padding:
		8px
		9px;

	border: 1px solid #dce3d9;
	border-radius: 8px;

	background: #ffffff;

	color: var(--rd-text);

	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1.2;

	text-align: center;

	transition:
		border-color 0.2s ease,
		background-color 0.2s ease,
		color 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.2s ease;
}

.rd-date-period__option:hover span {
	border-color: #a8c8a3;

	background: #f8fcf7;

	transform: translateY(-1px);
}


/* =========================================================
   SELECTED PERIOD
   ========================================================= */

.rd-date-period__option
input:checked
+
span {
	border-color: var(--rd-green);

	background: var(--rd-green);

	color: #ffffff;

	box-shadow:
		0 4px 10px rgba(11, 107, 43, 0.14);
}

.rd-date-period__option
input:focus-visible
+
span {
	outline: 3px solid rgba(11, 107, 43, 0.2);
	outline-offset: 2px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

	.rd-date-step__panel {
		grid-template-columns:
			minmax(220px, 0.9fr)
			minmax(0, 1.4fr);

		gap: 18px;
	}

	.rd-date-step__intro {
		grid-column: 1 / -1;

		padding-bottom: 0;
	}

	.rd-date-step__intro p {
		max-width: none;
	}

	.rd-date-period__options {
		grid-template-columns:
			repeat(2, minmax(0, 1fr));
	}
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.rd-date-step {
		padding:
			0
			0
			14px;
	}

	.rd-date-step__panel {
		grid-template-columns: 1fr;

		gap: 17px;

		padding: 13px;

		border-radius: 12px;
	}

	.rd-date-step__intro {
		grid-column: auto;

		gap: 11px;

		padding:
			4px
			2px
			0;
	}

	.rd-date-step__intro h2 {
		margin-top: 1px;

		font-size: 1rem;
	}

	.rd-date-step__intro p {
		font-size: 0.78rem;
	}

	.rd-date-field > label,
	.rd-date-period legend {
		font-size: 0.76rem;
	}

	.rd-date-field__control input {
		height: 46px;

		font-size: 0.84rem;
	}

	.rd-date-period__options {
		grid-template-columns:
			repeat(2, minmax(0, 1fr));

		gap: 8px;
	}

	.rd-date-period__option span {
		min-height: 42px;

		font-size: 0.76rem;
	}
}

/* =========================================================
   CONTACT DETAILS STEP
   ========================================================= */

.rd-contact-step {
	padding: 0 0 26px;
	background: #ffffff;
}

.rd-contact-step__panel {
	display: grid;

	grid-template-columns:
		minmax(210px, 0.9fr)
		minmax(0, 3.1fr);

	gap: 26px;

	align-items: start;

	padding: 18px 16px;

	background: #ffffff;

	border: 1px solid #e2e8df;
	border-radius: 14px;

	box-shadow:
		0 5px 18px rgba(11, 107, 43, 0.055);
}


/* =========================================================
   INTRO
   ========================================================= */

.rd-contact-step__intro {
	display: flex;
	align-items: flex-start;

	gap: 14px;

	padding: 8px 6px;
}

.rd-contact-step__intro h2 {
	margin: 2px 0 7px;

	color: var(--rd-text);

	font-size: 1.05rem;
	font-weight: 800;
	line-height: 1.3;
}

.rd-contact-step__intro p {
	margin: 0;

	color: var(--rd-text-muted);

	font-size: 0.8rem;
	line-height: 1.5;
}


/* =========================================================
   CONTACT FIELDS
   ========================================================= */

.rd-contact-fields {
	display: grid;

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

	gap: 16px;
}

.rd-contact-field {
	min-width: 0;
}

.rd-contact-field--email,
.rd-contact-field--message,
.rd-contact-privacy,
.rd-contact-required {
	grid-column: 1 / -1;
}

.rd-contact-field label {
	display: block;

	margin-bottom: 7px;

	color: var(--rd-text);

	font-size: 0.78rem;
	font-weight: 700;
	line-height: 1.3;
}

.rd-contact-field label > span {
	color: var(--rd-green);
}

.rd-contact-field label small {
	margin-left: 5px;

	color: var(--rd-text-muted);

	font-size: 0.68rem;
	font-weight: 500;
}

.rd-contact-field input,
.rd-contact-field textarea {
	display: block;

	width: 100%;

	border: 1px solid #dce3d9;
	border-radius: 8px;

	background: #ffffff;

	color: var(--rd-text);

	font: inherit;
	font-size: 0.87rem;

	outline: none;

	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease;
}

.rd-contact-field input {
	height: 48px;

	padding:
		0
		14px;
}

.rd-contact-field textarea {
	min-height: 110px;

	padding:
		12px
		14px;

	resize: vertical;

	line-height: 1.55;
}

.rd-contact-field input::placeholder,
.rd-contact-field textarea::placeholder {
	color: #9aa39c;
}

.rd-contact-field input:hover,
.rd-contact-field textarea:hover {
	border-color: #b9cbb6;
}

.rd-contact-field input:focus,
.rd-contact-field textarea:focus {
	border-color: var(--rd-green);

	box-shadow:
		0 0 0 3px rgba(11, 107, 43, 0.1);
}


/* =========================================================
   PRIVACY CHECKBOX
   ========================================================= */

.rd-contact-privacy {
	display: flex;
	align-items: flex-start;

	gap: 10px;

	margin-top: 2px;

	cursor: pointer;
}

.rd-contact-privacy > input {
	position: absolute;

	width: 1px;
	height: 1px;

	overflow: hidden;

	opacity: 0;
}

.rd-contact-privacy__check {
	position: relative;

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

	width: 20px;
	height: 20px;

	flex: 0 0 20px;

	margin-top: 1px;

	border: 1.5px solid #abb5ad;
	border-radius: 5px;

	background: #ffffff;

	transition:
		background-color 0.2s ease,
		border-color 0.2s ease;
}

.rd-contact-privacy__check svg {
	width: 14px;
	height: 14px;

	fill: none;

	stroke: #ffffff;
	stroke-width: 2.5;
	stroke-linecap: round;
	stroke-linejoin: round;

	opacity: 0;
}

.rd-contact-privacy
> input:checked
+
.rd-contact-privacy__check {
	border-color: var(--rd-green);

	background: var(--rd-green);
}

.rd-contact-privacy
> input:checked
+
.rd-contact-privacy__check
svg {
	opacity: 1;
}

.rd-contact-privacy
> input:focus-visible
+
.rd-contact-privacy__check {
	outline: 3px solid rgba(11, 107, 43, 0.2);
	outline-offset: 2px;
}

.rd-contact-privacy__text {
	color: var(--rd-text-muted);

	font-size: 0.72rem;
	line-height: 1.55;
}

.rd-contact-privacy__text a {
	color: var(--rd-green);

	font-weight: 700;

	text-decoration: underline;
	text-underline-offset: 2px;
}

.rd-contact-privacy__text a:hover {
	color: var(--rd-green-dark);
}

.rd-contact-required {
	margin:
		-5px
		0
		0;

	color: var(--rd-text-muted);

	font-size: 0.67rem;
	line-height: 1.4;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

	.rd-contact-step__panel {
		grid-template-columns: 1fr;

		gap: 15px;
	}

	.rd-contact-step__intro {
		padding-bottom: 0;
	}
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.rd-contact-step {
		padding:
			0
			0
			20px;
	}

	.rd-contact-step__panel {
		gap: 17px;

		padding: 13px;

		border-radius: 12px;
	}

	.rd-contact-step__intro {
		gap: 11px;

		padding:
			4px
			2px
			0;
	}

	.rd-contact-step__intro h2 {
		margin-top: 1px;

		font-size: 1rem;
	}

	.rd-contact-step__intro p {
		font-size: 0.78rem;
	}

	.rd-contact-fields {
		grid-template-columns: 1fr;

		gap: 14px;
	}

	.rd-contact-field--email,
	.rd-contact-field--message,
	.rd-contact-privacy,
	.rd-contact-required {
		grid-column: auto;
	}

	.rd-contact-field label {
		font-size: 0.76rem;
	}

	.rd-contact-field input {
		height: 46px;

		font-size: 0.84rem;
	}

	.rd-contact-field textarea {
		min-height: 105px;

		font-size: 0.84rem;
	}

	.rd-contact-privacy__text {
		font-size: 0.7rem;
	}
}

/* =========================================================
   OFFER DELIVERY STEP
   ========================================================= */

.rd-offer-step {
	padding: 0 0 28px;
	background: #ffffff;
}

.rd-offer-step__panel {
	display: grid;

	grid-template-columns:
		minmax(250px, 1fr)
		minmax(0, 2.9fr);

	gap: 26px;

	align-items: center;

	padding: 18px 16px;

	background: #ffffff;

	border: 1px solid #e2e8df;
	border-radius: 14px;

	box-shadow:
		0 5px 18px rgba(11, 107, 43, 0.055);
}


/* =========================================================
   INTRO
   ========================================================= */

.rd-offer-step__intro {
	display: flex;
	align-items: flex-start;

	gap: 14px;

	padding: 8px 6px;
}

.rd-offer-step__intro h2 {
	margin: 2px 0 7px;

	color: var(--rd-text);

	font-size: 1.02rem;
	font-weight: 800;
	line-height: 1.3;
}

.rd-offer-step__intro p {
	max-width: 230px;

	margin: 0;

	color: var(--rd-text-muted);

	font-size: 0.78rem;
	line-height: 1.5;
}


/* =========================================================
   OPTIONS
   ========================================================= */

.rd-offer-options {
	display: grid;

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

	gap: 14px;

	min-width: 0;

	margin: 0;
	padding: 0;

	border: 0;
}

.rd-offer-option {
	display: block;

	margin: 0;

	cursor: pointer;
}

.rd-offer-option > input {
	position: absolute;

	width: 1px;
	height: 1px;

	overflow: hidden;

	opacity: 0;
	pointer-events: none;
}


/* =========================================================
   OPTION CARD
   ========================================================= */

.rd-offer-option__body {
	display: grid;

	grid-template-columns:
		54px
		minmax(0, 1fr)
		22px;

	gap: 13px;

	align-items: center;

	min-height: 92px;

	padding:
		14px
		16px;

	border: 1px solid #dce3d9;
	border-radius: 10px;

	background: #ffffff;

	transition:
		border-color 0.2s ease,
		background-color 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.2s ease;
}

.rd-offer-option:hover
.rd-offer-option__body {
	border-color: #a8c8a3;

	background: #f8fcf7;

	transform: translateY(-1px);
}


/* =========================================================
   ICONS
   ========================================================= */

.rd-offer-option__icon {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 50px;
	height: 50px;
}

.rd-offer-option__icon img {
	display: block;

	width: 46px;
	height: 46px;

	object-fit: contain;
}

.rd-offer-option__icon--email {
	border-radius: 50%;

	background: var(--rd-green-light);

	color: var(--rd-green);
}

.rd-offer-option__icon--email svg {
	width: 27px;
	height: 27px;

	fill: none;

	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}


/* =========================================================
   TEXT
   ========================================================= */

.rd-offer-option__content {
	min-width: 0;
}

.rd-offer-option__content strong,
.rd-offer-option__content small {
	display: block;
}

.rd-offer-option__content strong {
	color: var(--rd-text);

	font-size: 0.93rem;
	font-weight: 800;
	line-height: 1.3;
}

.rd-offer-option__content small {
	margin-top: 4px;

	color: var(--rd-text-muted);

	font-size: 0.72rem;
	line-height: 1.45;
}


/* =========================================================
   RADIO
   ========================================================= */

.rd-offer-option__radio {
	position: relative;

	width: 19px;
	height: 19px;

	border: 1.5px solid #9ca6a0;
	border-radius: 50%;

	background: #ffffff;
}

.rd-offer-option__radio::after {
	content: "";

	position: absolute;

	top: 50%;
	left: 50%;

	width: 9px;
	height: 9px;

	border-radius: 50%;

	background: var(--rd-green);

	transform:
		translate(-50%, -50%)
		scale(0);

	transition:
		transform 0.16s ease;
}


/* =========================================================
   SELECTED
   ========================================================= */

.rd-offer-option
input:checked
+
.rd-offer-option__body {
	border-color: var(--rd-green);

	background:
		linear-gradient(
			180deg,
			#ffffff 0%,
			#f2f9f0 100%
		);

	box-shadow:
		0 5px 15px rgba(11, 107, 43, 0.09);
}

.rd-offer-option
input:checked
+
.rd-offer-option__body
.rd-offer-option__radio {
	border-color: var(--rd-green);
}

.rd-offer-option
input:checked
+
.rd-offer-option__body
.rd-offer-option__radio::after {
	transform:
		translate(-50%, -50%)
		scale(1);
}

.rd-offer-option
input:focus-visible
+
.rd-offer-option__body {
	outline: 3px solid rgba(11, 107, 43, 0.2);
	outline-offset: 2px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

	.rd-offer-step__panel {
		grid-template-columns: 1fr;

		gap: 15px;
	}

	.rd-offer-step__intro {
		padding-bottom: 0;
	}

	.rd-offer-step__intro p {
		max-width: none;
	}
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.rd-offer-step {
		padding:
			0
			0
			22px;
	}

	.rd-offer-step__panel {
		gap: 17px;

		padding: 13px;

		border-radius: 12px;
	}

	.rd-offer-step__intro {
		gap: 11px;

		padding:
			4px
			2px
			0;
	}

	.rd-offer-step__intro h2 {
		margin-top: 1px;

		font-size: 1rem;
	}

	.rd-offer-step__intro p {
		font-size: 0.76rem;
	}

	.rd-offer-options {
		grid-template-columns: 1fr;

		gap: 10px;
	}

	.rd-offer-option__body {
		grid-template-columns:
			48px
			minmax(0, 1fr)
			21px;

		gap: 11px;

		min-height: 82px;

		padding:
			12px
			13px;
	}

	.rd-offer-option__icon {
		width: 44px;
		height: 44px;
	}

	.rd-offer-option__icon img {
		width: 42px;
		height: 42px;
	}

	.rd-offer-option__icon--email svg {
		width: 24px;
		height: 24px;
	}

	.rd-offer-option__content strong {
		font-size: 0.88rem;
	}

	.rd-offer-option__content small {
		font-size: 0.69rem;
	}
}

/* =========================================================
   FORM SUBMIT AREA
   ========================================================= */

.rd-umzug-request-form {
	margin: 0;
	padding: 0;
}

.rd-form-submit {
	padding: 0 0 14px;
	background: #ffffff;
}

.rd-form-submit__panel {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 24px;
	align-items: center;

	padding: 20px;

	border: 1px solid #dce6d9;
	border-radius: 14px;

	background:
		linear-gradient(
			180deg,
			#fbfef9 0%,
			#f3f9f1 100%
		);

	box-shadow:
		0 7px 20px rgba(11, 107, 43, 0.07);
}

.rd-form-submit__copy {
	min-width: 0;
}

.rd-form-submit__copy strong,
.rd-form-submit__copy span {
	display: block;
}

.rd-form-submit__copy strong {
	color: var(--rd-text);
	font-size: 1rem;
	font-weight: 800;
	line-height: 1.3;
}

.rd-form-submit__copy span {
	margin-top: 4px;
	color: var(--rd-text-muted);
	font-size: 0.78rem;
	line-height: 1.5;
}

.rd-form-submit__button {
	min-width: 190px;
	min-height: 48px;
	border: 0;
	cursor: pointer;
}

.rd-form-preview-status {
	grid-column: 1 / -1;

	margin: 0;
	padding: 11px 13px;

	border: 1px solid #b8d7b1;
	border-radius: 8px;

	background: #f2f9f0;
	color: var(--rd-green-dark);

	font-size: 0.76rem;
	font-weight: 700;
	line-height: 1.5;
}

.rd-form-preview-status[hidden] {
	display: none !important;
}

@media (max-width: 767px) {

	.rd-form-submit {
		padding: 0 0 14px;
	}

	.rd-form-submit__panel {
		grid-template-columns: 1fr;
		gap: 14px;
		padding: 14px;
		border-radius: 12px;
	}

	.rd-form-submit__button {
		width: 100%;
		min-width: 0;
		min-height: 46px;
	}

	.rd-form-preview-status {
		grid-column: auto;
	}
}


.rd-form-preview-status--error {
	border-color: #e3b7b7;
	background: #fff6f6;
	color: #8a1f1f;
}


/* =========================================================
   PHOTO SELECTION FEEDBACK
   ========================================================= */

.rd-photo-upload__box.is-selected {
	border-color: var(--rd-green);

	background:
		linear-gradient(
			180deg,
			#ffffff 0%,
			#f2f9f0 100%
		);

	box-shadow:
		0 5px 16px rgba(11, 107, 43, 0.08);
}

.rd-photo-upload__box.is-selected
.rd-photo-upload__action {
	color: var(--rd-green);
	font-weight: 700;
}


.rd-photo-selection {
	margin-top: 12px;
}

.rd-photo-selection[hidden] {
	display: none !important;
}


/* =========================================================
   HEADER
   ========================================================= */

.rd-photo-selection__header {
	display: flex;
	align-items: center;
	justify-content: space-between;

	gap: 12px;

	margin-bottom: 8px;
}

.rd-photo-selection__count {
	color: var(--rd-green);

	font-size: 0.78rem;
	font-weight: 800;
	line-height: 1.35;
}

.rd-photo-selection__remaining {
	color: var(--rd-text-muted);

	font-size: 0.65rem;
	line-height: 1.35;

	text-align: right;
}


/* =========================================================
   FILE LIST
   ========================================================= */

.rd-photo-selection__list {
	display: grid;

	gap: 7px;

	margin: 0;
	padding: 0;

	list-style: none;
}

.rd-photo-selection__item {
	display: flex;
	align-items: center;
	justify-content: space-between;

	gap: 10px;

	min-width: 0;

	padding:
		8px
		9px
		8px
		11px;

	border: 1px solid #dfe7dc;
	border-radius: 8px;

	background: #f9fcf8;
}

.rd-photo-selection__file {
	display: flex;
	align-items: baseline;

	gap: 7px;

	min-width: 0;
}

.rd-photo-selection__name {
	overflow: hidden;

	min-width: 0;

	color: var(--rd-text);

	font-size: 0.72rem;
	font-weight: 700;
	line-height: 1.35;

	text-overflow: ellipsis;
	white-space: nowrap;
}

.rd-photo-selection__size {
	flex: 0 0 auto;

	color: var(--rd-text-muted);

	font-size: 0.61rem;
	line-height: 1.35;
}


/* =========================================================
   REMOVE BUTTON
   ========================================================= */

.rd-photo-selection__remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 28px;
	height: 28px;

	flex: 0 0 28px;

	margin: 0;
	padding: 0;

	border: 1px solid #d6ddd4;
	border-radius: 7px;

	background: #ffffff;

	color: #7b847d;

	font: inherit;
	font-size: 1.1rem;
	font-weight: 600;
	line-height: 1;

	cursor: pointer;

	transition:
		border-color 0.2s ease,
		background-color 0.2s ease,
		color 0.2s ease;
}

.rd-photo-selection__remove:hover {
	border-color: #c75b5b;

	background: #fff7f7;

	color: #b53d3d;
}

.rd-photo-selection__remove:focus-visible {
	outline: 3px solid rgba(11, 107, 43, 0.2);
	outline-offset: 2px;
}


/* =========================================================
   NOTICE
   ========================================================= */

.rd-photo-selection__notice {
	margin: 8px 0 0;

	padding:
		8px
		10px;

	border-radius: 7px;

	background: #fff7e8;

	color: #7a5200;

	font-size: 0.68rem;
	font-weight: 700;
	line-height: 1.45;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.rd-photo-selection__header {
		align-items: flex-start;

		flex-direction: column;

		gap: 3px;
	}

	.rd-photo-selection__remaining {
		text-align: left;
	}

	.rd-photo-selection__file {
		align-items: flex-start;

		flex-direction: column;

		gap: 2px;
	}

	.rd-photo-selection__name {
		max-width: 220px;

		font-size: 0.7rem;
	}
}

/* =========================================================
   UMZUG TRUST STRIP
   ========================================================= */

.rd-umzug-trust {
	padding: 0 0 14px;
	background: #ffffff;
}

.rd-umzug-trust__grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 12px;
	padding: 12px 14px;
	border-top: 1px solid #e3e8e1;
	border-bottom: 1px solid #e3e8e1;
}

.rd-umzug-trust__item {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
}

.rd-umzug-trust__item img {
	display: block;
	width: 40px;
	height: 40px;
	flex: 0 0 40px;
	margin: 0;
	object-fit: contain;
}

.rd-umzug-trust__item strong,
.rd-umzug-trust__item span {
	display: block;
}

.rd-umzug-trust__item strong {
	color: var(--rd-text);
	font-size: 0.64rem;
	font-weight: 800;
	line-height: 1.35;
}

.rd-umzug-trust__item span {
	margin-top: 2px;
	color: var(--rd-text-muted);
	font-size: 0.57rem;
	line-height: 1.4;
}

@media (max-width: 1024px) {
	.rd-umzug-trust__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.rd-umzug-trust__grid {
		grid-template-columns: 1fr;
		gap: 10px;
		padding: 11px 12px;
	}

	.rd-umzug-trust__item img {
		width: 38px;
		height: 38px;
		flex-basis: 38px;
	}

	.rd-umzug-trust__item strong {
		font-size: 0.70rem;
	}

	.rd-umzug-trust__item span {
		font-size: 0.62rem;
	}
}