/* Standalone donation page matching the existing SAAD donation form. */
.donation-page { background:#f5f4f3; }
.donation-page .header { --nav-color:#252525; }
.donation-page .header .logo { flex:0 0 auto; }
.donation-page .header .logo img.saad-brand-logo { display:block; width:65px; height:68px; max-width:65px; max-height:68px; object-fit:contain; flex-shrink:0; }
.donation-page .footer .logo img.saad-brand-logo { display:block; width:110px; height:auto; max-width:110px; max-height:none; object-fit:contain; }
@media(max-width:575px) {
 .donation-page .header .logo img.saad-brand-logo { width:54px; height:56px; max-width:54px; max-height:56px; }
}
.donation-page .donation-page-title { height:auto; min-height:180px; padding:36px 0; border-radius:0; background:#f7f7f6; border-bottom:1px solid #e5e5e5; }
.donation-page-title .heading-title { color:#dd2b1c; font-size:clamp(30px,4vw,42px); margin-bottom:12px; }
.donation-page-title .breadcrumbs ol { color:#252525; flex-wrap:wrap; }
.donation-page-title .breadcrumbs a { color:#dd2b1c; }
.donation-page-title .breadcrumbs ol li+li::before { color:#777; }
.donation-reference-shell { max-width:1140px; margin:44px auto 64px; padding:0 12px; }
.donation-reference-content { position:relative; background:#fff; border-radius:14px; border:1px solid #e7e7e7; border-top:3px solid #dd2b1c; box-shadow:0 12px 36px rgba(0,0,0,.05); }
.donation-reference-body { padding:32px; }
.donation-reference-body .donation-form-title { font-size:25px; color:#151616; }
.donation-reference-body h3 { font-size:25px; color:#151616; margin-bottom:6px; }
.donation-reference-body p { font-size:14px; line-height:1.8; }
.donation-reference-body .donation-panel { background:#fff; border:1px solid #e7e7e7; border-radius:8px; }
.donation-reference-body .donation-panel h3 { color:#dd2b1c; font-size:21px; }
.donation-reference-body .donation-panel a { overflow-wrap:anywhere; }
.donation-reference-body .donation-form { gap:12px; }
.donation-reference-body .form-control,.donation-reference-body .form-select { background:#fff; font-size:14px; min-height:40px; }
.donation-reference-body .donation-field label { font-size:13px; }
.donation-reference-body .donation-type-tab { font-size:14px; padding:12px; }
.donation-reference-body .selected-donation-amount { font-size:14px; margin:0; }
.donation-reference-body .policy-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; }
.donation-reference-body .policy-actions a { font-size:12px; }
.donation-reference-body .donation-submit { min-height:40px; }
.donation-reference-body .donation-trust-row { flex-wrap:wrap; }
.donation-reference-body .id-proof-row { grid-template-columns:90px minmax(0,1fr); }
@media(max-width:767px) {
 .donation-page { padding-bottom:70px; }
 .donation-page .scroll-top.active { bottom:74px; }
 .donation-page .btn-container { bottom:10px; bottom:calc(10px + env(safe-area-inset-bottom)); }
 .donation-page .modal-dialog { margin:16px; }
 .donation-reference-shell { margin:24px auto 36px; }
 .donation-reference-body { padding:24px 18px; }
 .donation-page .donation-page-title { min-height:140px; padding:28px 0; }
 .donation-page .topbar .contact-info { flex-wrap:wrap; justify-content:center; gap:4px 12px; }
 .donation-page .topbar .contact-info .ms-4 { margin-left:0!important; }
 .donation-page .topbar { height:auto; min-height:40px; padding:8px 0; }
 .donation-page .footer .contact-info { min-width:0; overflow-wrap:anywhere; }
 .donation-reference-body .form-control,.donation-reference-body .form-select { font-size:16px; }
 .donation-reference-body .donation-panel { margin-top:12px; }
}
@media(max-width:479px) {
 .donation-reference-body .donation-fields-grid,.donation-reference-body .donation-location-grid { grid-template-columns:1fr; }
 .donation-reference-body .donation-amount-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .donation-reference-body .donation-trust-row { justify-content:flex-start; gap:12px 18px; }
}