.main-footer {padding-inline: var(--content-padding)}
.main-footer a:not(.button1, .button2):hover{color:#666;}
.main-footer a:not(.button1, .button2):active{color:#2256b8;}

.top-footer {
    border-top:1px solid #e6e6e6;
    padding-top:1em;
    margin-bottom:1em;
    max-width:var(--content-limit-width);
    margin-inline:auto;
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap:1em;
    --margin-item-left:30px;
}
.top-footer>* {border-left:1px solid #e6e6e6;}
.top-footer>*>*:not(.title) {margin-left:var(--margin-item-left);}
.top-footer ul {list-style:none;}
.top-footer ul>li+li {margin-top:.5em;}
.top-footer .title {font-weight:bold;margin-bottom:1em;font-size:1.2em;border-left:5px solid #000;padding-left:calc(var(--margin-item-left) - 5px);min-height:40px;align-content: center}


.stopka {display:flex;align-items:center;justify-content: space-between;gap:10px;border-top:1px solid #e6e6e6;padding-block:10px;}


@media screen and (max-width: 924px) {
    .top-footer {--margin-item-left:20px;}
}
@media screen and (max-width: 796px) {
    .top-footer {grid-template-columns:repeat(2, 1fr);}
    .top-footer .title {margin-bottom:.5em;}
    .stopka {flex-direction: column;}
}
@media screen and (max-width: 450px) {
    .top-footer {grid-template-columns:auto;}
}