/* input(3,30): run-time error CSS1030: Expected identifier, found '>'
input(3,48): run-time error CSS1025: Expected comma or open brace, found ')'
input(11,30): run-time error CSS1030: Expected identifier, found '>'
input(11,48): run-time error CSS1025: Expected comma or open brace, found ')'
input(17,30): run-time error CSS1030: Expected identifier, found '>'
input(17,48): run-time error CSS1025: Expected comma or open brace, found ')'
input(21,30): run-time error CSS1030: Expected identifier, found '>'
input(21,48): run-time error CSS1025: Expected comma or open brace, found ')'
input(26,30): run-time error CSS1030: Expected identifier, found '>'
input(26,48): run-time error CSS1025: Expected comma or open brace, found ')'
input(31,30): run-time error CSS1030: Expected identifier, found '>'
input(31,48): run-time error CSS1025: Expected comma or open brace, found ')'
input(38,30): run-time error CSS1030: Expected identifier, found '>'
input(38,48): run-time error CSS1025: Expected comma or open brace, found ')'
input(46,30): run-time error CSS1030: Expected identifier, found '>'
input(46,48): run-time error CSS1025: Expected comma or open brace, found ')'
input(50,30): run-time error CSS1030: Expected identifier, found '>'
input(50,48): run-time error CSS1025: Expected comma or open brace, found ')' */
/* Preserve the theme's mobile accordion and keep the newsletter in its own column. */
@media (min-width: 768px) {
    footer .footer-upper:has(> .occasion-footer) {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 24px;
        align-items: start;
        max-width: calc(100% - 48px);
    }

    footer .footer-upper:has(> .occasion-footer) > .footer-block {
        width: auto;
        min-width: 0;
        margin: 0;
    }

    footer .footer-upper:has(> .occasion-footer) > .follow-us {
        grid-column: 1 / -1;
    }

    footer .footer-upper:has(> .occasion-footer) .newsletter {
        width: 100%;
        max-width: 400px;
    }

    footer .footer-upper:has(> .occasion-footer) .newsletter-email {
        display: flex;
        width: 100%;
    }

    footer .footer-upper:has(> .occasion-footer) .newsletter-email input {
        flex: 1 1 0;
        width: 0;
        min-width: 0;
        margin: 0;
    }

    footer .footer-upper:has(> .occasion-footer) .newsletter-email button {
        flex: 0 0 90px;
        margin: 0;
        right: 0;
    }
}

@media (min-width: 1001px) {
    footer .footer-upper:has(> .occasion-footer) {
        grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(260px, 1.45fr);
    }

    footer .footer-upper:has(> .occasion-footer) > .follow-us {
        grid-column: auto;
    }
}