/* Donate page - ported from DonateForm.module.scss */
.donate {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 2.5rem;
  align-items: start;
}
.donate__main { display: flex; flex-direction: column; gap: 1.5rem; }
.donate__block {
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: 1.5rem;
  margin: 0;
  background: #fff;
  min-width: 0;
}
.donate__block legend { padding-inline: 0.5rem; font-weight: 650; font-size: 0.95rem; color: var(--brand-dark); }
.donate__row { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr)); gap: 0 1rem; }

.donate__chips { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.donate__chip {
  font: inherit;
  font-size: 0.88rem;
  font-weight: 600;
  padding: 0.55rem 1.05rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fff;
  color: var(--ink);
  cursor: pointer;
  transition: all 0.15s ease;
}
.donate__chip:hover { border-color: var(--brand); }
.donate__chip[aria-pressed='true'] { background: var(--brand); border-color: var(--brand); color: #fff; }

.donate__tax { padding: 1rem; margin-block: 0.5rem 1rem; border-radius: var(--radius); background: var(--surface-tint); }

.donate__summary { position: sticky; top: 90px; }
.donate__panel { border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 1.5rem; background: #fff; }
.donate__panel h3 { font-size: 1rem; margin-bottom: 0.75rem; }
.donate__amount { font-size: 2rem; font-weight: 700; color: var(--brand-dark); line-height: 1.1; }
.donate__meta { font-size: 0.85rem; color: var(--ink-muted); margin-bottom: 1.25rem; }
.donate__secure { margin: 0.9rem 0 0; font-size: 0.76rem; color: var(--ink-muted); }
.donate__testmode { margin-bottom: 1.5rem; }

.donate__faqs { max-width: 46rem; }
.donate__faqs details { margin-bottom: 0.75rem; border-bottom: 1px solid var(--line); }
.donate__faqs summary { cursor: pointer; font-weight: 600; padding: 0.6rem 0; }

@media (max-width: 900px) {
  .donate { grid-template-columns: 1fr; }
  .donate__summary { position: static; order: -1; }
}