html {
	scroll-behavior: smooth;
}

.contact { position: relative; padding-block: 100px; overflow: hidden; scroll-margin-top: 2rem;}
.contact-circle {
	position: absolute; width: 720px; height: 720px; border-radius: 50%;
	background: radial-gradient(circle, rgba(148,255,225,0.35), rgba(123,231,255,0) 70%);
	pointer-events: none; z-index: 0;
}
.contact-circle-left  { top: 60px;  inset-inline-end: -300px; }
.contact-circle-right { top: 160px; inset-inline-start: -300px; }

.contact-inner { position: relative; z-index: 2; }
.contact-body { position: relative; display: flex; justify-content: center; }
/* Скульптура-фон (decoration → absolute) */
.contact-sculpture {
	position: absolute; inset: 0; z-index: 0; top: 510px;
	display: flex; align-items: center; justify-content: center;
	pointer-events: none;
}
.contact-sculpture img { width: 80%; max-width: 1160px; height: auto; object-fit: contain; }

/* Форма — flex column */
.contact-form {
	position: relative; z-index: 1;
	width: 100%; max-width: 600px;
	background: rgba(255,255,255,0.35);
	border-radius: var(--radius);
	backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
	padding: 40px;
	display: flex; flex-direction: column; align-items: center; gap: 12px;
	outline: 1px solid #fffa;
}
.form-field { position: relative; width: 100%; }
.form-field input, .form-field select {
	width: 100%; height: 60px;
	background: #fff; border: none; border-radius: var(--radius-pill);
	box-shadow: var(--shadow-card-lg);
	padding-inline: 28px;
	font-size: 18px; font-family: var(--font-noto); color: #000;
	text-align: center; direction: rtl; outline: none;
	appearance: none; -webkit-appearance: none;
	transition: box-shadow 0.2s;
}
.form-field input::placeholder { color: #000; opacity: 1; }
.form-field input:not(.error):focus, .form-field select:focus {
	box-shadow: 0 0 0 2px var(--color-cyan), var(--shadow-card-lg);
}
.form-field input.error {border: 1px solid;}
.form-field-select select { cursor: pointer; }
.form-select-arrow {
	position: absolute; top: 50%; inset-inline-start: 24px;
	transform: translateY(-85%); pointer-events: none; display: flex;
}
.contact-submit {

	display: inline-flex; align-items: center; justify-content: center; gap: 1.5rem;
	min-width: 309px; height: 85px;
	background: var(--gradient-accent-2); border: none;
	border-radius: var(--radius-pill); box-shadow: var(--shadow-button);
	font-size: 18px; font-weight: 500; color: #000;
	font-family: var(--font-noto); cursor: pointer;
	transition: transform 0.2s, box-shadow 0.2s;
}
.contact-submit:hover { transform: translateY(-2px); }
.contact-submit i {display: inline-block; width: 16px; margin-top: 3px;}

.contact-bar-wrap { padding-block: 40px; }
.contact-bar {
	display: flex; align-items: center; justify-content: space-around;
	background: var(--color-card-purple);
	border-radius: var(--radius-pill);
	box-shadow: var(--shadow-card-lg);
	padding: 30px 60px; position: relative;
	gap: 30px; margin-top: 50px;
}
.contact-bar p {margin-bottom: 0;}
.contact-bar-item { display: flex; align-items: center; gap: 1.5rem; }
.contact-bar-icon { flex-shrink: 0; width: 55px; height: 55px; display: flex; align-items: center; justify-content: center; }
.contact-bar-text { font-size: 18px; line-height: 1.4; color: #000; text-align: right; }
.contact-bar-text a { transition: color 0.2s; color: #000; }
.contact-bar-text a:hover { color: var(--color-cyan); }
.contact-bar-divider { width: 1px; height: 84px; background: rgba(35,31,32,0.2); flex-shrink: 0; }

@media screen and (max-width: 64em) {
	.contact {padding-block: 50px;}
	.contact .section-header {padding: 0 1rem; margin-bottom: 0;}
	.contact-bar {
		flex-direction: column; gap: 1.5rem; width: 94%; margin: 160px auto 0; padding: 30px; border-radius: 20px;
	}
	.contact-bar-item {width: 100%; justify-content: start;}
	.contact-bar-divider {display: none;}
	.contact-sculpture {top: 450px;}
	.contact-sculpture img {width: 100%;}
}