/* Accepted payment method marks (rendered by services/paymentMarks.js). */
.payment-marks { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; padding: 0; list-style: none; }
.payment-marks li { margin: 0; padding: 0; }
/* Some pages (top-up, invited payment) do not load the Tailwind build. */
.payment-marks .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.payment-marks img { display: block; width: 46px; height: 30px; max-width: none; }
.payment-marks-more { display: inline-flex; align-items: center; justify-content: center; min-width: 46px; height: 30px; padding: 0 8px; border: 1px solid #d9dce6; border-radius: 5px; background: #fff; font-size: 12px; font-weight: 700; color: #526078; cursor: help; }

.payment-marks--compact { gap: 6px; }
.payment-marks--compact img { width: 38px; height: 25px; }
.payment-marks--compact .payment-marks-more { min-width: 38px; height: 25px; font-size: 11px; }

.payment-marks--footer { justify-content: center; gap: 6px; }
.payment-marks--footer img { width: 40px; height: 26px; }

.payment-marks-slot--plan { margin-top: 14px; }
.payment-marks-slot--plan .payment-marks { justify-content: center; }
.payment-marks-slot--dark .payment-marks { justify-content: center; }
.payment-marks-slot--topup { margin-top: 12px; }

.site-footer-payments { display: flex; flex-direction: column; align-items: center; gap: 10px; margin-top: 32px; padding-top: 24px; border-top: 1px solid #e5e7eb; }
.site-footer-payments-label { margin: 0; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #6b7280; }

@media (max-width: 420px) {
  .payment-marks--footer img { width: 36px; height: 24px; }
}