/* Final component-level refinements for the UI/UX Pro Max layer. */

.module-nav__links > a {
  position: relative;
}

.card-media-fallback {
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-end !important;
  gap: 8px;
}

.card-media-fallback__kicker {
  position: relative;
  z-index: 2;
  color: rgba(255,255,255,.72) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase;
}

.card-media-fallback__title {
  position: relative;
  z-index: 2;
  max-width: 88% !important;
  color: #fff !important;
  font-size: clamp(20px, 2.1vw, 27px) !important;
  font-weight: 700 !important;
  line-height: 1.02 !important;
  letter-spacing: -.03em !important;
  text-wrap: balance;
}

.campaign-cover-fallback .campaign-cover-fallback__copy {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  max-width: 74% !important;
  color: #fff !important;
  font-size: inherit !important;
  line-height: normal !important;
  text-align: center !important;
}

.campaign-cover-fallback .campaign-cover-fallback__kicker {
  color: rgba(255,255,255,.72) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase;
}

.campaign-cover-fallback .campaign-cover-fallback__title {
  color: #fff !important;
  font-size: clamp(40px, 5vw, 66px) !important;
  font-weight: 700 !important;
  line-height: .94 !important;
  letter-spacing: -.045em !important;
  text-wrap: balance;
}

.campaign-cover-fallback .campaign-cover-fallback__tag {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  padding: 8px 13px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  color: rgba(255,255,255,.9) !important;
  background: rgba(255,255,255,.09);
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  backdrop-filter: blur(10px);
}

.donation-trust {
  display: grid;
  gap: 10px;
  margin-top: 20px;
  padding: 16px;
  border: 1px solid rgba(41,76,55,.09);
  border-radius: 16px;
  background: linear-gradient(145deg, #f7faf8, #f1f6f2);
}

.donation-trust__item {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: start;
  gap: 9px;
  color: #536056;
  font-size: 12px;
  line-height: 1.45;
}

.donation-trust__icon {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #416c4f;
  font-size: 11px;
  font-weight: 700;
}

@media (max-width: 680px) {
  .campaign-cover-fallback .campaign-cover-fallback__copy {
    max-width: 86% !important;
  }

  .campaign-cover-fallback .campaign-cover-fallback__title {
    font-size: clamp(36px, 11vw, 52px) !important;
  }
}