@media (max-width: 991px) {
    .header-container {
        flex-wrap: wrap;
        gap: 12px;
    }

    .header-logo {
        flex: 0 0 140px;
    }

    .header-nav {
        order: 3;
        flex: 1 1 100%;
    }

    .header-nav-list {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 12px 16px;
    }

    .header-nav-list a {
        font-size: 10px;
    }

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

@media (max-width: 575px) {
    .header-nav {
        display: none;
    }

    .header-container {
        justify-content: space-between;
    }
}