html.footer-unfixed footer {
    margin-bottom: -22px;
}

footer > .container {
 display: grid;
 grid-template-columns: 1fr;
 gap: var(--spacing-m);
}

footer > .container > .custom-spacer {
    height: clamp(80px, calc(5vh + 5vw), 150px);
}

@media screen and (min-width: 750px) {
    footer > .container {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media screen and (max-width: 749px) {
    footer > .container {
        gap: var(--spacing-xl);
    }

    #footer-logo {
        margin-top: var(--spacing-s);
        justify-content: center;
    }   
}

/* –––––––––––––––––––––––––––––– FOOTER UNFIXED –––––––––––––––––––––––––––––––––*/
html:not(.footer-unfixed) footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

html:not(.footer-unfixed) section {
    z-index: 1;
}

html:not(.footer-unfixed) .last-section {
    margin-bottom: calc(var(--footer-height) - 22px);
}