.it-donation-embed {
  width: min(100%, 740px);
  margin-inline: auto;
  overflow: hidden;
  border: 1px solid rgba(194, 174, 122, .45);
  border-radius: 12px;
  background: #f8f6f1;
  box-shadow: 0 18px 45px rgba(15, 27, 45, .17);
}

.it-donation-mount { min-height: 240px; }
.it-donation-mount[hidden], .it-donation-fallback[hidden] { display: none; }
.it-donation-loading {
  display: grid;
  min-height: 240px;
  place-items: center;
  padding: 32px;
  color: #263955;
  font: 600 16px/1.5 Almarai, Arial, sans-serif;
  text-align: center;
}
.it-donation-embed iframe { display: block; width: 100%; max-width: 100%; border: 0; }

/* The original iframe occupied one fixed-height Fluid Engine block. Let the
   themed form determine its height, including changes between payment types. */
.inward-site #page .page-section:has(.it-donation-embed) {
  min-height: 0 !important;
  padding-block: clamp(36px, 5vw, 64px) !important;
}
.inward-site #page .page-section:has(.it-donation-embed) > .content-wrapper {
  height: auto !important;
  min-height: 0 !important;
  padding: 0 5vw !important;
}
.inward-site #page .fluid-engine:has(.it-donation-embed) { display: block !important; }
.inward-site #page .fe-block:has(.it-donation-embed),
.inward-site #page .sqs-block:has(.it-donation-embed) {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
}

@media (max-width: 600px) {
  .it-donation-embed { border-radius: 8px; }
}