.np-donate { display: grid; gap: 0.75rem; }
.np-donate__tiers { display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: center; }
.np-donate__tier {
  min-height: 48px; min-width: 88px; padding: 0.6rem 1.25rem; border-radius: 999px; cursor: pointer;
  border: 2px solid var(--wp--preset--color--ocean, #277DA1); background: #fff; color: var(--wp--preset--color--ocean, #277DA1);
  font: inherit; font-weight: 700; font-size: 1rem; transition: background .2s, color .2s;
}
.np-donate__tier:hover, .np-donate__tier[aria-pressed="true"] { background: var(--wp--preset--color--ocean, #277DA1); color: #fff; }
.np-donate__tier:focus-visible { outline: 3px solid #F9C74F; outline-offset: 3px; }
.np-donate__tier[disabled] { opacity: .6; cursor: wait; }
.np-donate__custom label { display: block; font-size: 0.875rem; font-weight: 600; margin-bottom: 0.35rem; }
.np-donate__custom-row { display: flex; gap: 0.5rem; align-items: center; }
.np-donate__symbol { font-weight: 700; }
.np-donate__custom-row input { flex: 1; min-height: 48px; padding: 0.5rem 1rem; border-radius: 999px; border: 1px solid #B9C7D3; font: inherit; font-size: 1rem; }
.np-donate__go { min-height: 48px; padding: 0.6rem 1.5rem; border-radius: 999px; border: 0; background: var(--wp--preset--color--ocean, #277DA1); color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.np-donate__error { color: #C42B2E; font-size: 0.875rem; margin: 0; }
.np-donate__note, .np-donate__notice { font-size: 0.8125rem; color: #5B6B7A; text-align: center; margin: 0; }
.np-donate-result { text-align: center; max-width: 36rem; margin: 0 auto; }
.np-donate-result__icon { font-size: 3rem; margin: 0; }