/* Keep intentionally unavailable actions and empty total rows out of the layout. */
[hidden] { display: none !important; }
.payment-methods { margin-top: 25px; }
.payment-methods > h3 { margin: 0 0 15px; font-size: 18px; color: var(--navy); }
.payment-method { padding: 22px; border: 1px solid var(--line); border-radius: 10px; margin-top: 14px; }
.payment-method.available { background: #f4f8ff; border-color: #abc4eb; }
.payment-method h4 { margin: 11px 0 8px; font-size: 18px; color: var(--navy); }
.payment-method p { margin: 9px 0; color: var(--text-soft); font-size: 14px; line-height: 1.7; }
.method-status { display: inline-block; padding: 4px 9px; border-radius: 5px; background: #edf0f4; color: #536173; font-size: 12px; font-weight: 700; }
.available .method-status { background: #dceee5; color: #21583c; }
.payment-steps { padding-left: 22px; margin: 17px 0; color: var(--text-soft); font-size: 14px; line-height: 1.7; }
.payment-steps li { padding: 4px 0 4px 3px; }
.payment-steps strong { color: var(--navy); }
.payment-method p.method-confirmation { padding-top: 12px; border-top: 1px solid #d5e1f2; color: var(--navy); }
.payment-method .btn-block { margin-top: 18px; }
.payment-method .method-help { margin: 12px 0 0; font-size: 13px; }
@media (max-width: 600px) {
  .payment-method { padding: 17px; }
  .payment-method h4 { font-size: 17px; }
  .payment-method .btn-block { font-size: 15px; white-space: normal; }
  table.tbl { display: block; max-width: 100%; overflow-x: auto; }
  .biz-info { grid-template-columns: minmax(0, 1fr); }
  .biz-info dl { grid-template-columns: 90px minmax(0, 1fr); }
  .biz-info .cs, .biz-info dd { min-width: 0; overflow-wrap: anywhere; }
}