/* Keep the expanded desktop navigation on one line. */
@media (min-width: 1251px) {
    .header-main__inner {
        gap: 16px;
    }

    .header-brand {
        flex: 0 0 auto;
        gap: 24px;
    }

    .header-actions {
        margin-left: auto;
    }

    .header-nav__list {
        gap: 20px;
    }

    .header-categories__toggle,
    .header-nav__list li a {
        font-size: 12px;
        letter-spacing: .25px;
    }

    .header-actions {
        gap: 16px;
    }
}

/* Switch before the expanded navigation becomes crowded. */
@media (min-width: 1181px) and (max-width: 1250px) {
    .header-main__inner,
    .header-brand {
        gap: 18px;
    }

    .header-nav,
    .header-categories {
        display: none;
    }

    .burger {
        display: flex;
    }
}

/* The mobile header is sticky and already occupies space in the document flow. */
@media (max-width: 767px) {
    body > main,
    .site-main,
    .woocommerce-main {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    body > main > :first-child,
    .site-main > :first-child,
    .woocommerce-main > :first-child {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}