body.form-body {
	
	background: linear-gradient(180deg, transparent 0px, transparent 380px, #2c2f29 480px, #2c2f29 100%);
	color: #e9ede3;
	
	overflow-x: hidden;
	
	padding-bottom: 0;
}


.form-body .page-sphere-wrap {
	width: 1920px;
	background: #727272;
	border-radius: 45px;
}


.form-body .page-sphere {
	width: 2377px;
	height: 1171px;
	top: 357px;
	left: -229px;
	right: auto;
	aspect-ratio: auto;
	transform: translate(calc(var(--tx, 0) * 1px), calc(var(--ty, 0) * 1px));
	background: #161616;
	border-radius: 2500px 2500px 0 0;
	
	clip-path: inset(0 228px 0 229px);
}
.form-body .page-sphere__glow1,
.form-body .page-sphere__glow2 { display: none; }


.form-body .form-page__comments-wrap {
	position: relative;
	z-index: 1;
}

.form-body .comment-section {
	position: relative;
	z-index: 1;
	margin-top: 66px;
	
	min-height: 1067px;
}
.form-body .comment-section::before {
	content: "";
	position: absolute;
	
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 1920px;
	
	height: 1067px;
	background: #B0C68F;
	border-radius: 0;
	z-index: -1;
}


.form-body .inner-hero__title {
	margin-bottom: 0;
	font-size: 48px;
	font-weight: 700;
	line-height: 143.09%;
	color: #FFFFFF;
}


.consult-page .inner-hero__title {
	margin-top: 52px;
}

.form-body .inner-hero__sub {
	font-size: 35px;
	font-weight: 100;
	line-height: 143.09%;
	color: #FFFFFF;
}

.form-body .form-page__instruction {
	font-size: 36px;
	font-weight: 400;
	line-height: 35px;
	color: #FFFFFF;
}


.consult-page .form-page__instruction {
	margin-top: 221px;
}


.reserve-page .form-page__instruction {
	margin-top: 330px;
}


.form-body .category-tab {
	width: 243px;
	height: 80px;
	justify-content: center;
	text-align: center;
	white-space: normal;
	background: #A8B98D;
	border-color: transparent;
	border-radius: 45px;
	color: rgba(233, 237, 227, 0.85);
	font-size: 24px;
	font-weight: 400;
}
.form-body .category-tab:hover,
.form-body .category-tab.is-active {
	background: #727272;
	border-radius: 45px;
	border-color: transparent;
	color: #d6ecb8;
}

.form-page__hero { padding-top: 100px; padding-bottom: var(--space-3); }

.form-page__brand {
	font-family: var(--font-brand);
	font-weight: 400;
	font-size: 45px;
	direction: ltr;
	display: inline;
}

.form-page__inner {
	
	width: min(calc(100% - 32px), 1083px);
	margin-inline: auto;
	padding-bottom: var(--space-7);
}

.form-page__instruction {
	text-align: center;
	margin: 0 0 var(--space-5);
	font-size: 0.95rem;
	color: var(--color-muted);
}



.form-page__tags {
	width: 1652px;
	margin-inline: -284.5px;
	margin-bottom: var(--space-5);
	display: grid;
	grid-template-columns: repeat(6, 243px);
	gap: 40px;
	justify-content: center;
}

.form-page__tags .category-tab:nth-child(-n+4) { grid-row: 1; }
.form-page__tags .category-tab:nth-child(1) { grid-column: 2; }
.form-page__tags .category-tab:nth-child(2) { grid-column: 3; }
.form-page__tags .category-tab:nth-child(3) { grid-column: 4; }
.form-page__tags .category-tab:nth-child(4) { grid-column: 5; }


.form-page__tags .category-tab:nth-child(n+5) { grid-row: 2; }

.form-page__privacy-note {
	text-align: center;
	margin: 0 0 var(--space-4);
	font-size: 0.78rem;
	color: var(--color-muted);
}

.form-body .form-page__privacy-note {
	font-size: 20px;
	font-weight: 100;
	line-height: 35px;
	color: #FFFFFF;
}


.form-page__form {
	display: flex;
	flex-direction: column;
	gap: 34px;
}

.form-page__row {
	display: flex;
	gap: var(--space-3);
	flex-wrap: wrap;
}


.form-page__row.form-page__row--identity {
	display: grid;
	grid-template-columns: 520px 243px 243px;
	gap: 34px;
}

.form-page__field {
	flex: 1;
	min-width: 0;
	height: 80px;
	padding-inline: 1.2rem;
	background: rgba(255, 255, 255, 0.70);
	border: 1px solid rgba(100, 140, 70, 0.22);
	border-radius: 45px;
	box-shadow: 0px 4px 62px 0px #00000040 inset;
	color: var(--color-ink);
	font-size: 24px;
	font-weight: 400;
	direction: rtl;
	font-family: var(--font-body);
	transition: border-color 150ms ease, background 150ms ease;
}

.form-page__field::placeholder { color: var(--color-muted); }

.form-page__field:focus {
	outline: none;
	border-color: rgba(100, 150, 60, 0.55);
	background: rgba(255, 255, 255, 0.90);
}

.form-page__field--select {
	appearance: none;
	cursor: pointer;
}


.form-page__field--wide {
	flex: 2;
}

.form-page__field--textarea {
	height: 323px;
	resize: none;
}


.form-page__row--photo {
	display: grid;
	grid-template-columns: 520px 243px 243px;
	align-items: start;
	gap: 34px;
}

.form-page__upload-col {
	display: flex;
	flex-direction: column;
	gap: 29px;
}


.form-page__upload-col .form-page__field {
	flex: none;
}

.form-page__photo-preview {
	width: 242px;
	height: 188px;
	border-radius: 44.5px;
	background-color: rgba(255, 255, 255, 0.55);
	border: 1px solid #000;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.form-page__photo-btn {
	height: 80px;
	border-radius: 45px;
	box-shadow: 0px 4px 62px 0px #00000040 inset;
	font-size: 24px;
	font-weight: 400;
	padding: 0.40rem 0.9rem;
	min-height: auto;
	cursor: pointer;
}


.form-page__row--submit {
	display: grid;
	grid-template-columns: 520px 243px 243px;
	gap: 34px;
	
	margin-top: -139px;
}

.form-page__submit {
	
	grid-column: 2 / 4;
	cursor: pointer;
	width: 529px;
	height: 105px;
	border-radius: 45px;
	background: #D9D9D9;
	color: #1a1d19;
	font-family: var(--font-body);
	font-weight: 400;
	font-size: 24px;
	line-height: 35px;
	letter-spacing: 0;
	text-align: right;
}


.reserve-page .form-page__form {
	position: relative;
	display: block;
	width: 1083px;
	height: 437px;
}

.reserve-page .form-page__field,
.reserve-page .form-page__submit--reserve {
	position: absolute;
}

.reserve-page .form-page__field--name {
	left: 563px;
	top: 0;
	width: 520px;
	height: 80px;
}

.reserve-page .form-page__field--gender {
	left: 0;
	top: 114px;
	width: 243px;
	height: 80px;
}

.reserve-page .form-page__field--age {
	left: 277px;
	top: 119px;
	width: 243px;
	height: 80px;
}

.reserve-page .form-page__field--notes {
	left: 563px;
	top: 114px;
	width: 520px;
	height: 323px;
}


.reserve-page .form-page__field--date {
	left: 0;
	top: 223px;
	width: 243px;
	height: 80px;
	box-shadow: none;
}

.reserve-page .form-page__field--phone {
	left: 277px;
	top: 223px;
	width: 243px;
	height: 80px;
}

.reserve-page .form-page__submit--reserve {
	left: 0;
	top: 332px;
}

.form-page__success {
	padding: var(--space-3) var(--space-4);
	background: rgba(100, 200, 50, 0.12);
	border: 1px solid rgba(100, 200, 50, 0.30);
	border-radius: var(--radius-sm);
	color: var(--color-green-light);
	font-size: 0.9rem;
}

.form-page__error {
	padding: var(--space-3) var(--space-4);
	background: rgba(200, 60, 60, 0.10);
	border: 1px solid rgba(200, 60, 60, 0.25);
	border-radius: var(--radius-sm);
	color: #f88;
	font-size: 0.9rem;
}



.form-body .form-page__field {
	background: rgba(0, 0, 0, 0.004);
	border: none;
	color: #eef2e8;
}
.form-body .form-page__field::placeholder { color: rgba(233, 237, 227, 0.75); }
.form-body .form-page__field:focus {
	border: 1px solid rgba(168, 220, 106, 0.55);
	background: rgba(255, 255, 255, 0.05);
}

.form-body .form-page__field--select option { color: #1a1d19; }

.form-body .form-page__photo-preview {
	background-color: #727272;
	border: none;
}


.form-body .form-page__photo-btn {
	background: rgba(0, 0, 0, 0.004);
	border: none;
	color: rgba(233, 237, 227, 0.9);
}


.form-body .comment-section__heading { color: #FFFFFF; }


.form-body .comment-form__note { color: #161616; }

.form-body .comment-reply-title,
.form-body .comment-form label { color: rgba(233, 237, 227, 0.72); }


.form-body .comment-form__input,
.form-body .comment-form__textarea,
.form-body .comment-form input[type="text"],
.form-body .comment-form input[type="email"],
.form-body .comment-form textarea {
	background: rgba(0, 0, 0, 0.004);
	border: none;
	box-shadow: 0px 4px 62px 0px #00000040 inset;
	font-size: 24px;
	font-weight: 400;
	color: #eef2e8;
}
.form-body .comment-form__input::placeholder,
.form-body .comment-form__textarea::placeholder,
.form-body .comment-form input::placeholder,
.form-body .comment-form textarea::placeholder { color: rgba(255, 255, 255, 0.44); }


.form-body .comment-form__submit-row .button {
	background: #727272;
	font-size: 24px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.44);
}


.form-body .comment-form__cookies label { color: #FFFFFF; }
.form-body .comment-form__cookies input[type="checkbox"] {
	background: rgba(0, 0, 0, 0.004);
	border-color: rgba(255, 255, 255, 0.35);
}

.form-body .comment-form__cookies input[type="checkbox"]:checked {
	background: var(--color-green-dark);
	border-color: var(--color-green-dark);
}