/* Original brand motifs in a consistent 32px symbol system. */
.payment-methods{position:relative;padding:22px 0 24px;background:radial-gradient(ellipse at 6% 0,rgba(42,151,170,.07),transparent 65%),#0b1220;border-top:1px solid #263246;border-bottom:1px solid #1e2a3c}
.payment-methods::before{content:"";position:absolute;inset:0 18% auto;height:1px;background:linear-gradient(90deg,transparent,#5dc9d3,transparent);opacity:.45;pointer-events:none}
.payment-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.payment-methods h2{margin:0;color:#e4effb;font-size:13px;font-weight:600;line-height:1.5}
.payment-methods .payment-note{margin:0;color:#91a2ba;font-size:10px;line-height:1.6;max-width:460px}
.payment-groups{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.payment-group{display:grid;min-width:0;grid-template-columns:116px minmax(0,1fr);align-items:start;gap:18px}
.payment-methods h3{margin:7px 0 0;color:#a8b8cf;font-size:11px;line-height:1.5;font-weight:500}
.payment-methods .payment-grid{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px;list-style:none;margin:0;padding:0;min-width:0;max-width:880px}
.payment-logo{position:relative;display:flex;flex-direction:column;align-items:center;flex:0 0 32px;gap:4px}
.payment-methods .payment-mark{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#f7f9fc;border:1px solid #dde6f0;border-radius:6px;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.15);transition:transform 150ms ease,border-color 150ms ease}
.payment-methods .payment-mark img{display:block;width:30px;height:30px;object-fit:contain;object-position:center;border-radius:5px}
.payment-mark:hover{transform:translateY(-2px);border-color:#68cedb}
.payment-mark:focus-visible{outline:2px solid #65d8e5;outline-offset:3px}
.payment-service-badge{position:absolute;right:-3px;bottom:-3px;border-radius:3px;background:#183046;border:1px solid #72c8d4;color:#ebfcff;font-size:7px;font-weight:700;line-height:1.2;padding:1px 2px;pointer-events:none}
.payment-tooltip{position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);display:none;z-index:3;width:max-content;max-width:180px;padding:5px 8px;border:1px solid #3b526d;border-radius:5px;background:#142138;color:#eef7ff;font-size:10px;line-height:1.5;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.2);pointer-events:none}
.payment-tooltip::after{content:"";position:absolute;top:100%;left:calc(50% - 4px);border:4px solid transparent;border-top-color:#3b526d}
.payment-logo:focus-within .payment-tooltip,.payment-logo.is-active .payment-tooltip{display:block}
@media(hover:hover){.payment-logo:hover .payment-tooltip{display:block}}
.payment-name{color:#a5b7cf;font-size:9px;line-height:1.25;text-align:center}
.payment-group-crypto .payment-grid{gap:16px}
@media(max-width:899px){.payment-group{grid-template-columns:100px minmax(0,1fr);gap:14px}.payment-heading{align-items:flex-start}.payment-methods .payment-note{max-width:340px}}
@media(max-width:600px){.payment-methods{padding:20px 0}.payment-heading{display:block;margin-bottom:17px}.payment-methods .payment-note{margin-top:5px;font-size:9px;max-width:100%}.payment-groups{gap:16px}.payment-group{display:block}.payment-methods h3{font-size:10px;margin:0 0 8px}.payment-methods .payment-grid{gap:12px}.payment-tooltip{max-width:130px;font-size:10px}.payment-logo:first-child .payment-tooltip{left:0;transform:none}.payment-logo:first-child .payment-tooltip::after{left:12px}}
@media(prefers-reduced-motion:reduce){.payment-methods .payment-mark{transition:none}.payment-mark:hover{transform:none}}

.payment-mark::after{content:"";position:absolute;inset:-6px}.payment-logo.is-dismissed .payment-tooltip{display:none}