/* Giving opportunities live in the narrative, outside sacred photographs. */
.sponsor-mobile { display: none; }
.site-header .donate-button { min-height: 44px; }
.call-promise-line { margin: 0;  }
.call-appeal-travelers { margin: 0 0 13px;   }
.call-sponsorship-price { margin: 22px 0 18px;   }
.call-promise .donate-button { pointer-events: auto;  min-height: 46px; padding: 12px 21px; }
.call-giving-shortcut { display: block; width: fit-content; pointer-events: auto; margin-top: 6px; padding: 10px 0;   color: var(--hdf-white); text-decoration: underline; text-underline-offset: 4px; }
.makkah-conversion { padding: 58px var(--pad) 68px; background: var(--campaign-charcoal); color: var(--hdf-white); display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.makkah-conversion .eyebrow {  color: var(--hdf-yellow);  }
.makkah-conversion h2 {  margin: 18px 0;  }
.makkah-conversion .donate-button {  min-height: 52px; padding: 14px 24px; }
.makkah-conversion-action { flex-shrink: 0; }
.makkah-conversion .giving-preview-note { max-width: 28ch; margin-top: 14px;  color: var(--campaign-muted-dark); }
.giving-trust-summary { max-width: 42ch; margin-top: 18px;  color: var(--campaign-muted-light); }
.giving-trust-summary a { display: inline-block; color: var(--hdf-blue); text-decoration: underline; text-underline-offset: 3px; min-height: 32px; padding-top: 6px; }
.editorial-details { padding-top: 32px; }
.editorial-details .editorial-faq { padding-top: 28px; }
.campaign-progress { max-width: 960px; margin: 55px auto 0; padding: 24px 0;  }
.campaign-progress[hidden] { display: none!important; }
.campaign-progress progress { width: 100%; height: 5px; accent-color: var(--hdf-blue); margin: 14px 0; }
.progress-explanation, .progress-source {  max-width: 70ch; }
.progress-source { margin-top: 7px; }
.progress-source a { color: var(--hdf-blue); text-decoration: underline; }
@media (max-width: 700px) {
  .sponsor-desktop { display: none; }
  .sponsor-mobile { display: inline; }
  .site-header .donate-button { min-height: 44px;  }
  .call-appeal-travelers {  margin-bottom: 10px; }
  .call-sponsorship-price {  margin: 16px 0 12px; }
  .makkah-conversion { flex-direction: column; align-items: flex-start; gap: 24px; padding: 46px var(--pad) 52px; }
  .makkah-conversion-action { width: 100%; }
  .makkah-conversion .donate-button { width: 100%; justify-content: space-between; }
  .makkah-conversion .giving-preview-note { max-width: none; margin-top: 10px; }
}
@media (max-height: 670px) and (max-width: 700px) {
  .call-promise { top: 17%;  }
  .call-sponsorship-price { margin-top: 12px; }
}
@media (max-height: 560px) and (min-width: 701px) {
  .call-promise { top: 25%;  }
  .call-sponsorship-price { margin: 12px 0 10px; }
}
 html:not(.js) .call-promise { pointer-events: auto; }
@media (prefers-reduced-motion: reduce) { .call-promise { pointer-events: auto; } }