.public-website .causes-opportunities { max-width:1600px; padding:72px 5vw 88px; }
.causes-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; }
.cause-giving-card { display:flex; flex-direction:column; min-width:0; padding:16px; border:1px solid #dfe5df; border-radius:22px; background:#fff; box-shadow:0 8px 28px #18352a05; transition:transform .25s ease,box-shadow .25s ease; }
.cause-giving-card:hover { transform:translateY(-5px); box-shadow:0 18px 42px #18352a12; }
.cause-giving-image { aspect-ratio:3/2; overflow:hidden; border-radius:12px; background:#e9efea; }
.cause-giving-image img { display:block; width:100%; height:100%; object-fit:cover; }
.cause-giving-copy { display:flex; flex-direction:column; flex:1; padding:24px 5px 5px; }
.cause-giving-copy h2 { margin:0 0 14px; color:var(--brand-primary,#0B5D3B); font-size:clamp(21px,1.7vw,28px); line-height:1.5; overflow-wrap:anywhere; }
.cause-giving-copy p { margin:0 0 24px; color:#65736b; font-size:16px; line-height:1.85; }
.cause-giving-action { margin-top:auto; padding-top:20px; border-top:1px solid #e5eae6; }
.cause-donate-button { display:flex; justify-content:center; align-items:center; gap:14px; min-height:50px; padding:12px 20px; border-radius:10px; background:var(--brand-primary,#0B5D3B); color:#fff; font-weight:650; text-decoration:none; transition:background .2s ease; }
.cause-donate-button:hover { background:#08472e; color:#fff; }
.cause-donate-button:focus-visible { outline:3px solid var(--brand-accent,#C89B3C); outline-offset:4px; }
.cause-donate-button svg { width:22px; height:22px; flex:none; }
[dir="rtl"] .cause-donate-button svg { transform:rotate(180deg); }
@media(max-width:991px) { .causes-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; } }
@media(max-width:767px) { .public-website .causes-opportunities { padding:40px 20px 54px; } .causes-card-grid { grid-template-columns:1fr; } .cause-giving-copy { padding-top:20px; } }
@media(prefers-reduced-motion:reduce) { .cause-giving-card,.cause-donate-button { transition:none; } .cause-giving-card:hover { transform:none; } }