.ebadi-connectivity {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: grid;
	place-items: center;
	padding: max(24px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));
	overflow: auto;
	overscroll-behavior: contain;
	font-family: "Peyda", "PeydaFaNum", Tahoma, Arial, sans-serif;
	direction: rtl;
	color: #f8fafc;
	background:
		radial-gradient(circle at 12% 12%, rgba(34, 211, 238, .18), transparent 34%),
		radial-gradient(circle at 88% 92%, rgba(59, 130, 246, .2), transparent 38%),
		linear-gradient(155deg, #07111f 0%, #0b1b31 52%, #07101d 100%);
	isolation: isolate;
}

.ebadi-connectivity[hidden] { display: none !important; }

.ebadi-connectivity::before,
.ebadi-connectivity::after {
	content: "";
	position: fixed;
	width: 230px;
	aspect-ratio: 1;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 50%;
	pointer-events: none;
}

.ebadi-connectivity::before { top: -120px; right: -80px; }
.ebadi-connectivity::after { bottom: -145px; left: -65px; width: 290px; }

.ebadi-connectivity__card {
	position: relative;
	width: min(100%, 420px);
	padding: 28px 22px 22px;
	text-align: center;
	border: 1px solid rgba(255, 255, 255, .11);
	border-radius: 30px;
	background: rgba(12, 27, 48, .82);
	box-shadow: 0 28px 80px rgba(0, 0, 0, .4), inset 0 1px rgba(255, 255, 255, .06);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
}

.ebadi-connectivity__status {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 31px;
	padding: 5px 12px;
	margin-bottom: 22px;
	font-size: var(--eb-fs-label);
	font-weight: 700;
	color: #fecaca;
	border: 1px solid rgba(248, 113, 113, .2);
	border-radius: 999px;
	background: rgba(127, 29, 29, .2);
}

.ebadi-connectivity__status::before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #fb7185;
	box-shadow: 0 0 0 5px rgba(251, 113, 133, .1);
}

.ebadi-connectivity__visual {
	position: relative;
	display: grid;
	place-items: center;
	width: 112px;
	height: 112px;
	margin: 0 auto 24px;
	color: #67e8f9;
	border-radius: 35px;
	background: linear-gradient(145deg, rgba(34, 211, 238, .16), rgba(59, 130, 246, .08));
	box-shadow: inset 0 0 0 1px rgba(103, 232, 249, .12), 0 18px 42px rgba(2, 8, 23, .35);
}

.ebadi-connectivity__visual svg { width: 56px; height: 56px; stroke: currentColor; }

.ebadi-connectivity__visual i {
	position: absolute;
	right: 15px;
	bottom: 13px;
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	font-style: normal;
	font-size: var(--eb-fs-page);
	font-weight: 800;
	line-height: 1;
	color: #fff;
	border: 3px solid #0d1d33;
	border-radius: 50%;
	background: #f43f5e;
}

.ebadi-connectivity h1 {
	margin: 0 0 10px;
	font: 800 var(--eb-fs-display-large)/1.45 "Peyda", "PeydaFaNum", Tahoma, Arial, sans-serif;
	letter-spacing: -.35px;
	color: #fff;
}

.ebadi-connectivity p {
	max-width: 325px;
	margin: 0 auto;
	font-size: var(--eb-fs-card);
	line-height: 2;
	color: #aebed1;
}

.ebadi-connectivity__hint {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 22px 0;
	padding: 12px 14px;
	text-align: right;
	font-size: var(--eb-fs-label);
	line-height: 1.8;
	color: #c9d6e5;
	border: 1px solid rgba(148, 163, 184, .12);
	border-radius: 16px;
	background: rgba(2, 8, 23, .22);
}

.ebadi-connectivity__hint svg { flex: 0 0 auto; width: 21px; height: 21px; stroke:#171b20!important; }

.ebadi-connectivity__actions { display: grid; grid-template-columns: 1fr auto; gap: 10px; }

.ebadi-connectivity__retry,
.ebadi-connectivity__home {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 52px;
	padding: 0 19px;
	font: 700 var(--eb-fs-card)/1 "Peyda", "PeydaFaNum", Tahoma, Arial, sans-serif;
	text-decoration: none;
	border-radius: 16px;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

.ebadi-connectivity__retry {
	color: #052330;
	border: 0;
	background: linear-gradient(135deg, #67e8f9, #38bdf8);
	box-shadow: 0 12px 30px rgba(14, 165, 233, .2);
}

.ebadi-connectivity__retry svg { width: 18px; height: 18px; stroke: currentColor; }
.ebadi-connectivity__retry.is-checking svg { animation: ebadi-connectivity-spin .8s linear infinite; }

.ebadi-connectivity__home {
	min-width: 56px;
	padding-inline: 17px;
	color: #dbeafe;
	border: 1px solid rgba(148, 163, 184, .18);
	background: rgba(255, 255, 255, .05);
}

.ebadi-connectivity__home svg { width: 21px; height: 21px; stroke: currentColor; }
html.ebadi-connectivity-open,
html.ebadi-connectivity-open body { overflow: hidden !important; }

@keyframes ebadi-connectivity-spin { to { transform: rotate(-360deg); } }

@media (max-width: 380px) {
	.ebadi-connectivity { padding-inline: 14px; }
	.ebadi-connectivity__card { padding: 24px 16px 17px; border-radius: 25px; }
	.ebadi-connectivity__visual { width: 96px; height: 96px; border-radius: 30px; }
	.ebadi-connectivity h1 { font-size: var(--eb-fs-page-strong); }
}

@media (prefers-reduced-motion: reduce) {
	.ebadi-connectivity__retry.is-checking svg { animation: none; }
}