/* ╔══════════════════════════════════════════════════════════════╗
   ║  donate.css — Styles specific to the DONATE page           ║
   ╚══════════════════════════════════════════════════════════════╝ */
/* donate.css — Donate page */
.don-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; }
.don-c { background: rgba(255,255,255,.1); backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,.2); border-radius: 16px; padding: 32px; }
.don-c h3 { color: var(--gold2); font-size: 1.1rem; font-weight: 700; margin-bottom: 20px; display: flex; align-items: center; gap: 8px; }
.momo-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.mt { background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.22); color: #fff; padding: 6px 14px; border-radius: 50px; font-size: .78rem; font-weight: 600; }
.don-row { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,.1); }
.don-row .dl { font-size: .8rem; color: rgba(255,255,255,.6); }
.don-row .dv { font-weight: 600; color: #fff; font-size: .85rem; }
.don-support { background: rgba(255,255,255,.07); border-radius: 14px; padding: 26px; margin-top: 36px; }
.don-support h4 { color: var(--gold2); margin-bottom: 18px; font-size: .95rem; }
.don-items { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
.don-items div { display: flex; align-items: center; gap: 10px; color: rgba(255,255,255,.82); font-size: .83rem; }
.don-items i { color: var(--gold2); }
@media (max-width: 768px) { .don-grid { grid-template-columns: 1fr; } }