.donation-origin { display: flex; align-items: flex-start; gap: 13px; max-width: 820px; margin: -17px 0 28px; padding: 15px 18px; border-left: 4px solid #d8c9f6; border-radius: 0 12px 12px 0; background: #f8f6ff; }
.donation-origin > span { flex: 0 0 auto; color: #d92b82; font-size: 1rem; }
.donation-origin p { margin: 0; color: #596579; font-size: .84rem; line-height: 1.65; }
.donation-card .donation-secondary { max-width: 720px; margin-top: -3px; color: #737d8e; font-size: .82rem; }
.donation-card .donation-uses { display: grid; gap: 9px; margin: 20px 0 21px; padding: 0; list-style: none; }
.donation-card .donation-uses li { position: relative; min-width: 0; padding: 9px 12px 9px 38px; border-radius: 10px; background: #fffdf7; color: #4f5b6d; line-height: 1.45; overflow-wrap: anywhere; }
.donation-card .donation-uses li::before { position: absolute; top: 9px; left: 10px; display: grid; place-items: center; width: 19px; height: 19px; border-radius: 50%; background: #e8f7ee; color: #187643; content: "✓"; font-size: .66rem; font-weight: 900; }
.donation-page .coffee-button:not(.disabled) { color: #2d2700; border: 1px solid #e8c900; transition: transform .18s,box-shadow .18s,background .18s; }
.donation-page .coffee-button:not(.disabled):hover { background: #f5d500; transform: translateY(-2px); box-shadow: 0 14px 29px #947f0035; }
.donation-impact { margin-top: 20px; padding: 23px 26px; border: 1px solid #ded7f3; border-radius: 18px; background: #faf8ff; }
.donation-impact ul { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; margin: 0; padding: 0; list-style: none; }
.donation-impact li { padding: 11px 12px; border-radius: 10px; background: #fff; color: #536075; font-size: .78rem; font-weight: 700; }
.donation-impact li::before { margin-right: 7px; color: #187643; content: "✓"; }
.donation-no-pressure { max-width: 760px; margin: 22px auto 0; padding: 0 18px; color: #788294; font-size: .78rem; line-height: 1.65; text-align: center; }
@media (max-width:760px) { .donation-origin { margin-top: -6px; } .donation-card .donation-uses li { padding-right: 9px; } .donation-impact ul { grid-template-columns: 1fr; } .donation-no-pressure { padding: 0 4px; text-align: left; } }
@media (max-width:380px) { .donation-origin { padding: 13px 14px; } .donation-card .donation-uses li { padding-left: 35px; font-size: .82rem; } }