/* donation.css — Donation page only. base.css handles nav, footer, page-hero, buttons. */

section{padding:64px 24px;}
.wrap{max-width:900px; margin:0 auto;}
.eyebrow{text-align:center;}

.impact-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:8px;}
.impact-card{background:var(--paper); border:1px solid var(--line); border-radius:8px; padding:20px; text-align:center; transition:transform 0.25s ease, box-shadow 0.25s ease;}
.impact-card:hover{transform:translateY(-6px); box-shadow:0 12px 24px rgba(58,44,32,0.12);}
.impact-amount{font-family:'Bebas Neue',sans-serif; font-size:36px; color:var(--rust);}
.impact-desc{font-size:13px; color:#5A4C3D; margin-top:6px;}

.amount-picker{display:flex; gap:10px; flex-wrap:wrap; justify-content:center; margin:36px 0 20px;}
.amount-pill{position:relative;}
.amount-pill input{position:absolute; opacity:0; width:100%; height:100%; cursor:pointer;}
.amount-pill span{display:block; padding:12px 26px; border:1.5px solid var(--line); border-radius:24px; font-weight:700; color:var(--forest); background:var(--paper); cursor:pointer; transition:all 0.2s ease;}
.amount-pill input:checked + span{background:var(--forest); border-color:var(--forest); color:var(--cream); transform:translateY(-2px);}

.custom-amount{display:flex; justify-content:center; align-items:center; gap:8px; margin-bottom:28px;}
.custom-amount input{width:140px; padding:11px 12px; border:1.5px solid var(--line); border-radius:24px; text-align:center; font-size:15px;}

.donate-btn{display:block; max-width:320px; margin:0 auto; padding:16px; background:var(--rust); color:#fff; border:none; border-radius:4px; font-family:'Bebas Neue',sans-serif; font-size:20px; letter-spacing:0.05em; cursor:pointer; text-align:center; transition:transform 0.2s ease, box-shadow 0.2s ease;}
.donate-btn:hover{transform:translateY(-3px); box-shadow:0 10px 20px rgba(217,72,31,0.25);}

.divider{display:flex; align-items:center; gap:14px; margin:56px 0 32px; color:#8A7B65; font-size:13px; text-transform:uppercase; letter-spacing:0.1em;}
.divider::before, .divider::after{content:""; flex:1; height:1px; background:var(--line);}

.bank-card{background:var(--paper); border:1px solid var(--line); border-radius:8px; padding:26px 28px;}
.bank-row{display:flex; justify-content:space-between; padding:8px 0; border-bottom:1px dashed var(--line); font-size:14px;}
.bank-row:last-child{border-bottom:none;}
.bank-row span:first-child{color:#8A7B65;}
.bank-row span:last-child{font-weight:700; color:var(--forest);}

@media (max-width:800px){
  .impact-grid{grid-template-columns:1fr;}
}