.afa-donation-modal {
			position: fixed;
			inset: 0;
			z-index: 999999;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 20px;
			visibility: hidden;
			opacity: 0;
			pointer-events: none;
			background: rgba(2, 12, 35, 0.85);
			backdrop-filter: blur(6px);
			transition:
				opacity 0.25s ease,
				visibility 0.25s ease;
		}

		.afa-donation-modal.is-open {
			visibility: visible;
			opacity: 1;
			pointer-events: auto;
		}

		.afa-donation-dialog {
			position: relative;
			width: min(850px, 100%);
			height: min(850px, 92vh);
			padding: 52px 12px 12px;
			overflow: hidden;
			border-radius: 20px;
			background: #fff;
			box-shadow: 0 25px 80px rgba(0, 0, 0, 0.4);
			transform: translateY(20px) scale(0.98);
			transition: transform 0.25s ease;
		}

		.afa-donation-modal.is-open .afa-donation-dialog {
			transform: translateY(0) scale(1);
		}

		.afa-donation-close {
			position: absolute;
			top: 8px;
			right: 10px;
			z-index: 10;
			display: flex;
			align-items: center;
			justify-content: center;
			width: 38px;
			height: 38px;
			padding: 0;
			border: 0;
			border-radius: 50%;
			background: #03122f;
			color: #fff;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 26px;
			font-weight: 400;
			line-height: 1;
			cursor: pointer;
			transition:
				background-color 0.2s ease,
				color 0.2s ease,
				transform 0.2s ease;
		}

		.afa-donation-close:hover,
		.afa-donation-close:focus-visible {
			background: #d9a83e;
			color: #03122f;
			transform: rotate(90deg);
			outline: none;
		}

		.afa-donation-iframe {
			display: block;
			width: 100%;
			height: 100%;
			border: 0;
			border-radius: 12px;
			background: #fff;
		}

		body.afa-donation-popup-open {
			overflow: hidden;
		}

		@media (max-width: 600px) {
			.afa-donation-modal {
				padding: 8px;
			}

			.afa-donation-dialog {
				width: 100%;
				height: 95vh;
				padding: 50px 6px 6px;
				border-radius: 14px;
			}
		}

		@media (prefers-reduced-motion: reduce) {
			.afa-donation-modal,
			.afa-donation-dialog,
			.afa-donation-close {
				transition: none;
			}
		}

.scylla-inline-icon { display: inline-block; width: 100%; height: 100%; object-fit: contain; }