.payments{grid-template-columns:1fr 1fr 1.2fr;gap:22px;align-items:stretch}
.payments .payment-card{position:relative;min-width:0;padding:28px;border:1px solid #e1e4e9;border-radius:23px;background:#fff;box-shadow:0 2px 3px #18233502;transition:box-shadow .2s,border-color .2s}
.payments .payment-card:hover{border-color:#ccd1da;box-shadow:0 12px 28px #17213709}
.payment-card-heading{display:flex;align-items:center;gap:14px;margin-bottom:22px;min-height:48px}
.payment-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;background:#f3f3f4;border-radius:14px;color:#222426}
.payment-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.payments .payment-card h4{font-size:22px;line-height:1.15;letter-spacing:-.6px;font-weight:800}
.payments .payment-card-heading p{font:600 11px/1.5 monospace;letter-spacing:1.7px;margin:3px 0 0;color:#7c8493;white-space:nowrap}
.payment-methods{display:flex;gap:12px}
.payment-method{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:126px;background:#f8f9fb;border:1px solid #f0f1f4;border-radius:15px}
.payment-mark{height:48px;width:100%;display:flex;align-items:center;justify-content:center}
.payment-mark svg{height:42px;width:82px;display:block;overflow:visible}
.payment-apple svg{width:76px;height:35px}.payment-google svg{width:70px}.payment-master svg{width:63px}
.payment-method>span{font:600 10px/1.4 monospace;letter-spacing:1.6px;color:#7b8291;text-align:center}
.payments .crypto{border-color:#ffd298;background:linear-gradient(180deg,#fff 10%,#fffaf3 58%,#ffefd8 100%)}
.payments .crypto:hover{border-color:#f4bb74;box-shadow:0 12px 28px #b977170b}
.crypto .payment-icon{background:#ffe6e7;color:#f0223b}
.crypto .payment-card-heading{padding-right:52px}
.payments .crypto .payment-card-heading p{color:#bc5b15;letter-spacing:1.2px}
.crypto .payment-method{background:#ffffffb3;border-color:#ffe3ba}
.payment-bitcoin svg,.payment-ethereum svg,.payment-usdt svg{width:46px;height:46px}
.payment-discount{position:absolute;right:20px;top:21px;padding:6px 13px;border-radius:30px;background:linear-gradient(130deg,#f31f3b,#c81228);color:white;font-size:14px;line-height:1.2;font-weight:800;box-shadow:0 7px 15px #e71f3830;letter-spacing:.2px}
@media(max-width:1200px) and (min-width:761px){.payments{gap:15px}.payments .payment-card{padding:20px}.payment-card-heading{gap:10px}.payment-icon{width:40px;height:40px;flex-basis:40px;border-radius:12px}.payments .payment-card h4{font-size:20px}.payments .payment-card-heading p{font-size:8px;letter-spacing:1px}.payment-methods{gap:8px}.payment-method>span{font-size:8px;letter-spacing:.8px}.payment-discount{right:12px;top:15px;font-size:11px;padding:5px 9px}.crypto .payment-card-heading{padding-right:35px}.payment-method{height:115px}.payment-mark svg{max-width:66px}}
@media(max-width:760px){.payments{grid-template-columns:1fr;gap:18px;max-width:540px;margin:auto}.payments .payment-card{padding:24px;border-radius:21px}.payment-card-heading{margin-bottom:20px}.payment-method{height:120px}.payment-discount{right:22px;top:22px}.payments .payment-card-heading p{font-size:10px}.payment-method>span{font-size:10px;letter-spacing:1.3px}}
@media(max-width:360px){.payments .payment-card{padding:19px}.payment-icon{width:40px;height:40px;flex-basis:40px}.payment-card-heading{gap:10px}.payments .payment-card h4{font-size:20px}.payments .payment-card-heading p{font-size:8px;letter-spacing:1px}.payment-discount{font-size:11px;right:16px;top:19px}.payment-method{height:110px}.payment-method>span{font-size:8px;letter-spacing:1px}}