footer {
    background: var(--dark-blue);
    color: white;
    padding: 180px 0 80px 0;

    /* Top curve – inverted direction */
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0,0 H100 V100 H0 Z M0,0 Q50,15 100,0 Z' fill='black'/%3E%3C/svg%3E")
    0 0 / 100% 100% no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0,0 H100 V100 H0 Z M0,0 Q50,15 100,0 Z' fill='black'/%3E%3C/svg%3E")
    0 0 / 100% 100% no-repeat;
}

footer a {
    color: white;
    text-decoration: none;
}

footer a:hover {
    text-decoration: underline;
}

.footer-top {
    width: var(--max-width-full);
    max-width: var(--max-width);
    margin: 0 auto 40px auto;
}

.footer-top__inner {
    display: flex;
    gap: 200px;
    justify-content: space-between;
}

.footer-top .footer-logo {
    width: 220px;
}

.footer-top .footer-menu-title {
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 20px 0;
    display: block;
}

.footer-top ul.footer-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.footer-top ul.footer-menu a {
    font-size: 18px;
}

.footer-top .footer-brand {
    width: 300px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.footer-top .footer-cols {
    display: flex;
    gap: 150px;
    justify-content: flex-end;
}

.footer-bottom {
    width: var(--max-width-full);
    max-width: var(--max-width);
    margin: 0 auto;
    font-size: 14px;
}

.footer-bottom__inner {
    display: flex;
    gap: 200px;
    justify-content: space-between;
}

.footer-menu--legal {
    display: flex;
    list-style-type: none;
    padding: 0;
    margin: 0;
    gap: 30px;
}

.footer-menu--legal a {
    font-size: 14px;
}

@media (max-width:880px) {
    footer {
        padding: 100px 0 20px 0;

        /* Top curve – inverted direction */
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0,0 H100 V100 H0 Z M0,0 Q50,4 100,0 Z' fill='black'/%3E%3C/svg%3E")
        0 0 / 100% 100% no-repeat;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0,0 H100 V100 H0 Z M0,0 Q50,4 100,0 Z' fill='black'/%3E%3C/svg%3E")
        0 0 / 100% 100% no-repeat;
    }

    .footer-top {
        margin-bottom: 20px;
    }

    .footer-top__inner {
        flex-direction: column;
        gap: 20px;
    }

    .footer-top .footer-cols {
        flex-direction: column;
        gap: 40px;
    }

    .footer-bottom__inner {
        flex-direction: column;
        gap: 40px;
    }

    .footer-bottom__left {
        order: 2;
    }
}