html,
body{
height:100%;
}

body{
min-height:100vh;
display:flex;
flex-direction:column;
}

.paymentpage{
flex:1 0 auto;
background:#fff;
}

.site-footer{
margin-top:auto;
}

.header{
box-shadow:
0 1px 0 rgba(0,0,0,0.025),
0 3px 10px rgba(0,0,0,0.03);
}

.paymentpage__inner{
max-width:var(--container);
margin:0 auto;
padding:0 24px;
}

.paymentpage__top{
padding:25px 0 18px;
}

.paymentpage__crumbs{
font-size:12px;
color:rgba(0,0,0,.45);
display:flex;
gap:8px;
align-items:center;
margin:0 0 10px;
}

.paymentpage__crumbs a{
color:inherit;
text-decoration:none;
transition:color .25s var(--ease);
}

.paymentpage__crumbs a:hover{
color:rgba(139,30,63,.72);
}

.paymentpage__h1{
margin:0 0 6px;
font-size:18px;
line-height:1.4;
font-weight:600;
color:rgba(0,0,0,.86);
}

.paymentpage__lead{
margin:0;
font-size:13px;
color:rgba(0,0,0,.55);
line-height:1.45;
}

.paymentpage__content{
padding:8px 0 110px;
}

.paymentpage__block + .paymentpage__block{
margin-top:34px;
}

.paymentpage__block h2{
margin:0 0 18px;
font-size:18px;
line-height:1.45;
font-weight:500;
color:rgba(0,0,0,.88);
}

.paymentpage__block p{
margin:0 0 10px;
font-size:15px;
line-height:1.55;
color:rgba(0,0,0,.55);
}

.paymentpage__block p span{
font-weight: 500;
} 

.paymentpage__block ul{
margin:0 0 18px 20px;
padding:0;
}

.paymentpage__block li{
margin:0 0 6px;
font-size:15px;
line-height:1.55;
color:rgba(0,0,0,.55);
}

@media (max-width: 900px){
.paymentpage__content{
padding:8px 0 70px;
}
}

@media (max-width: 599px){
.paymentpage__top{
padding:22px 0 14px;
}

.paymentpage__h1{
font-size:17px;
}

.paymentpage__block + .paymentpage__block{
margin-top:28px;
}

.paymentpage__block h2{
font-size:15px;
margin-bottom:14px;
}

.paymentpage__block p,
.paymentpage__block li{
font-size:14px;
line-height:1.6;
}
}