.city-btn, .branch-btn {
    border-radius: 17px;
    padding: 8px 35px;
    border: 1px solid #ddd;
    background: #fff;
    color: #000;
    transition: all 0.3s;
}

    .city-btn.active, .branch-btn.active {
        background: #222E59;
        color: #fff;
        border-color: #222E59;
    }

    .city-btn:hover, .branch-btn:hover {
        background: #222E59;
        color: #fff;
        border-color: #222E59;
    }

.branch-info {
    min-height: 80px;
    background: #f7f7f7;
}

.branches-header {
    position: relative;
}

    .branches-header::before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background-color: #ddd;
        margin-bottom: 30px;
    }

.branches-title {
    font-size: 1.1rem;
    color: #666;
}


#branch-info {
    background-color: #fff;
    border-radius: 17px;
    border: 1px solid #ddd;
    padding: 20px 24px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    margin-top: 16px;
}