/* EsteticDerm Gate — elit uluslararası klinik tasarımı */
.edg-lock { overflow: hidden; }

.edg-overlay {
	position: fixed; inset: 0; z-index: 2147483000;
	background: rgba(10, 16, 34, .62);
	display: flex; align-items: center; justify-content: center;
	padding: 16px;
	animation: edgFade .2s ease-out;
	-webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);
}
@keyframes edgFade { from { opacity: 0; } to { opacity: 1; } }

.edg-card {
	background: linear-gradient(180deg, #ffffff 0%, #fdfbf7 100%);
	color: #1c2434;
	width: 100%; max-width: 420px;
	border: 1px solid rgba(200, 162, 75, .28);
	border-radius: 18px;
	box-shadow: 0 30px 80px rgba(4, 8, 20, .45), 0 2px 8px rgba(4, 8, 20, .12);
	padding: 26px 26px 20px;
	position: relative;
	font-family: inherit;
	max-height: 92vh; overflow-y: auto;
	animation: edgUp .26s cubic-bezier(.22, .8, .36, 1);
}
@keyframes edgUp { from { transform: translateY(16px) scale(.985); opacity: 0; } to { transform: none; opacity: 1; } }

.edg-card[dir="rtl"] { text-align: right; }
.edg-card[dir="rtl"] .edg-x { right: auto; left: 12px; }

.edg-x {
	position: absolute; top: 10px; right: 12px;
	background: none; border: 0; cursor: pointer;
	font-size: 24px; line-height: 1; color: #a8a29a; padding: 6px;
	transition: color .15s;
}
.edg-x:hover { color: #1c2434; }

.edg-brand {
	font-size: 10.5px; font-weight: 600;
	letter-spacing: .24em; text-transform: uppercase;
	color: #c8a24b;
	margin: 0 0 8px;
}

.edg-title {
	margin: 0 26px 0 0; font-size: 23px; font-weight: 600;
	color: #14224e; line-height: 1.2;
	font-family: Georgia, 'Times New Roman', serif;
}
.edg-card[dir="rtl"] .edg-title { margin: 0 0 0 26px; }
.edg-title::after {
	content: ''; display: block;
	width: 46px; height: 2px; margin-top: 10px;
	background: linear-gradient(90deg, #c8a24b, #e9d7a5);
	border-radius: 2px;
}
.edg-card[dir="rtl"] .edg-title::after { margin-left: auto; }

.edg-sub { margin: 10px 0 16px; font-size: 13.5px; color: #6b7280; line-height: 1.5; }

.edg-form { display: block; }
.edg-hp { position: absolute; left: -9999px; height: 1px; width: 1px; opacity: 0; }

.edg-l {
	display: block; font-size: 11.5px; font-weight: 600;
	letter-spacing: .04em; text-transform: uppercase;
	color: #4b5563; margin: 12px 0 5px;
}
.edg-opt { font-weight: 400; color: #9ca3af; text-transform: none; letter-spacing: 0; }

.edg-overlay .edg-i {
	width: 100%; box-sizing: border-box;
	border: 1px solid #e3ded2 !important; border-radius: 11px;
	padding: 11px 13px; font-size: 15px; color: #1c2434 !important;
	background: #fff !important; outline: none;
	transition: border-color .15s, box-shadow .15s;
}
.edg-overlay .edg-i:focus {
	border-color: #c8a24b !important;
	box-shadow: 0 0 0 3px rgba(200, 162, 75, .16);
}
.edg-overlay .edg-i::placeholder { color: #b3aca0; }

.edg-row { display: flex; gap: 8px; }
.edg-cc { flex: 0 0 112px; }

.edg-consent {
	display: flex; gap: 9px; align-items: flex-start;
	margin: 14px 0 0; font-size: 12.5px; color: #57606e; line-height: 1.5;
}
.edg-consent input { margin-top: 2px; flex: 0 0 auto; accent-color: #c8a24b; }

.edg-err {
	margin-top: 10px; padding: 9px 11px;
	background: #fdf1f1; color: #a63838;
	border: 1px solid #eec9c9; border-radius: 9px; font-size: 13px;
}

.edg-overlay .edg-btn {
	width: 100%; margin-top: 16px;
	border: 0 !important; border-radius: 12px; cursor: pointer;
	padding: 13px 16px; font-size: 15.5px; font-weight: 700;
	letter-spacing: .015em; color: #fff !important;
	background: linear-gradient(135deg, #21315e, #14224e) !important;
	box-shadow: 0 10px 22px rgba(20, 34, 78, .28);
	transition: filter .15s, transform .1s;
}
.edg-overlay .edg-btn:hover { filter: brightness(1.09); }
.edg-overlay .edg-btn:active { transform: translateY(1px); }
.edg-overlay .edg-btn:disabled { opacity: .78; cursor: default; transform: none; }
.edg-overlay .edg-btn.edg-btn-whatsapp { background: linear-gradient(135deg, #22a558, #14813f) !important; box-shadow: 0 10px 22px rgba(18, 122, 61, .3); }
.edg-overlay .edg-btn.edg-btn-phone { background: linear-gradient(135deg, #21315e, #14224e) !important; }
.edg-overlay .edg-btn.edg-btn-maps { background: linear-gradient(135deg, #127d74, #0b5d56) !important; box-shadow: 0 10px 22px rgba(12, 96, 88, .3); }
.edg-overlay .edg-btn.edg-btn-email { background: linear-gradient(135deg, #4a5aa8, #303f7e) !important; box-shadow: 0 10px 22px rgba(48, 63, 126, .3); }

.edg-note {
	margin: 12px 0 0; font-size: 11.5px; color: #a8a29a;
	text-align: center; line-height: 1.45;
}

@media (max-width: 430px) {
	.edg-card { padding: 20px 16px 16px; border-radius: 15px; }
	.edg-cc { flex-basis: 100px; }
	.edg-title { font-size: 20px; }
}