.stripe-payment-details {
  margin-top: 18px;
  padding: 18px;
  border: 1px solid #dbe5f4;
  border-radius: 16px;
  background: linear-gradient(145deg, #f8fbff, #eef5ff);
}

.stripe-payment-details small {
  color: #2969e8;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.13em;
}

.stripe-payment-details h3 {
  margin: 5px 0 14px;
  font-size: 18px;
}

.stripe-payment-details dl {
  display: grid;
  gap: 9px;
  margin: 0;
}

.stripe-payment-details dl div {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding-top: 9px;
  border-top: 1px solid #dbe5f4;
}

.stripe-payment-details dt { color: #61708a; }
.stripe-payment-details dd { margin: 0; font-weight: 800; text-align: right; }
.stripe-payment-details p { margin: 13px 0 0; color: #61708a; font-size: 12px; }

@media (max-width: 600px) {
  .stripe-payment-details dl div { display: grid; gap: 3px; }
  .stripe-payment-details dd { text-align: left; }
}