.payment-steps{--ps-navy: #173B5E;--ps-navy-deep: #0F2A44;--ps-sky: #EAF4FC;--ps-sky-mid: #D7EAFA;--ps-border: #CFE3F5;--ps-glow: #4FC1F5;--ps-glow-deep: #1E88C7;--ps-ink: #12151A;--ps-muted: #5A6B7B;padding:72px 0;position:relative;overflow:hidden;background:#fff}.payment-steps__wrap{max-width:1180px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.payment-steps__head{text-align:center;margin-bottom:48px}.payment-steps__head h2{font-size:clamp(26px,4vw,34px);font-weight:800;color:var(--ps-ink);margin:0 0 10px;letter-spacing:-.01em}.payment-steps__head p{font-size:14.5px;color:var(--ps-muted);margin:0}.payment-steps__grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:16px}.payment-steps__card{position:relative;z-index:1;background:linear-gradient(180deg,var(--ps-sky),#FFFFFF 130%);border:1px solid var(--ps-border);border-radius:20px;padding:40px 28px 32px;text-align:center;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background .28s ease}.payment-steps__number{position:absolute;top:-18px;left:50%;transform:translate(-50%);width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--ps-navy),var(--ps-navy-deep));color:#fff;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px #173b5e59;transition:transform .3s ease,background .3s ease,box-shadow .3s ease}.payment-steps__icon-circle{width:64px;height:64px;margin:18px auto 16px;border-radius:50%;background:#fff;box-shadow:0 8px 20px #173b5e1f;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,background .3s ease,box-shadow .3s ease}.payment-steps__icon{font-size:28px;line-height:1;transition:transform .3s ease}.payment-steps__card h3{font-size:18px;font-weight:800;color:var(--ps-ink);margin:0 0 10px}.payment-steps__card p{font-size:13.5px;color:var(--ps-muted);line-height:1.5;margin:0}.payment-steps__swipe-hint{display:none;text-align:center;font-size:12px;font-weight:600;color:var(--ps-muted);letter-spacing:.02em;margin:0 0 28px}.payment-steps__footnote{text-align:center;font-size:13px;font-weight:500;color:var(--ps-muted);max-width:720px;margin:0 auto;line-height:1.6}@media(hover:hover)and (pointer:fine){.payment-steps__card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #173b5e2e;border-color:var(--ps-navy);background:#fff}.payment-steps__card:hover .payment-steps__number{transform:translate(-50%) scale(1.15) rotate(-8deg);background:linear-gradient(135deg,var(--ps-glow),var(--ps-glow-deep));box-shadow:0 0 22px 6px #4fc1f5a6,0 8px 18px #1e88c780}.payment-steps__card:hover .payment-steps__icon-circle{background:var(--ps-sky-mid);box-shadow:0 10px 22px #173b5e33;transform:scale(1.1) rotate(6deg)}.payment-steps__card:hover .payment-steps__icon{transform:scale(1.1)}}@media(max-width:749px){.payment-steps{padding:40px 0}.payment-steps__head{margin-bottom:24px}.payment-steps__head h2{font-size:24px;margin:0 0 8px}.payment-steps__head p{font-size:13px}.payment-steps__grid{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:24px;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:14px;margin:0 -24px 4px;padding:36px 24px 12px}.payment-steps__grid::-webkit-scrollbar{display:none}.payment-steps__card{flex:0 0 80%;scroll-snap-align:start;padding:32px 22px 26px}.payment-steps__number{top:-14px;width:32px;height:32px;font-size:14px;background:linear-gradient(135deg,var(--ps-glow),var(--ps-glow-deep));box-shadow:0 0 18px 5px #4fc1f599,0 6px 14px #1e88c773}.payment-steps__icon-circle{width:52px;height:52px;margin:14px auto 12px}.payment-steps__icon{font-size:24px}.payment-steps__card h3{font-size:16px;margin:0 0 8px}.payment-steps__card p{font-size:12.5px}.payment-steps__swipe-hint{display:block;font-size:11px;margin:0 0 18px}.payment-steps__swipe-hint:after{content:" \2192"}.payment-steps__footnote{font-size:12px}}@media(max-width:749px){.payment-steps__card:active{transform:translateY(-3px) scale(.98);box-shadow:0 14px 28px #173b5e29;border-color:var(--ps-navy);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.payment-steps__card:active .payment-steps__icon-circle{transform:scale(1.08);transition:transform .15s ease}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-payment-steps.css.map */