.donation-hero{min-height:300px;position:relative;overflow:hidden;color:#fff;background:#42180d;display:flex;align-items:center;justify-content:center}.donation-hero-bg{position:absolute;inset:0;background:url('../assets/hero.jpg') center/cover no-repeat}.donation-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(45,8,2,.72),rgba(65,15,4,.45),rgba(35,7,2,.72))}.donation-hero-content{position:relative;z-index:2;width:min(720px,90%);padding:30px 25px;text-align:center;background:rgba(0,0,0,.43);border-radius:12px}.donation-hero-content>span{font-size:11px;letter-spacing:1.3px;color:#ffd77a;font-weight:700}.donation-hero-content h1{font:700 39px/1.15 'Playfair Display',serif;margin:10px 0 7px;text-shadow:0 2px 3px #351108}.donation-hero-content p{font-size:17px;margin:0;color:#fff7e9}.donation-breadcrumb{display:flex;justify-content:center;gap:9px;margin-top:16px;font-size:11px}.donation-breadcrumb a{color:#ffd76d}.donation-breadcrumb b{color:#fff}
.donation-intro{padding:52px 5% 46px;background:#fffaf0}.donation-title{text-align:center;max-width:820px;margin:auto}.donation-title>span,.ways-heading>span,.appeal-box>div>span{font-size:11px;letter-spacing:1.6px;color:#a20b1a;font-weight:800}.donation-title h2,.ways-heading h2{font:700 30px/1.2 'Playfair Display',serif;color:#7b0914;margin:8px 0 10px}.donation-title p,.ways-heading p{max-width:760px;margin:auto;color:#68605a;font-size:14px;line-height:1.75}.donation-cards{max-width:1180px;margin:32px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.donation-cards article{background:#fff;border:1px solid #eadfcf;border-radius:13px;padding:26px 22px;text-align:center;box-shadow:0 8px 24px rgba(67,25,7,.06)}.donation-icon{width:54px;height:54px;margin:0 auto 13px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff1d7;color:#a20b1a;font-size:23px;font-weight:800}.donation-cards h3{font-size:16px;color:#4f2118;margin:0 0 8px}.donation-cards p{font-size:12px;color:#716861;line-height:1.7;margin:0}
.ways-section{padding:48px 5%;background:#fff}.ways-heading{text-align:center;max-width:850px;margin:0 auto 28px}.ways-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.way-card{position:relative;background:#fffaf3;border:1px solid #eadfcf;border-radius:13px;padding:25px 22px;min-height:330px;box-shadow:0 8px 24px rgba(67,25,7,.06)}.way-card.featured{border:2px solid #d79b31;background:#fffdf8}.way-number{position:absolute;top:17px;right:18px;font-size:10px;font-weight:800;color:#b88727}.way-icon{width:58px;height:58px;border-radius:12px;background:#7b0914;color:#ffd46b;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:17px;margin-bottom:17px}.way-card h3{font:700 21px 'Playfair Display',serif;color:#5f1812;margin:0 0 8px}.way-card p{font-size:12px;line-height:1.65;color:#716861;margin:0 0 14px}.detail-placeholder{border:1px dashed #d8c6ad;border-radius:8px;padding:12px;color:#9a8b7e;font-size:10px;background:#fff}.qr-placeholder{height:145px;width:145px;margin:6px auto 14px;border:1px dashed #cdbda7;border-radius:8px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9b8d80}.qr-placeholder span{font-size:30px;font-weight:800;color:#a20b1a}.qr-placeholder small{font-size:8px;margin-top:5px}.bank-placeholder{border-top:1px solid #eadfcf}.bank-placeholder div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #eee3d4;font-size:9px}.bank-placeholder b{color:#5b4438}.bank-placeholder span{color:#96887d;text-align:right}
.appeal-section{padding:38px 5%;background:#fff9ed}.appeal-box{max-width:1180px;margin:auto;padding:27px 30px;background:linear-gradient(135deg,#7b000e,#570007);color:#fff;border-radius:14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;box-shadow:0 12px 30px rgba(67,25,7,.12)}.appeal-mark{width:52px;height:52px;border-radius:50%;background:#ffd15b;color:#7b0914;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:900}.appeal-box>div>span{color:#ffd56c}.appeal-box h2{font:700 23px 'Playfair Display',serif;margin:5px 0 6px}.appeal-box p{font-size:12px;color:#f4ddd7;margin:0;line-height:1.6}.contact-btn{display:inline-flex;padding:11px 17px;background:#ffd15b;color:#5e170d;border-radius:7px;font-size:10px;font-weight:800;white-space:nowrap}
.ack-section{max-width:1180px;margin:auto;padding:38px 5% 55px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.ack-card{display:flex;gap:15px;align-items:flex-start;border:1px solid #eadfcf;background:#fff;border-radius:12px;padding:22px;box-shadow:0 6px 20px rgba(67,25,7,.05)}.ack-icon{width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:#eaf5e8;color:#31803c;display:flex;align-items:center;justify-content:center;font-weight:900}.ack-card h3{font:700 19px 'Playfair Display',serif;color:#7b0914;margin:2px 0 7px}.ack-card p{margin:0;color:#6d645e;font-size:11px;line-height:1.7}.accounts-link{display:inline-flex;padding:11px 16px;background:#a20b1a;color:#fff;border-radius:7px;font-size:10px;font-weight:800;white-space:nowrap}
@media(max-width:900px){.donation-cards,.ways-grid{grid-template-columns:1fr}.appeal-box{grid-template-columns:auto 1fr}.contact-btn{grid-column:2;justify-self:start}.ack-section{grid-template-columns:1fr;padding-left:5%;padding-right:5%}.accounts-link{justify-self:start}}@media(max-width:650px){.donation-hero{min-height:270px}.donation-hero-content{padding:23px 15px}.donation-hero-content h1{font-size:29px}.donation-hero-content p{font-size:14px}.donation-intro,.ways-section,.appeal-section{padding-left:4%;padding-right:4%}.donation-title h2,.ways-heading h2{font-size:24px}.donation-cards{gap:12px}.donation-cards article{padding:20px 18px}.way-card{min-height:auto}.appeal-box{padding:22px 18px;grid-template-columns:auto 1fr}.appeal-box h2{font-size:20px}.appeal-box p{font-size:11px}.contact-btn{grid-column:1/-1;justify-self:start}.ack-section{padding-left:4%;padding-right:4%}.ack-card{padding:18px}}