.maki-footer-main {

    background: #262626;

    color: #cbd5e1;

    padding: 44px 24px 20px;

}



.maki-footer-main__grid {

    align-items: start;

    display: grid;

    gap: 28px 40px;

    grid-template-columns: minmax(240px, 1.35fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);

    justify-content: space-between;

    margin: 0 auto;

    max-width: 1280px;

    width: 100%;

}



.maki-footer-main__brand {

    padding-right: 12px;

}



.maki-footer-main__col--social {

    justify-self: end;

    text-align: right;

}



.maki-footer-main__col--social .maki-footer-main__list li {

    margin-left: auto;

}



.maki-footer-main__logo {

    display: block;

    margin-bottom: 12px;

    max-height: 58px;

    width: auto;

}



.maki-footer-main h3,

.maki-footer-main h4 {

    color: #ffffff;

    margin: 0 0 10px;

    text-transform: uppercase;

}



.maki-footer-main h3 {

    font-size: 1.1rem;

}



.maki-footer-main h4 {

    font-size: 0.95rem;

    letter-spacing: 0.04em;

}



.maki-footer-main p {

    line-height: 1.65;

    margin: 0;

}



.maki-footer-main__list {

    list-style: none;

    margin: 0;

    padding: 0;

}



.maki-footer-main__list li {

    margin: 0 0 8px;

}



.maki-footer-main a {

    color: #e2e8f0;

    text-decoration: none;

}



.maki-footer-main a:hover {

    color: #d49a63;

    text-decoration: underline;

}



.maki-footer-main__bottom {

    border-top: 1px solid rgba(255, 255, 255, 0.18);

    margin: 28px auto 0;

    max-width: 1280px;

    padding-top: 12px;

    width: 100%;

}



.maki-footer-main__bottom p {

    color: #94a3b8;

    font-size: 0.84rem;

}



@media (max-width: 1024px) {

    .maki-footer-main__grid {

        grid-template-columns: repeat(2, minmax(0, 1fr));

    }



    .maki-footer-main__col--social {

        justify-self: start;

        text-align: left;

    }



    .maki-footer-main__col--social .maki-footer-main__list li {

        margin-left: 0;

    }

}



@media (max-width: 640px) {

    .maki-footer-main {

        padding-inline: 20px;

    }



    .maki-footer-main__grid {

        gap: 24px;

        grid-template-columns: 1fr;

    }

}