/* Payment page only: shared shell and source material remain unchanged. */
/* The shell's mobile dock reserve belongs below content, not the header. */
.mmu-payment-page .mmu-shell-header{padding-bottom:0}
.mmu-payments{color:#102444;background:#f7faff;font:18px/1.65 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.mmu-payments *{box-sizing:border-box}
.mmu-payments .pay-wrap{width:min(1200px,calc(100% - 96px));margin:0 auto;padding:26px 0 72px}
.mmu-payments .breadcrumbs{font-size:14px;color:#53667d;margin-bottom:42px}
.mmu-payments .breadcrumbs a{color:#53667d;text-underline-offset:4px}
.mmu-payments .pay-hero{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:64px;align-items:start;margin-bottom:40px}
.mmu-payments h1{font-size:clamp(34px,3.5vw,52px);line-height:1.12;letter-spacing:-.035em;margin:0 0 24px;font-weight:750}
.mmu-payments .pay-intro{color:#53667d;max-width:750px}
.mmu-payments .pay-intro p{margin:0 0 16px}
.mmu-payments .pay-intro p:last-child{margin-bottom:0}
.mmu-payments .pay-help{padding:24px;border:1px solid #d8e7fa;background:#fff;border-radius:18px;box-shadow:0 6px 24px #245b9008}
.mmu-payments .pay-help-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:#006cf1;background:#edf5ff;font-size:24px;margin-bottom:14px}
.mmu-payments .pay-help p{margin:0 0 16px;font-size:15px;color:#53667d}
.mmu-payments .pay-help .pay-help-title{font-size:20px;color:#102444;font-weight:700;line-height:1.3;margin-bottom:8px}
.mmu-payments .pay-request{display:flex;align-items:center;justify-content:center;gap:14px;min-height:50px;padding:12px 16px;border-radius:10px;background:#006cf1;color:#fff;text-decoration:none;font-size:16px;font-weight:700}
.mmu-payments .pay-request:hover{background:#005bc9}
.mmu-payments a:focus-visible{outline:3px solid #006cf1;outline-offset:4px}
.mmu-payments .pay-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.mmu-payments .pay-card{background:#fff;border:1px solid #e1eaf4;border-radius:16px;overflow:hidden;min-width:0;box-shadow:0 4px 18px #245b9006}
.mmu-payments .pay-card-visual{height:150px;margin:10px 10px 0;padding:22px;border-radius:10px;position:relative}
.mmu-payments .pay-bank-logo{width:auto;max-width:85%;height:32px;object-fit:contain;object-position:left center;display:block}
.mmu-payments .pay-network-logo{position:absolute;right:20px;bottom:18px;width:58px;height:30px;object-fit:contain;object-position:right center}
.mmu-payments .sberbank{background:linear-gradient(115deg,#128444,#58b834)}
.mmu-payments .alfabank{background:linear-gradient(115deg,#bf241c,#ed3329)}
.mmu-payments .tinkoffbank{background:linear-gradient(115deg,#151515,#333)}
.mmu-payments .ozon{background:linear-gradient(115deg,#0044d8,#086bfa)}
.mmu-payments .kapitalbank{background:linear-gradient(115deg,#be1526,#e52a3e)}
.mmu-payments .raiffaisenbank{background:#f4ed48}
.mmu-payments .pay-card-label{font-size:17px;font-weight:700;margin:14px 22px 18px;line-height:1.4}
.mmu-payments .pay-notice{margin-top:32px;padding:24px 28px;border:1px solid #dce7f4;border-left:4px solid #006cf1;border-radius:12px;background:#fff;color:#53667d;white-space:pre-line;font-size:16px;line-height:1.65}
.mmu-payments .pay-notice::first-line{font-weight:700;color:#102444}
@media(max-width:1000px){.mmu-payments .pay-wrap{width:calc(100% - 48px)}.mmu-payments .pay-hero{grid-template-columns:minmax(0,1fr) 300px;gap:28px}.mmu-payments .pay-grid{gap:16px}.mmu-payments .pay-card-visual{padding:18px}.mmu-payments .pay-bank-logo{height:27px;max-width:100%}}
@media(max-width:768px){.mmu-payments .pay-hero{grid-template-columns:1fr;gap:24px;margin-bottom:28px}.mmu-payments .pay-help{padding:22px}.mmu-payments .pay-help-icon{display:none}.mmu-payments .pay-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mmu-payments .breadcrumbs{margin-bottom:28px}.mmu-payments .pay-wrap{padding-bottom:56px}}
@media(max-width:480px){.mmu-payments{font-size:17px}.mmu-payments .pay-wrap{width:calc(100% - 36px);padding-top:20px}.mmu-payments h1{font-size:36px;margin-bottom:20px}.mmu-payments .pay-grid{grid-template-columns:1fr;gap:16px}.mmu-payments .pay-card-visual{height:138px;padding:22px}.mmu-payments .pay-bank-logo{height:32px;max-width:85%}.mmu-payments .pay-notice{padding:20px;font-size:16px}.mmu-payments .pay-card-label{margin:12px 22px 16px}}
@media(prefers-reduced-motion:reduce){.mmu-payment-page{scroll-behavior:auto}}