/* MONOLITHOS — HERAQCLES vote popup */
.mhv-overlay{
	position:fixed; inset:0; z-index:999999;
	display:flex; align-items:center; justify-content:center;
	padding:16px;
	background:rgba(28,30,33,.62);
	-webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);
	opacity:0; transition:opacity .28s ease;
}
.mhv-overlay.mhv-open{ opacity:1; }
.mhv-overlay[hidden]{ display:none; }

.mhv-modal{
	position:relative;
	width:100%; max-width:460px;
	background:#ffffff;
	border-radius:16px;
	box-shadow:0 24px 60px rgba(0,0,0,.35);
	overflow:hidden;
	transform:translateY(14px) scale(.98);
	transition:transform .28s ease;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	color:#2b2d31;
	max-height:92vh; overflow-y:auto;
}
.mhv-overlay.mhv-open .mhv-modal{ transform:translateY(0) scale(1); }

.mhv-close{
	position:absolute; top:8px; right:10px; z-index:2;
	width:34px; height:34px; border:0; border-radius:50%;
	background:rgba(255,255,255,.85); color:#333;
	font-size:24px; line-height:1; cursor:pointer;
	display:flex; align-items:center; justify-content:center;
	box-shadow:0 2px 8px rgba(0,0,0,.18);
	transition:background .15s ease, transform .15s ease;
}
.mhv-close:hover{ background:#fff; transform:scale(1.06); }

.mhv-banner{ display:block; background:#eef1f4; line-height:0; }
.mhv-banner img{ width:100%; height:auto; display:block; }

.mhv-body{ padding:20px 24px 24px; }

.mhv-badge{
	display:inline-block;
	background:#5a5a5a; color:#fff;
	font-size:11px; font-weight:700; letter-spacing:.04em;
	text-transform:uppercase;
	padding:5px 11px; border-radius:999px;
	margin-bottom:12px;
}

.mhv-title{
	margin:0 0 10px; padding:0;
	font-size:22px; line-height:1.2; font-weight:800;
	color:#1f2124;
}

.mhv-desc{
	margin:0 0 18px; padding:0;
	font-size:14.5px; line-height:1.55; color:#45484d;
}
.mhv-desc strong{ color:#1f2124; }

.mhv-actions{ display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; }

.mhv-btn{
	display:inline-block;
	background:linear-gradient(180deg,#444 0%,#2d2d2d 100%);
	color:#fff !important; text-decoration:none;
	font-size:15px; font-weight:700;
	padding:13px 22px; border-radius:10px;
	box-shadow:0 6px 16px rgba(0,0,0,.22);
	transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.mhv-btn:hover{ transform:translateY(-1px); filter:brightness(1.12); box-shadow:0 8px 22px rgba(0,0,0,.28); color:#fff !important; }

.mhv-later{
	background:none; border:0; cursor:pointer;
	color:#70737a; font-size:13.5px; text-decoration:underline;
	padding:6px 2px;
}
.mhv-later:hover{ color:#2b2d31; }

.mhv-hint{
	margin:16px 0 0; padding-top:14px;
	border-top:1px solid #eceef1;
	font-size:12.5px; line-height:1.5; color:#8a8d93;
}

@media (max-width:420px){
	.mhv-body{ padding:16px 18px 20px; }
	.mhv-title{ font-size:19px; }
}

@media (prefers-reduced-motion:reduce){
	.mhv-overlay, .mhv-modal{ transition:none; }
}
