.pay-methods {padding-block:clamp(2rem,5vw,4rem);color:#254458}
.pay-methods h2 {font-size:clamp(1.9rem,4vw,3rem);margin:0 0 .7rem}
.pay-intro {margin:0 0 1.6rem}
.pay-row {border-top:1px solid #dce4e9;display:grid;grid-template-columns:minmax(10rem,1fr) minmax(0,4fr);gap:1.25rem;padding:1.4rem 1rem 1.4rem 0}
.pay-row h3 {font-size:1.4rem;margin:0}
.pay-row p {font-size:.95rem;line-height:1.5;margin:.65rem 0 0}
.pay-logos {display:flex;flex-wrap:wrap;gap:.85rem 1rem;padding:0;margin:0;list-style:none}
.pay-logos li {display:grid;justify-items:center;align-content:start;gap:.35rem;min-width:4.9rem;text-align:center;font-size:.83rem}
.pay-logos img,.pay-logos svg {width:60px;height:38px;object-fit:contain}
.pay-row .pay-callout {margin-top:1rem;padding:.65rem .9rem;background:#edf5fa;border-left:3px solid #245e87;border-radius:0 .35rem .35rem 0}
.pay-logos .pay-logo-bordered {box-sizing:border-box;border:1px solid #d9d9d9;border-radius:4px;background:#fff}
@media(max-width:44rem){.pay-row{grid-template-columns:1fr;gap:.85rem}}

.pay-guide {
  padding-block: clamp(2rem, 5vw, 4rem);
  background: #f8f5ed;
}

.pay-guide h2 {
  font-size: clamp(1.9rem, 4vw, 3rem);
  margin: 0 0 1.25rem;
}

.pay-guide-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.pay-guide-card {
  padding: clamp(1rem, 3vw, 1.75rem);
  background: #fff;
  border: 1px solid #dce4e9;
  border-radius: .65rem;
  scroll-margin-top: 7rem;
}

.pay-guide-card h3 {
  font-size: clamp(1.35rem, 2vw, 1.75rem);
  margin: 0 0 .65rem;
}

.pay-guide-card p,
.pay-guide-help p {
  margin: 0;
}

.pay-guide-steps {
  margin: 1rem 0 0;
  padding-inline-start: 1.4rem;
}

.pay-guide-steps li + li {
  margin-top: .75rem;
}

.pay-guide-help {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: .5rem 1rem;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #dce4e9;
}

@media (max-width: 44rem) {
  .pay-guide-grid { grid-template-columns: 1fr; }
}