/* IG SAFE – Spendenseite: sichtbarer Innenrahmen für Hero-Bild und Inhaltskarten */
.donation-face,
.impact-card,
.membership-callout,
.donation-payment {
  box-sizing: border-box;
  background: #fffdf0;
  border: 1px solid #d2c8c5;
  border-radius: 18px;
  box-shadow: var(--igsafe-unified-content-shadow, 0 16px 42px rgb(42 32 32 / 22%));
}

.donation-face,
.membership-callout,
.donation-payment {
  padding: clamp(16px, 2.6vw, 28px);
}

.impact-card {
  padding: 24px;
}

.donation-face img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
}

html[data-theme="dark"] .donation-face,
html[data-theme="dark"] .impact-card,
html[data-theme="dark"] .membership-callout,
html[data-theme="dark"] .donation-payment {
  background: var(--surface2, #272727);
  border-color: var(--line, #656565);
}