.dg-popup { position: fixed; inset: 0; z-index: 99990; display: grid; place-items: center; padding: 1rem; }
.dg-popup[hidden] { display: none; }
.dg-popup__overlay { position: absolute; inset: 0; background: rgba(20, 30, 22, 0.55); }
.dg-popup__panel {
	position: relative; background: #FFFDF7; color: #26211B; max-width: 460px; width: 100%;
	border-radius: 12px; box-shadow: 0 18px 50px rgba(0,0,0,0.3); overflow: hidden;
	padding: 2rem 2rem 2.1rem; text-align: center;
	animation: dgPopIn 0.25s ease-out;
}
.dg-popup__band {
	position: absolute; top: 0; left: 0; right: 0; height: 6px;
	background: linear-gradient(to right, #1E4D2B 0 33.4%, #E09E1F 33.4% 66.7%, #B63A28 66.7% 100%);
}
.dg-popup__panel h2 { margin: 0.5rem 0 0.6rem; font-size: 1.5rem; line-height: 1.2; color: #143920; }
.dg-popup__panel p { margin: 0 0 1.25rem; color: #5C544A; }
.dg-popup__button {
	display: inline-block; background: #1E4D2B; color: #fff; text-decoration: none;
	font-weight: 700; padding: 0.7rem 1.4rem; border-radius: 999px;
}
.dg-popup__button:hover { background: #B63A28; color: #fff; }
.dg-popup__close {
	position: absolute; top: 0.6rem; right: 0.7rem; background: none; border: 0;
	font-size: 1.6rem; line-height: 1; cursor: pointer; color: #8a8175; padding: 0.25rem;
}
.dg-popup__close:hover { color: #B63A28; }
@keyframes dgPopIn { from { transform: translateY(10px); opacity: 0; } to { transform: none; opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .dg-popup__panel { animation: none; } }