@media (max-width: 950px) {
    .header-inner {
        flex-wrap: wrap;
        gap: 12px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .header-inner nav {
        display: flex;
        order: 3;
        width: 100%;
        gap: 18px;
        overflow-x: auto;
        padding: 7px 0 2px;
        scrollbar-width: thin;
    }

    .header-inner nav a {
        flex: 0 0 auto;
        white-space: nowrap;
    }
}

@media (max-width: 600px) {
    .header-inner {
        padding: 9px 16px;
    }

    .button-small {
        padding: .55rem .8rem;
        font-size: .78rem;
    }

    .button-small::after {
        content: none;
    }
}