.payment-methods { --gateway-border:#2b363e; --gateway-surface:#10161c; --gateway-muted:#a5afb8; margin: 32px auto 48px; padding: 24px; border: 0; border-radius: 0; background: transparent; }
.payment-methods h2 { font-size: 16px; margin: 0 0 20px; }
.payment-methods ul { list-style: none; display: grid; grid-template-columns: repeat(8,minmax(0,1fr)); gap: 16px; padding: 0; margin: 0; }
.payment-methods li { display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; min-width: 0; }
.payment-methods img { width: 84px; max-width: 100%; height: 56px; object-fit: contain; border-radius: 4px; }
.payment-methods li span { font-size: 11px; color: var(--gateway-muted); }
.payment-methods-note { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-top: 20px; font-size: 11px; color: var(--gateway-muted); }
.payment-methods-note p { margin: 0; }
.payment-methods-note a { color: var(--gateway-muted); text-decoration: underline; }
@media(max-width:1000px){ .payment-methods ul {grid-template-columns: repeat(4,minmax(0,1fr));row-gap:24px;} }
@media(max-width:440px){ .payment-methods {padding:20px 14px;} .payment-methods ul {gap:16px 8px;} .payment-methods img {height:44px;} }