.payment-options {
  scroll-margin-top: 5rem;
  display: grid;
  gap: 18px;
  line-height: 1.5;
}

.payment-info,
.payment-qr-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
  gap: 12px;
}

.payment-card {
  min-width: 0;
  padding: clamp(12px, 3vw, 20px);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 14px;
  background: var(--bg, #0b0d10);
}

.payment-card h3,
.payment-qr-section h3 {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--ink);
}

.payment-rows {
  margin-top: 10px;
  font-size: 0.95rem;
}

.payment-rows div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2px 12px;
  padding: 7px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.payment-rows dt { color: var(--muted); }
.payment-rows dd {
  color: var(--ink);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.payment-qr-grid {
  margin-top: 12px;
}

.payment-qr-card {
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 14px;
  text-align: center;
  border-top: 3px solid var(--payment-accent);
}

.payment-qr-monzo { --payment-accent: #ff8e84; }
.payment-qr-revolut { --payment-accent: #b6a9ff; }

.payment-qr-brand {
  color: var(--payment-accent);
  font-size: 1.25rem;
  font-weight: 700;
}

.payment-qr-brand span {
  display: block;
  color: var(--muted);
  font-size: 0.9rem;
  font-weight: 500;
}

.payment-qr-card img {
  display: block;
  width: var(--payment-qr-width);
  max-width: 100%;
  height: auto;
  image-rendering: pixelated;
  scroll-margin-block: 5rem;
}

.payment-qr-monzo { --payment-qr-width: 188px; }
.payment-qr-revolut { --payment-qr-width: 195px; }

.payment-qr-card a {
  display: inline-grid;
  align-items: center;
  min-height: 44px;
  padding: 8px 12px;
  border: 1px solid var(--payment-accent);
  border-radius: 8px;
  color: var(--payment-accent);
  font-size: 0.9rem;
  font-weight: 700;
}

.payment-qr-card a:hover,
.payment-qr-card a:focus-visible {
  color: var(--bg);
  background: var(--payment-accent);
}