.contact-page {
	min-height: 60vh;
}

.contact-page-title {
	font-size: clamp(1.8rem, 3vw, 2.4rem);
	font-weight: 800;
	color: #0f172a;
	margin-bottom: 0.6rem;
}

.contact-page-sub {
	font-size: 1.05rem;
	color: #475569;
	line-height: 1.65;
}

/* İletişim Kartları */
.contact-card {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	background: #f8fafc;
	border: 1px solid #e2ecf4;
	border-radius: 0.85rem;
	padding: 1.1rem 1.2rem;
	transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.contact-card:hover {
	border-color: #18b7b0;
	box-shadow: 0 6px 20px rgba(24, 183, 176, 0.1);
}

.contact-card-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	min-width: 44px;
	border-radius: 50%;
	background: #e6faf9;
	color: #18b7b0;
	font-size: 1.1rem;
}

.contact-card-label {
	font-size: 0.78rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	color: #94a3b8;
	margin-bottom: 0.15rem;
}

.contact-card-value {
	font-size: 0.97rem;
	font-weight: 600;
	color: #0f172a;
	text-decoration: none;
	transition: color 0.2s ease;
}

a.contact-card-value:hover {
	color: #18b7b0;
}

/* Form Alanı */
.contact-form-wrap {
	background: #ffffff;
	border: 1px solid #e2ecf4;
	border-radius: 1rem;
	padding: 2rem;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
	height: 100%;
}

.form-section-title {
	font-weight: 700;
	color: #0f172a;
	font-size: 1.1rem;
}

.contact-form-wrap .form-label {
	font-size: 0.88rem;
	font-weight: 600;
	color: #334155;
	margin-bottom: 0.3rem;
}

.contact-form-wrap .form-control {
	border-color: #cbd5e1;
	border-radius: 0.55rem;
	font-size: 0.95rem;
	box-shadow: none;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.contact-form-wrap .form-control:focus {
	border-color: #18b7b0;
	box-shadow: 0 0 0 0.2rem rgba(24, 183, 176, 0.18);
}

.btn-contact-submit {
	background: #18b7b0;
	border: none;
	color: #ffffff;
	font-weight: 600;
	padding: 0.7rem 1.2rem;
	border-radius: 0.6rem;
	font-size: 1rem;
	transition: background 0.2s ease;
}

.btn-contact-submit:hover,
.btn-contact-submit:focus {
	background: #0f9b94;
	color: #ffffff;
}

@media (max-width: 991.98px) {
	.contact-form-wrap {
		height: auto;
	}
}

@media (max-width: 575.98px) {
	.contact-form-wrap {
		padding: 1.25rem;
	}
}