.bank-details {
  margin: 24px 0;
  padding: 22px;
  background: #111;
  color: #fff;
  border-top: 4px solid var(--yellow);
  text-align: left;
}

.bank-details h2 {
  color: var(--yellow);
  font-size: 24px;
  margin: 0 0 12px;
}

.bank-details p { line-height: 1.5; }
.payment-options { display: grid; gap: 12px; margin: 18px 0 24px; }
.payment-options label { display: grid; grid-template-columns: auto 1fr; column-gap: 10px; align-items: start; padding: 15px; border: 1px solid #555; background: #111; cursor: pointer; }
.payment-options input { grid-row: 1 / 3; margin-top: 3px; }
.payment-options span { display: block; margin-top: 5px; color: #ccc; line-height: 1.4; }

.bank-details dl {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 10px 18px;
  margin: 18px 0;
}

.bank-details dt {
  color: var(--yellow);
  font-weight: 900;
}

.bank-details dd {
  margin: 0;
  overflow-wrap: anywhere;
}

@media (max-width: 560px) {
  .bank-details dl {
    grid-template-columns: 1fr;
    gap: 3px;
  }

  .bank-details dd { margin-bottom: 10px; }
}