@media (min-width: 767px) {
    .burger {
        display: none;
    }
    .header-nav {
        display: flex;
        flex-wrap: wrap;
        gap: 18px 28px;
        justify-content: center;
        align-items: center;
        max-width: min(720px, 58vw);
    }
    .header-button {
        margin: 0;
        flex-shrink: 0;
    }
    .header-container {
        padding: 16px 24px;
        gap: 12px;
    }
    nav {
        margin: 0 auto;
    }
    header {
        position: sticky;
    }
}

@media (min-width: 1100px) {
    .header-nav {
        gap: 22px 32px;
        max-width: none;
    }
}