.wfs-payment-methods{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem;margin:.65rem 0 .2rem}
.wfs-payment-method{display:inline-flex;align-items:center;justify-content:center;min-width:58px;min-height:32px;padding:.15rem .3rem;background:#fff;border:1px solid #d8e0d6;border-radius:5px}
.wfs-payment-method img{width:58px;height:28px;object-fit:contain;display:block}
.wfs-payment-method__text{font-size:max(12px,.75rem);font-weight:700;color:#24392e;line-height:1.25;white-space:nowrap}
.wfs-payment-method--surface-dark{background:#163529;border-color:#163529}
.wfs-payment-method--surface-light{background:#fff;border-color:#d8e0d6}
.wfs-payment-method--revolut-pay:has(img),.wfs-payment-method--skrill:has(img),.wfs-payment-method--neteller:has(img),.wfs-payment-method--paysafecard:has(img){min-width:100px}
.wfs-payment-method--revolut-pay img,.wfs-payment-method--skrill img,.wfs-payment-method--neteller img,.wfs-payment-method--paysafecard img{width:100px;height:24px;max-width:100%;object-fit:contain}
.wfs-payment-methods__note{display:block;color:#4d6055;font-size:max(12px,.75rem);line-height:1.4;text-align:center}
/* Ranking cards use a small, tight logo rail directly below the CTA. */
.wfs-payment-methods--compact{gap:3px;flex-wrap:wrap;margin:7px 0 3px;align-items:center;justify-content:center}
.wfs-payment-methods--compact .wfs-payment-method,.wfs-payment-methods--compact .wfs-payment-method--revolut-pay:has(img),.wfs-payment-methods--compact .wfs-payment-method--skrill:has(img),.wfs-payment-methods--compact .wfs-payment-method--neteller:has(img),.wfs-payment-methods--compact .wfs-payment-method--paysafecard:has(img){box-sizing:border-box;min-width:34px;width:34px;height:23px;min-height:23px;padding:1px;border-radius:3px}
.wfs-payment-methods--compact .wfs-payment-method img,.wfs-payment-methods--compact .wfs-payment-method--revolut-pay img,.wfs-payment-methods--compact .wfs-payment-method--skrill img,.wfs-payment-methods--compact .wfs-payment-method--neteller img,.wfs-payment-methods--compact .wfs-payment-method--paysafecard img{width:32px;height:19px;max-width:32px;max-height:19px;object-fit:contain}
.wfs-payment-methods--compact .wfs-payment-method__text{font-size:8px;line-height:1;white-space:normal;overflow-wrap:anywhere;text-align:center}
/* The authentic Google Pay artwork has internal transparent margins. Enlarge it
   within its existing tile; no new asset or distorted logo is needed. */
.wfs-payment-methods--compact .wfs-payment-method--google-pay{overflow:hidden}
.wfs-payment-methods--compact .wfs-payment-method--google-pay img{transform:scale(1.6);transform-origin:center center}
/* Apple Pay and the supplied colour acceptance marks carry their own edge/space. */
.wfs-payment-methods--compact .wfs-payment-method--apple-pay,.wfs-payment-methods--compact .wfs-payment-method--paypal,.wfs-payment-methods--compact .wfs-payment-method--mastercard-debit{border:0;padding:0;background:transparent}
.wfs-payment-methods--compact .wfs-payment-method--apple-pay img,.wfs-payment-methods--compact .wfs-payment-method--paypal img,.wfs-payment-methods--compact .wfs-payment-method--mastercard-debit img{width:34px;height:23px;max-width:34px;max-height:23px;object-fit:contain}
/* Use the existing approved artwork on each provider's current brand surface. */
.wfs-payment-methods--compact .wfs-payment-method--trustly{background:#45ed7d;border-color:#45ed7d;overflow:hidden}
.wfs-payment-methods--compact .wfs-payment-method--trustly img{filter:brightness(0);transform:scale(1.25);transform-origin:center center}
.wfs-payment-methods--compact .wfs-payment-method--paysafecard{background:#05226f;border-color:#05226f}
/* Keep the complete Revolut Pay mark and its aspect ratio; the R alone is not a substitute. */
.wfs-payment-methods--compact .wfs-payment-method--revolut-pay:has(img){min-width:56px;width:56px}
.wfs-payment-methods--compact .wfs-payment-method--revolut-pay img{width:54px;max-width:54px;height:19px;max-height:19px}
/* A wider badge lets the long PaysafeCard wordmark read without stretching it. */
.wfs-payment-methods--compact .wfs-payment-method--paysafecard:has(img){min-width:42px;width:42px}
.wfs-payment-methods--compact .wfs-payment-method--paysafecard img{width:40px;max-width:40px;height:19px;max-height:19px}
/* Apple Pay and Google Pay supply their own frames: avoid a duplicate outer edge. */
.wfs-payment-methods--compact .wfs-payment-method--apple-pay,.wfs-payment-methods--compact .wfs-payment-method--google-pay{min-width:36px;width:36px;height:25px;min-height:25px;border:0;padding:0;background:transparent;overflow:hidden}
.wfs-payment-methods--compact .wfs-payment-method--apple-pay img{width:36px;max-width:36px;height:25px;max-height:25px}
.wfs-payment-methods--compact .wfs-payment-method--google-pay img{width:34px;max-width:34px;height:21px;max-height:21px}